.container{width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto;}
.container-fluid{width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto;}
.row { display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; }
.row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: 10px; padding-left: 10px; }
.col { flex: 1 0 0%; }
.col-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-3 { flex: 0 0 auto; width: 25%; } 
.col-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-6 { flex: 0 0 auto; width: 50%; }
.col-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-9 { flex: 0 0 auto; width: 75%; } 
.col-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-12 { flex: 0 0 auto; width: 100%; }
.offset-1 { margin-left: 8.33333333%; }
.offset-2 { margin-left: 16.66666667%; }
.offset-3 { margin-left: 25%; } 
.offset-4 { margin-left: 33.33333333%; } 
.offset-5 { margin-left: 41.66666667%; } 
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.33333333%; }
.offset-8 { margin-left: 66.66666667%; }
.offset-9 { margin-left: 75%; } 
.offset-10 { margin-left: 83.33333333%; }
.offset-11 { margin-left: 91.66666667%; }
.offset-12 { margin-left: 100%; }
@media (min-width: 576px){ .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-sm-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-sm-3 { flex: 0 0 auto; width: 25%; } 
.col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-sm-6 { flex: 0 0 auto; width: 50%; }
.col-sm-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-sm-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-sm-9 { flex: 0 0 auto; width: 75%; } 
.col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-sm-12 { flex: 0 0 auto; width: 100%; }
.offset-sm-1 { margin-left: 8.33333333%; }
.offset-sm-2 { margin-left: 16.66666667%; }
.offset-sm-3 { margin-left: 25%; } 
.offset-sm-4 { margin-left: 33.33333333%; } 
.offset-sm-5 { margin-left: 41.66666667%; } 
.offset-sm-6 { margin-left: 50%; }
.offset-sm-7 { margin-left: 58.33333333%; }
.offset-sm-8 { margin-left: 66.66666667%; }
.offset-sm-9 { margin-left: 75%; } 
.offset-sm-10 { margin-left: 83.33333333%; }
.offset-sm-11 { margin-left: 91.66666667%; }
.offset-sm-12 { margin-left: 100%; }
}
@media (min-width: 768px){ .col-md-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-md-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-md-3 { flex: 0 0 auto; width: 25%; } 
.col-md-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-md-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-md-6 { flex: 0 0 auto; width: 50%; }
.col-md-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-md-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-md-9 { flex: 0 0 auto; width: 75%; } 
.col-md-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-md-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-md-12 { flex: 0 0 auto; width: 100%; }
.offset-md-1 { margin-left: 8.33333333%; }
.offset-md-2 { margin-left: 16.66666667%; }
.offset-md-3 { margin-left: 25%; } 
.offset-md-4 { margin-left: 33.33333333%; } 
.offset-md-5 { margin-left: 41.66666667%; } 
.offset-md-6 { margin-left: 50%; }
.offset-md-7 { margin-left: 58.33333333%; }
.offset-md-8 { margin-left: 66.66666667%; }
.offset-md-9 { margin-left: 75%; } 
.offset-md-10 { margin-left: 83.33333333%; }
.offset-md-11 { margin-left: 91.66666667%; }
.offset-md-12 { margin-left: 100%; }
}
@media (min-width: 992px){ .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-lg-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-lg-3 { flex: 0 0 auto; width: 25%; } 
.col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-lg-6 { flex: 0 0 auto; width: 50%; }
.col-lg-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-lg-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-lg-9 { flex: 0 0 auto; width: 75%; } 
.col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-lg-12 { flex: 0 0 auto; width: 100%; }
.offset-lg-1 { margin-left: 8.33333333%; }
.offset-lg-2 { margin-left: 16.66666667%; }
.offset-lg-3 { margin-left: 25%; } 
.offset-lg-4 { margin-left: 33.33333333%; } 
.offset-lg-5 { margin-left: 41.66666667%; } 
.offset-lg-6 { margin-left: 50%; }
.offset-lg-7 { margin-left: 58.33333333%; }
.offset-lg-8 { margin-left: 66.66666667%; }
.offset-lg-9 { margin-left: 75%; } 
.offset-lg-10 { margin-left: 83.33333333%; }
.offset-lg-11 { margin-left: 91.66666667%; }
.offset-lg-12 { margin-left: 100%; }
}
@media (min-width: 1200px){ .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-xl-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-xl-3 { flex: 0 0 auto; width: 25%; } 
.col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-xl-6 { flex: 0 0 auto; width: 50%; }
.col-xl-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-xl-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-xl-9 { flex: 0 0 auto; width: 75%; } 
.col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-xl-12 { flex: 0 0 auto; width: 100%; }
.offset-xl-1 { margin-left: 8.33333333%; }
.offset-xl-2 { margin-left: 16.66666667%; }
.offset-xl-3 { margin-left: 25%; } 
.offset-xl-4 { margin-left: 33.33333333%; } 
.offset-xl-5 { margin-left: 41.66666667%; } 
.offset-xl-6 { margin-left: 50%; }
.offset-xl-7 { margin-left: 58.33333333%; }
.offset-xl-8 { margin-left: 66.66666667%; }
.offset-xl-9 { margin-left: 75%; } 
.offset-xl-10 { margin-left: 83.33333333%; }
.offset-xl-11 { margin-left: 91.66666667%; }
.offset-xl-12 { margin-left: 100%; }
}
@media (min-width: 1400px){ .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-xxl-3 { flex: 0 0 auto; width: 25%; } 
.col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-xxl-6 { flex: 0 0 auto; width: 50%; }
.col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-xxl-9 { flex: 0 0 auto; width: 75%; } 
.col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-xxl-12 { flex: 0 0 auto; width: 100%; }
.offset-xxl-1 { margin-left: 8.33333333%; }
.offset-xxl-2 { margin-left: 16.66666667%; }
.offset-xxl-3 { margin-left: 25%; } 
.offset-xxl-4 { margin-left: 33.33333333%; } 
.offset-xxl-5 { margin-left: 41.66666667%; } 
.offset-xxl-6 { margin-left: 50%; }
.offset-xxl-7 { margin-left: 58.33333333%; }
.offset-xxl-8 { margin-left: 66.66666667%; }
.offset-xxl-9 { margin-left: 75%; } 
.offset-xxl-10 { margin-left: 83.33333333%; }
.offset-xxl-11 { margin-left: 91.66666667%; }
.offset-xxl-12 { margin-left: 100%; }
}html{scroll-behavior: smooth;}
*{color: var(--Color-Black); font-family: loos-wide, sans-serif;}
a{text-decoration: none;transition: .5s;cursor: pointer;}
p{margin-top: 0;margin-bottom: 1em;}
svg{transition: .5s;display: block;}
svg path{transition: .5s;}
.d-flex{display: flex;}
.d-none{display: none!important;}
.justify-content-center{justify-content: center;}
.justify-content-space-around{justify-content: space-around;}
.justify-content-space-between{justify-content: space-between;}
.justify-content-flex-end{justify-content: flex-end;}
.align-items-center{align-items: center;}
.wrap{flex-wrap: wrap;}
.gap-20{gap: 20px;}
.p0{padding: 0;}
.overflow-hidden{overflow: hidden;}
.text-center{text-align: center;} 
ul{margin-left: 0;}
.container{padding: 0 8.33333333%;} :root {
--Color-Black: #000;
--Color-White: #fff;
--Color-Grey: #F3F3F3;
--Color-Yellow: #FFE400;
}
body{overflow-x: hidden;}
body.not-scroll{overflow: hidden;}
.grecaptcha-badge { visibility: hidden !important; } .masonry-layout { --columns: 1; --grap: 20px; display: grid; grid-gap: var(--grap); grid-template-columns: repeat(var(--columns), 1fr); } 
.masonry-layout .masonry-item {z-index: 6; display: flex; justify-content: center; margin-bottom: 20px; cursor: pointer;background: var(--Color-Black); position: relative;} 
.masonry-layout .gallery-item img { display: block; height: 100%; max-width: 100%; width: 100%; } 
.masonry-layout .gallery-item video { display: block; height: 100%; max-width: 100%; width: 100%;}
.masonry-layout .gallery-item-video{position: relative;}
.masonry-layout .gallery-item-video::before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0, 0, 0, 0.4);z-index: 1;background-image: url(//magot.we-are-clovis.fr/wp-content/themes/blog-thomas/img/play.png);background-repeat: no-repeat;background-position: center;}
.masonry-layout.columns-1 { --columns: 1; }
.masonry-layout.columns-2 { --columns: 2; }
.masonry-layout.columns-3 { --columns: 3; }
.masonry-layout.columns-4 { --columns: 4; }
.masonry-layout.columns-5 { --columns: 5; }
.masonry-layout.columns-6 { --columns: 6; }
.masonry-layout.columns-7 { --columns: 7; }
.masonry-layout.columns-8 { --columns: 8; }
.masonry-layout.columns-9 { --columns: 9; }
.masonry-layout.columns-10 { --columns: 10; }
.masonry-layout.columns-11 { --columns: 11; }
.masonry-layout.columns-12 { --columns: 12; }  .lightbox { display: none; position: fixed; z-index: 9999; padding-top: 60px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.8); cursor: zoom-out; opacity: 0; transition: opacity 0.4s ease; } .lightbox.show { display: block; opacity: 1; } .lightbox-content { top: 50%; left: 50%; position: absolute; margin: auto; display: block;  max-width: 90%; max-height: 80%; transform: translate(-50%, -50%) scale(0.8); opacity: 0; transition: transform 0.4s ease, opacity 0.4s ease; }
.lightbox-video { background: #000;} .lightbox.show .lightbox-content { transform: translate(-50%, -50%) scale(1); opacity: 1; } .lightbox-close { position: absolute; top: 20px; right: 35px; color: #fff; font-size: 40px; font-weight: bold; cursor: pointer; transition: color 0.3s ease; z-index: 10000; }
.lightbox-close:hover { color: #bbb; } .lightbox-prev, .lightbox-next { position: absolute; top: 50%; transform: translateY(-50%); color: #fff; font-size: 60px; font-weight: bold; cursor: pointer; user-select: none; transition: color 0.3s ease; z-index: 10000; padding: 10px; }
.lightbox-prev { left: 20px; }
.lightbox-next { right: 20px; }
.lightbox-prev:hover svg path, .lightbox-next:hover svg path { fill: #bbb; } .btn{display: inline-flex;border-radius: 50px;transition: .5s; background: var(--Color-Yellow);padding: 18px 28px;color: var(--Color-Black, #000); font-family: loos-wide; font-size: 16px; font-style: normal; font-weight: 700; line-height: 16px;}
.btn:hover{background: var(--Color-Black);color: var(--Color-White);}
.btn.white:hover{background: var(--Color-White);color: var(--Color-Black);} .highlight{position: relative;color: var(--Color-Black);    display: inline-block;}
.highlight::before{content: ''; background-color: var(--Color-Yellow); width: 115%; height: 110%; border-radius: 100px; display: block; z-index: -1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-2deg);} .bloc-text h2{color: var(--Color-Black); font-family: loos-wide; font-size: 42px; font-style: normal; font-weight: 500; line-height: 42px;margin-top: 0;margin-bottom: 30px;}
.bloc-text h3{color: var(--Color-Black); font-family: loos-wide; font-size: 20px; font-style: normal; font-weight: 700; line-height: 20px;margin-top: 0;margin-bottom: 20px;}
.bloc-text p{color: var(--Color-Black); font-family: loos-wide; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.bloc-text li{color: var(--Color-Black); font-family: loos-wide; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.bloc-text p:last-of-type{margin-bottom: 0;} .bloc-media img{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;border-radius: 20px;}
.bloc-media video{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;border-radius: 20px;} .contact form{display: flex;flex-wrap: wrap;gap: 0 20px;}
.contact form>p{width: 100%;display: flex;flex-direction: column;gap: 20px;}
.contact form>p br{display: none;}
.contact form .half{width: calc(50% - 10px);margin-bottom: 20px;}
.contact form .half p{margin: 0;}
.contact form input[type="text"], .contact form input[type="email"], .contact form input[type="tel"]{width: 100%;padding: 10px 20px;border-radius: 25px;border: 1px solid var(--Color-Black); background: transparent; outline: none;color: var(--Color-Black); font-family: loos-wide; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;}
.contact form select{width: 100%;padding: 10px 20px;border-radius: 25px;border: 1px solid var(--Color-Black); background: transparent; outline: none;color: var(--Color-Black); font-family: loos-wide; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;}
.contact form textarea{width: 100%;padding: 10px 20px;border-radius: 25px;border: 1px solid var(--Color-Black); background: transparent; outline: none;color: var(--Color-Black); font-family: loos-wide; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;}
.contact form *::placeholder{color: var(--Color-Black);}
.contact form span{color: var(--Color-Black); font-family: loos-wide; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;}
.contact form span.wpcf7-not-valid-tip{color: #dc3232;}
.contact form .wpcf7-list-item{margin: 0;}
.contact form input[type="submit"]{display: inline-flex;border-radius: 50px;border: none;outline: none; transition: .5s;padding: 18px 28px;color: var(--Color-Black); font-family: loos-wide; font-size: 16px; font-style: normal; font-weight: 700; line-height: 16px;margin-left: auto;background: var(--Color-White);}
.contact form input[type="submit"]:hover{color: var(--Color-White);background: var(--Color-Black);} header{position: absolute;top: 0;left: 0;z-index: 990; width: 100%;padding: 40px 120px 0;}
header .menu-desktop{margin: 0 auto;width: 83.33333333%; max-width: 1920px;display: flex;align-items: center;padding: 20px;position: relative;z-index: 10;border-radius: 60px; border: 1px solid rgba(255, 255, 255, 0.30); background: rgba(255, 255, 255, 0.40); backdrop-filter: blur(22px);}
header .menu-desktop .logo{overflow: hidden;}
header .menu-desktop .navigation{display: flex;align-items: center;justify-content: flex-start;margin-left: 8.33333333%;}
header .menu-desktop .navigation nav>ul.menu{display: flex;gap: 10px;margin: 0;padding: 0;list-style: none;}
header .menu-desktop .navigation nav>ul.menu>li>a{padding: 10px 15px;background:transparent;border-radius: 35px;color: var(--Color-Black); font-family: loos-condensed; font-size: 14px; font-style: normal; font-weight: 500; line-height: 14px;}
header .menu-desktop .navigation nav>ul.menu>li>a:hover{background: var(--Color-Yellow);}
header .menu-desktop .navigation nav>ul.menu>li.open>a{background: var(--Color-Yellow);}
header .menu-desktop .navigation nav>ul.menu>li.current-menu-item>a{background: var(--Color-Yellow);position: relative;}
header .menu-desktop .lang{position: relative;margin-left: auto;margin-right: 10px; background: transparent;border-top-right-radius: 36px;border-top-left-radius: 36px;transition: .3s;}
header .menu-desktop .lang .current{cursor: pointer; display: flex;align-items: center;border-radius: 36px;background: var(--Color-White);padding: 6px;}
header .menu-desktop .lang .current li{list-style: none;}
header .menu-desktop .lang .current li:not(.current-lang){display: none;}
header .menu-desktop .lang .current li a{display: block;}
header .menu-desktop .lang .current li img{width: 36px;height: 36px;display: block;}
header .menu-desktop .lang .select{position: absolute;top: 100%;right: 0;display: flex;border-bottom-left-radius: 36px;border-bottom-right-radius: 36px; flex-direction: column;gap: 5px; max-height: 0px;opacity: 0;visibility: hidden;transition: .3s;padding: 6px;background: var(--Color-White);}
header .menu-desktop .lang .select li{list-style: none;}
header .menu-desktop .lang .select li a{display: block;}
header .menu-desktop .lang .select li img{width: 36px;height: 36px;display: block;}
header .menu-desktop .lang.open{background: var(--Color-White);}
header .menu-desktop .lang.open .select{max-height: 150px;opacity: 1;visibility: visible;}
header .burger-button{padding: 25px; border: 1px solid var(--Color-White); cursor: pointer; transition: .5s; display: none; backdrop-filter: blur(10px); border-radius: 50%;}
header .burger-button:hover{color: var(--Color-Black);background: var(--Color-White);}
header .burger-button:hover svg path{fill: var(--Color-Black);}
header .menu-mobile{transition: .5s;position: absolute;top: 0;left: 0;padding: 140px 20px 20px; width: 100%;height: 100vh;z-index: 8;background: var(--Color-Black);opacity: 0;visibility: hidden;max-height: 0vh;}
header.open .menu-mobile{ opacity: 1; visibility: visible; max-height: 100vh;  }
header .menu-mobile .navigation{display: flex;align-items: center;justify-content: flex-start;}
header .menu-mobile .navigation nav>ul.menu{display: flex;gap: 30px;margin: 0;padding: 0;list-style: none;flex-direction: column;}
header .menu-mobile .navigation nav>ul.menu>li>a{color: var(--Color-White); font-family: loos-wide; font-size: 20px; font-style: normal; font-weight: 400; line-height: 18px; display: inline-block;}
header .menu-mobile .navigation nav>ul.menu>li>a:hover{color: var(--Color-Terra);}
header .menu-mobile .navigation nav>ul.menu>li.open>a{color: var(--Color-Terra);}
header .menu-mobile .navigation nav>ul.menu>li.current-menu-item>a{color: var(--Color-Terra);} footer{width: 100%;margin: 0 auto;max-width: 1920px;padding: 0 120px;}
footer .footer-content{background: var(--Color-Grey);display: flex;gap: 20px;align-items: center;padding: 65px 0;border-radius: 20px 20px 0 0;}
footer .logo{width: 16.66666667%;margin-left: 8.33333333%;}
footer .logo svg{width: 100%;height: auto;display: block;max-width: 250px;overflow-x: visible; overflow-y: visible;}
footer .menu-footer{width: 41.66666667%;margin-left: 8.33333333%;}
footer .menu-footer nav ul{display: flex;gap: 20px;margin: 0;padding: 0;list-style: none;}
footer .menu-footer nav ul li a{color: var(--Color-Black); font-family: loos-wide; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal;}
footer .menu-footer nav ul li a:hover{color: var(--Color-Yellow);}
footer .mention{width: 16.66666667%;text-align: right;}
footer .mention a{color: var(--Color-Black); font-family: loos-wide; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;}
footer .mention a:hover{color: var(--Color-Yellow);} .page-404 #content{background: var(--Color-Black);}
.page-404 #content .content{display: flex;margin: 0 auto;max-width: 1920px;padding: 300px 60px 100px;}
.page-404 #content .content .text{width: 100%;}
.page-404 #content .content .text h1{color: var(--Color-White); font-family: loos-wide; font-size: 40px; font-style: normal; font-weight: 700;margin-top: 0;margin-bottom: 30px;}
.page-404 #content .content .text p{color: var(--Color-Black); font-family: loos-wide; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px;} .page-classique #entry{height: 660px;position: relative;}
.page-classique #entry .media{width: 100%;height: 100%;background: var(--Color-Black);position: relative;z-index: 3;}
.page-classique #entry .media>*{opacity: .6;border-radius: 0px;}
.page-classique #entry .text{position: absolute;top: 60%;transform: translateY(-50%); left: calc(8.33333333% + 120px);z-index: 5;width: 50%;}
.page-classique #entry .text h1{margin-top: 0;    margin-bottom: 35px; color: #FFF; font-family: loos-wide; font-size: 55px; font-style: normal; font-weight: 500; line-height: 55px;}
.page-classique #entry .text p{max-width: 75%; color: #FFF; font-family: loos-wide; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.page-classique #entry .text p:last-of-type{margin-bottom: 0;}
.page-classique #entry .text .btn{margin-top: 30px;}
.page-classique #content{padding: 120px 120px;display: flex;flex-wrap: wrap;}
.page-classique #content .text{margin-left: 8.33333333%;width: 83.33333333%;} .page-home #entry{height: 100vh;position: relative;}
.page-home #entry .media{width: 100%;height: 100%;background: var(--Color-Black);position: relative;z-index: 3;}
.page-home #entry .media>*{opacity: .6;border-radius: 0px;}
.page-home #entry .text{position: absolute;bottom: 13.889vh;left: calc(8.33333333% + 120px);z-index: 5;width: 33.33333333%;}
.page-home #entry .text h1{margin-top: 0;    margin-bottom: 35px; color: #FFF; font-family: loos-wide; font-size: 55px; font-style: normal; font-weight: 500; line-height: 55px;}
.page-home #entry .text p{max-width: 75%; color: #FFF; font-family: loos-wide; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.page-home #entry .text p:last-of-type{margin-bottom: 0;}
.page-home #entry .text .btn{margin-top: 30px;}
.page-home #chiffres-cles{padding: 150px 120px 0;display: flex;flex-wrap: wrap;}
.page-home #chiffres-cles .title{width: 83.33333333%;margin: 0 auto;}
.page-home #chiffres-cles .title h2{color: var(--Color-Black); font-family: loos-wide; font-size: 42px; font-style: normal; font-weight: 500; line-height: 42px;margin-top: 0;margin-bottom: 0;}
.page-home #chiffres-cles .chiffres{width: 83.33333333%;display: flex;gap: 20px;margin: auto;align-items: flex-start;}
.page-home #chiffres-cles .chiffres .chiffre{background: var(--Color-Yellow);width: calc(100% / 5);padding: 60px 20px;border-radius: 20px;}
.page-home #chiffres-cles .chiffres .chiffre .valeur{margin-bottom: 30px;text-align: right; color: var(--Color-Black); font-family: loos-wide; font-size: 52px; font-style: normal; font-weight: 700; line-height: 52px;}
.page-home #chiffres-cles .chiffres .chiffre .description{color: var(--Color-Black); font-family: loos-wide; font-size: 20px; font-style: normal; font-weight: 700; line-height: 20px;margin-bottom: 0;width: 80%;}
.page-home #passion{padding: 120px 120px 0;display: flex;flex-wrap: wrap;}
.page-home #passion .media{width: 41.66666667%;margin-left: 8.33333333%;}
.page-home #passion .text{width: 33.33333333%;margin-left: 8.33333333%;padding: 80px 0;}
.page-home #passion .text p{width: 75%;}
.page-home #references{padding: 120px 120px 0;display: flex;flex-wrap: wrap;align-items: center;}
.page-home #references .media{width: 66.66666667%;}
.page-home #references .text{width: 25%;margin-left: 8.33333333%;}
.page-home #references .references-list{width: 100%;display: flex;gap: 20px;}
.page-home #references .references-list .reference{height: 100%; width: 16.66666667%;padding: 10px 20px 20px; border-radius: 20px; border: 2px solid var(--Color-Yellow); background: var(--Color-White);}
.page-home #references .references-list .reference .content{margin-top: 0;transition: all 400ms cubic-bezier(.57,1.78,.61,.74)}
.page-home #references .references-list .reference .content h3{margin-bottom: 10px;}
.page-home #references .references-list .reference .link{opacity: 0;visibility: hidden;max-height: 0;transition: .3s;}
.page-home #references .references-list .reference:hover .content{margin-top: -52px;margin-bottom: 10px;}
.page-home #references .references-list .reference:hover .link{max-height: 52px;opacity: 1;visibility: visible;}
.page-home #accompagnement{padding: 120px 120px 0;display: flex;flex-wrap: wrap;}
.page-home #accompagnement .media{width: 41.66666667%;margin-left: 8.33333333%;}
.page-home #accompagnement .text{width: 33.33333333%;margin-left: 8.33333333%;padding: 80px 0;}
.page-home #accompagnement .text p{width: 75%;}
.page-home #contact{padding: 120px 120px;position: relative; display: flex;align-items: flex-start;}
.page-home #contact::before{border-radius: 20px;background: var(--Color-Yellow);width: calc(91.66666667% - 240px);margin-left: 8.33333333%; height: var(--before-height, 0px);content: '';position: absolute;z-index: -1;}
.page-home #contact .media{width: 41.66666667%;position: relative;z-index: 4;}
.page-home #contact .contact{width: 33.33333333%;margin-left: 16.66666667%;padding: 80px 0;position: relative;z-index: 4}
.page-home #contact .contact h2{color: var(--Color-Black); font-family: loos-wide; font-size: 40px; font-style: normal; font-weight: 500; line-height: 40px;}
.page-home #contact .contact h2.highlight::before{background: var(--Color-White);}
.page-home #contact .text{position: absolute; top: 50%; left: 33.33333333%; transform: translateY(-50%); width: max-content; z-index: 5; background: var(--Color-Black); border-radius: 20px; padding: 30px;}
.page-home #contact .text h3{color: var(--Color-Yellow); margin-top: 0;margin-bottom: 5px;}
.page-home #contact .text p{color: var(--Color-White);}
.page-home #contact .text a{color: var(--Color-White);} .page-entreprise-familiale #entry{height: 660px;position: relative;}
.page-entreprise-familiale #entry .media{width: 100%;height: 100%;background: var(--Color-Black);position: relative;z-index: 3;}
.page-entreprise-familiale #entry .media>*{opacity: .6;border-radius: 0px;}
.page-entreprise-familiale #entry .text{position: absolute;top: 60%;transform: translateY(-50%); left: calc(8.33333333% + 120px);z-index: 5;width: 50%;}
.page-entreprise-familiale #entry .text h1{margin-top: 0;    margin-bottom: 35px; color: #FFF; font-family: loos-wide; font-size: 55px; font-style: normal; font-weight: 500; line-height: 55px;}
.page-entreprise-familiale #entry .text p{max-width: 75%; color: #FFF; font-family: loos-wide; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.page-entreprise-familiale #entry .text p:last-of-type{margin-bottom: 0;}
.page-entreprise-familiale #entry .text .btn{margin-top: 30px;}
.page-entreprise-familiale #specialite{padding: 120px 120px 0;display: flex;flex-wrap: wrap;}
.page-entreprise-familiale #specialite .media{width: 41.66666667%;margin-left: 8.33333333%;}
.page-entreprise-familiale #specialite .text{width: 33.33333333%;margin-left: 8.33333333%;padding: 80px 0;}
.page-entreprise-familiale #pme{padding: 180px 120px 0;display: flex;flex-wrap: wrap;align-items: center;}
.page-entreprise-familiale #pme .media{width: 41.66666667%;margin-left: 8.33333333%;}
.page-entreprise-familiale #pme .text{width: 33.33333333%;margin-left: 8.33333333%;}
.page-entreprise-familiale #savoir-faire{padding: 120px 120px 0;display: flex;flex-wrap: wrap;align-items: center;}
.page-entreprise-familiale #savoir-faire .savoir-faire-list{width: 83.33333333%;margin: auto;display: flex;gap: 60px;}
.page-entreprise-familiale #savoir-faire .savoir-faire-list .savoir-faire{width: 100%;background: var(--Color-Yellow);border-radius: 20px;padding: 30px;}
.page-entreprise-familiale #savoir-faire .savoir-faire-list .savoir-faire .picto{width: 80px;height: 80px;margin-left: auto;}
.page-entreprise-familiale #savoir-faire .savoir-faire-list .savoir-faire .name{margin-top: 52px;margin-bottom: 0;transition: .5s; color: var(--Color-Black); font-family: loos-wide; font-size: 28px; font-style: normal; font-weight: 700;}
.page-entreprise-familiale #savoir-faire .savoir-faire-list .savoir-faire .link{max-height: 0px;transition: .5s;opacity: 0;visibility: hidden;}
.page-entreprise-familiale #savoir-faire .savoir-faire-list .savoir-faire .btn{background: var(--Color-White);}
.page-entreprise-familiale #savoir-faire .savoir-faire-list .savoir-faire .btn:hover{background: var(--Color-Black);}
.page-entreprise-familiale #savoir-faire .savoir-faire-list .savoir-faire:hover .picto{width: 90px;height: 90px;}
.page-entreprise-familiale #savoir-faire .savoir-faire-list .savoir-faire:hover .name{margin-top: -10px;}
.page-entreprise-familiale #savoir-faire .savoir-faire-list .savoir-faire:hover .link{max-height: 52px;opacity: 1;visibility: visible;}
.page-entreprise-familiale #histoire{padding: 180px 120px;display: flex;flex-wrap: wrap;}
.page-entreprise-familiale #histoire .media{width: 58.33333333%;}
.page-entreprise-familiale #histoire .text{width: 25%;margin-left: 8.33333333%;padding: 100px 0 0;}
.page-entreprise-familiale #histoire .timeline{width: 100%;padding: 80px 0 0;}
.page-entreprise-familiale #histoire .timeline .timeline-desktop{position: relative;}
.page-entreprise-familiale #histoire .timeline .dot-line{position: relative;width: 100%;}
.page-entreprise-familiale #histoire .timeline .line{width: 100%; height: 10px;background: var(--Color-Grey);border-radius: 5px;position: absolute;z-index: 5;bottom: 10px;left: 0;}
.page-entreprise-familiale #histoire .timeline .line-filler{width: 0%; height: 10px;background: var(--Color-Yellow);border-radius: 5px;position: absolute;z-index: 6;transition: .5s;bottom: 10px;left: 0;}
.page-entreprise-familiale #histoire .timeline .date{text-align: center;display: inline-block;position: relative;height: 60px;}
.page-entreprise-familiale #histoire .timeline .date .dot{cursor: pointer;height: 20px;width: 20px;border-radius: 50%;background-color: var(--Color-Yellow);display: block;transition: .5s;position: absolute;bottom: 0px;left: 50%;transform: translate(-50%, 0);z-index: 10;}
.page-entreprise-familiale #histoire .timeline .date p{cursor: pointer;position: absolute;top: 0; color: var(--Color-Black); font-family: loos-wide; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;transition: .5s;width: 100%;z-index: 10;margin: 0;}
.page-entreprise-familiale #histoire .timeline .date:hover .dot{background-color: var(--Color-Yellow);height: 30px;width: 30px;bottom: -5px;}
.page-entreprise-familiale #histoire .timeline .date.on .dot{background-color: var(--Color-Yellow);height: 30px;width: 30px;bottom: -5px;}
.page-entreprise-familiale #histoire .timeline .content{padding: 50px 0 0;height: auto;transition: .3s;position: relative;}
.page-entreprise-familiale #histoire .timeline .content .txt{width: 41.66666667%; opacity: 0;visibility: hidden;transition: .3s;position: absolute;left: 50%;transform: translate(-50%, 0); text-align: center;}
.page-entreprise-familiale #histoire .timeline .content .txt.on{opacity: 1;visibility: visible;}
.page-entreprise-familiale #histoire .timeline .content .txt p{color: var(--Color-Black); text-align: center; font-family: loos-wide; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;margin-bottom: 0;}
.page-entreprise-familiale #histoire .timeline .content .txt p.d{margin-bottom: 20px; color: var(--Color-Black); text-align: center; font-family: loos-wide; font-size: 45px; font-style: normal; font-weight: 500; line-height: 45px;}
.page-entreprise-familiale #histoire .timeline .content .txt p.d:before{width: 125%;height: 120%;}
.page-entreprise-familiale #histoire .timeline .timeline-mobile{display: none;position: relative;}
.page-entreprise-familiale #histoire .timeline .timeline-mobile .item {width: 70%;margin: auto;position: relative;}
.page-entreprise-familiale #histoire .timeline .timeline-mobile .item .txt{transition: .3s;}
.page-entreprise-familiale #histoire .timeline .timeline-mobile .item .txt p{color: #ffffff;font-family: Barlow;font-size: 16px;font-weight: 500;text-align: center;}
.page-entreprise-familiale #histoire .timeline .timeline-mobile .item .txt p:last-child{margin-bottom: 0;}
.page-entreprise-familiale #histoire .timeline .timeline-mobile .item .txt p.d{font-size: 25px;margin-bottom: 0;}
.page-entreprise-familiale #histoire .timeline .timeline-mobile .owl-nav{margin-top: 0;}
.page-entreprise-familiale #histoire .timeline .timeline-mobile .owl-nav button{background: transparent;border : none;outline: none;transition: .3s}
.page-entreprise-familiale #histoire .timeline .timeline-mobile .owl-nav button svg{ height: 25px;width: 25px;}
.page-entreprise-familiale #histoire .timeline .timeline-mobile .owl-nav .owl-next{position: absolute;top: 50%;transform: translateY(-50%);right: 5px;}
.page-entreprise-familiale #histoire .timeline .timeline-mobile .owl-nav .owl-prev{position: absolute;top: 50%;transform: translateY(-50%);left: 5px;}
.page-entreprise-familiale #histoire .timeline .timeline-mobile .owl-dots{position: absolute;top: -40px;left: 50%;transform: translateX(-50%);width: 100%;}
.page-entreprise-familiale #histoire .timeline .timeline-mobile .owl-dots .owl-dot{outline: none;}
.page-entreprise-familiale #histoire .timeline .timeline-mobile .owl-dots .owl-dot span{background-color: white;transform: scale(0.6);}
.page-entreprise-familiale #histoire .timeline .timeline-mobile .owl-dots .owl-dot.active span{transform: scale(1.5);background-color: white;box-shadow: 0px 0px 20px rgba(0,0,0,0.5);} .page-savoir-faire #entry{height: 660px;position: relative;}
.page-savoir-faire #entry .media{width: 100%;height: 100%;background: var(--Color-Black);position: relative;z-index: 3;}
.page-savoir-faire #entry .media>*{opacity: .6;border-radius: 0px;}
.page-savoir-faire #entry .text{position: absolute;top: 60%;transform: translateY(-50%); left: calc(8.33333333% + 120px);z-index: 5;width: 50%;}
.page-savoir-faire #entry .text h1{margin-top: 0;    margin-bottom: 35px; color: #FFF; font-family: loos-wide; font-size: 55px; font-style: normal; font-weight: 500; line-height: 55px;}
.page-savoir-faire #entry .text p{max-width: 75%; color: #FFF; font-family: loos-wide; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.page-savoir-faire #entry .text p:last-of-type{margin-bottom: 0;}
.page-savoir-faire #entry .text .btn{margin-top: 30px;}
.page-savoir-faire #savoir-faire-menu{padding: 120px 120px 0;display: flex;flex-wrap: wrap;align-items: center;}
.page-savoir-faire #savoir-faire-menu .savoir-faire-menu-list{width: 83.33333333%;margin: auto;display: flex;gap: 60px;}
.page-savoir-faire #savoir-faire-menu .savoir-faire-menu-list .savoir-faire-menu-item{width: 100%;background: var(--Color-Yellow);border-radius: 20px;padding: 30px;}
.page-savoir-faire #savoir-faire-menu .savoir-faire-menu-list .savoir-faire-menu-item .picto{width: 80px;height: 80px;margin-left: auto;}
.page-savoir-faire #savoir-faire-menu .savoir-faire-menu-list .savoir-faire-menu-item .name{margin-top: 52px;margin-bottom: 0;transition: .5s; color: var(--Color-Black); font-family: loos-wide; font-size: 28px; font-style: normal; font-weight: 700;}
.page-savoir-faire #savoir-faire-menu .savoir-faire-menu-list .savoir-faire-menu-item .link{max-height: 0px;transition: .5s;opacity: 0;visibility: hidden;}
.page-savoir-faire #savoir-faire-menu .savoir-faire-menu-list .savoir-faire-menu-item .btn{background: var(--Color-White);}
.page-savoir-faire #savoir-faire-menu .savoir-faire-menu-list .savoir-faire-menu-item .btn:hover{background: var(--Color-Black);}
.page-savoir-faire #savoir-faire-menu .savoir-faire-menu-list .savoir-faire-menu-item:hover .picto{width: 90px;height: 90px;}
.page-savoir-faire #savoir-faire-menu .savoir-faire-menu-list .savoir-faire-menu-item:hover .name{margin-top: -10px;}
.page-savoir-faire #savoir-faire-menu .savoir-faire-menu-list .savoir-faire-menu-item:hover .link{max-height: 52px;opacity: 1;visibility: visible;}
.page-savoir-faire #savoir-faire-content{padding: 120px 120px;display: flex;flex-wrap: wrap;gap: 120px;}
.page-savoir-faire #savoir-faire-content .savoir-faire-item{width: 100%;display: flex;flex-wrap: wrap;scroll-margin-top: 80px;}
.page-savoir-faire #savoir-faire-content .savoir-faire-item .media{width: 41.66666667%;margin-left: 8.33333333%;}
.page-savoir-faire #savoir-faire-content .savoir-faire-item .text{width: 33.33333333%;margin-left: 8.33333333%;padding: 100px 0;}
.page-savoir-faire #savoir-faire-content .savoir-faire-item:nth-child(even) .media{order:2;}
.page-savoir-faire #savoir-faire-content .savoir-faire-item:nth-child(even) .text{order:1;} .page-catalogue #entry{height: 660px;position: relative;}
.page-catalogue #entry .media{width: 100%;height: 100%;background: var(--Color-Black);position: relative;z-index: 3;}
.page-catalogue #entry .media>*{opacity: .6;border-radius: 0px;}
.page-catalogue #entry .text{position: absolute;top: 60%;transform: translateY(-50%); left: calc(8.33333333% + 120px);z-index: 5;width: 50%;}
.page-catalogue #entry .text h1{margin-top: 0;    margin-bottom: 35px; color: #FFF; font-family: loos-wide; font-size: 55px; font-style: normal; font-weight: 500; line-height: 55px;}
.page-catalogue #entry .text p{max-width: 75%; color: #FFF; font-family: loos-wide; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.page-catalogue #entry .text p:last-of-type{margin-bottom: 0;}
.page-catalogue #entry .text .btn{margin-top: 30px;}
.page-catalogue #references-menu{padding: 120px 120px 0;display: flex;flex-wrap: wrap;}
.page-catalogue #references-menu .references-menu-list{width: 100%;display: flex;gap: 20px;}
.page-catalogue #references-menu .references-menu-list .reference-menu-item{height: 100%; width: 16.66666667%;padding: 10px 20px 20px; border-radius: 20px; border: 2px solid var(--Color-Yellow); background: var(--Color-White);}
.page-catalogue #references-menu .references-menu-list .reference-menu-item .content{margin-top: 0;transition: all 400ms cubic-bezier(.57,1.78,.61,.74)}
.page-catalogue #references-menu .references-menu-list .reference-menu-item .content h3{margin-bottom: 10px;}
.page-catalogue #references-menu .references-menu-list .reference-menu-item .link{opacity: 0;visibility: hidden;max-height: 0;transition: .3s;}
.page-catalogue #references-menu .references-menu-list .reference-menu-item:hover .content{margin-top: -52px;margin-bottom: 10px;}
.page-catalogue #references-menu .references-menu-list .reference-menu-item:hover .link{max-height: 52px;opacity: 1;visibility: visible;}
.page-catalogue #references-content{padding: 120px 120px;display: flex;flex-wrap: wrap;gap: 120px;}
.page-catalogue #references-content .reference-item{width: 100%;display: flex;flex-wrap: wrap;scroll-margin-top: 80px;align-items: center;}
.page-catalogue #references-content .reference-item .reference-carousel{position: relative; width: 41.66666667%;margin-left: 8.33333333%;border-radius: 20px; border: 2px solid var(--Color-Yellow);overflow: hidden;}
.page-catalogue #references-content .reference-item .reference-carousel .owl-dots{position: absolute;margin: 0;left: 50%;transform: translateX(-50%);bottom: 30px;display: flex;gap: 10px;align-items: center;}
.page-catalogue #references-content .reference-item .reference-carousel .owl-dots .owl-dot{transition: .5s; border: 2px solid var(--Color-Black);background: var(--Color-White);border-radius: 50%;width: 12px;height: 12px;}
.page-catalogue #references-content .reference-item .reference-carousel .owl-dots .owl-dot span{display: none;}
.page-catalogue #references-content .reference-item .reference-carousel .owl-dots .owl-dot.active{background: var(--Color-Yellow);border-color: var(--Color-Yellow);}
.page-catalogue #references-content .reference-item .reference-carousel .owl-dots .owl-dot:hover{background: var(--Color-Yellow);border-color: var(--Color-Yellow);}
.page-catalogue #references-content .reference-item .text{width: 33.33333333%;margin-left: 8.33333333%;padding: 50px 0;}
.page-catalogue #references-content .reference-item:nth-child(even) .reference-carousel{order:2;}
.page-catalogue #references-content .reference-item:nth-child(even) .text{order:1;} .page-production #entry{height: 660px;position: relative;}
.page-production #entry .media{width: 100%;height: 100%;background: var(--Color-Black);position: relative;z-index: 3;}
.page-production #entry .media>*{opacity: .6;border-radius: 0px;}
.page-production #entry .text{position: absolute;top: 60%;transform: translateY(-50%); left: calc(8.33333333% + 120px);z-index: 5;width: 50%;}
.page-production #entry .text h1{margin-top: 0;    margin-bottom: 35px; color: #FFF; font-family: loos-wide; font-size: 55px; font-style: normal; font-weight: 500; line-height: 55px;}
.page-production #entry .text p{max-width: 75%; color: #FFF; font-family: loos-wide; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.page-production #entry .text p:last-of-type{margin-bottom: 0;}
.page-production #entry .text .btn{margin-top: 30px;}
.page-production #accompagnement-menu{padding: 120px 120px 0;display: flex;flex-wrap: wrap;}
.page-production #accompagnement-menu .accompagnement-menu-list{width: 100%;display: flex;gap: 20px;}
.page-production #accompagnement-menu .accompagnement-menu-list .accompagnement-menu-item{display: flex;gap: 20px;flex-direction: column;}
.page-production #accompagnement-menu .accompagnement-menu-list .accompagnement-menu-item .content{transition: .5s; width: 100%; border-radius: 20px; background: var(--Color-Yellow);display: flex;align-items: center;justify-content: center;}
.page-production #accompagnement-menu .accompagnement-menu-list .accompagnement-menu-item .title{padding: 0 10px;}
.page-production #accompagnement-menu .accompagnement-menu-list .accompagnement-menu-item .title h3{text-align: center; margin: 0;color: var(--Color-Black); font-family: loos-wide; font-size: 18px; font-style: normal; font-weight: 700; line-height: 20px;}
.page-production #accompagnement-menu .accompagnement-menu-list .accompagnement-menu-item:hover .content{background: var(--Color-Black);}
.page-production #accompagnement-menu .accompagnement-menu-list .accompagnement-menu-item:hover .content .picto path{fill: var(--Color-Yellow);}
.page-production #accompagnement-content{padding: 120px 120px;display: flex;flex-wrap: wrap;gap: 120px;}
.page-production #accompagnement-content .accompagnement-item{width: 100%;display: flex;flex-wrap: wrap;scroll-margin-top: 80px;}
.page-production #accompagnement-content .accompagnement-item .media{width: 41.66666667%;margin-left: 8.33333333%;}
.page-production #accompagnement-content .accompagnement-item .text{width: 33.33333333%;margin-left: 8.33333333%;padding: 100px 0;}
.page-production #accompagnement-content .accompagnement-item:nth-child(even) .media{order:2;}
.page-production #accompagnement-content .accompagnement-item:nth-child(even) .text{order:1;} .page-contact #entry{height: 660px;position: relative;}
.page-contact #entry .media{width: 100%;height: 100%;background: var(--Color-Black);position: relative;z-index: 3;}
.page-contact #entry .media>*{opacity: .6;border-radius: 0px;}
.page-contact #entry .text{position: absolute;top: 60%;transform: translateY(-50%); left: calc(8.33333333% + 120px);z-index: 5;width: 50%;}
.page-contact #entry .text h1{margin-top: 0;    margin-bottom: 35px; color: #FFF; font-family: loos-wide; font-size: 55px; font-style: normal; font-weight: 500; line-height: 55px;}
.page-contact #entry .text p{max-width: 75%; color: #FFF; font-family: loos-wide; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.page-contact #entry .text p:last-of-type{margin-bottom: 0;}
.page-contact #entry .text .btn{margin-top: 30px;}
.page-contact #contact{padding: 120px 120px;position: relative; display: flex;align-items: flex-start;}
.page-contact #contact::before{border-radius: 20px;background: var(--Color-Yellow);width: calc(91.66666667% - 240px);margin-left: 8.33333333%; height: var(--before-height, 0px);content: '';position: absolute;z-index: -1;}
.page-contact #contact .media{width: 41.66666667%;position: relative;z-index: 4;}
.page-contact #contact .contact{width: 33.33333333%;margin-left: 16.66666667%;padding: 80px 0;position: relative;z-index: 4}
.page-contact #contact .contact h2{color: var(--Color-Black); font-family: loos-wide; font-size: 40px; font-style: normal; font-weight: 500; line-height: 40px;}
.page-contact #contact .contact h2.highlight::before{background: var(--Color-White);}
.page-contact #contact .text{position: absolute; top: 50%; left: 33.33333333%; transform: translateY(-50%); width: max-content; z-index: 5; background: var(--Color-Black); border-radius: 20px; padding: 30px;}
.page-contact #contact .text h3{color: var(--Color-Yellow); margin-top: 0;margin-bottom: 5px;}
.page-contact #contact .text p{color: var(--Color-White);}
.page-contact #contact .text a{color: var(--Color-White);} @media screen and (max-width: 1700px) {
}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}