/**
** I - GENERAL
** II - HEADER
** III - FOOTER
** IV - BODY
** 
**
** 
**
** 
**
** 
**
*/
/** 
* * ********************* GENERAL *********************
*/
@font-face {
  font-family: 'Playfair Display';
    font-weight: 400;
    font-style: italic;

    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_qiTbtY.ttf) format('truetype');
}

@font-face {
  font-family: 'Playfair Display';
    font-weight: 500;
    font-style: italic;

    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_pqTbtY.ttf) format('truetype');
}

@font-face {
  font-family: 'Playfair Display';
    font-weight: 400;
    font-style: normal;

    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvUDQ.ttf) format('truetype');
}

@font-face {
  font-family: 'Playfair Display';
    font-weight: 600;
    font-style: normal;

    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKebukDQ.ttf) format('truetype');
}

@font-face {
  font-family: 'Playfair Display';
    font-weight: 700;
    font-style: normal;

    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKeiukDQ.ttf) format('truetype');
}

@font-face {
  font-family: 'Playfair Display';
    font-weight: 800;
    font-style: normal;

    font-display: swap;
    src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKfFukDQ.ttf) format('truetype');
}

@font-face {
  font-family: 'Baloo 2';
    font-weight: 400;
    font-style: normal;

    src: url(https://fonts.gstatic.com/s/baloo2/v1/wXKrE3kTposypRyd118.ttf) format('truetype');
}

@font-face {
  font-family: 'Baloo 2';
    font-weight: 500;
    font-style: normal;

    src: url(https://fonts.gstatic.com/s/baloo2/v1/wXKuE3kTposypRyd76v_JeQ.ttf) format('truetype');
}

@font-face {
  font-family: 'Baloo 2';
    font-weight: 600;
    font-style: normal;

    src: url(https://fonts.gstatic.com/s/baloo2/v1/wXKuE3kTposypRyd74f4JeQ.ttf) format('truetype');
}

@font-face {
  font-family: 'Baloo 2';
    font-weight: 700;
    font-style: normal;

    src: url(https://fonts.gstatic.com/s/baloo2/v1/wXKuE3kTposypRyd7-P5JeQ.ttf) format('truetype');
}

@font-face {
  font-family: 'Baloo 2';
    font-weight: 800;
    font-style: normal;

    src: url(https://fonts.gstatic.com/s/baloo2/v1/wXKuE3kTposypRyd7__6JeQ.ttf) format('truetype');
}

* {
  font-family: 'Baloo 2', cursive;
  box-sizing: border-box;
}

.textAlignCenter {
  text-align: center;
}

.textAlignLeft {
  text-align: left;
}

.textAlignRight {
  text-align: right;
}

.textAlignJustify {
  text-align: justify;
}

.marginAuto {
  margin: auto;
}

.textColorBlack {
  color: #000;
}

.textColorGrey {
  color: #4d4d4d;
}

.textSize12 {
  font-size: 12px;
}

.textSize14 {
  font-size: 14px;
}

.textSize15 {
  font-size: 15px;
}

.textSize16 {
  font-size: 16px;
}

.textSize17 {
  font-size: 17px;
}

.textSize21 {
  font-size: 21px;
}

.textSize21 {
  font-size: 21px;
}

.textSize23 {
  font-size: 23px;
}

.textSize25 {
  font-size: 25px;
}

.textSize27 {
  font-size: 27px;
}

.textSize32 {
  font-size: 32px;
}

.textSize35 {
  font-size: 35px;
}

.textSize40 {
  font-size: 40px;
}

.textSize45 {
  font-size: 45px;
}

.textSize50 {
  font-size: 50px;
}

.textSize55 {
  font-size: 55px;
}

.lineHeight12 {
  line-height: 12px;
}

.lineHeight14 {
  line-height: 14px;
}

.lineHeight16 {
  line-height: 16px;
}

.lineHeight18 {
  line-height: 18px;
}

.lineHeight20 {
  line-height: 20px;
}

.lineHeight22 {
  line-height: 22px;
}

.lineHeight24 {
  line-height: 24px;
}

.lineHeight26 {
  line-height: 26px;
}

.fontweight300 {
  font-weight: 300;
}

.fontweight400 {
  font-weight: 400;
}

.fontweight500 {
  font-weight: 500;
}

.fontweight600 {
  font-weight: 600;
}

.fontweight700 {
  font-weight: 700;
}

.m-t0 {
  margin-top: 0;
}

.m-t5 {
  margin-top: 5px;
}

.m-t15 {
  margin-top: 15px;
}

.m-t30 {
  margin-top: 30px;
}

.m-t40 {
  margin-top: 40px;
}

.m-t50 {
  margin-top: 50px;
}

.m-t60 {
  margin-top: 60px;
}

.m-t70 {
  margin-top: 70px;
}

.m-t80 {
  margin-top: 80px;
}

.m-t90 {
  margin-top: 90px;
}

.m-t100 {
  margin-top: 100px;
}

.m-t110 {
  margin-top: 110px;
}

.m-t120 {
  margin-top: 120px;
}

.m-t130 {
  margin-top: 130px;
}

.m-t140 {
  margin-top: 140px;
}

.m-t150 {
  margin-top: 150px;
}

.m-t180 {
  margin-top: 180px;
}

.m-r0 {
  margin-right: 0;
}

.m-r5 {
  margin-right: 5px;
}

.m-r7 {
  margin-right: 7.5px;
}

.m-r15 {
  margin-right: 15px;
}

.m-l0 {
  margin-left: 0;
}

.m-r7 {
  margin-left: 7.5px;
}

.m-l5 {
  margin-left: 5px;
}

.m-l15 {
  margin-left: 15px;
}

.m-b0 {
  margin-bottom: 0;
}

.m-b5 {
  margin-bottom: 5px;
}

.m-b15 {
  margin-bottom: 15px;
}

.m-b30 {
  margin-bottom: 30px;
}

.m-b40 {
  margin-bottom: 40px;
}

.m-b50 {
  margin-bottom: 50px;
}

.m-b60 {
  margin-bottom: 60px;
}

.m-b70 {
  margin-bottom: 70px;
}

.m-b80 {
  margin-bottom: 80px;
}

.m-b90 {
  margin-bottom: 90px;
}

.m-b100 {
  margin-bottom: 100px;
}

.m-b110 {
  margin-bottom: 110px;
}

.m-b120 {
  margin-bottom: 120px;
}

.m-b130 {
  margin-bottom: 130px;
}

.m-b140 {
  margin-bottom: 140px;
}

.m-b150 {
  margin-bottom: 150px;
}

.m-b180 {
  margin-bottom: 180px;
}

.p-b0 {
  padding-bottom: 0;
}

.p-b5 {
  padding-bottom: 5px;
}

.p-b15 {
  padding-bottom: 15px;
}

.p-b30 {
  padding-bottom: 30px;
}

.p-b40 {
  padding-bottom: 40px;
}

.p-b50 {
  padding-bottom: 50px;
}

.p-b60 {
  padding-bottom: 60px;
}

.p-b70 {
  padding-bottom: 70px;
}

.p-b80 {
  padding-bottom: 80px;
}

.p-b90 {
  padding-bottom: 90px;
}

.p-b100 {
  padding-bottom: 100px;
}

.p-b110 {
  padding-bottom: 110px;
}

.p-b120 {
  padding-bottom: 120px;
}

.p-b130 {
  padding-bottom: 130px;
}

.p-b140 {
  padding-bottom: 140px;
}

.p-b150 {
  padding-bottom: 150px;
}

.p-t0 {
  padding-top: 0;
}

.p-t5 {
  padding-top: 5px;
}

.p-t15 {
  padding-top: 15px;
}

.p-t30 {
  padding-top: 30px;
}

.p-t40 {
  padding-top: 40px;
}

.p-t50 {
  padding-top: 50px;
}

.p-t60 {
  padding-top: 60px;
}

.p-t70 {
  padding-top: 70px;
}

.p-t80 {
  padding-top: 80px;
}

.p-t90 {
  padding-top: 90px;
}

.p-t100 {
  padding-top: 100px;
}

.p-t110 {
  padding-top: 110px;
}

.p-t120 {
  padding-top: 120px;
}

.p-t130 {
  padding-top: 130px;
}

.p-t140 {
  padding-top: 140px;
}

.p-t150 {
  padding-top: 150px;
}

.rorateArrowSolutions {
  transform: rotate(180deg);
}
/**
* ! override materialize
*/
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
  margin-right: 0;
  color: #000;
}

.btn {
  background-color: #000;
}

.btn:hover {
  color: #000;
  border: 1px solid #000;
  background-color: #fff;
}

.divider {
  height: 2px;
}

input[type='text']:not(.browser-default):focus:not([readonly]) {
  border-bottom: 1px solid #5a46e7;
}

input[type='text']:not(.browser-default):focus:not([readonly]) + label {
  color: #5a46e7;
}

input[type='email']:not(.browser-default):focus:not([readonly]) {
  border-bottom: 1px solid #5a46e7;
}

input[type='email']:not(.browser-default):focus:not([readonly]) + label {
  color: #5a46e7;
}

textarea:not(.browser-default):focus:not([readonly]) {
  border-bottom: 1px solid #5a46e7;
}

textarea:not(.browser-default):focus:not([readonly]) + label {
  color: #5a46e7;
}
/* label color */
.input-field label {
  color: #000;
}
/* label focus color */
.input-field input[type=text]:focus + label {
  color: #000;
}
/* label underline focus color */
.input-field input[type=text]:focus {
  border-bottom: 1px solid #5a46e7;
  box-shadow: 0 1px 0 0 #000;
}
/* valid color */
.input-field input[type=text].valid {
  border-bottom: 1px solid #78c225;
  box-shadow: 0 1px 0 0 #78c225;
}
/* invalid color */
.input-field input[type=text].invalid {
  border-bottom: 1px solid red;
  box-shadow: 0 1px 0 0 red;
}

textarea.invalid {
  border-bottom: 1px solid red;
  box-shadow: 0 1px 0 0 red;
}
/* icon prefix focus color */
.input-field .prefix.active {
  color: #000;
}

.slider .slides {
  background-color: none !important;
}
/**
* ! override slick carousel
*/
.slick-prev {
  font-size: 30px;
  position: absolute;
  z-index: 2000;
  top: 35%;
  border: none;
  background-color: transparent !important;
}

.slick-next {
  font-size: 30px;
  position: absolute;
  z-index: 2000;
  top: 35%;
  left: 100%;
  transform: translateX(-100%);
  border: none;
  background-color: transparent !important;
}

.carousel .carousel-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.carousel .carousel-item a {
  text-decoration: none;
}

.carousel .carousel-item img {
  width: 50%;
}

.carousel .carousel-item span {
  display: block;
  margin-top: 15px;
}

.slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}

.slick-dots li {
  padding: 0 5px;
}

.slick-dots li button {
  height: 5px;
  padding: 0 20px;
  opacity: .5;
  color: transparent;
  border: transparent;
  border-radius: 60px;
  background: #5a46e7;
}

.slick-dots .slick-active button {
  opacity: 1 !important;
}
/** 
* * ********************* HEADER *********************
*/
header {
  height: 100px;
}

header .navbar-fixed {
  z-index: 3000;
}

header .navbar-fixed nav {
  height: 100px;
  background: #fff;
  box-shadow: none;
  box-shadow: 0 5px 11px -2px rgba(102, 102, 102, .1);
}

header .navbar-fixed nav .name-entreprise {
  padding: 0 0 0 25px;
}

header .navbar-fixed nav .nav-wrapper {
  display: flex;
  width: 100%;
  max-width: 1280px;
  margin: auto;
  align-items: center;
  justify-content: space-between;
}
/** 
* * ********************* FOOTER *********************
*/
.page-footer {
  background-color: #b4b4b4;
}
/** 
* * ********************* BODY *********************
*/
.section-one {
  position: relative;
  padding-top: 20vh;
}

.section-one .container-left h1 {
  position: relative;
}

.section-one .container-left h1 img {
  position: absolute;
  top: 100%;
  left: 0;
}

.section-one .img-svg {
  position: absolute;
  top: 100%;
  left: -10px;
  width: 60px;
}

.section-two {
  padding-bottom: 160px;
}

.section-two h2 {
  position: relative;
  text-align: center;
}

.section-two h2 img {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-70%);
}

.section-two .container-mobile {
  display: none;
}

.section-two .card .card-image-solutions {
  display: flex;
  width: 100%;
  max-width: 300px;
  height: 100%;
  min-height: 250px;
  max-height: 250px;
  margin: auto;
  padding: 30px 0 30px 0;
  align-items: center;
}

.section-two .card .card-image-solutions img {
  width: 80%;
  margin: auto;
}

.section-two .card .card-content {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  height: 200px;
  padding: 0 19px 20px 19px;
  border-radius: 0 0 2px 2px;
  justify-content: center;
}

.section-two .card .collapsible {
  box-shadow: none;
}

.section-two .card .collapsible .collapsible-header {
  display: flex;
  border-bottom: none;
  justify-content: center;
}

.section-two .card .collapsible .collapsible-header i {
  position: relative;
  top: -2px;
}

.section-two .card .collapsible .collapsible-body {
  padding-top: 12px;
}

.parallax-container {
  height: 500px;
}

.section-three .container-right {
  position: relative;
}

.section-three .container-right .container-description h2 {
  position: relative;
}

.section-three .container-right .container-description h2 img {
  position: absolute;
  top: 100%;
  left: 11.25px;
}

.section-three .container-right .img-rocket {
  position: absolute;
  top: 60%;
  left: 55%;
  transform: scaleX(-1) translate(-55%, -60%);
}

.section-four h2 {
  position: relative;
}

.section-four h2 img {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-131%);
}

.section-four .card {
  box-shadow: none;
}

.section-four .card .card-content {
  padding: 0;
}

.section-four .card .card-content img {
  width: 125px;
  height: 125px;
}

.section-five {
  padding-bottom: 160px;
}

.section-five .container-section-five {
  display: flex;
  align-items: center;
}

.section-five .container-section-five form .container-form h2 {
  position: relative;
}

.section-five .container-section-five form .container-form h2 img {
  position: absolute;
  top: 100%;
  left: 11.25px;
}

.section-five .container-section-five form .container-form .container-contact i {
  position: relative;
  top: 9px;
  margin: 0 15px 0 0;
}
/** 
* * ********************* Media Queries *********************
*/
@media only screen and (max-width: 1716px) {
  .section-one .container-section-one .img-svg {
    top: 100%;
  }
}

@media only screen and (max-width: 1440px) {
  .section-one .container-section-one {
    display: flex;
    align-items: center;
  }
}

@media only screen and (max-width: 1323px) {
  .section-three .container-section-three {
    display: flex;
    align-items: center;
  }

  .section-three .container-section-three .container-description {
    width: 100% !important;
  }

  .section-three .container-section-three .img-rocket {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
    /**
    * * Section one
    */
  .section-one {
    margin-bottom: 140px;
    padding-top: 70px;
  }

  .section-one .container-section-one .container-right {
    display: none;
  }

  .section-two {
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .parallax-container {
    height: 300px;
  }

  .section-three {
    margin-bottom: 20px;
    padding-top: 50px;
  }

  .section-three .carousel {
    height: 300px;
  }

  .section-four {
    margin-bottom: 60px;
    padding-top: 40px;
  }

  .section-four h2 {
    margin-bottom: 60px;
  }

  .section-four .card {
    box-shadow: none;
  }

  .section-four .card .card-content {
    padding: 0;
  }

  .section-four .card .card-content img {
    width: 90px;
    height: 90px;
  }

  .section-five {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-five .container-img {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
    /**
    * * General
    */
  .section-one {
    margin-bottom: 140px;
    padding-top: 50px;
  }

  .section-two {
    padding-top: 40px;
  }

  .textSize17 {
    font-size: 14px !important;
  }

  .lineHeight26 {
    line-height: 22px !important;
  }

  .section-one .container-right {
    display: none;
  }

  .section-two .container-desktop {
    display: none;
  }

  .section-two .container-mobile {
    position: relative;
    display: block;
  }

  .section-three .container-description p {
    margin-top: 10px;
  }

  .section-four h2 {
    margin-bottom: 60px !important;
  }

  .section-four .container-marque {
    margin-top: 0 !important;
  }
}

@media only screen and (max-width: 500px) {
    /**
    * * General
    */
  .textSize55 {
    font-size: 40px;
  }

  .textSize45 {
    font-size: 30px;
  }

  .spacer-section-two {
    margin-bottom: 40px;
  }

  .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .slick-dots li {
    padding: 0 5px;
  }

  .slick-dots li button {
    height: 5px;
    padding: 0 10px;
    opacity: .5;
    color: transparent;
    border: transparent;
    border-radius: 60px;
    background: #5a46e7;
  }

  .slick-dots .slick-active button {
    opacity: 1 !important;
  }
    /**
    * * Section one
    */
  .section-one {
    margin-bottom: 120px;
    padding-top: 40px;
  }

  .section-one .container-section-one .container-left p {
    margin-top: 40px;
  }

  .section-one .container-section-one .img-svg {
    top: 103%;
  }
    /**
    * * Section two
    */
  .section-two {
    padding-top: 10px;
    padding-bottom: 40px;
  }

  .section-two h2 {
    margin-bottom: 20px;
    text-align: left;
  }

  .section-two h2 img {
    left: 11.25px;
    transform: translateX(0);
  }

  .section-two .carousel-mobile .slick-prev {
    display: none !important;
  }

  .section-two .carousel-mobile .slick-next {
    display: none !important;
  }

  .parallax-container {
    height: 200px;
  }
    /**
    * * Section three
    */
  .section-three {
    margin-bottom: 0;
    padding-top: 40px;
  }

  .section-three .container-section-three .container-left {
    display: none;
  }

  .section-three .container-section-three .container-description .row {
    margin-bottom: 0;
  }

  .section-three .container-section-three .container-description .row h2 {
    margin-top: 15px;
    margin-bottom: 30px;
  }
    /**
    * * Section four
    */
  .section-four {
    margin-bottom: 40px;
    padding-top: 20px;
  }

  .section-four h2 {
    text-align: left;
  }

  .section-four h2 .img-vec-title {
    left: 11.25px;
    transform: translateX(0);
  }

  .section-four .card .card-content img {
    width: 70px;
    height: 70px;
  }
    /**
    * * Section five
    */
  .section-five {
    padding-top: 50px;
    padding-bottom: 40px;
  }

  .section-five h2 {
    margin-bottom: 40px !important;
    padding-left: 11.25px !important;
    text-align: left;
  }

  .section-five h2 .img-vec-title {
    left: 11.25px !important;
    transform: translateX(0);
  }
}