/* ----------  Imported styles -----------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700|Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|PT+Serif:400,400i,700,700i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto+Slab:100,300,400,700|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,400&display=swap');


/* ----------  color -----------------------------------------------------------*/
:root {
  --red: #EE3131;
  --red2: #fe4141;
  --red3: #ee4141;
  --black: #000;
  --grey: #333;
  --grey-light: #b0b8c2;
  --green: #01AC79;
  /* var(--red) */
}

/* ----------  bg color -----------------------------------------------------------*/
.bg-transparent {
  background-color: transparent;
}

.bg-black {
  background-color: #000;
}

.bg-black-light {
  background-color: #212121;
}

.bg-grey {
  background-color: #333;
}

.bg-red {
  background-color: #ee4141;
}

.bg-white {
  background-color: #fff;
}

.bg-green {
  background-color: #01AC79;
}

/* ----------  text color -----------------------------------------------------------*/
.text-red {
  color: #EE3131;
}

.text-red2 {
  color: #EE4141;
}

.text-red3 {
  color: #f35454;
}

.text-black {
  color: #000;
}

.text-grey {
  color: #333;
}

.text-green {
  color: #01AC79;
}

.text-green-whatsapp {
  color: #25D366;
}

.text-white {
  color: #fff;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}
.text-job{
  margin-left: 20px !important;
}

/* ----------  text align -----------------------------------------------------------*/

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify
}

/* ----------  text vertical align -----------------------------------------------------------*/

.v-align-t {
  vertical-align: top;
}

.v-align-m {
  vertical-align: middle;
}

.v-align-b {
  vertical-align: bottom;
}



/* ----------  general -----------------------------------------------------------*/



/*== >padding (around) ======*/

.p-a0 {
  padding: 0;
}

.p-a5 {
  padding: 5px;
}

.p-a10 {
  padding: 10px;
}

.p-a15 {
  padding: 15px;
}

.p-a20 {
  padding: 20px;
}

.p-a25 {
  padding: 25px;
}

.p-a30 {
  padding: 30px;
}

.p-a40 {
  padding: 40px;
}

.p-a50 {
  padding: 50px;
}

.p-a60 {
  padding: 60px;
}

.p-a70 {
  padding: 70px;
}

.p-a80 {
  padding: 80px;
}

.p-a90 {
  padding: 90px;
}

.p-a100 {
  padding: 100px;
}

/*== >Padding (top) ==*/

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

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

.p-t10 {
  padding-top: 10px;
}

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

.p-t20 {
  padding-top: 20px;
}

.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;
}

/*== >Padding (bottom) ==*/

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

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

.p-b10 {
  padding-bottom: 10px;
}

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

.p-b20 {
  padding-bottom: 20px;
}

.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;
}

/*== >Padding (left) ==*/

.p-l0 {
  padding-left: 0;
}

.p-l5 {
  padding-left: 5px;
}

.p-l10 {
  padding-left: 10px;
}

.p-l15 {
  padding-left: 15px;
}

.p-l20 {
  padding-left: 20px;
}

.p-l30 {
  padding-left: 30px;
}

.p-l40 {
  padding-left: 40px;
}

.p-l50 {
  padding-left: 50px;
}

.p-l60 {
  padding-left: 60px;
}

.p-l70 {
  padding-left: 70px;
}

.p-l80 {
  padding-left: 80px;
}

.p-l90 {
  padding-left: 90px;
}

.p-l100 {
  padding-left: 100px;
}

/*== >Padding (right) ==*/

.p-r0 {
  padding-right: 0;
}

.p-r5 {
  padding-right: 5px;
}

.p-r10 {
  padding-right: 10px;
}

.p-r15 {
  padding-right: 15px;
}

.p-r20 {
  padding-right: 20px;
}

.p-r30 {
  padding-right: 30px;
}

.p-r40 {
  padding-right: 40px;
}

.p-r50 {
  padding-right: 50px;
}

.p-r60 {
  padding-right: 60px;
}

.p-r70 {
  padding-right: 70px;
}

.p-r80 {
  padding-right: 80px;
}

.p-r90 {
  padding-right: 90px;
}

.p-r100 {
  padding-right: 100px;
}

.p-r300 {
  padding-right: 300px;
}

/*== >Padding (left right) ==*/

.p-lr0 {
  padding-left: 0;
  padding-right: 0;
}

.p-lr5 {
  padding-left: 5px;
  padding-right: 5px;
}

.p-lr10 {
  padding-left: 10px;
  padding-right: 10px;
}

.p-lr15 {
  padding-left: 15px;
  padding-right: 15px;
}

.p-lr20 {
  padding-left: 20px;
  padding-right: 20px;
}

.p-lr30 {
  padding-left: 30px;
  padding-right: 30px;
}

.p-lr40 {
  padding-left: 40px;
  padding-right: 40px;
}

.p-lr50 {
  padding-left: 50px;
  padding-right: 50px;
}

.p-lr60 {
  padding-left: 60px;
  padding-right: 60px;
}

.p-lr70 {
  padding-left: 70px;
  padding-right: 70px;
}

.p-lr80 {
  padding-left: 80px;
  padding-right: 80px;
}

.p-lr90 {
  padding-left: 90px;
  padding-right: 90px;
}

.p-lr100 {
  padding-left: 100px;
  padding-right: 100px;
}

/*== >Padding (top bottom) ==*/

.p-tb0 {
  padding-bottom: 0;
  padding-top: 0;
}

.p-tb5 {
  padding-bottom: 5px;
  padding-top: 5px;
}

.p-tb10 {
  padding-bottom: 10px;
  padding-top: 10px;
}

.p-tb15 {
  padding-bottom: 15px;
  padding-top: 15px;
}

.p-tb20 {
  padding-bottom: 20px;
  padding-top: 20px;
}

.p-tb30 {
  padding-bottom: 30px;
  padding-top: 30px;
}

.p-tb40 {
  padding-bottom: 40px;
  padding-top: 40px;
}

.p-tb50 {
  padding-bottom: 50px;
  padding-top: 50px;
}

.p-tb60 {
  padding-bottom: 60px;
  padding-top: 60px;
}

.p-tb70 {
  padding-bottom: 70px;
  padding-top: 70px;
}

.p-tb80 {
  padding-bottom: 80px;
  padding-top: 80px;
}

.p-tb90 {
  padding-bottom: 90px;
  padding-top: 90px;
}

.p-tb100 {
  padding-bottom: 100px;
  padding-top: 100px;
}

/*== >margin (around) ======*/
.mx-auto {
  margin: auto;
}

.m-a0 {
  margin: 0;
}

.m-a5 {
  margin: 5px;
}

.m-a10 {
  margin: 10px;
}

.m-a15 {
  margin: 15px;
}

.m-a20 {
  margin: 20px;
}

.m-a30 {
  margin: 30px;
}

.m-a40 {
  margin: 40px;
}

.m-a50 {
  margin: 50px;
}

.m-a60 {
  margin: 60px;
}

.m-a70 {
  margin: 70px;
}

.m-a80 {
  margin: 80px;
}

.m-a90 {
  margin: 90px;
}

.m-a100 {
  margin: 100px;
}

/*== >marging (top) ==*/

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

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

.m-t10 {
  margin-top: 10px;
}

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

.m-t20 {
  margin-top: 20px;
}

.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;
}

/*== >marging (bottom) ==*/

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

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

.m-b10 {
  margin-bottom: 10px;
}

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

.m-b20 {
  margin-bottom: 20px;
}

.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;
}

/*== >marging (left) ==*/

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

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

.m-l10 {
  margin-left: 10px;
}

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

.m-l20 {
  margin-left: 20px;
}

.m-l30 {
  margin-left: 30px;
}

.m-l40 {
  margin-left: 40px;
}

.m-l50 {
  margin-left: 50px;
}

.m-l60 {
  margin-left: 60px;
}

.m-l70 {
  margin-left: 70px;
}

.m-l80 {
  margin-left: 80px;
}

.m-l90 {
  margin-left: 90px;
}

.m-l100 {
  margin-left: 100px;
}

/*== >marging (right) ==*/

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

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

.m-r10 {
  margin-right: 10px;
}

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

.m-r20 {
  margin-right: 20px;
}

.m-r30 {
  margin-right: 30px;
}

.m-r40 {
  margin-right: 40px;
}

.m-r50 {
  margin-right: 50px;
}

.m-r60 {
  margin-right: 60px;
}

.m-r70 {
  margin-right: 70px;
}

.m-r80 {
  margin-right: 80px;
}

.m-r90 {
  margin-right: 90px;
}

.m-r100 {
  margin-right: 100px;
}

.m-r270 {
  margin-right: 270px;
}

.m-r300 {
  margin-right: 300px;
}

.m-r320 {
  margin-right: 320px;
}

.m-r500 {
  margin-right: 500px;
}

.m-r340 {
  margin-right: 340px;
}

/*== >marging (left right) ==*/

.m-lr0 {
  margin-left: 0;
  margin-right: 0;
}

.m-lr5 {
  margin-left: 5px;
  margin-right: 5px;
}

.m-lr10 {
  margin-left: 10px;
  margin-right: 10px;
}

.m-lr15 {
  margin-left: 15px;
  margin-right: 15px;
}

.m-lr20 {
  margin-left: 20px;
  margin-right: 20px;
}

.m-lr30 {
  margin-left: 30px;
  margin-right: 30px;
}

.m-lr40 {
  margin-left: 40px;
  margin-right: 40px;
}

.m-lr50 {
  margin-left: 50px;
  margin-right: 50px;
}

.m-lr60 {
  margin-left: 60px;
  margin-right: 60px;
}

.m-lr70 {
  margin-left: 70px;
  margin-right: 70px;
}

.m-lr80 {
  margin-left: 80px;
  margin-right: 80px;
}

.m-lr90 {
  margin-left: 90px;
  margin-right: 90px;
}

.m-lr100 {
  margin-left: 100px;
  margin-right: 100px;
}

/*== >marging (top bottom) ==*/

.m-tb0 {
  margin-bottom: 0;
  margin-top: 0;
}

.m-tb5 {
  margin-bottom: 5px;
  margin-top: 5px;
}

.m-tb10 {
  margin-bottom: 10px;
  margin-top: 10px;
}

.m-tb15 {
  margin-bottom: 15px;
  margin-top: 15px;
}

.m-tb20 {
  margin-bottom: 20px;
  margin-top: 20px;
}

.m-tb30 {
  margin-bottom: 30px;
  margin-top: 30px;
}

.m-tb40 {
  margin-bottom: 40px;
  margin-top: 40px;
}

.m-tb50 {
  margin-bottom: 50px;
  margin-top: 50px;
}

.m-tb60 {
  margin-bottom: 60px;
  margin-top: 60px;
}

.m-tb70 {
  margin-bottom: 70px;
  margin-top: 70px;
}

.m-tb80 {
  margin-bottom: 80px;
  margin-top: 80px;
}

.m-tb90 {
  margin-bottom: 90px;
  margin-top: 90px;
}

.m-tb100 {
  margin-bottom: 100px;
  margin-top: 100px;
}



/* ----------  nav bar -----------------------------------------------------------*/

/* ------------------ nav-items over ---------------- */

/* nav navbar-nav:hover{
    color:#ee4141;
}
header-nav:hover{
    color:#ee4141;
}

header-nav:hover{
    color:#ee4141;
}

nav:hover{
    color:#ee4141;
}

.scroll nav-link:hover{
    color:#ee4141;
}
header-nav navbar-collapse collapse full-sidenav navbar:hover{
    color:#ee4141;
}

nav navbar-nav li a:hover {
    color:#ee4141;
} */

/* ------------------ fin nav items over ---------------- */

/* ----------  TITLE -----------------------------------------------------------*/

.title-container {
  background-color: #fff;
  margin: auto;
  justify-content: center;
  justify-items: center;
  width: 100%;
  display: flex;
  flex-direction: row;

}

.big-title {
  color: #000;
  font-size: 28px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  margin: auto;
  justify-content: center;
  justify-items: center;
}

.mini-title {
  color: #000;
  font-size: 20px !important;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  margin: auto;
  justify-content: center;
  justify-items: center;
}

.description-text {
  color: #000 !important;
  font-size: 12px;
  margin: auto;
  justify-content: center;
  justify-items: center;

}

.dlab-separator-outer {
  overflow: hidden;
}

.dlab-separator {
  display: inline-block;
  height: 3px;
  width: 50px;
  margin-bottom: 10px;
  position: relative;
}

.dlab-separator.style-liner {
  width: 20px;
}

.dlab-separator.style-icon {
  width: 30px;
  height: auto;
  text-align: center;
  font-size: 20px;
}

.dlab-separator[class*="style-"]:after,
.dlab-separator[class*="style-"]:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 35px;
  width: 150px;
  height: 2px;
  background: #ee4141 !important;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.section-head {
  margin-left: 7px;
}

/* .dlab-separator[class*="style-"]:before {
    left: auto;
    right: 35px;
  } */
.dlab-separator.style-skew {
  width: 15px;
  height: 10px;
  margin-left: 1px;
  margin-right: 1px;
  -moz-transform: skewX(-10deg);
  -webkit-transform: skewX(-10deg);
  -o-transform: skewX(-10deg);
  -ms-transform: skewX(-10deg);
  transform: skewX(-10deg);
}

.dlab-separator.style-skew[class*="style-"]:after,
.dlab-separator.style-skew[class*="style-"]:before {
  width: 80px;
  height: 4px;
  left: 20px;
  background-color: var(--primary-red);
  -moz-transform: translateY(-50%) skewX(-10deg);
  -webkit-transform: translateY(-50%) skewX(-10deg);
  -o-transform: translateY(-50%) skewX(-10deg);
  -ms-transform: translateY(-50%) skewX(-10deg);
  transform: translateY(-50%) skewX(-10deg);
}

.dlab-separator.style-skew[class*="style-"]:before {
  right: 20px;
  left: auto;
}

.section-head-contact {
  width: 200px !important;
  /* margin: auto; */
}

.section-head-contact h7 {
  margin-left: 0px !important;
}

/* ----------  bg color -----------------------------------------------------------*/

.base-container {
  margin: 0 auto;
  overflow-x: hidden;
}

@media screen and (max-width: 385px) {
  .card-title {
    margin-left: 2px;
  }
}

@media screen and (max-width: 576px) {
  .base-container {
    width: 100%;
  }
}

@media screen and (min-width: 576px) {
  .base-container {
    width: 540px;
  }
}

@media screen and (max-width: 615px) {
  .big-title {
    font-size: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .base-container {
    width: 720px;
  }
}

@media screen and (min-width: 992px) {
  .base-container {
    width: 960px;
  }
}

@media screen and (min-width: 1200px) {
  .base-container {
    width: 1140px;
  }
}

@media screen and (min-width: 1400px) {
  .base-container {
    width: 1320px;
  }
}

@media screen and (max-width: 478px) {
  .big-title {
    font-size: 16px !important;
  }
}

@media screen and (max-width: 409px) {
  .big-title {
    font-size: 13px !important;
  }
}

@media screen and (max-width: 358px) {
  .big-title {
    font-size: 11px !important;
  }
}

@media screen and (max-width: 385px) {
  .card-title {
    font-size: 16px;
  }
}

@media screen and (max-width: 371px) {
  .card-title-ceramic {
    font-size: 16px;
    margin-left: -29px;
  }
}

@media screen and (max-width: 347px) {
  .card-title-ceramic {
    margin-left: -58px;
  }
}

@media screen and (max-width: 321px) {
  .card-title-ceramic {
    margin-left: -77px;
  }
}

@media screen and (max-width: 413px) {
  .budget-title {
    font-size: 16px!important;
  }
  .votre-ve{
    font-size: 16px!important;
  }
}
@media screen and (max-width: 364px){
.btn-rdv{
font-size: 14px!important;
}
}
@media screen and (max-width: 341px){
  .btn-rdv{
  font-size: 12px!important;
  }
  }
  @media screen and (max-width: 413px){
    .card-title{
      font-size: 15px!important;
    }
    }
    @media screen and (max-width: 322px){
      .card-title{
        font-size: 12px!important;
      }
      }

/* nav bar css */

.bg-more-dark {
  background-color: rgba(0, 0, 0);
}