:root {
--white-color:#FFFFFF;
--black-color:#000000;
--primary-color:#DF3230;
--section-bg-color:#F9F9F9;
--dark-color:rgba(33,36,79,1.00);
--p-color:#000000;
--border-color:#eaeaea;
--body-font-family:'Ubuntu', sans-serif;
--title-font-family:'Ubuntu-bold', sans-serif;
--h1-font-size:48px;
--h2-font-size:40px;
--h3-font-size:32px;
--h4-font-size:28px;
--h5-font-size:26px;
--h6-font-size:24px;
--p-font-size:22px;
--sm-font-size:20px;
--menu-font-size:18px;
}
.form-select{
--bs-form-select-bg-img: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Calque_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 52 52"><!-- Generator: Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 142) --><polygon points="26.6 47.9 .9 4.8 51.1 4.1 26.6 47.9"/></svg>') 
}
body{background:var(--white-color);font-family:var(--body-font-family);position:relative;}
.small-text,
h3,
h4,
h5,
h6{color:var(--dark-color);line-height:inherit}
.nav-link,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family:var(--title-font-family);
}
#the_archive_description{min-height:650px}
@media screen and (max-width:1199px){
#the_archive_description{min-height:auto;padding-bottom:25px}
}
#the_archive_description p{font-size:var(--h3-font-size)}
.services-wrapp{min-height:370px}
.small-text{font-size:var(--menu-font-size)}
.bk-color{background:var(--primary-color) }
.color{color:var(--primary-color)}
.w-color{color:var(--white-color) }
h1,
h2 {
color:var(--dark-color)
}

h1,.h1 {
  font-size: var(--h1-font-size);
  line-height: normal;
}

h2 {
  font-size: var(--h2-font-size);
}

h3 {
  font-size: var(--h3-font-size);
}

h4 {
  font-size: var(--h4-font-size);
}

h5 {
  font-size: var(--h5-font-size);
}

h6 {
  font-size: var(--h6-font-size);
}

p {
  color:var(--dark-color);
  font-size: var(--p-font-size);
  font-weight: var(--font-weight-light);
  letter-spacing: 0.5px;
}
li,
a, 
button {
  touch-action: manipulation;
  transition: all 0.3s;
}

a {
  color: var(--p-color);
  text-decoration: none;
}
.btn-black,
.btn-red{cursor:pointer!important;z-index: 1}
.btn-red{border:solid var(--primary-color)}
.btn-black{border:solid var(--black-color)}
.btn-red:hover,
.btn-black:hover{background-color: var(--primary-color)}
.btn-red:hover a,
.btn-black:hover a{color:var(--white-color)}
.bold{font-family: var(--title-font-family)}
.normal{font-family:var(--body-font-family)}
section{padding-top:7rem;padding-bottom:7rem;
}
@media screen and (max-width:991px){
section{padding-top:1rem;padding-bottom:1rem;}
}
.text-justify {
text-align: justify;
word-wrap: break-word;
}
.pre-nav{top:25px}
.pre-nav.form-select,.pre-nav.list-group-item{border-width:10px!important}
.logo{top:-45px}
@media screen and (max-width:767px){
.logo{top:-15px;transform:scale(70%)}
}
.accordion-button:not(.collapsed){background:var(--primary-color);color:var(--white-color)!important}
/*---------------------------------------
  NAVIGATION              
-----------------------------------------*/
.navbar {
  padding-top: 20px;
  padding-bottom: 20px;
}


.navbar-expand-xl .navbar-nav .nav-link {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.navbar-nav .nav-link {
  color: var(--p-color);
  font-weight: var(--font-weight-semibold);
  font-size: var(--menu-font-size);
  padding-top: 15px;
  padding-bottom: 15px;
}

.navbar-nav .nav-item .nav-link.active{border-bottom: medium white solid}
.navbar-nav .nav-item .nav-link.active, 
.nav-link:focus, 
.nav-link:hover {
  color: var(--dark-color);

}

.nav-link:focus {
  color: var(--p-color);
}

.navbar-toggler {
  border: 0;
  padding: 0;
  cursor: pointer;
  margin: 0;
  width: 30px;
  height: 35px;
  outline: none;
}

.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background: transparent;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before,
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;
  top: 0;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
  transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  transform: rotate(-45deg);
}

.navbar-toggler .navbar-toggler-icon {
  background: var(--dark-color);
  transition: background 10ms 300ms ease;
  display: block;
  width: 30px;
  height: 3px;
  position: relative;
}

.navbar-toggler .navbar-toggler-icon:before,
.navbar-toggler .navbar-toggler-icon:after {
  transition: top 300ms 350ms ease, -webkit-transform 300ms 50ms ease;
  transition: top 300ms 350ms ease, transform 300ms 50ms ease;
  transition: top 300ms 350ms ease, transform 300ms 50ms ease, -webkit-transform 300ms 50ms ease;
  position: absolute;
  right: 0;
  left: 0;
  background: var(--dark-color);
  width: 30px;
  height: 3px;
  content: '';
}

.navbar-toggler .navbar-toggler-icon:before {
  top: -8px;
}

.navbar-toggler .navbar-toggler-icon:after {
  top: 8px;
}
.navbar-collapse.collapse.show .nav-link,
.nav-link{position:relative;display:inline-block}
.navbar-collapse.collapse.show .nav-link::after,
.nav-link::after{content:"";height:0px;left:15px;right:15px;bottom:15px;background:red;position:absolute;z-index:-1;opacity:.3;transition: all 0.3s}
.current-menu-item .nav-link::after,
.navbar-collapse.collapse.show .nav-link:hover::after,
.nav-link:hover::after{height:10px}

.carousel-container{padding-left:6vw; position:absolute;right:0;top:6rem;overflow: hidden!important}
#carouselExampleFade .carousel-inner{border-radius:0 0 0 140px;max-height:650px}
@media screen and (max-width:991px){
#carouselExampleFade .carousel-inner{border-radius:0 0 0 40px}
}
@media screen and (max-width:1250px){
.carousel-container{position:relative;padding-left:0;top:auto}
}
@media screen and (min-width:2500px){
.carousel-container{max-width:1300px;padding-left:0;left:47.99vw}
}

#achievements .carousel-inner{max-height:600px; height:60vw}
.pe-6{padding-right:5.8rem}
@media screen and (max-width:991px){
.pe-6{padding-right:0}
}
.border-radius{border-radius:0 0 0 140px}
@media screen and (max-width:991px){
.border-radius{border-radius:0 0 0 40px}
}
.numbers{min-width:80px; max-width:80px;max-height:80px;width:80px;height:80px;display:flex;justify-content:center; border-radius:0 0 0 15px;color:var(--primary-color);background:var(--white-color);margin-right:25px;margin-top:-5px;font-size:42px;line-height:1.7}
.strengths-black{background:var(--black-color);border-radius:0 0 0 40px;
}
.services-wrapp{border:thin solid rgba(0,0,0,1.00);border-radius:0 0 0 40px;transition: all .3s ease;}
.services-wrapp:hover,
.services-wrapp:focus{border:thin solid rgba(0,0,0,1.00);border-radius:0 0 0 40px;background:var(--primary-color);}
.services-wrapp:hover h2,
.services-wrapp:focus h2,
.services-wrapp:hover .color,
.services-wrapp:focus .color,
.services-wrapp:hover p.small-text,
.services-wrapp:focus p.small-text {color:var(--white-color)}
.strengths-white,.strengths-black{position:relative}
.strengths-white p,.strengths-black p{font-size:var(--sm-font-size)}
.strengths-white{top:100px}
@media screen and (max-width:1199px){
.strengths-white{top:0}
}
.fond-img h1{z-index:1}
.layer{position: absolute; top:0;left:0;right:0;bottom:0;background:rgba(9,30,54,0.40)}
.stars-w,
.stars-red{position:relative}
.stars-w::after,
.stars-red::after{content:"";width:65px;height:65px;position:absolute}
.stars-w::after{right:-75px;top:-15px;background:url("images/stars.svg") no-repeat 50% 50%;
background-size:cover;opacity:.65}
.stars-red::after{right:-50px;top:-45px;background:url("images/stars-red.svg") no-repeat 50% 50%;
background-size:cover}
section.map{background:url("images/map.svg") no-repeat 50vw 50%;
background-size:1100px}
@media screen and (max-width:1199px){
section.map{background:none}
}
.blanc-desc{background:rgba(255,255,255,0.85)}
@media screen and (max-width:767px){
.join-installer{position: fixed;bottom:20px;z-index:100}
}
.accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);}