/**
* #.# Google Fonts
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=MuseoModerno:ital,wght@0,100..900;1,100..900&display=swap');

:root {
   /** Fonts **/
  --global-font-align: left;
  --global-font-decoration: none;
  --global-font-family: Montserrat;
  --global-font-letterspacing: 0.16px;
  --global-font-lineheight: normal;
  --global-font-size: 16px;
  --global-font-style: normal;
  --global-font-transform: none;
  --global-font-weight: normal;
  
  --secondary-font-family: Montserrat;
  
  --h1-font-decoration: none;
  --h1-font-family: MuseoModerno;
  --h1-font-letterspacing: 0.35px;
  --h1-font-lineheight: 40px;
  --h1-font-size: 45px;
  --h1-font-style: normal;
  --h1-font-transform: none;
  --h1-font-weight: normal;
  --h1-font-size-mobile: 30px;
  --h1-font-letterspacing-mobile: 0.3px;
  --h1-font-lineheight-mobile: 33.364px;
  
  --h2-font-decoration: none;
  --h2-font-family: MuseoModerno;
  --h2-font-letterspacing: 0.35px;
  --h2-font-lineheight: 1;
  --h2-font-size: 45px;
  --h2-font-style: normal;
  --h2-font-transform: none;
  --h2-font-weight: normal;
  --h2-font-size-mobile: 24px;
  --h2-font-letterspacing-mobile: 0.24px;
  --h2-font-lineheight-mobile: 33px;
  
  --hp-presta-h3-decoration: ;
  --hp-presta-h3-family: MuseoModerno;
  --hp-presta-h3-letterspacing: 0.35px;
  --hp-presta-h3-lineheight: 1.4;
  --hp-presta-h3-size: 35px;
  --hp-presta-h3-transform: ;
  --hp-presta-h3-weight: 500;

  
  --slider-title-font-family: MuseoModerno;
  --slider-title-font-letterspacing: 0.55px;
  --slider-title-font-lineheight: 1.2;
  --slider-title-font-size: 55px;
  --slider-title-font-weight: 400;
  
  --h1-article-font-size: 55px;
  --qsn-h3-preview-align: left;
  --qsn-txt-preview-align: left;
  
  /** Colors **/
  --primary-color: #041562;
  --secondary-color: #AB0B01;
  --tertiary-color: #F5FAFF;
  --text-btn: #fff;
  --text-color: #AB0B01;
  --text-color-on-bg: #13120d;
  --text-on-img: #fff;
  --menu-link: #041562;
  --menu-link-hover: #AB0B01;
  --h1-color: #041562;
  --h2-color: #041562;
  --hp-slider-dots: #ffffff;
  --qsn-h3-preview-color: #041562;
  --qsn-txt-preview-color: #041562;
  --slider-arrow-color: #fff;
  --author-color: #041562;
  --text-footer-color: #055284;
  --text-form-color: #13120d;
  --border-form-color: #AB0B01;
  --prefooter-text-color: #041562;
  --dropdown-color-mob: #041562;
  --popup-review-color: #13120d;
  
  /** Background **/
  --body-bg-color: #F5FAFF;
  --header-bg-color: #041562;
  --bg-hp-parallax: url(/media/original/chauffe-eau-a-lyon-302459.jpg);
  --bg-button: #AB0B01;
  --bg-button-hover: #041562;
  --hp-bg-slider-dots: #AB0B01;
  --bg-dropdown-menu-mob: #ffffff;
  
  --opacity-bg-image: 0.40;
  --qsn-align-picto: 0 auto 0 0;
}

.yp-form__group--rgpd {
  flex-basis: 100% !important;
  order: 15;
}

.yp-form__group--rgpd-description {
  order: 16;
}

.yp-row--contact .yp-form__group:nth-child(6) {
 flex-basis: 48%;
}

.yp-form__group--rgpd-description {
  height: 55px;
  overflow: hidden;
}

.yp-form__fields {
  display:flex;
  flex-direction: column;
}

@media (min-width: 992px) {
    .yp-hp-avis .yp-testimonial-list__header {
        left: 0 !important;
        width: 100% !important;
    }
  
    .yp-hp-avis .yp-btn--more {
        margin-left: 20vw !important;
    }
}