/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* ================================================== 
VARIABLES
=================================================== */

html body.cmplz-banner-active :not(.cmplz-cookiebanner):not(.cmplz-cookiebanner *) {
pointer-events: auto !important;
user-select: auto !important;
}

:root {
    /* Colors */
    --bleu-clair: #73bdea;
    --bleu-tres-clair: #BEE4FA;
    --bleu-fonce: #35576c;
    --sable-clair: #D9BFA8;
    --sable: #c29977;
    --bleu-titres: #284151;
    --light-tx: #dddddd;
    --gris-tx: #6a6f75;
    --border-dark: #728A99;
    --degrade-bleu: linear-gradient(45deg, rgba(115, 189, 234, 1) 0%, rgba(190, 228, 250, 1) 100%);
    --degrade-sable: linear-gradient(45deg, rgba(194, 153, 119, 1) 0%, rgba(217, 191, 168, 1) 100%);
    --text-font: 'Noto Sans', sans-serif;
    --headings-font: 'Maven Pro', sans-serif;
}

@font-face {
    font-family: 'recupleau';
    src: url('fonts/recupleau.eot');
    src: url('fonts/recupleau.eot#iefix') format('embedded-opentype'),
        url('fonts/recupleau.woff2') format('woff2'),
        url('fonts/recupleau.woff') format('woff'),
        url('fonts/recupleau.ttf') format('truetype'),
        url('fonts/recupleau.svg#recupleau') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'recupleau';
    src: url('../font/recupleau.svg?95516590#recupleau') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "recupleau";
    font-style: normal;
    font-weight: normal;
    speak: never;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-arrow:before {
    content: '\e800';
}

/* '' */
.icon-dot:before {
    content: '\e801';
}

/* '' */
.icon-dot-invert:before {
    content: '\e802';
}

/* '' */
.icon-puce:before {
    content: '\e803';
}

/* '' */
.icon-arrow-bottom:before {
    content: '\e804';
}

/* '' */
.icon-arrow-top:before {
    content: '\e805';
}

/* '' */
.icon-arrow-back:before {
    content: '\e806';
}

/* '' */

/* ================================================== 
STYLES GENERAUX
================================================== */
.grecaptcha-badge {
    visibility: hidden;
}

#wrapper .uncode-gmaps-widget .gmap-buttons {
    opacity: 1;
    padding: 0 !important;
}

#wrapper .uncode-gmaps-widget .gmap-buttons .fa-plus:before {
    content: '\e114';
}

#wrapper .uncode-gmaps-widget .gmap-buttons .fa-minus:before {
    content: '\e115';
}

#wrapper .uncode_text_column strong {
    font-weight: 600;
    color: var(--gris-tx);
}

#wrapper .style-dark .uncode_text_column strong {
    color: var(--light-tx);
}

/* Titres
--------------------------------------------- */
#wrapper h2,
#wrapper .h2,
#wrapper h3,
#wrapper .h3,
#wrapper h4,
#wrapper .h4 {
    line-height: 1.4em;
}

#wrapper h1,
#wrapper .h1 {
    font-size: clamp(40px, 4vw, 60px);
    line-height: 1.15em;
}

#wrapper .h2 {
    font-size: clamp(32px, 3.2vw, 48px);
    line-height: 1.3em;
}

#wrapper .h3 {
    font-size: clamp(26px, 3.2vw, 42px);
}

#wrapper .h4 {
    font-size: clamp(24px, 3.2vw, 36px);
}

#wrapper .h5 {
    font-size: clamp(20px, 3vw, 32px);
}

#wrapper .h6 {
    font-size: clamp(18px, 3vw, 28px);
}


#wrapper h5,
#wrapper .h5,
#wrapper h6,
#wrapper .h6 {
    line-height: 1.6em;
}

#wrapper .page-body .vc_custom_heading_wrap .heading-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#wrapper .page-body .vc_custom_heading_wrap .heading-text .text-top-reduced {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    font-size: 18px;
    color: var(--bleu-clair);
    font-family: var(--headings-font);
    text-transform: uppercase;
}


/* Boutons, Liens
--------------------------------------------- */
#wrapper .rangee-btns .uncont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#wrapper .rangee-btns .uncont .btn-container {
    margin-top: 0;
}

#wrapper .rangee-btns .uncont .btn-container:first-child {
    padding-right: 36px;
}

#wrapper .btn-container .custom-link,
#wrapper .gform_footer .gform_button {
    padding: 18px 36px !important;
    background: -o-linear-gradient(45deg, rgba(115, 189, 234, 1) 0%, rgba(190, 228, 250, 1) 100%);
    background: linear-gradient(45deg, rgba(115, 189, 234, 1) 0%, rgba(190, 228, 250, 1) 100%);
    border: none;
    border-radius: 10px;
    color: #fff !important;
}

#wrapper .btn-container .custom-link:hover,
#wrapper .gform_footer .gform_button:hover {
    background: -o-linear-gradient(135deg, rgba(115, 189, 234, 1) 0%, rgba(190, 228, 250, 1) 100%);
    background: linear-gradient(-45deg, rgba(115, 189, 234, 1) 0%, rgba(190, 228, 250, 1) 100%);
    color: #fff;
}

#wrapper .btn-container .custom-link.btn-degrade-sable {
    background: -o-linear-gradient(45deg, rgba(194, 153, 119, 1) 0%, rgba(217, 191, 168, 1) 100%);
    background: linear-gradient(45deg, rgba(194, 153, 119, 1) 0%, rgba(217, 191, 168, 1) 100%);
}

#wrapper .btn-container .custom-link.btn-degrade-sable:hover {
    background: -o-linear-gradient(135deg, rgba(194, 153, 119, 1) 0%, rgba(217, 191, 168, 1) 100%);
    background: linear-gradient(-45deg, rgba(194, 153, 119, 1) 0%, rgba(217, 191, 168, 1) 100%);
}

#wrapper .btn,
#wrapper .wc-backward {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}




/* Back to top
--------------------------------------------- */
.footer-scroll-top a {
    /* background: url('https://recupleau.fr/wp-content/uploads/2023/10/back-to-top.svg') no-repeat center center;
    background-size: contain;
    display: block;
    width: 100%;
    height: 100%; */
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.scroll-top .fa:before {
    font-family: "recupleau";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e805';
}

.scroll-top .fa {
    background: transparent !important;
    color: var(--bleu-clair) !important;
    border: none;
    font-size: 60px;
    width: auto;
    height: auto;
    line-height: 1;
}

.footer-scroll-top {
    /* width: 56px;
    height: 49px; */
    bottom: 20px !important;
}

.footer-scroll-top a:hover {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
}

/* Scroll down
--------------------------------------------- */
#wrapper #page-header .header-scrolldown i {
    font-size: 70px;
}

#wrapper #page-header .header-scrolldown i:before {
    font-family: "recupleau";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e804';
}

#wrapper #page-header .header-scrolldown {
    bottom: 70px;
    left: calc(50% - 630px);
    margin: 0;
}

/* Blockquotes
--------------------------------------------- */
#wrapper blockquote p {
    font-style: italic;
    font-weight: 400;
}

#wrapper .uncode_text_column blockquote strong {
    color: var(--bleu-titres);
}

#wrapper blockquote {
    padding-left: 50px;
    position: relative;
    border: none;
}

#wrapper blockquote:before {
    content: "“";
    font-family: var(--headings-font);
    font-size: clamp(60px, 6vw, 80px);
    line-height: 1;
    position: absolute;
    left: 0;
    top: -10px;
    font-weight: 700;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--bleu-clair);
}

/* Listes
--------------------------------------------- */
#wrapper .menu-bloginfo ul,
#wrapper .uncode_text_column ul,
#wrapper .t-entry-excerpt ul,
#wrapper .uncode-list ul {
    list-style: none;
    padding: 0;
}

#wrapper .menu-bloginfo ul>li,
#wrapper .uncode_text_column ul>li,
#wrapper .t-entry-excerpt ul>li,
#wrapper .uncode-list ul>li {
    margin: 5px 0;
    position: relative;
    padding-left: 30px;
}

#wrapper .t-entry-excerpt ul>li {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
}

#wrapper .menu-bloginfo ul>li:before,
#wrapper .uncode_text_column ul>li:before,
#wrapper .t-entry-excerpt ul>li:before,
#wrapper .uncode-list ul>li:before {
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    content: '\e803';
    color: var(--bleu-clair);
    border-radius: 0;
    font-family: "recupleau";
    font-style: normal;
    font-weight: normal;
    speak: never;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
}

#wrapper .uncode-list ul>li i {
    display: none;
}

#wrapper .uncode_text_column.text-small li {
    font-size: 16px;
}

#wrapper .uncode_text_column ol>li:before {
    content: counter(li);
    position: absolute;
    left: 0;
    top: 0;
    font-size: clamp(20px, 3vw, 32px);
    font-weight: 700;
    line-height: 1;
    font-family: var(--headings-font);
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--sable);
}

#wrapper .uncode_text_column ol {
    list-style: none;
    margin-left: 0;
}

#wrapper .uncode_text_column ol>li {
    counter-increment: li;
    margin: 15px 0;
    position: relative;
    padding-left: 30px;
}

#wrapper .uncode_text_column.sable ul>li:before {
    color: var(--sable);
}

/* Carrousels, sliders
--------------------------------------------- */
/* #wrapper .owl-carousel .tmb.tmb-desaturated .t-entry-visual img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

#wrapper .owl-carousel .tmb.tmb-desaturated .t-entry-visual:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
} */
#wrapper .logos .owl-stage {
    margin-left: auto;
    margin-right: auto;
}


/* Icon Box
--------------------------------------------- */
#wrapper .icon-box:not(.icon-box-top) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#wrapper .icon-box:not(.icon-box-top)>.icon-box-icon {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    height: auto;
    width: auto;
    margin-top: 0;
}

#wrapper .icon-box:not(.icon-box-top)>.icon-box-content {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: auto;
}

#wrapper .icon-box-content p {
    margin-top: 0;
}

#wrapper .icon-box-content {
    vertical-align: middle;
}

#wrapper .icon-box-icon i {
    line-height: 1.3em;
}

#wrapper .icon-box-heading * {
    color: var(--bleu-titres);
}

#wrapper .icon-box-content .icon-box-heading {
    margin-bottom: 15px;
}

#wrapper .icon-box-content br {
    display: none;
}

/* ================================================== 
HEADER
================================================== */
/*  TOP MENU
--------------------------------------------- */
#masthead .top-menu .fa.fa-dropdown {
    display: none;
}

#masthead .top-menu .navbar-topmenu li.lien-mail.menu-item a {
    font-size: 0 !important;
}

#masthead .top-menu .fa {
    font-size: 32px;
    display: inline-block;
    line-height: 1;
    margin-right: 15px;
}

#masthead .top-menu .navbar-topmenu {
    background: -o-linear-gradient(45deg, rgba(115, 189, 234, 1) 0%, rgba(162, 207, 232, 1) 100%);
    background: linear-gradient(45deg, rgba(115, 189, 234, 1) 0%, rgba(162, 207, 232, 1) 100%);
}

#masthead .top-menu .navbar-topmenu .menu-smart {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#masthead .top-menu .navbar-topmenu .menu-smart>li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 50px;
    position: relative;
}

#masthead .top-menu .navbar-topmenu li a {
    font-size: 16px;
    padding: 7px 25px;
    color: var(--bleu-titres);
}

#masthead .top-menu .navbar-topmenu li a:hover {
    opacity: 0.8;
}

#masthead .top-menu .navbar-topmenu li:not(.lien-simple) a {
    color: #fff;
    font-weight: 700 !important;
    letter-spacing: 0.08em;
    padding: 7px 25px;
}

#masthead .top-menu .navbar-topmenu li:not(.lien-simple):not(:last-child):after {
    position: absolute;
    top: calc(50% - 15px);
    right: 0;
    height: 30px;
    width: 1px;
    background: #fff;
}

#masthead .top-menu .navbar-topmenu li:last-child a {
    border-right: none;
    padding-right: 30px;
}

#masthead .top-menu .navbar-topmenu .lien-simple {
    background: #fff;
}

#masthead .top-menu .navbar-topmenu .lien-simple {
    padding-right: 15px;
}

#masthead .top-menu .navbar-topmenu .lien-simple+.menu-item {
    padding-left: 15px;
}

#masthead .top-menu .navbar-topmenu .lien-mail .fa {
    margin: 0;
}

#masthead .top-menu {
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
}




/*  MENU
--------------------------------------------- */
#masthead .main-menu-container .menu-horizontal {
    height: auto;
}

#masthead .menu-primary-inner>li {
    padding-top: 36px;
    padding-bottom: 36px;
}

#masthead .navbar-main {
    padding-top: 50px;
}

#masthead .menu-primary-inner>li>a {
    color: #fff;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

#masthead .menu-primary-inner>li.current-menu-item>a,
#masthead .menu-primary-inner>li>a:hover {
    color: var(--bleu-clair);
}

#masthead .menu-primary-inner>li.lien-sable>a:hover {
    color: var(--sable-clair);
}

#masthead .row-menu-inner {
    /* max-width: 1700px;
    margin: 0 auto; */
}

#masthead .menu-primary-inner li.lien-bleu>a:before,
#masthead .menu-primary-inner li.lien-sable>a:before {
    position: relative;
    content: '\e803';
    color: var(--bleu-clair);
    border-radius: 0;
    font-family: "recupleau";
    font-style: normal;
    font-weight: normal;
    speak: never;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    margin-right: 10px;
}

#masthead .menu-primary-inner li.lien-sable>a:before {
    color: var(--sable);
}

/*  Sous-menu
--------------------------------------------- */
#wrapper #masthead .navbar-nav .drop-menu .menu-item a {
    padding: 15px 20px;
    color: #fff;
    font-weight: 500;
}

#wrapper #masthead .navbar-nav .drop-menu .menu-item.current-menu-item a,
#wrapper #masthead .navbar-main .current_page_parent>a {
    color: var(--bleu-clair);
}

#wrapper #masthead .drop-menu,
#wrapper #masthead .drop-menu>li {
    padding: 0;
}

#wrapper #masthead .drop-menu>li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#wrapper #masthead .drop-menu>li:last-child {
    border-bottom: none;
}

#wrapper #masthead .drop-menu {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-left: 3px solid var(--sable);
    background: var(--bleu-fonce);
    min-width: 290px;
}

/*  MENU STICKY
--------------------------------------------- */
#masthead.is_stuck .top-menu .navbar-topmenu .menu-smart>li {
    min-height: 36px;
}

#masthead.is_stuck .top-menu .fa {
    font-size: 24px;
}

#masthead.is_stuck .top-menu .navbar-topmenu li:not(.lien-simple) a {
    padding: 5px 25px
}

#masthead.is_stuck .row-menu:before {
    top: 36px;
    height: calc(100% - 36px);
}

#masthead.is_stuck .navbar-main {
    padding-top: 36px;
}

#masthead.is_stuck .menu-primary-inner>li {
    padding: 18px 0;
}

#masthead.is_stuck .menu-primary-inner>li>a {
    font-size: 16px;
}

#masthead.is_stuck .top-menu .navbar-topmenu li a {
    font-size: 15px;
}

#masthead.is_stuck #main-logo .logo-image {
    height: 80px !important;
    line-height: 80px !important;
}

#wrapper #masthead.is_stuck #logo-container-mobile {
    top: 5px;
}

/* ================================================== 
FOOTER
================================================== */
/*  Prefooter
--------------------------------------------- */
#prefooter .uncont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
}

#wrapper .page-body {
    background: transparent;
    z-index: 1;
}

#prefooter {
    z-index: 1;
    margin-bottom: -50px;
    /* From https://css.glass */
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.75)));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.75) 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.75) 100%);
    border-radius: 10px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 2px solid var(--bleu-tres-clair)
}

#prefooter>.row {
    padding: 0;
}

#prefooter .uncont>.vc_custom_heading_wrap {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding: 18px 36px;
    text-align: center;
}

#prefooter .uncont>.btn-container {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin: -2px;
    position: relative;
    top: 1px
}

#prefooter .uncont>.btn-container .custom-link {
    padding: 46px 36px !important;
}

/*  Footer main
--------------------------------------------- */
#wrapper #footer>.row:before {
    content: '';
    position: absolute;
    top: auto;
    bottom: calc(100% - 110px);
    left: 0;
    width: 100%;
    height: 100%;
    background: url('https://recupleau.fr/wp-content/uploads/2023/10/gouttes-footer.jpg') no-repeat center right;
    mix-blend-mode: multiply;
    background-size: contain;
    max-height: 450px;
}

#wrapper #footer .row-background .background-inner {
    mix-blend-mode: multiply;
}

#wrapper #colophon .uncode-list ul li:before {
    display: none;
}

#wrapper #colophon .uncode-list ul li {
    padding: 0;
}

#wrapper #colophon .uncode_text_column.text-small * {
    font-size: 15px;
}

#wrapper #colophon .uncode_text_column.text-small {
    margin-top: 50px;
}

#colophon .icon-box i {
    font-size: 28px;
}

#wrapper #colophon .col-liens ul li {
    margin: 10px 0;
}

#wrapper #colophon .icon-box {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

/* ================================================== 
STYLES PERSONNALISES
================================================== */
#wrapper .badge .single-wrapper {
    /* From https://css.glass */
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    padding: 5px;
}

/*  Bandeaux pages
--------------------------------------------- */
#wrapper #page-header .header-wrapper>.vc_row .row-background {
    overflow: visible;
}
#wrapper #page-header .header-wrapper>.vc_row .row-background:after {
    border-radius: 20px;
}
#wrapper #page-header .header-wrapper>.vc_row .row-background:after,
#wrapper #page-header .header-wrapper>.vc_row .row-background>.background-wrapper:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: -o-linear-gradient(45deg, rgba(40, 65, 81, 1) 0%, rgba(115, 189, 234, 0.6) 100%);
    background: linear-gradient(45deg, rgba(40, 65, 81, 1) 0%, rgba(115, 189, 234, 0.6) 100%);
    opacity: 0.5;
    mix-blend-mode: overlay;
}

#wrapper #page-header .header-wrapper>.vc_row .row-background>.background-wrapper:after {
    mix-blend-mode: color-burn;
    opacity: 0.25;
    max-width: 800px;
    left: calc(100% - 450px);
    top: auto;
    bottom: -70px;
    background: url('https://recupleau.fr/wp-content/uploads/2023/10/forme-logo.svg') no-repeat bottom right;
    background-size: contain;
}

#wrapper #page-header .header-wrapper>.vc_row .row-background {
    margin: 0 18px 18px;
    border-radius: 20px;
}

body:not(.home) #wrapper #page-header .header-wrapper>.vc_row .row-background {
    margin-bottom: 30px;
}

#wrapper #masthead .row-menu-inner {
    padding: 0;
}

#wrapper .header-wrapper>.vc_row:before,
#wrapper .section-faq:before,
#wrapper .section-intro:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: var(--bleu-fonce);
    width: 60%;
    height: 100%;
    border-top-left-radius: 20px;
    min-width: 1150px;
}

#wrapper .section-intro:before {
    top: -30px;
    height: calc(100% + 30px);
}

/* #masthead .row-menu:before {
    height: calc(100% - 50px);
    top: 50px;
} */
#wrapper #masthead .menu-primary-inner {
    background: var(--bleu-fonce);
    border-top-left-radius: 20px;
    margin-left: auto;
    padding: 0 10% 0 15px;
    min-width: 1150px;
    width: 60%;
}

#wrapper #masthead #logo-container-mobile {
    padding-left: 5% !important;
    position: absolute !important;
    top: 20px;
}

/* .page-utils #masthead .row-menu:before {
    border-bottom-left-radius: 20px;
} */
#wrapper .header-wrapper>.vc_row:before,
#wrapper .section-faq:before,
#wrapper .section-intro:before {
    border-radius: 0;
}

body:not(.home) #wrapper .header-wrapper>.vc_row:before,
#wrapper .section-faq:before,
#wrapper .section-intro:before {
    border-bottom-left-radius: 20px;
}

#wrapper #page-header .uncode_text_column * {
    color: #fff;
    font-weight: 500;
}

#wrapper #page-header .bandeau-home h1 strong,
#wrapper #page-header .bandeau-page h1 span {
    color: var(--bleu-titres);
    /* mix-blend-mode: multiply; */
}

#wrapper #page-header h1 span:after {
    mix-blend-mode: hue;
    opacity: 0.4;
    /* position: absolute; */
    display: inline;
    margin-left: -50px;
    margin-top: 3px;
    content: '\e801';
    color: var(--sable);
    font-family: "recupleau";
    font-style: normal;
    font-weight: normal;
    speak: never;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: clamp(48px, 5vw, 70px);

}

#wrapper #page-header h1 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

#wrapper .row-btn-badge .uncont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#wrapper .row-btn-badge .uncont>.btn-container {
    margin: 0 0 0 18px;
}

#wrapper #page-header .bandeau-page .badge {
    position: absolute;
    right: 0;
    margin: 0;
    top: calc(50% - 76.5px);
}

#wrapper #page-header .header-wrapper>.vc_row.bandeau-page .uncont {
    padding-right: 180px;
}

#wrapper #page-header .header-wrapper>.vc_row.bandeau-page .row-background>.background-wrapper:after {
    max-width: 520px;
    height: calc(100% + 150px);
    bottom: -110px;
    left: calc(100% - 300px);
}

/*  Fil d'ariane - breadcrumbs
--------------------------------------------- */
#wrapper #page-header .breadcrumb li,
#wrapper #page-header .breadcrumb li a {
    color: #fff;
}

#wrapper #page-header .breadcrumb {
    font-family: var(--headings-font);
    font-weight: 500;
    text-transform: uppercase;
}

#wrapper .breadcrumb>li+li:not(.paged):before {
    content: '\f105';
    font-family: 'uncodeicon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--sable-clair);
    padding: 0 10px;
}

#wrapper #page-header .uncode_breadcrumbs_wrap+.vc_custom_heading_wrap {
    margin-top: 5px;
}

#wrapper #page-header .breadcrumb li a:hover {
    color: var(--sable-clair);
}

/*  Section FAQ
--------------------------------------------- */
#wrapper .section-faq,
#wrapper .section-intro {
    background: transparent;
}

#wrapper .page-body .vc_custom_heading_wrap .heading-text strong {
    color: var(--bleu-fonce);
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    display: block;
    font-size: 1.8em;
}

#wrapper .section-faq .column-background .background-inner {
    mix-blend-mode: darken;
    margin-right: -72px;
}

#wrapper .section-faq .column-background,
#wrapper .section-faq .column-background * {
    overflow: visible;
}

#wrapper .section-faq .uncode-single-media .icon-media {
    width: 100% !important;
}

#wrapper .section-faq #faq-wrap {
    padding-left: 20px;
}

#wrapper .section-faq>.row:before,
#wrapper .section-intro>.row:before {
    width: 75px;
    height: 445px;
    content: '';
    position: absolute;
    top: calc(50% - 180px);
    left: auto;
    right: 10px;
    background: url('https://recupleau.fr/wp-content/uploads/2023/10/motif-blanc.svg') repeat;
    opacity: 0.06;
}

#wrapper .section-faq {
    margin-bottom: 25px;
}


/*  Fond pastel encadré
--------------------------------------------- */
#wrapper .bg-pastel>.row {
    padding-left: 18px;
    padding-right: 18px;
}

#wrapper .bg-pastel .column-background,
#wrapper .bg-pastel .column-background .background-inner {
    opacity: 0.3;
}

#wrapper .bg-pastel .column-background .background-inner {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

#wrapper .bg-pastel .column-background .block-bg-overlay {
    z-index: -1;
}

#wrapper .bg-pastel .uncell.single-block-padding {
    padding: 110px 36px;
}

#wrapper .page-wrapper .icon-box-icon {
    position: relative;
}

#wrapper .page-wrapper .icon-box-icon:before {
    font-family: "recupleau";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e801';
    color: var(--bleu-clair);
    opacity: 0.1;
    position: absolute;
    font-size: 94px;
    margin: 0;
    left: calc(50% - 47px);
    top: 10px;
}

#wrapper .page-wrapper .icon-box-left .icon-box-icon:before,
#wrapper .page-wrapper .col-icons .icon-box-icon:before {
    font-size: 64px;
    left: 0;
}

#wrapper .page-wrapper .row-icons .row-child .wpb_column:nth-of-type(even) .icon-box-icon:before,
#wrapper .page-wrapper .col-icons .icon-box:nth-of-type(even) .icon-box-icon:before,
#wrapper .section-intro .col-infos-contact .icon-box:nth-of-type(even) .icon-box-icon:before {
    content: '\e802';
}

#wrapper .bg-pastel .icon-box-content p,
#wrapper .bg-pastel .uncode_text_column p {
    color: var(--bleu-titres);
}


/*  Presentation kits
--------------------------------------------- */
#wrapper .vertical-text,
#wrapper .titre-contour .heading-text * {
    color: #fff !important;
    text-shadow: 1px 1px 0 var(--bleu-clair),
        -1px -1px 0 var(--bleu-clair),
        1px -1px 0 var(--bleu-clair),
        -1px 1px 0 var(--bleu-clair),
        1px 1px 0 var(--bleu-clair);
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
}

#wrapper .titre-contour .heading-text * {
    text-shadow: 1px 1px 0 var(--bleu-fonce),
        -1px -1px 0 var(--bleu-fonce),
        1px -1px 0 var(--bleu-fonce),
        -1px 1px 0 var(--bleu-fonce),
        1px 1px 0 var(--bleu-fonce);
}

#wrapper .vertical-text.text-color-C29977-color {
    text-shadow: 1px 1px 0 var(--sable),
        -1px -1px 0 var(--sable),
        1px -1px 0 var(--sable),
        -1px 1px 0 var(--sable),
        1px 1px 0 var(--sable);
}

#wrapper .vertical-text.vertical-text--left {
    left: -30px !important;
}

#wrapper .vertical-text.vertical-text--right {
    right: -30px !important;
}

#wrapper .uncode-single-media .t-entry-visual-overlay,
#wrapper .owl-item .t-entry-visual-overlay {
    opacity: 0.75;
}
#wrapper .uncode-single-media .t-entry-visual-overlay + img, #wrapper .owl-item .t-entry-visual-overlay + img {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
}

#wrapper .page-wrapper .row-pres .icon-box-icon:before,
#wrapper .page-wrapper .col-pres .icon-box-icon:before {
    display: none;
}

#wrapper .row-pres .icon-box+.uncode_text_column {
    margin-top: 18px;
}

#wrapper .row-pres:before {
    width: 75px;
    height: 365px;
    content: '';
    position: absolute;
    top: calc(50% - 180px);
    left: 10px;
    background: url('https://recupleau.fr/wp-content/uploads/2023/10/motif-bleu.svg') repeat;
    opacity: 0.2;
}

#wrapper .row-pres.inverted-device-order:before {
    left: auto;
    right: 10px;
    opacity: 0.15;
}

#wrapper .row-pres.sable:before {
    background: url('https://recupleau.fr/wp-content/uploads/2023/10/motif-sable.svg') repeat;
}

#wrapper .col-pres .icon-box-heading {
    text-align: left;
}

#wrapper .col-pres .icon-box {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

#wrapper .col-pres .btn-container {
    margin-top: 36px;
}

#wrapper .page-wrapper .col-pres .icon-box+.uncode_text_column {
    margin-top: 10px;
}

/*  Boxes
--------------------------------------------- */
#wrapper .btn-container .custom-link.btn-underline {
    background: transparent !important;
    padding: 0 !important;
}

#wrapper .btn-container .btn-underline:before {
    display: none;
}

#wrapper .btn-container .btn-underline i {
    margin: 0;
    font-size: clamp(48px, 4vw, 64px);
    color: var(--bleu-titres);
}

#wrapper .style-dark .btn-container .btn-underline i {
    color: #fff;
}

#wrapper .btn-container .btn-underline i:before {
    font-family: "recupleau";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e800';
}

#wrapper .boxes .btn-container {
    margin-top: 30px;
}

#wrapper .boxes .style-dark .uncell .uncode_text_column * {
    color: #fff;
}

#wrapper .boxes .uncode-single-media {
    margin-top: -200px !important;
    margin-bottom: 40px;
}

#wrapper .boxes .uncell {
    padding: 60px 36px 50px;
}

#wrapper .boxes .style-dark .uncell:not(.style-degrade-bleu-bg) .background-inner {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

#wrapper .boxes .wpb_column.col-lg-4:nth-child(2) {
    top: 72px;
}

/*  Rangée à propos
--------------------------------------------- */
#wrapper .style-dark .uncell.style-degrade-sable-bg .uncode_text_column * {
    color: #fff;
}

#wrapper .badge-col .badge {
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    position: relative;
    z-index: 1;
    left: 70px;
}

#wrapper .badge-col>.uncol>.uncoltable>.uncell>.uncont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#wrapper .badge-col>.uncol>.uncoltable>.uncell>.uncont>* {
    height: auto;
}

#wrapper .badge-col .badge+.vc_row {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

#wrapper .badge-col .uncell.style-degrade-sable-bg {
    padding: 72px 50px 72px 100px;
}

#wrapper .about>.row-background .background-inner {
    opacity: 0.1;
    max-width: 600px;
    left: -240px;
}

/*  Rangée intro + section intro
--------------------------------------------- */
#wrapper .row-intro .btn-container {
    margin-top: 50px;
}

#wrapper .row-intro .uncode-single-media,
#wrapper .section-intro:not(.no-shape) .uncode-single-media {
    -webkit-mask-image: url('https://recupleau.fr/wp-content/uploads/2023/10/goutte-full.svg');
    mask-image: url('https://recupleau.fr/wp-content/uploads/2023/10/goutte-full.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

#wrapper .row-intro .column-background .background-inner,
#wrapper .cta-cible .column-background .background-inner {
    height: 640px;
    width: 530px;
    top: -80px;
    left: 120px;
}

#wrapper .row-intro .column-background,
#wrapper .row-intro .column-background * {
    overflow: visible;
}

#wrapper .section-intro .vc_custom_heading_wrap .heading-text strong,
#wrapper .row-pres .vc_custom_heading_wrap .heading-text strong {
    color: #fff;
    text-shadow: 1px 1px 0 var(--bleu-titres), -1px -1px 0 var(--bleu-titres), 1px -1px 0 var(--bleu-titres), -1px 1px 0 var(--bleu-titres), 1px 1px 0 var(--bleu-titres);
}

#wrapper .section-intro .icon-box .icon-box-content {
    padding-left: 30px;
}

#wrapper .section-intro .icon-box .icon-box-content p {
    color: #fff;
}

#wrapper .section-intro>.row:before {
    top: auto;
    bottom: 10px;
    height: 280px;
}

#wrapper .section-intro:not(.no-shape) .uncode-single-media {
    -webkit-mask-image: url('https://recupleau.fr/wp-content/uploads/2023/10/goutte-full-inverse.svg');
    mask-image: url('https://recupleau.fr/wp-content/uploads/2023/10/goutte-full-inverse.svg');
}


/*  Section exemples
--------------------------------------------- */
#wrapper .exemples .uncell.style-color-35576C-bg {
    background-color: transparent;
}

#wrapper .exemples .uncell.style-color-35576C-bg:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 85%;
    left: 0;
    bottom: 0;
    border-radius: 20px;
    background-color: var(--bleu-fonce);
}

#wrapper .cta-btns .uncont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#wrapper .cta-btns .btn-container {
    margin: 18px 14px;
}

#wrapper .cta-btns .vc_custom_heading_wrap {
    margin-right: 14px;
}

#wrapper .exemples .uncell.style-color-35576C-bg:after {
    width: 235px;
    height: 120px;
    content: '';
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: url('https://recupleau.fr/wp-content/uploads/2023/10/motif-blanc.svg') repeat;
    opacity: 0.06;
}

#wrapper .exemples .cta-btns {
    margin-top: 60px;
}

/*  Section exemples
--------------------------------------------- */
#wrapper .img-absolute {
    position: absolute;
    margin: 0;
    top: auto;
    bottom: -36px;
    left: -40px;
}

#wrapper .img-absolute.uncode-single-media.text-right {
    left: auto;
    right: -90px;
    bottom: 36px;
}

#wrapper .bg-pastel.link .icon-box-heading {
    text-transform: uppercase;
    margin: 0;
}

#wrapper .bg-pastel.link .uncell.single-block-padding {
    padding: 60px 36px 72px;
}

#wrapper .bg-pastel.link .icon-box+.uncode_text_column {
    margin-top: 18px;
}

#wrapper .bg-pastel.link.sable .icon-box-icon:before {
    color: var(--sable);
    font-size: 110px;
    left: calc(50% - 55px);
    top: 0;
}



/*  FAQ bloc
--------------------------------------------- */
#wrapper .bloc-faq .uncell.style-color-35576C-bg:before {
    width: 275px;
    height: 120px;
    content: '';
    position: absolute;
    top: 10px;
    right: 40px;
    background: url('https://recupleau.fr/wp-content/uploads/2023/10/motif-blanc.svg') repeat;
    opacity: 0.06;
}

#wrapper .bloc-faq .uncell.style-color-35576C-bg {
    padding: 60px 72px;
}

#wrapper .cta-cuves .uncode-single-media {
    margin-top: -180px !important;
}

#wrapper .cta-cible .column-background .background-inner {
    opacity: 0.3;
    left: 30px;
}

#wrapper .cta-cible .uncell {
    padding-top: 240px;
    padding-bottom: 60px;
}

#wrapper .cta-cible .column-background,
#wrapper .cta-cible .column-background * {
    overflow: visible;
}

#wrapper .bloc-faq>.uncol {
    max-width: 1000px;
}


/*  Section installation
--------------------------------------------- */
#wrapper .installation .bg-pastel .uncell.single-block-padding {
    padding: 36px;
}

#wrapper .installation:not(.install-pro) .bg-pastel .column-background {
    height: 75%;
}

#wrapper .installation .bg-pastel .uncell {
    border-radius: 12px;
}

#wrapper .installation .bg-pastel .vc_custom_heading_wrap .text-top-reduced p {
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--sable);
    font-size: clamp(20px, 3vw, 32px);
    margin: 0;
    font-family: var(--headings-font);
    font-weight: 700;
    line-height: 1.3em;
}

#wrapper .installation .bg-pastel .uncont.col-custom-width {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#wrapper .installation .bg-pastel .uncont.col-custom-width>.etape {
    height: auto;
    -ms-flex-preferred-size: calc(100% / 3);
    flex-basis: calc(100% / 3);
    margin: 0;
    padding: 0 36px 30px;
}

#wrapper .installation .bg-pastel .uncont.col-custom-width>.etape+.vc_custom_heading_wrap {
    margin-top: 0;
}


/*  Modèles cuves
--------------------------------------------- */
#wrapper .modeles-cuves .tmb-grid {
    position: relative;
}

#wrapper .modeles-cuves .tmb-grid:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: var(--bleu-tres-clair);
    opacity: 0.3;
    border-radius: 8px;
}

#wrapper .modeles-cuves .t-entry-text-tc {
    padding: 10px 15px 15px !important;
}

#wrapper .modeles-cuves .t-entry-meta span {
    font-size: 14px;
    line-height: 1.3em;
}

/*  Page types de cuves
--------------------------------------------- */
#wrapper .row-pres .img-absolute {
    bottom: 36px;
    left: -150px;
}

#wrapper .row-pres .img-absolute.uncode-single-media.text-right {
    bottom: 36px;
    right: -150px;
}


/* ================================================== 
GRAVITY FORM
================================================== */
#wrapper .gform_confirmation_wrapper .gform_confirmation_message,
#wrapper .gform_validation_errors>* {
    /* color: var(--dark) !important; */
    text-transform: none;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 1.6em;
    font-weight: 400;
}

#wrapper .gform_confirmation_wrapper {
    position: relative;
    /* font-family: var(--headings-font); */
}

#wrapper .gform_wrapper input[type="text"],
#wrapper .gform_wrapper input[type="email"],
#wrapper .gform_wrapper input[type="tel"],
#wrapper .gform_wrapper input[type="number"],
#wrapper .gform_wrapper textarea,
#wrapper .gform_wrapper select,
#wrapper .wapf-input {
    background-color: transparent !important;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 8px 0 !important;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    color: #fff;
}

#wrapper .gform_wrapper textarea {
    padding: 18px !important;
    margin-top: 15px;
    height: 100px;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

#wrapper .gform_wrapper input:focus,
#wrapper .gform_wrapper textarea:focus {
    border-color: #fff;
}

#wrapper .gform_wrapper .ginput_container_consent {
    position: relative;
    text-align: left;
}

#wrapper .gform_wrapper label,
#wrapper .gform_wrapper .gfield_label {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0;
    opacity: 1;
    padding-top: 15px;
    text-align: left;
    color: #fff;
    /* font-family: var(--headings-font); */
}

#wrapper .gform_wrapper .ginput_container_radio label,
#wrapper .gform_wrapper .ginput_container_checkbox label {
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    padding-top: 0;
    font-size: 16px;
}

/* #wrapper .gform_wrapper .ginput_container_consent {
    display: inline-flex;
    align-items: flex-start;
} */
#wrapper .gform_wrapper .ginput_container_consent label {
    line-height: 1.3em;
    font-size: 15px;
    text-transform: none;
    opacity: 1;
    letter-spacing: 0;
    padding-top: 0;
    font-weight: 400;
    color: #fff;
    display: inline;
    /* font-family: var(--text-font); */
}

#wrapper .gform_wrapper .gform_required_legend {
    color: var(--dark);
    margin: 0 0 10px;
    font-size: 14px;
}

#wrapper .gform_wrapper .gfield_required,
#wrapper .gform_wrapper .ginput_container_name label::after {
    color: #57afe3;
    font-size: 14px;
}

#wrapper .gform_wrapper .ginput_container_name label::after {
    content: '*';
    margin-left: 5px;
}

#wrapper .gform_footer {
    position: relative;
    padding: 0 !important;
    margin: 18px 0 0;
}

#wrapper .gform_footer .gform_button {
    margin: 0;
    padding: 14px 20px;
    color: #fff;
    background: #57afe3;
    letter-spacing: 0.1em;
    font-size: 20px;
    font-weight: 700 !important;
    height: auto;
    /* font-family: var(--headings-font); */
    border: none;
    position: relative;
    border: 1px solid #57afe3;
}

#wrapper .gform_footer .btn-container {
    width: 100%;
}

#wrapper .gform_footer .gform_button:hover {
    background: transparent;
    color: #57afe3;
}

#wrapper .gform_footer {
    border: none;
}


#wrapper .gform_wrapper .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
    padding-right: 15px;
}

#wrapper .gform_wrapper .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) {
    padding-left: 15px;
    padding-right: 0;
}

#wrapper .gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: 30px;
}

#wrapper .gform_wrapper fieldset .ginput_container_checkbox .gfield_checkbox,
#wrapper .gform_wrapper fieldset .ginput_container_radio .gfield_radio {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

#wrapper .gform_wrapper fieldset .ginput_container_checkbox .gfield-choice-input+label,
#wrapper .gform_wrapper fieldset .ginput_container_radio .gfield-choice-input+label {
    max-width: 100%;
    margin: 0;
    padding-left: 25px;
    line-height: 1.6em;
}

#wrapper .gform_wrapper fieldset .ginput_container_checkbox .gchoice,
#wrapper .gform_wrapper fieldset .ginput_container_radio .gchoice {
    position: relative;
}

#wrapper .gform_wrapper fieldset .ginput_container_checkbox .gfield-choice-input,
#wrapper .gform_wrapper fieldset .ginput_container_radio .gfield-choice-input {
    position: absolute;
    left: 0;
    top: 6px;
}

#wrapper .gform_wrapper .ginput_container_radio,
#wrapper .gform_wrapper .ginput_container_checkbox {
    margin-top: 15px;
}

#wrapper .gform_wrapper input.datepicker {
    width: 100%;
    padding-left: 36px !important;
}

#wrapper .gform_wrapper .ginput_container_date {
    position: relative;

}

#wrapper .gform_wrapper .ginput_container_date:before {
    position: absolute;
    font-family: 'uncodeicon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: '\e00d';
    left: 0;
    font-size: 20px;
}

#wrapper .bigtext * {
    font-size: 80px !important;
}

.landing #wrapper .gform_wrapper {
    margin-bottom: 30px;
}

.landing #wrapper .form-landing .uncont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.landing #wrapper .form-landing .icon-box p {
    font-size: 20px;
    margin-top: 0;
}

.landing #wrapper .form-landing .uncont>.icon-box {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 15px;
}

.landing #wrapper .titre-landing+.vc_custom_heading_wrap {
    margin-top: 20px;
}

.landing #wrapper .icon-box .fa-rounded {
    background: #2d3e50 !important;
    border: none !important;
    color: #fff !important;
}

.landing #wrapper .icon-box .fa-rounded:hover {
    background-color: #57afe3 !important;
}

.landing #wrapper .icon-box a:hover {
    color: #57afe3;
}

.landing #wrapper .text-lead * {
    line-height: 1.5em;
}

/* ================================================== 
FAQ
================================================== */
#wrapper #faq-wrap {
    list-style: none;
    padding: 0;
}

#wrapper #faq-wrap li.content-wrap:before {
    display: none;
}

#wrapper #faq-wrap li.content-wrap {
    margin: 0;
    padding: 0;
}

#wrapper #faq-wrap .question {
    cursor: pointer;
    width: 100%;
    padding: 18px 30px 18px 0px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin: 0px;
    position: relative;
    font-weight: 800;
    font-size: 18px;
    border-top: 1px solid var(--border-dark);
    border-bottom: 1px solid var(--border-dark);
    margin-bottom: -1px;
    font-family: var(--headings-font);
    font-size: clamp(18px, 2vw, 21px);
    font-weight: 700;
    line-height: 1.5em;
    color: #fff;
}

#wrapper #faq-wrap .question::after {
    font-size: 21px;
    position: absolute;
    top: 17px;
    right: 0;
    font-family: "uncodeicon";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e114";
    color: var(--sable-clair);
}

#wrapper #faq-wrap .reponse {
    padding: 10px 0 15px;
}

#wrapper #faq-wrap .reponse h4 {
    font-size: 18px;
    color: var(--bleu-clair);
    margin: 25px 0 15px;
}

#wrapper #faq-wrap .reponse p {
    margin: 0 0 15px;
}

#wrapper #faq-wrap .reponse * {
    font-size: 16px;
}

#wrapper #faq-wrap .reponse blockquote * {
    font-size: 18px;
}

#wrapper #faq-wrap li:first-child .question {
    border-top: none;
}

#wrapper #faq-wrap .question.active::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#wrapper #faq-wrap .question.active,
#wrapper #faq-wrap .question:hover {
    color: var(--sable-clair);
}

#wrapper #faq-wrap ol>li::before {
    -webkit-text-stroke-color: #fff;
    top: -4px;
}

#wrapper #faq-wrap .reponse h4 {
    counter-increment: chiffre;
    position: relative;
    padding-left: 30px;
}

#wrapper #faq-wrap .reponse h4:before {
    content: counter(chiffre);
    position: absolute;
    left: 0;
    top: 0;
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 700;
    line-height: 1;
    font-family: var(--headings-font);
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    top: -4px;
}

/* ================================================== 
CONTACT
================================================== */
#wrapper .section-intro .col-infos-contact .icon-box .icon-box-content p {
    color: var(--bleu-titres);
    font-family: var(--headings-font);
    font-weight: 700;
}

#wrapper .section-intro .col-infos-contact .icon-box {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#wrapper .section-intro .col-infos-contact .icon-box-icon {
    padding-left: 10px;
}

#wrapper .section-intro .col-infos-contact .icon-box-icon:before {
    top: -6px;
}

/* ================================================== 
MENTIONS LEGALES
================================================== */
.page-utils #wrapper .post-content h2 {
    font-size: clamp(21px, 2.6vw, 26px);
    line-height: 1.5em;
}

/* ================================================== 
404
================================================== */

/* ================================================== 
COMPLIANZ
================================================== */
#cmplz-manage-consent .cmplz-manage-consent {
    right: auto !important;
    left: 40px;
    font-family: var(--headings-font);
    font-weight: 600;
    color: var(--bleu-titres) !important;
}

#cmplz-document {
    max-width: 100% !important;
}

#cmplz-cookiebanner-container .cmplz-message {
    text-align: center;
}

#cmplz-cookiebanner-container {
    position: fixed;
}

#cmplz-cookiebanner-container .cmplz-title {
    font-family: var(--headings-font);
    font-size: clamp(18px, 3vw, 21px);
    font-weight: 700;
    color: var(--bleu-titres);
}

#cmplz-cookiebanner-container .cmplz-btn {
    text-transform: uppercase;
    font-family: var(--headings-font);
    font-weight: 600;
    font-size: 14px;
}

.cmplz-cookiebanner {
    max-width: 600px !important;
}

#cmplz-cookiebanner-container .cmplz-categories,
#cmplz-cookiebanner-container .cmplz-message {
    width: 100%;
}

#cmplz-document h3 {
    color: var(--bleu-clair);
}



#cmplz-cookiebanner-container {
    z-index: 1000;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner {
    overflow: visible;
}


#cmplz-cookiebanner-container .cmplz-cookiebanner::before {
    content: '';
    position: absolute;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    border-radius: var(--radius-small);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner::after {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    margin-top: -50vh;
    margin-left: -50vw;
    z-index: -1;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner>* {
    z-index: 2;
}


/* Ajout style btn Refus */

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-deny {
    position: absolute;
    top: -26px;
    right: 0;
    padding: 0;
    height: auto;
    background: transparent;
    border: none;
    color: #ccc;
    display: inline-block;
    width: auto;
    font-weight: 600;
    letter-spacing: 0.02em;
    /* text-transform: none; */
    font-size: var(--text-2xs);
    padding-right: 15px;
    min-height: auto;
}

#cmplz-cookiebanner-container .cmplz-deny::after {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    border-top: 1px solid white;
    border-right: 1px solid white;
    position: relative;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 5px;
    top: 1px;
}




/* ================================================== 
MEDIA QUERIES
================================================== */
@media screen and (max-width: 1920px) {

    #wrapper #masthead .menu-primary-inner,
    #wrapper .header-wrapper>.vc_row::before,
    #wrapper .section-faq::before,
    #wrapper .section-intro::before {
        width: 1150px;
        min-width: auto;
    }
}

@media screen and (max-width: 1700px) {

    #wrapper .header-wrapper>.vc_row::before,
    #wrapper .section-faq::before,
    #wrapper .section-intro::before {
        width: 1000px;
    }

    #wrapper #masthead .menu-primary-inner {
        max-width: 1000px;
        padding-right: 18px;
    }

    #wrapper .main-container .row-container.row-child.col-quad-gutter>.row-inner>div:not(.vc_helper),
    #wrapper .main-container .row-container .col-quad-gutter>.row-inner>div:not(.vc_helper) {
        padding-left: 120px;
    }

    #wrapper .main-container .row-container .row-child.col-quad-gutter>.row-inner,
    #wrapper .main-container .row-container .col-quad-gutter>.row-inner {
        margin-left: -120px;
    }

    #wrapper .row-pres .img-absolute {
        left: -100px;
    }

    #wrapper .row-pres .img-absolute.uncode-single-media.text-right {
        right: -100px;
    }

    #wrapper .section-intro .gform_wrapper {
        max-width: 800px;
        margin-left: auto;
    }
}

@media screen and (max-width: 1600px) {

    #masthead .menu-primary-inner>li>a,
    #masthead.is_stuck .menu-primary-inner>li>a {
        padding: 0 8px;
        font-size: 16px;
    }

    #masthead .top-menu .navbar-topmenu li a,
    #masthead.is_stuck .top-menu .navbar-topmenu li a {
        font-size: 15px;
    }

    #wrapper .header-wrapper>.vc_row::before,
    #wrapper .section-faq::before,
    #wrapper .section-intro::before {
        width: 920px;
    }

    #wrapper #masthead .menu-primary-inner {
        max-width: 920px;
    }

}

@media screen and (max-width: 1400px) {

    /* #wrapper #main-logo .logo-image {
        height: 90px !important;
    } */
    #wrapper #colophon .col-contact .icon-box p {
        font-size: 16px;
    }

    #wrapper #colophon .col-contact .icon-box {
        max-width: 280px;
    }

    #wrapper #colophon .col-contact .icon-box:not(:first-of-type) {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #wrapper #prefooter {
        max-width: calc(100% - 36px);
    }

    #wrapper .header-wrapper>.vc_row::before,
    #wrapper .section-faq::before,
    #wrapper .section-intro::before {
        width: 840px;
    }

    #wrapper #masthead .menu-primary-inner {
        max-width: 840px;
    }

    #wrapper .section-faq>.row>.vc_row.inverted-device-order>.row {
        padding: 0 0 18px;
    }

    #wrapper .section-faq>.row>.vc_row.inverted-device-order>.row>.row-inner {
        margin: 0;
    }

    #wrapper .section-faq>.row>.vc_row.inverted-device-order>.row>.row-inner>.wpb_column {
        padding: 0;
    }

    #wrapper .section-faq .column-background .background-inner {
        margin-right: 0;
    }

    #wrapper .section-faq .column-background .block-bg-overlay {
        max-width: calc(100% - 120px);
    }

    #wrapper #page-header .header-scrolldown {
        left: 70px;
    }

    #wrapper #page-header .header-wrapper>.vc_row .row-background>.background-wrapper:after {
        max-width: 600px;
        left: calc(100% - 350px);
    }

    #wrapper #page-header .header-wrapper>.vc_row.bandeau-page .row-background>.background-wrapper:after {
        max-width: 40%;
        left: 75%;
    }

    #wrapper #page-header .bandeau-page .badge {
        max-width: 120px;
        top: calc(50% - 60px);
    }

    #wrapper #page-header .header-wrapper>.vc_row.bandeau-page .uncont {
        padding-right: 130px;
    }


    #wrapper .vc_row>.row.col-double-gutter>.row-inner {
        margin-left: -36px;
        width: calc(100% + 36px);
    }

    #wrapper .vc_row>.row.col-double-gutter>.row-inner>.wpb_column {
        padding-left: 36px;
    }

    #wrapper .vc_row>.row.double-h-padding {
        padding-left: 36px;
        padding-right: 36px;
    }

    #wrapper .section-faq #faq-wrap {
        padding-left: 0;
    }

    #wrapper .row-pres:before,
    #wrapper .row-pres.sable:before {
        opacity: 0.14;
    }

    #wrapper .section-faq>.row::before,
    #wrapper .section-intro>.row::before {
        opacity: 0.03;
    }

    #wrapper .badge-col .uncell.style-degrade-sable-bg {
        padding: 60px 36px 60px 60px;
    }

    #wrapper .badge-col .badge {
        left: 40px;
    }

    #wrapper #page-header .breadcrumb li,
    #wrapper #page-header .breadcrumb li a {
        font-size: 16px;
    }

    #wrapper .bloc-faq .uncell.style-color-35576C-bg {
        padding: 50px 36px;
    }

    #wrapper .row-pres .img-absolute,
    #wrapper .row-pres .img-absolute.uncode-single-media.text-right {
        max-width: 300px;
        left: 36px;
        right: auto;
        bottom: auto;
        top: auto;
        margin-top: -72px;
        position: relative;
    }

    #wrapper .row-pres .img-absolute.uncode-single-media.text-right {
        left: auto;
        right: 36px;
        margin-left: auto;
    }

    #wrapper .main-container .row-container.row-child.col-quad-gutter>.row-inner>div:not(.vc_helper),
    #wrapper .main-container .row-container .col-quad-gutter>.row-inner>div:not(.vc_helper) {
        padding-left: 36px;
    }

    #wrapper .main-container .row-container .row-child.col-quad-gutter>.row-inner,
    #wrapper .main-container .row-container .col-quad-gutter>.row-inner {
        margin-left: -36px;
    }

    #wrapper .composition .img-absolute {
        left: -20px;

    }

    #wrapper .composition .img-absolute.uncode-single-media.text-right {
        right: -60px;
        bottom: -36px;
    }

    #wrapper .main-container .composition .row-container.row-child.col-quad-gutter>.row-inner>div:not(.vc_helper),
    #wrapper .main-container .composition .row-container .col-quad-gutter>.row-inner>div:not(.vc_helper) {
        padding-left: 100px;
    }

    #wrapper .main-container .composition .row-container .row-child.col-quad-gutter>.row-inner,
    #wrapper .main-container .composition .row-container .col-quad-gutter>.row-inner {
        margin-left: -100px;
    }

    #wrapper .section-intro::before {
        display: none;
    }

    #wrapper .section-intro>.row>.vc_row>.row>.row-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #wrapper .section-intro>.row>.vc_row>.row>.row-inner>.wpb_column.col-lg-8 {
        background-color: var(--bleu-fonce);
        padding: 18px 36px;
    }

    #wrapper .section-intro>.row>.vc_row>.row>.row-inner {
        margin: 0;
    }

    #wrapper .section-intro>.row>.vc_row>.row>.row-inner>.wpb_column {
        height: auto !important;
        width: auto;
    }

    #wrapper .section-intro .wpb_column .uncont {
        max-width: 100% !important;
    }

    #wrapper .section-intro .uncode-single-media {
        max-width: 540px;
        margin: 0 auto;
    }

    #wrapper .section-intro>.row>.vc_row>.row {
        padding: 0
    }

    #wrapper .section-intro>.row>.vc_row>.row>.row-inner>.wpb_column.col-lg-4 {
        padding: 36px;
    }

    #wrapper .section-intro .uncode_text_column *,
    #wrapper .section-intro .icon-box .icon-box-content p {
        font-size: 16px;
    }

    #wrapper .section-intro .uncode_text_column blockquote * {
        font-size: 18px;
    }

    #wrapper .row-intro .column-background .background-inner,
    #wrapper .cta-cible .column-background .background-inner {
        height: 500px;
        width: 500px;
        left: 50px;
    }

    #wrapper .cta-btns .vc_custom_heading_wrap {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0;
        text-align: center;
    }

    #wrapper .section-intro .gform_wrapper {
        max-width: 100%;
        padding: 30px 0;
    }


    .landing #wrapper .form-landing .uncont>.icon-box {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    #wrapper .bigtext * {
        font-size: 60px !important;
    }

    .landing #wrapper .h3 {
        font-size: 21px;
        line-height: 1.5em;
    }

}

@media screen and (max-width: 1199px) {

    #masthead .menu-primary-inner>li>a,
    #masthead.is_stuck .menu-primary-inner>li>a {
        padding: 0 4px;
        letter-spacing: 0;
    }

    #masthead .top-menu .navbar-topmenu li a,
    #masthead.is_stuck .top-menu .navbar-topmenu li a {
        letter-spacing: 0;
    }

    #masthead #main-logo img {
        max-width: 160px;
    }

    #wrapper #masthead #logo-container-mobile,
    #wrapper #masthead.is_stuck #logo-container-mobile {
        position: relative !important;
        top: 0;
    }

    #masthead .menu-primary-inner li.lien-bleu>a::before,
    #masthead .menu-primary-inner li.lien-sable>a::before {
        margin-right: 4px;
        font-size: 14px;
        margin-bottom: -2px;
    }

    #masthead .menu-primary-inner>li {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    #wrapper .header-wrapper>.vc_row::before,
    #wrapper .section-faq::before,
    #wrapper .section-intro::before {
        width: 760px;
    }

    #masthead .navbar-main {
        padding-top: 40px;
    }

    #masthead .top-menu .navbar-topmenu .menu-smart>li {
        min-height: 40px;
    }

    #masthead .top-menu .fa {
        font-size: 26px;
    }

    #masthead .row-menu::before {
        height: calc(100% - 40px);
        top: 40px;
    }

    #wrapper #masthead #logo-container-mobile {
        padding-left: 18px !important;
    }

    #wrapper #masthead .menu-primary-inner {
        max-width: 760px;
    }

    #wrapper #colophon .col-logo .single-wrapper .icon-media {
        max-width: 100% !important;
    }

    #wrapper #footer>.row {
        padding-left: 18px;
        padding-right: 18px;
    }

    #wrapper #colophon .col-liens ul li {
        font-size: 15px;
    }

    #prefooter .uncont>.vc_custom_heading_wrap .font-titres {
        line-height: 1.5em;
        font-size: 20px;
    }

    #prefooter .uncont>.btn-container .custom-link {
        padding: 36px !important;
    }

    #wrapper #footer>.row::before {
        max-height: 350px;
    }

    #wrapper .section-faq .wpb_column.col-lg-5 .uncell {
        padding-left: 0;
    }

    #wrapper .header-wrapper>.vc_row::before {
        border-bottom-left-radius: 20px;
    }

    #wrapper .section-faq::before {
        display: none;
    }

    #wrapper .bg-pastel .uncell.single-block-padding {
        padding: 72px 36px;
    }

    body:not(.home) #wrapper #page-header .header-wrapper>.vc_row .row-background {
        margin-bottom: 18px;
    }

    #wrapper .section-faq {
        margin-top: 18px;
    }

    #wrapper .section-faq>.row>.vc_row>.row>.row-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    #wrapper .section-faq>.row>.vc_row>.row>.row-inner>.wpb_column.col-lg-7 {
        background-color: var(--bleu-fonce);
    }

    #wrapper .section-faq>.row>.vc_row>.row>.row-inner>.wpb_column {
        height: auto !important;
        width: auto;
    }

    #wrapper .section-faq .wpb_column .uncont {
        max-width: 100% !important;
    }

    #wrapper .section-faq .wpb_column.col-lg-5 .uncell {
        padding-left: 36px;
    }

    #wrapper .section-faq .uncode-single-media {
        max-width: 600px;
        margin: 0 auto;
        padding-bottom: 10px;
    }

    #wrapper .row-pres>.row {
        padding: 18px 0;
    }

    #wrapper .uncont .vertical-text {
        position: relative !important;
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        left: 0 !important;
        right: 0 !important;
        padding: 0 36px 8px;
    }

    #wrapper .vertical-text.vertical-text--left {
        text-align: left;
    }

    #wrapper .vertical-text.vertical-text.vertical-text--right {
        text-align: right;
    }

    #wrapper .page-body .icon-box-left .icon-box-content {
        padding-left: 18px;
    }

    #wrapper .boxes>.row {
        padding: 72px 18px;
    }

    #wrapper .boxes>.row>.row-inner {
        margin-left: -18px;
    }

    #wrapper .boxes>.row>.row-inner>.wpb_column {
        padding-left: 18px;
    }

    #wrapper .boxes .uncell {
        padding: 36px 18px;
    }

    #wrapper .boxes .uncell .uncode_text_column * {
        font-size: 16px;
    }

    #wrapper .badge-col .badge {
        -ms-flex-preferred-size: 150px;
        flex-basis: 150px;
        left: 20px;
        margin-left: -40px;
    }

    #wrapper .badge-col .uncell.style-degrade-sable-bg {
        padding: 36px 18px 36px 36px;
    }

    #wrapper #page-header h1 span:after {
        margin-left: -40px;
        margin-top: 0;
    }

    #wrapper .about>.row-background .background-inner {
        max-width: 44%;
        left: -18%;
    }

    #wrapper #page-header .header-wrapper>.vc_row .row-background>.background-wrapper::after {
        max-width: 50%;
        left: 70%;
    }

    #wrapper .row-pres .img-absolute,
    #wrapper .row-pres .img-absolute.uncode-single-media.text-right {
        margin-top: -36px;
    }

    #wrapper .installation .bg-pastel .uncont.col-custom-width>.etape {
        padding: 0 18px 20px;
    }

    #wrapper .installation .bg-pastel .uncont.col-custom-width {
        margin: 0 -18px;
    }

    #wrapper .exemples .row.single-h-padding {
        padding-left: 18px;
        padding-right: 18px;
    }

    #wrapper .exemples .uncell.style-color-35576C-bg .row-child .row-inner {
        margin-left: -18px;
    }

    #wrapper .exemples .uncell.style-color-35576C-bg .row-child .row-inner>.wpb_column {
        padding-left: 18px;
    }

    #wrapper .exemples .uncell.style-color-35576C-bg {
        padding-left: 18px;
        padding-right: 18px;
    }

    #wrapper .col-triple-gutter>.row-inner {
        margin-left: -36px;
    }

    #wrapper .col-triple-gutter>.row-inner>.wpb_column {
        padding-left: 36px;
    }

    #wrapper .row-intro .column-background .background-inner,
    #wrapper .cta-cible .column-background .background-inner {
        left: auto;
        right: -50px;
        width: 130%;
    }
}

@media screen and (max-width: 959px) {

    /* Menu Mobile
    --------------------------------------------- */
    #wrapper #masthead .row-menu-inner {
        padding: 0;
    }

    #wrapper #logo-container-mobile {
        padding: 5px 36px !important;
    }

    #wrapper .mobile-menu-button {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

    #wrapper #masthead .main-menu-container .menu-smart>li>a {
        padding: 20px 70px 14px 0 !important;
        line-height: normal !important;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        font-size: 18px !important;
        letter-spacing: 0.05em;
    }

    /* #wrapper #masthead .main-menu-container .menu-smart>li:last-child>a {
        border: none;
    } */
    #wrapper #masthead .menu-primary-inner {
        padding: 0;
    }

    #wrapper #masthead .menu-smart li>a .fa-dropdown,
    #wrapper .mobile-secondary-menu.menu-smart .menu-item-has-children span:after {
        position: absolute;
        right: 10px;
        font-size: 18px;
        opacity: 0.8;
        top: 20px;
    }

    #wrapper #masthead .menu-accordion-secondary,
    #wrapper #masthead .navbar-main {
        padding-top: 0;
    }

    #wrapper #masthead .menu-accordion-secondary li a {
        color: var(--bleu-titres);
        -webkit-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
    }

    #wrapper #masthead .menu-accordion-secondary .fa {
        color: var(--sable);
        font-size: 24px;
        min-width: 30px;
        text-align: center;
        display: inline-block;
    }

    #wrapper #masthead .menu-accordion-secondary li.menu-item:last-child>a {
        border-bottom: none;
    }

    #wrapper #masthead .menu-accordion-secondary li a:hover,
    #wrapper #masthead .menu-accordion-secondary li.current-menu-item a,
    #wrapper #masthead .menu-accordion-secondary .lien-mail .fa {
        color: var(--bleu-clair);
    }

    #wrapper #masthead .main-menu-container .menu-smart>li {
        padding: 0 36px;
    }

    #wrapper #masthead .menu-smart li a .fa-angle-right {
        display: none;
    }

    #wrapper #masthead .drop-menu {
        margin-top: 0 !important;
    }

    #wrapper #masthead .drop-menu>li>a {
        text-transform: none;
        margin: 0;
        padding-left: 0;
        letter-spacing: 0;
    }

    #masthead.is_stuck #main-logo .logo-image {
        height: 60px !important;
        line-height: 60px !important;
    }

    #masthead.is_stuck .top-menu {
        top: 16px;
    }

    /* Footer
    --------------------------------------------- */
    #wrapper #prefooter {
        max-width: 100%;
        margin: 0 18px -50px
    }

    #wrapper #footer>.row {
        padding-top: 100px;
    }

    #prefooter .uncont>.vc_custom_heading_wrap {
        padding: 8px 36px;
    }

    #wrapper #colophon .col-contact .icon-box,
    #wrapper #colophon .col-liens .vc_custom_heading_wrap+.vc_row {
        margin-top: 18px;
    }

    .scroll-top .fa {
        font-size: 40px;
    }


    #wrapper .header-wrapper>.vc_row::before {
        border-top-left-radius: 20px;
    }

    #masthead .mobile-menu-button .lines,
    #masthead .mobile-menu-button .lines:before,
    #masthead .mobile-menu-button .lines:after {
        background: var(--bleu-fonce);
    }

    #masthead .mobile-menu-button .lines {
        background: var(--bleu-clair);
    }

    #wrapper #page-header .header-wrapper>.vc_row .row-background {
        margin: 18px;
    }

    #wrapper #masthead .menu-primary-inner {
        max-width: 100%;
        background: #fff;
        border-radius: 0;
    }

    #masthead .menu-primary-inner>li>a,
    #masthead .top-menu .menu-item>a,
    #masthead .top-menu .navbar-topmenu li:not(.lien-simple) a {
        color: var(--bleu-titres);
    }

    #masthead .top-menu .menu-horizontal {
        width: 100%;
    }

    #masthead .top-menu .navbar-topmenu li.lien-mail.menu-item+.menu-item a {
        font-size: 0 !important;
    }

    #masthead .top-menu .navbar-topmenu li a,
    #masthead .top-menu .navbar-topmenu .menu-smart {
        padding: 0;
    }

    #masthead .top-menu .navbar-topmenu .lien-simple,
    #masthead .top-menu .navbar-topmenu .lien-simple+.menu-item {
        display: none !important;
    }

    #masthead .top-menu .fa {
        margin-right: 0;
    }

    #masthead .top-menu {
        top: 24px;
        right: 100px;
    }

    #wrapper #page-header .header-wrapper>.vc_row>.row {
        padding-left: 50px;
    }

    #wrapper .bandeau-home .uncont.col-custom-width {
        max-width: 740px !important;
        margin: 0 auto;
    }

    #wrapper .vertical-text.vertical-text.vertical-text--right,
    #wrapper .vertical-text.vertical-text.vertical-text--left {
        text-align: left;
    }

    #wrapper .row-pres .uncode-single-media-wrapper.single-advanced {
        padding: 0 36px;
    }

    #wrapper .boxes .wpb_column.col-lg-4:nth-child(2) {
        top: 0;
        margin-top: 80px;
    }

    #wrapper .boxes .wpb_column.col-lg-4:not(:first-child) {
        padding-top: 18px;
    }

    #wrapper .boxes .uncode-single-media {
        max-width: 200px;
        margin: -100px auto 20px !important;
    }

    #wrapper .header-wrapper>.vc_row::before,
    #wrapper .section-faq::before,
    #wrapper .section-intro::before {
        width: 70%;
    }

    #wrapper .installation .bg-pastel .uncont.col-custom-width>.etape {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    #wrapper .row-pres .img-absolute,
    #wrapper .row-pres .img-absolute.uncode-single-media.text-right {
        left: auto;
        margin: -72px auto 0;
    }

    #wrapper .main-container .row-container .row-child.col-quad-gutter>.row-inner,
    #wrapper .main-container .row-container .col-quad-gutter>.row-inner {
        margin-left: 0;
    }

    #wrapper .main-container .row-container.row-child.col-quad-gutter>.row-inner>div:not(.vc_helper),
    #wrapper .main-container .row-container .col-quad-gutter>.row-inner>div:not(.vc_helper) {
        padding-left: 0;
    }

    #wrapper .row-intro .uncode-single-media {
        max-width: 400px;
        margin: 0 auto;
    }

    #wrapper .row-intro .column-background .background-inner,
    #wrapper .cta-cible .column-background .background-inner {
        /* width: 100%; */
        left: 0;
        right: 0;
        bottom: -50px;
        background-position: center center !important;
        top: auto;
        z-index: -1;
    }

    #wrapper .cta-cible .column-background .background-inner {
        bottom: auto;
        top: 0;
        width: 100%;
    }

    #wrapper .cta-cible .column-background .background-inner {
        padding-top: 150px;
    }

    #wrapper .main-container .composition .row-container.row-child.col-quad-gutter>.row-inner>div:not(.vc_helper),
    #wrapper .main-container .composition .row-container .col-quad-gutter>.row-inner>div:not(.vc_helper) {
        padding-left: 0;
    }

    #wrapper .main-container .composition .row-container .row-child.col-quad-gutter>.row-inner,
    #wrapper .main-container .composition .row-container .col-quad-gutter>.row-inner {
        margin-left: 0;
    }

    #wrapper .composition .col-quad-gutter .uncode-single-media:not(.img-absolute) {
        padding-right: 80px;
    }

    #wrapper .cta-cuves .uncode-single-media {
        max-width: 200px;
        margin: -100px auto 20px !important;
    }

    #wrapper .cta-cuves {
        margin-top: 72px;
    }

    #wrapper .composition .img-absolute.uncode-single-media.text-right {
        right: 0;
    }

    #wrapper .exemples .uncell.style-color-35576C-bg:before {
        height: 95%;
    }

    .landing #wrapper .icon-box .fa-rounded {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }

    .landing #wrapper .icon-box .icon-box-heading {
        height: auto;
        min-height: 60px;
    }

    .landing #wrapper .form-landing .icon-box p {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    #prefooter .uncont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #prefooter .uncont>.vc_custom_heading_wrap {
        padding: 18px;
    }

    #prefooter .uncont>.btn-container .custom-link {
        margin: 0 18px 18px;
        padding: 18px 36px !important;
    }

    #wrapper #colophon .uncode_text_column.text-small * {
        font-size: 14px;
    }

    #wrapper #colophon .col-contact .icon-box p {
        font-size: 15px;
    }

    #wrapper #faq-wrap .reponse h4:before {
        top: 0;
    }

    #wrapper .section-intro>.row>.vc_row>.row>.row-inner>.wpb_column.col-lg-8 .row-child>.row-inner {
        margin-left: 0;
    }

    #wrapper .section-intro>.row>.vc_row>.row>.row-inner>.wpb_column.col-lg-8 .row-child>.row-inner>.wpb_column {
        padding-left: 0;
        display: block !important;
        width: 100%;
    }

    #wrapper .installation:not(.install-pro) .bg-pastel .column-background {
        height: 85%;
    }

    #wrapper .col-pres .icon-box {
        max-width: 320px;
    }

    #wrapper .section-intro .uncode-single-media {
        max-width: 300px;
        margin: 0 auto 20px;
    }

    #wrapper .section-intro .icon-box-heading *,
    #wrapper .row-intro .icon-box-heading * {
        font-size: 16px;
    }

    #wrapper .section-intro .icon-box-content p,
    #wrapper .row-intro .icon-box-content p {
        font-size: 15px;
    }

}

@media screen and (max-width: 641px) {
    #wrapper .gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) {
        line-height: normal;
    }

}

@media screen and (max-width: 640px) {
    #wrapper .gform_wrapper .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
        padding-right: 0;
        margin-bottom: 0;
    }

    #wrapper .gform_wrapper .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) {
        padding-left: 0;
    }

    .gform_wrapper.gravity-theme .gform_fields {
        grid-column-gap: 0;
    }

    #wrapper .gform_wrapper label,
    #wrapper .gform_wrapper .gfield_label {
        line-height: 1.7em;
    }

}

@media screen and (max-width: 569px) {
    #masthead .top-menu .navbar-topmenu li:not(.lien-simple) a {
        padding: 7px 15px !important;
    }

    #wrapper #logo-container-mobile {
        padding: 5px 18px !important;
    }

    #wrapper #colophon .col-logo .single-wrapper .icon-media {
        max-width: 200px !important;
    }

    #wrapper .text-lead,
    #wrapper .text-lead>* {
        font-size: 18px;
    }

    #wrapper #page-header h1 span:after {
        margin-left: -30px;
    }

    #wrapper .row-btn-badge .uncode-single-media {
        max-width: 130px;
    }

    #wrapper #page-header .header-wrapper>.vc_row>.row {
        padding-left: 36px;
        padding-right: 36px;
    }

    #wrapper #faq-wrap .reponse h4 {
        padding-left: 20px;
    }

    #wrapper .about>.row-background .background-inner {
        max-width: 90%;
        left: -35%;
    }

    #wrapper #page-header .header-wrapper>.vc_row .row-background>.background-wrapper:after {
        max-width: 90%;
        left: 50%;
    }

    #wrapper #page-header .bandeau-page .badge {
        position: relative;
        max-width: 100px;
        top: 0;
        margin-top: 15px;
    }

    #wrapper .row-pres .img-absolute,
    #wrapper .row-pres .img-absolute.uncode-single-media.text-right {
        margin-top: -36px;
        max-width: 200px;
    }

    #wrapper .bloc-faq .uncell.style-color-35576C-bg:before {
        width: 200px;
        right: 0;
        top: 0;
        opacity: 0.04;
    }

    #wrapper .installation .bg-pastel .uncont.col-custom-width>.etape {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 0 0 20px;
    }

    #wrapper .installation .bg-pastel .uncont.col-custom-width {
        margin: 0;
    }

    #wrapper .composition .wpb_column.col-lg-8 .uncode-single-media.text-center {
        padding-left: 50px;
    }

    #wrapper .composition .wpb_column.col-lg-8 .img-absolute {
        bottom: 10px;
    }

    #wrapper .composition .col-quad-gutter .uncode-single-media:not(.img-absolute) {
        padding-right: 0;
    }

    #wrapper .composition .wpb_column.col-lg-8 .uncode-single-media.text-center {
        padding-left: 0;
    }

    #wrapper .composition .img-absolute.uncode-single-media.text-right {
        right: -18px;
    }

    #wrapper .section-intro .uncode_text_column blockquote * {
        font-size: 16px;
    }

    #wrapper .section-intro .uncode-single-media {
        margin: 0 auto;
    }
}

@media screen and (max-width: 479px) {
    #wrapper #masthead .mobile-menu-button {
        padding: 0 18px;
    }

    #masthead .top-menu {
        right: 70px;
    }

    #masthead #main-logo img {
        max-width: 130px;
    }

    #wrapper #masthead .main-menu-container .menu-smart>li {
        padding: 0 18px;
    }

    #wrapper #page-header .header-wrapper>.vc_row .row-background {
        margin: 15px 9px;
    }

    #wrapper #page-header .header-wrapper>.vc_row>.row {
        padding-left: 20px;
        padding-right: 20px;
    }

    #wrapper .row-btn-badge .uncode-single-media {
        max-width: 120px;
    }

    #wrapper .btn-container .custom-link,
    #wrapper .gform_footer .gform_button {
        padding: 18px !important;
        letter-spacing: 0.02em;
        font-size: 15px;
    }

    #wrapper .main-wrapper .single-block-padding,
    #wrapper .main-wrapper .bg-pastel .uncell.single-block-padding,
    #wrapper .main-wrapper .single-h-padding,
    #wrapper .main-wrapper .row-pres .uncode-single-media-wrapper.single-advanced,
    #wrapper .main-wrapper .uncont .vertical-text,
    #wrapper .section-intro>.row>.vc_row>.row>.row-inner>.wpb_column.col-lg-8,
    #wrapper .section-intro>.row>.vc_row>.row>.row-inner>.wpb_column.col-lg-4,
    #wrapper .composition .vc_row .row,
    body.cmplz-document #wrapper .post-content>.row-container>.row {
        padding-left: 18px;
        padding-right: 18px;
    }

    #wrapper .row-pres>.row {
        padding-left: 0;
        padding-right: 0;
    }

    #wrapper .bg-pastel>.row {
        padding-left: 9px;
        padding-right: 9px;
    }

    #wrapper .badge-col>.uncol>.uncoltable>.uncell>.uncont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #wrapper .badge-col .badge {
        margin-left: 0;
        left: 0;
        margin-bottom: -36px;
    }

    #wrapper .badge-col .badge .single-wrapper {
        max-width: 140px !important;
    }

    #wrapper .badge-col .uncell.style-degrade-sable-bg {
        padding: 50px 18px 36px;
    }

    #wrapper .badge-col .uncell.style-degrade-sable-bg .uncode_text_column * {
        text-align: center;
    }

    #wrapper blockquote {
        padding-left: 36px;
    }

    #wrapper .uncode_text_column *,
    #wrapper .page-body .vc_custom_heading_wrap .heading-text .text-top-reduced,
    #wrapper #faq-wrap .reponse h4 {
        font-size: 16px;
    }

    #wrapper .uncode_text_column .text-small>*,
    #wrapper #faq-wrap .reponse * {
        font-size: 15px;
    }

    #wrapper .boxes .btn-container {
        margin-top: 18px;
    }

    #wrapper .bloc-faq .uncell.style-color-35576C-bg {
        padding: 36px 18px;
    }

    #wrapper .exemples .row.single-h-padding {
        padding-left: 9px;
        padding-right: 9px;
    }

    body.cmplz-document #wrapper h1.post-title {
        font-size: 32px;
    }


    .landing #wrapper .post-content>.vc_row>.row {
        padding-left: 18px;
        padding-right: 18px;
    }

    #wrapper .gform_wrapper .gform_fields {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #wrapper .installation:not(.install-pro) .bg-pastel .column-background {
        height: 90%;
    }

    #wrapper .composition .img-absolute.uncode-single-media {
        max-width: 80px;
    }



    .landing #wrapper .icon-box .fa-rounded {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 24px;
    }

    .landing #wrapper .icon-box .icon-box-heading {
        min-height: 40px;
    }

    .landing #wrapper .gform_footer .gform_button {
        font-size: 18px;
    }

    #wrapper .bigtext * {
        font-size: 42px !important;
    }
}


@media screen and (max-width: 359px) {
    #wrapper .row-btn-badge .uncont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #wrapper .row-btn-badge .uncont>.btn-container {
        margin: 10px 0 0 0;
        width: 100%;
    }

    #wrapper .row-btn-badge .uncont>.btn-container .custom-link {
        display: block;
    }
}

.cacher, .btn[href*="contact"], .btn[href*="tel"] {
    display: none !important;
}
 a[href*="contact@recupleau.fr"], .page-wrapper  a[href*="recupleau.fr/contact/"], .page-wrapper a[href*="tel"] {
    opacity: 0;
    pointer-events: none !important;
 }