.container-left {
  width: calc(100% - 80px);
  max-width: 1350px;
  margin-left: 55%;
  margin-right: auto;
}


.section-bg-darke,
.content-bg-darke,
.text-bg-darke {
  /* background-color: var(--bg-blue); */
  background: var(--bg-blue-degraded)
}

.espace {
  margin-top: 30px;
}

.imagetout {
  margin-left: -33%;
  width: 80%;
}


@media only screen and (max-width: 399px) {
  .headline-l {
    font-size: 36px;
  }

  .imagetout {
    margin-left: -5%;
    width: 70%;
  }
}

@media only screen and (max-width: 549px) {
  .container-left {
    width: calc(100% - 80px);
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
  }
}

.headline-xxxss {
  font-size: 2.4rem;
}

.produc {
  width: 40%;
  margin-left: 20%;
}

.produc1 {
  width: 40%;
  margin-left: 20%;
  margin-top: 25%;
}

.produc2 {
  width: 40%;
  margin-left: 20%;
  margin-top: 30%;
}

.body-text {
  font-size: 1.5rem;
}

.text-stroke-black-second {
  font-size: 2.2rem;
}

.img-border:before {
  border-radius: 20px;
}

.img-border:after {
  border-radius: 20px;
}

@media only screen and (max-width: 549px) {
  .big-head1 {
    font-size: 60px;
  }
}

.bg-parallax1 {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 1;
}

.border-btn1 {
  display: inline-block;
  position: absolute;
  top: 25px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 900px) {
  .border-btn__inner {
    display: inline-block;
    text-align: center;
    padding: 20px 33px 20px 40px;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #000;
    transition: 0.5s cubic-bezier(0.17, 0.85, 0.438, 0.99);
  }
}

.border-btn:before,
.border-btn:after,
.border-btn__inner:before,
.border-btn__inner:after {
  content: "";
  position: absolute;
  background-color: #070911;
  opacity: 0.2;
  transition: 0.5s cubic-bezier(0.17, 0.85, 0.438, 0.99);
}

.animated-line-content1 {
  font-size: 2.5rem;
}

.reverse1 {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.read-more {
  font-size: 1.5rem;
  display: inline-block;
  color: #000;
}

.section-bg-dark1 {
  margin: 60px auto;
  background-color: #111517;
  ;
}

.padding-top-bottom-31 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.section-bg-blackgrise {
  color: #fff;
  background-image: url(../images/bg-aboutus.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.text-uppercase {
  text-transform: uppercase;

}


.text-black1 {
  font-family: 'UniNeue';
  color: #000;
  font-size: 1.8rem;
  margin-top: -25px;
}