/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/*COLORS ROOT*/
:root {
  /* Neutres */
  --gris: #EEEAEB;
  /* Béton */
  --beton: #7C7079;
  --asphalte: #403438;
  --lavande: #BFAABE;
  --brume: #DDD5D8;
  /* Orange */
  --orange: #FF4924;
  /* Bleu froid */
  --orage: #586B85;
  --nuit: #242946;
  --glacier: #96ACDB;
  --pluie: #CEDAEB;
  /* Vert nature */
  --fougere: #696333;
  --foret: #343418;
  --pousse: #C0BC6E;
  --sauge: #E1E1C6;
  /* Elements */
  --red: #e77e7e;
  --radius: 25px;
  --grid: 50px;
  --row: 100px;
  --large: 150px;
  --transition: .3s;
  --circle-size: 35vw;
}
.black *:not(a span):not(.hero-news *), .asphalte *:not(a span):not(.hero-news *), .nuit *:not(a span):not(.hero-news *), .asphalte *:not(a span):not(.hero-news *), .foret *:not(a span):not(.hero-news *), .fougere *:not(a span):not(.hero-news *), .orange *:not(a span):not(.hero-news *) {
    color: white;
}
.white { background: white; }
.black { background: black; }
.gris { background: var(--gris); }
.beton { background: var(--beton); }
.asphalte { background: var(--asphalte); }
.lavande { background: var(--lavande); }
.brume { background: var(--brume); }
.orange { background: var(--orange); }
.orage { background: var(--orage); }
.nuit { background: var(--nuit); }
.glacier { background: var(--glacier); }
.pluie { background: var(--pluie); }
.fougere { background: var(--fougere); }
.foret { background: var(--foret); }
.pousse { background: var(--pousse); }
.sauge { background: var(--sauge); }


/*Animation : Fade in*/
@-webkit-keyframes fadein {
    100% {
 opacity:1;
}
}
@keyframes fadein {
    100% {
 opacity:1;
}
}
/*Animation : Fade out*/
@-webkit-keyframes fadeout {
    100% {
 opacity:0;
}
}
@keyframes fadeout {
    100% {
 opacity:0;
}
}
/*Animation : Splash*/
@-webkit-keyframes splash {
    100% {
	opacity:1;
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	-ms-transform: translateY(200px);
	-o-transform: translateY(200px);
	transform: translateY(200px);
}
}
@keyframes splash {
    100% {
	opacity:1;
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	-ms-transform: translateY(200px);
	-o-transform: translateY(200px);
	transform: translateY(200px);
}
}
.fader {
	opacity: 0;
	transform: translateY(15px);
    transition: all 0.8s cubic-bezier(.25, .1, .1, 1);
}
.fader.in-view {
	transition-delay: 0.35s;
	opacity: 1;
	transform: translateY(0);
}


/*FONTS*/
@font-face {
font-family: PPNeueMontreal;
src: url(/wp-content/uploads/fonts/PPNeueMontreal-Thin.ttf);
font-weight: 100;
}
@font-face {
font-family: PPNeueMontreal;
src: url(/wp-content/uploads/fonts/PPNeueMontreal-Light.ttf);
font-weight: 200;
}
@font-face {
font-family: PPNeueMontreal;
src: url(/wp-content/uploads/fonts/PPNeueMontreal-Book.ttf);
font-weight: 400;
}
@font-face {
font-family: PPNeueMontreal;
src: url(/wp-content/uploads/fonts/PPNeueMontreal-Regular.ttf);
font-weight: 500;
}
@font-face {
font-family: PPNeueMontreal;
src: url(/wp-content/uploads/fonts/PPNeueMontreal-Medium.ttf);
font-weight: 600;
}
@font-face {
font-family: PPNeueMontreal;
src: url(/wp-content/uploads/fonts/PPNeueMontreal-SemiBold.ttf);
font-weight: 700;
}
@font-face {
font-family: PPNeueMontreal;
src: url(/wp-content/uploads/fonts/PPNeueMontreal-Bold.ttf);
font-weight: 900;
}
html *, .mobmenu-content * {
    font-family: "Inter", sans-serif!important;
	font-family: PPNeueMontreal!important;
	font-feature-settings: "ss02";
}
.fa-classic, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fal, .far, .fas, .fat {
    font-family: "Font Awesome 6 Pro"!important;
}
.fa-sharp {
    font-family: "Font Awesome 6 Sharp"!important;
}
.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands"!important;
}


/*LOADER/SPLASH/TIMEOUT*/
.splash.timeout {
    pointer-events: none;
    /*clip-path: circle(0% at 50% 50%);*/
	opacity:0;
}
.splash {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    display: flex;
    background: white;
    opacity: 1;
    pointer-events: initial;
    justify-content: center;
    align-items: center;
    overflow-x: hidden !important;
    /*clip-path: circle(100% at 50% 50%);*/
    transition: .8s cubic-bezier(.76,0,.24,1);
}
.splash-anim {
    opacity: 0;
    animation: fadein 1s ease both;
    animation-delay: 0.25s;
}
/*body:not(.home) .splash {
    background: var(--fougere);
}*/
body:not(.home) .splash-anim {
    display:none;
}


/*COOKIES*/
body .cky-box-bottom-right {
    bottom: var(--grid);
    right: var(--grid);
}
body .cky-consent-container {
    width: 450px;
}
body .cky-consent-container .cky-consent-bar > div:last-child {
    display:none!important;
}
body .cky-consent-bar .cky-notice-content-wrapper {
    padding: 25px;
}
body .cky-notice .cky-title {
    margin: 0px 0 5px 0;
}
body .cky-btn {
    font-size: 15px;
    border-radius: 50px;
	line-height:1;
	height:38px;
    border: 1px solid var(--fougere) !important;
    background: var(--fougere) !important;
}
body .cky-btn-reject {
    color: var(--fougere) !important;
    background: transparent !important;
}
body .cky-btn:hover {
    border: 1px solid black !important;
    background: black !important;
	opacity:1;
}
body .cky-btn-reject:hover {
    color: black !important;
    background: transparent !important;
}
body .cky-notice-btn-wrapper {
    flex-direction: row-reverse;
    margin-top: 18px;
}
body .cky-consent-container .cky-consent-bar {
    border: 0;
    box-shadow: 0 0 10px #00000017;
    border-radius: var(--radius);
}
body .cky-notice-des * {
    font-size: 15px;
    line-height: 1.35;
}


/*GÉNÉRAL*/
html {
    -webkit-text-size-adjust: 100%!important; /* Prevent font scaling in landscape while allowing user zoom */
	overflow-x:hidden!important;
    scroll-behavior: smooth;
}
.page-header, .sidebar .widget, .site-main>* {
    margin-bottom: 0;
}
.single-post .site-main .entry-header, .single-portfolio-inner, .subproduct-inner, .blog .site-content, .page-template-subproduct-template .site-content {
	padding-top:250px;
}
.skip-link, .skip-to-content {
  display: none !important;
}
body:not(.single-post) .featured-image {
    display: none !important;
}
body {
    background: white;
    color: black;
	overflow-x:hidden!important;
}
a, button, input {
    transition: var(--transition);
}
a {
    color: black;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    color: black;
}
p a:hover {
    text-decoration:underline;
}
body .vc_row {
    margin-left: 0;
    margin-right: 0;
}
body:not(.page-template-services-template):not(.blog):not(.single) .inside-article .entry-header {
    display: none;
}
.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
    margin-top: 0;
}
.separate-containers .inside-article {
    padding: 0;
    /*background-color: var(--fougere);*/
}
.separate-containers .site-main {
    margin: 0;
}
body .grid-container {
    max-width: 100%;
}
body, p {
    font-size: 17px;
    font-weight: 500;
}
img {
    display: block;
}
embed, iframe, object {
    height: 100%;
    width: 100%;
    display: block;
}
.half {
    width: 50%;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0;
    line-height: 1;
    font-weight: 700;
    text-transform: none;
    color: black;
}
.classic h1, .classic h2, .classic h3, .classic h4, .classic h5, .classic h6 {
    padding-bottom:30px;
}
h1 {
    font-size: 8vw;
    font-weight: 700;
}
h2, .single-portfolio h1, .single h1, .page-template-subproduct-template h1 {
    font-size: 65px;
}
h3 {
    font-size: 50px;
}
h4 {
    font-size: 35px;
}
h5 {
    font-size: 30px;
    line-height: 1.35;
}
h6, .site-footer .gform_wrapper.gravity-theme .field_description_above .gfield_description, .site-footer .gform_wrapper.gravity-theme .gfield input.large {
    font-size: 25px;
    line-height: 1.35;
	font-weight: 600;
}
h1, h2, h3, h4, h5, h6, p {
    margin:0;
}
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0!important;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0!important;
}
body .vc_btn3-container {
    margin-bottom: 0;
    background: transparent !important;
    flex-shrink: 0;
}
body .grid, .footer-widgets-container, .inside-site-info, body article:not(.post) .inside-article .entry-header, .top {
	padding-left:10vw;
	padding-right:10vw;
}
body .vc_column_container>.vc_column-inner {
    padding-left: 0;
	padding-right: 0;
}
body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern::before, a.button::before, .button a::before, .hn-label::before, .cat-tag::before {
    content: "\f111";
    font-family: "Font Awesome 6 Pro";
    display: flex;
    font-weight: 600;
    font-size: 11px;
    transform: scale(1);
    transition: var(--transition);
}
body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern::before, a.button::before, .button a::before, body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern::after, a.button::after, .button a::after {
    padding-top:2px;
}
body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern::before, a.button::before, .button a::before {
	position:relative;
	z-index:1;
}
body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover::before, a.button:hover::before, .button a:hover::before {
    color: var(--orange);
}
a.button, .button a, body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern, body .gform_wrapper .gform_footer input.button, body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus, a.button:focus, .main-navigation .main-nav ul li.button a, .main-navigation .main-nav ul li:not(.button) a {
    font-weight: 500;
    font-size:15px;
    text-transform: none;
    margin: 0;
    padding: 0 25px;
    background: var(--orange);
    color: white;
	border:0;
    border-radius: 50px;
    height: 38px;
    line-height: 1;
    transition: var(--transition);
    display: inline-flex !important;
    align-items: center;
    text-align: left;
    gap: 5px;
    letter-spacing: 0.25px;
    overflow: hidden;
	cursor: pointer;
}
body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern span, a.button span, .button a span {
    position:relative;
	z-index:2;
}
/*Arrow button*/
a.button.arrow, a.button.arrow:hover {
    background: transparent;
    color: black;
    padding: 0;
    font-size: 17px;
    font-weight: 700;
    gap: 8px;
    position: relative;
    padding-left: 20px;
}
a.button.arrow::before, a.button.arrow::after {
    content: "\f138";
    font-family: "Font Awesome 6 Pro";
    color: var(--orange);
    font-size: 20px;
    width: 20px;
    opacity: 1;
    position: relative;
}
a.button.arrow::before, a.button.arrow::after, a.button.arrow span {
	transition: transform 0.5s cubic-bezier(0.5, 0.05, 0, 1);
}
a.button.arrow span {
	transform: translateX(0px);
}
a.button.arrow:hover span {
	transform: translateX(-20px);
}
a.button.arrow::after {
    right: 20px;
    left: auto;
}
a.button.arrow:hover::before, a.button.arrow::after {
    transform: scale(0);
}
a.button.arrow:hover::after, a.button.arrow::before {
    transform: scale(1);
}
/*White button*/
a.button.white, body .vc_btn3-container.white .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    background: white;
    color: black;
}
a.button.white span, body .vc_btn3-container.white .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern span {
    font-weight: 600;
}
body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover, a.button:hover, .button a:hover, a.button.white:hover, .button.white a:hover, body .vc_btn3-container.white .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
	background: black;
	border:0;
    color: white;
}
body .carousel-posts .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    border-color: white;
}
body .gform_wrapper .gform_footer input.button:hover, body .gform_wrapper.gravity-theme .gform_page_footer input:hover {
    background: var(--pousse);
    color: white;
}
body .vc_column_container>.vc_column-inner {
    padding-left: 0;
	padding-right: 0;
}
.flex>div>.vc_column-inner>.wpb_wrapper, .subproduct-content .flex  {
    display: flex;
	height:100%;
    gap: 50px;
}
.flexCol>div>.vc_column-inner>.wpb_wrapper {
    display: flex;
	height:100%;
    gap: 50px;
	flex-direction: column;
}
.full {
	height:100vh;
}
.radius {
	border-radius: var(--radius);
}
.center {
	text-align: center;
}
body .grid, .footer-widgets-container, .inside-site-info {
	padding-left: var(--grid);
	padding-right: var(--grid);
}
body.tax-ressources_category article .inside-article .entry-header {
    padding: 0;
}
.main-row, .footer-widgets-container {
    padding-top: var(--row);
	padding-bottom: var(--row);
}
.wrap, .vc_column_container.wrap {
	padding: var(--row) var(--grid);
}
.vc_row.wpb_row.wrap:has(+ .vc_row.wpb_row.wrap) {
    padding-bottom: 50px !important;
}
.wrapLg, .vc_column_container.wrapLg {
	padding: var(--row) var(--large);
}
.gridLg, .vc_column_container.gridLg {
	padding-left: var(--large);
	padding-right: var(--large);
}
.wrapSm, .vc_column_container.wrapSm {
	padding: 25px;
}
.grid-left, body .inside-article .entry-header {
    padding-left: var(--grid);
}
.grid-right {
    padding-right: var(--grid);
}
.wpb-content-wrapper > div {
    position: relative;
    float: left;
    width: 100%;
}


/*GTRANSLATE*/
.site-header .gtranslate_wrapper {
    display: flex;
    align-items: center;
    padding-left: 2px;
    margin-top: 1px;
}
.site-header .gtranslate_wrapper a {
    background: white;
    width: 38px;
    height: 38px;
    line-height: 1;
    font-size: 15px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    text-transform: none;
}
.site-header .gtranslate_wrapper a:hover {
    color: white;
	background: black!important;
}
.mobmenu-content .gtranslate_wrapper a.glink {
    text-decoration: none;
    margin: 28px 0 0 !important;
    font-size: 26px !important;
    font-weight: 400 !important;
}
body a.glink.gt-current-lang {
    display:none!important;
}


/*HEADER SCROLL DOWN/UP*/
.scrolled #masthead .inside-header, body .mob-menu-header-holder, .alternate-logo {
    top: -150px;
}
.scrolled .mob-menu-header-holder, .scrolled .alternate-logo {
    top: 0;
}
#masthead .inside-header, body .mob-menu-header-holder, .alternate-logo {
    transition: all .5s ease;
}


/*HEADER*/
#masthead, header .inside-header, body .mob-menu-header-holder, body .mobmenul-container, body .mobmenur-container {
    height: 150px;
}
.scrolled #masthead, .scrolled header .inside-header, body.scrolled .mob-menu-header-holder, body.scrolled .mobmenul-container, body.scrolled .mobmenur-container {
    height: 100px;
}
#masthead {
    position: fixed;
    background: transparent;
    top: 0;
    width: 100%;
    z-index: 100;
}
.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a {
    background-color: transparent;
}
header .inside-header {
    padding-left: var(--grid);
    padding-right: var(--grid);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    transition: var(--transition);
    padding-top: 25px;
	position:relative;
	top:0;
}
.nav-float-right .header-widget {
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: 3px;
}
.nav-float-right .widget ul li {
    margin-bottom: 0;
}
a.generate-back-to-top {
    display:none;
}
.menu-item-has-children .dropdown-menu-toggle {
    padding-right: 0;
    padding-left: 8px;
    font-size: 21px;
}
.menu-item-has-children .dropdown-menu-toggle .gp-icon svg {
    top: 0.225em;
    transition: var(--transition);
    width: 13px;
}
.main-navigation .menu-item-has-children:hover .dropdown-menu-toggle .gp-icon svg {
    transform: rotate(180deg);
}
.site-header .header-image {
    width: 35vw;
    max-width: 425px;
    padding: 0;
    transition: var(--transition);
}
.home .site-logo img {
    content: url('/wp-content/uploads/fonetik_logo_whiteorange.svg');
}
/* cacher le logo principal sur toutes pages (sauf homepage) */
body:not(.home) .alternate-logo {
    top: 0;
	opacity:1;
}
body:not(.home) .site-logo {
    display: none;
}
/***/
.alternate-logo {
    position: absolute;
    left: var(--grid);
    padding-top: 25px;
}
.alternate-logo .constellation {
    width: 202px;
    position: absolute;
    margin-left: 15px;
}
.alternate-logo .hover {
    opacity: 0;
    width: 220px;
    transition: var(--transition);
}
.alternate-logo .constellation:hover .hover, .alternate-logo .hover:hover {
    opacity: 1;
}
.rightmtop .alternate-logo {
    position: unset;
    padding-top: 0;
}
.nav-float-right #site-navigation {
    background: transparent;
}
.main-navigation .main-nav>ul {
    gap: 4px;
}
.main-navigation .main-nav ul li {
    transition: var(--transition);
    height: auto;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}
.main-navigation .main-nav ul li:not(.button) a {
    font-weight:600;
	color: black;
    background: white;
}
.single-portfolio .main-navigation .main-nav ul li.current_page_parent > a, .main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li:focus > a, .main-navigation .main-nav ul li.sfHover > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a, .menu-toggle, .main-navigation .menu-bar-items, .main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
    color: black;
}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a, .single-portfolio .main-navigation .main-nav ul li.current_page_parent > a:hover {
    color: var(--orange);
    background-color: white;
}
.main-navigation .main-nav ul li.current_page_parent > a, .main-navigation .main-nav ul li.current_page_parent:hover > a, .main-navigation .main-nav ul li[class*="current-menu-"] > a, .main-navigation .main-nav ul li.current-page-ancestor > a, .main-navigation .main-nav ul li.current-page-ancestor:not([class*="current-menu-"]):hover > a {
    background-color: white;
    color: var(--orange);
}
.single-portfolio .main-navigation .main-nav ul li.menu-item-38444.menu-item > a, .single-portfolio .main-navigation .main-nav ul li.menu-item-38444.menu-item > a:hover {
    background-color: var(--gris);
	color: var(--orange);
}
.single-portfolio .main-navigation .main-nav ul li.current_page_parent > a {
    background-color: transparent;
}


/*FULLSCREEN MENU/HEADER*/
body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
    padding-top: 0!important;
}
body .site-header {
    background: transparent;
    width: 100%;
    z-index: 999;
    position: fixed;
    transition: .35s;
    display: flex!important;
    left: 0;
}
body #mobmenuright li.menu-soumission a, body #mobmenuright li.menu-soumission a:hover {
    margin-left: 0;
    background: white!important;
    color: black!important;
    margin: 0 auto;
    box-shadow: 0 0 0 2px white;
}
html.mob-menu-no-scroll {
    overflow: auto;
}
body .mobmenu-right-alignment.show-panel {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
body .mobmenu-right-alignment {
    -webkit-transform: translateX(calc(100% + 20px));
    -moz-transform: translateX(calc(100% + 20px));
    -ms-transform: translateX(calc(100% + 20px));
    -o-transform: translateX(calc(100% + 20px));
    transform: translateX(calc(100% + 20px));
}
body .mob-menu-header-holder {
    display: block;
    z-index: 9999;
    position: fixed;
    right: var(--grid);
    width: 45px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
body .mobmenul-container, body .mobmenur-container {
    position: relative;
    top: 0;
    margin: 0 !important;
    right: auto;
    display: flex;
    align-items: flex-start;
    padding-top: 25px;
}
body.mob-menu-slideout-over .mobmenu-right-alignment {
    right: 0;
    height: calc(100% - 40px);
    width: calc(50% - 40px);
    max-width: 600px;
    background: white;
    border-radius: var(--radius);
    margin: 20px;
    transition: transform 0.5s cubic-bezier(.76, 0, .24, 1);
}
body.show-nav-right.mob-menu-slideout-over .mobmenu-right-alignment {
	transition: transform 0.5s cubic-bezier(.76, 0, .24, 1);
}
.mobmenu-panel .mob-cancel-button {
    display: block;
}
body .mobmenur-container i {
    transition: var(--transition);
    background: var(--orange);
    padding: 0;
    border-radius: 50px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
}
body .mobmenur-container .mobmenu-trigger-action i:hover {
    background: black;
}
body .mobmenu-overlay, body.show-nav-right .mobmenu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    background: hsl(0deg 0% 0% / 60%);
    backdrop-filter: blur(8px);
    transition: opacity 0.5s cubic-bezier(.76, 0, .24, 1);
	cursor: default;
	pointer-events: none;
}
body.show-nav-right .mobmenu-overlay {
    pointer-events: all;
}
body .mobmenu-right-panel .mobmenu-right-bt {
    right: 10px;
    top: 10px;
}
body .mob-icon-menu::before {
    font-weight: 300;
    font-family: "Font Awesome 6 Sharp" !important;
    content: "\f7a4";
    position: relative;
    font-size: 24px;
    color: white;
    width: auto;
    margin: 0;
    text-align: center;
    opacity: 1;
    transition: var(--transition);
    top: -1px;
    left: 0;
    line-height: 1;
    padding: 0;
    margin: 0;
}
body .mob-icon-cancel-1::before {
    font-weight: 400;
    font-family: "Font Awesome 6 Sharp" !important;
    content: "\f00d";
    position: relative;
    color: black;
    font-size: 25px;
    width: auto;
    margin: 0;
    text-align: right;
    opacity: 1;
    transition: var(--transition);
    background: var(--gris);
    border-radius: 50px;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
}
body .mob-icon-cancel-1:hover::before {
    background: var(--brume);
}
body .mobmenu-right-panel li, body .rightmbottom, body .rightmtop {
	padding-left: 0;
	padding-right: 0;
}
body .mobmenu-content #mobmenuright > li > a:hover, body .mobmenu-content #mobmenuright li:hover, body .mobmenu-content #mobmenuright li:hover {
    background: transparent;
}
body #mobmenuright li.current-menu-item a:hover {
    padding-right: 0;
}
body .mobmenu-content>div {
    width:100%;
}
body .mob-expand-submenu {
    display: none;
}
body .mobmenu-content li a, body .mobmenu-content li a:focus { /*Not Menu items*/
    width: 100%;
    text-align: center;
    font-size: 25px;
    letter-spacing: 0;
    display: inline-flex;
    justify-content: center;
    height: 50px;
}
body #mobmenuright li:not(.button) a {
	line-height: 1;
    display: block;
    text-decoration: none;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    font-size: 35px;
    color: black !important;
    transition: var(--transition);
    text-align: left;
    margin: 25px 0;
    max-width: fit-content;
    height:auto;
    position: relative;
    z-index: 999;
    padding: 0;
}
body #mobmenuright li a:hover {
    color: var(--orange)!important;
}
.mobmenu-content a.button::before {
    font-size:14px;
}
.mobmenu-content a.button:hover::before {
    transform: scale(1);
    color: white;
}
.mobmenu-content a.button:hover::after {
    display:none;
}
.mobmenu-content a.button:hover {
    background: var(--fougere);
	color:white;
}
body .rightmtop img {
    width: 150px;
}
body .rightmtop {
    position: fixed;
    top: 25px;
    left: 40px;
    z-index: 999999;
}
body .mobmenu-content {
    margin-top: 0;
    z-index: 1;
    height: 100%;
    overflow: auto;
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
    padding: 100px 40px 40px;
    justify-content: space-between;
    text-align: center;
    animation: fadeout 0.35s ease-out forwards;
}
body.show-nav-right .mobmenu-content {
	opacity:0;
	animation: fadein 0.7s ease-out forwards;
    animation-delay: 0.35s;
}
body .mobmenu-content .rightmtop, body .mobmenu-content .rightmtop li, body .mobmenu-content .rightmtop li a {
    padding: 0;
    margin: 0;
}
body .rightmbottom, .mobmenu-content .widget {
    margin: 0;
    width: 100%;
    padding: 0;
}
.widget ul li {
    margin-bottom: 0;
}
body #custom_html-5, body .mobmenu-content li#text-2{
    width: 100%;
}
body .mobmenu-content p {
    margin: 0;
    padding-top: 30px;
    color: white;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.5;
}
body .mobmenu-content li#nav_menu-2 a {
    display: block;
    letter-spacing: 0;
    line-height: 0.9;
    text-decoration: none;
    font-size: 2vw;
    color: white;
    margin: 4vh 0;
    padding: 0;
    font-weight: 200;
}
body .mobmenu-content li#nav_menu-2 li:first-child a {
    margin-top:0;
}
body .mobmenu-content .widget {
    padding-bottom: 0px;
    padding: 0;
}


/*ACCUEIL*/
/*Hero*/
.hero {
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.hero:before {
    content: "";
    height: 100%;
    width: 100%;
    background: radial-gradient(transparent, var(--foret) 90%);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
}
.hero-wrapper>.vc_column-inner>.wpb_wrapper {
    display: flex;
    gap: 50px;
    align-items: flex-end;
    height: 100vh;
    padding: var(--grid);
    padding-bottom: 75px;
    padding-top: 0;
}
.hero-wrapper>.vc_column-inner>.wpb_wrapper>div.hero-title {
    width: 75%;
	opacity:1;
    transform: none;
}
.hero-wrapper>.vc_column-inner>.wpb_wrapper>div.hero-latest {
    width: 25%;
    min-width: 375px;
}
.hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    padding: 0;
}
.hero video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center;
    opacity: .25;
}
.hero-title, .hero-latest {
	position:relative;
	z-index:2;
}
.hero-title * {
	color:white;
	font-weight: 600;
}
/*Hero Slider*/
.hero.full {
	position: relative;
	overflow: hidden;
	min-height: 80vh;
}
.hero.full .hero-wrapper,
.hero.full .vc_column-inner,
.hero.full .wpb_wrapper {
	position: relative;
	z-index: 3;
}
.fnk-hero-carousel {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	overflow: hidden;
}
.fnk-hero-carousel::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, black, #0000001f);
    z-index: 2;
    opacity: 0.7;
}
.fnk-hero-slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 1.2s ease-in-out;
	z-index: 1;
}
.fnk-hero-slide.active {
	opacity: 1;
}
.fnk-hero-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    object-position: center;
}
/****/
.hero-title h2 {
    max-width: 850px;
}
.letters-anim .word {
    white-space: nowrap; /* garde les mots entiers */
    display: inline-block;
}
.letters-anim .letter {
    opacity: 0;
    display: inline-block;
    transform: translateX(10px);
    transition: opacity .6s ease, transform .6s ease;
}
.letters-anim .letter-visible {
    opacity: 1;
    transform: translateX(0);
}
.hero-news {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.hn-item {
    display: flex;
    gap: 15px;
    padding: 10px;
    background: white;
    border-radius: 20px;
    transition: var(--transition);
    align-items: center;
}
.hn-item:hover {
    background: var(--pousse);
}
.hn-image {
    width: 60%;
    max-width: 120px;
}
.hn-image img {
    border-radius: 10px;
	aspect-ratio: 1 / 1;
    object-fit: cover;
}
.hn-content {
    padding-top: 0-;
}
.hn-label {
    font-size: 15px;
    display: flex;
    gap: 5px;
    align-items: center;
}
.hn-label::before {
    color: var(--orange);
}
.hn-title {
    line-height: 1.15;
	padding-top: 2px;
	padding-right:25px;
}
/*Top description*/
.fusion-logo-wrap {
    position: relative;
    margin: auto;
	margin-bottom:50px!important;
}
.fusion-logo-wrap, .fusion-logo-wrap .circle {
    width: 200px;
    height: 200px;
}
.fusion-logo-wrap .circle {
    position: absolute;
    background: var(--orange);
	background: black;
    border-radius: 50%;
    top: 50%;
    left: 50%; /* 🔥 toujours centré */
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s ease, opacity 0.3s ease, background 0.4s ease;
    will-change: transform;
	margin-bottom:75px;
}
.fusion-logo-wrap .circle-left {
    transform: translate(-110%, -50%);
}
.fusion-logo-wrap .circle-right {
    transform: translate(10%, -50%);
}
.fusion-logo-wrap .circle-final {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    background: transparent;
}
.fusion-logo-wrap .logo {
    width:80%;
	filter: invert(1);
}
.fusion-logo-wrap .circle-final .logo {
	filter: invert(0);
}
.topDesc {
	margin-top:50px;
}
.topDesc h5 {
    padding-left: var(--grid);
    padding-right: var(--grid);
    padding-bottom: 26px;
}
/*Produits*/
.produits h6 {
    padding: 25px 0 40px;
}
.produits-listing-inner {
    display: flex;
    gap: 25px;
    margin-top: 70px;
}
.produit-single {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    text-align: center;
    width: 33.33%;
}
.produit-single .produit-title {
    padding-top: 5px;
}
.produit-pastille {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: var(--grid);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
}
.produit-pastille::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.375);
    border-radius: inherit;
    z-index: 1;
}
.produit-circle {
    position: relative;
    z-index: 2;
    width: 85%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*Clients slide*/
.client-carousel-wrapper {
	margin: var(--grid) -50px;
}
.clients-row.row-1 {
    margin-bottom: 10px;
}
.client-slide {
	width: 20%;
	margin: 0 5px;
}
.client-slide span {
    height: 9vw;
    padding: 0 10%;
    border: 1px solid var(--gris);
    border-radius: var(--radius);
	display: inline-flex;
    align-items: center;
    justify-content: center;
}
.client-slide img {
    width: 100%;
}
/*Portfolio*/
.home .fnk-portfolio-page {
    margin-top: 25px;
}
.flex-title {
    padding-bottom: 30px;
}
.flex-title>div>.wpb_wrapper {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.fnk-portfolio {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
.fnk-port-latest {
    width: 60%;
}
.fnk-port-latest a {
    width: 100%;
    aspect-ratio: 3 / 2;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none;
    overflow: hidden;
}
.fnk-port-latest .title {
    color: white;
}
.fnk-port-latest a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        var(--fougere) 15%,
        rgba(255,255,255,0) 100%
    );
    opacity: 1;
    transition: opacity var(--transition);
    z-index: 0;
    pointer-events: none;
}
.fnk-port-latest a::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        var(--cat-color) 15%,
        rgba(255,255,255,0) 100%
    );
    opacity: 0;
    transition: opacity var(--transition);
    z-index: 1;
    pointer-events: none;
}
.fnk-port-latest a:hover::before {
    opacity: 0;
}
.fnk-port-latest a:hover::after {
    opacity: 1;
}
.cat-tag {
    display: inline-block;
    background: white;
    padding: 1px 25px 0;
    border-radius: 999px;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
    height: 33px;
	gap:5px;
    display: inline-flex;
    align-items: center;
}
.cat-tag, .cat-tag p {
    font-size: 15px;
}
.cat-tag::before {
    color: var(--cat-color);
}
.fnk-port-latest .title {
    position: relative;
    z-index: 2;
	max-width:60%;
}
.fnk-port-others {
    width: 40%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-direction: column;
}
.fnk-port-item {
    background: var(--gris);
    border-radius: 20px;
    text-decoration: none;
    display: flex;
    gap: 30px;
	transition: var(--transition);
}
.fnk-port-item:hover {
    background: var(--cat-color);
}
.fnk-port-item .info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.fnk-port-item .info h6 {
	font-weight:700;
}
.fnk-port-item .thumb {
    width: 50%;
    max-width: 160px;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
    display: flex;
    border-radius: 15px;
    overflow: hidden;
}
.fnk-port-item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*Agence*/
.split6040 .vc_col-sm-6 {
    width:60%;
}
.split6040 .vc_col-sm-6:last-child {
    width:40%;
	padding-left: 10px;
}
.agence .vc_col-sm-6:last-child img {
	aspect-ratio: 1/1;
	border-radius:999px;
	object-fit: cover;
	object-position: center;
}
.agence .flexCol>div>.vc_column-inner>.wpb_wrapper {
    justify-content: space-between;
}
.agence h6 {
    max-width: 85%;
    font-weight: 600;
}
.agence h2  {
    max-width: 800px;
}


/*CTA*/
.fnk-cta-image {
	width: 100%;
}
.fnk-cta-image-bg {
	position: relative;
	min-height: var(--cta-height, 800px);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	overflow: hidden;
	border-radius: var(--radius);
	background-size: cover;
	background-position: center;
	padding: var(--row);
}
.fnk-cta-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, black, transparent);
    z-index: 1;
    opacity: 0.7;
}
.fnk-cta-image-content {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 950px;
	text-align: center;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
}
.fnk-cta-image-title {
	margin: 0;
	color: #fff;
	font-weight:600;
}
.fnk-cta-image-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
a.fnk-cta-image-button:hover {
    background: var(--fougere);
}
.fnk-cta-image-button span {
	pointer-events: none;
}
@media (max-width: 767px) {
.fnk-cta-image-bg {
	min-height: 560px;
	padding: 30px 20px;
}
}


/*VIDEO BOX WIDGET*/
.video-inline {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    gap: 35px;
    margin: 0 var(--row);
}
.video-inline .cat-tag {
    background: var(--gris);
}
.video-box {
    position: relative;
    background: var(--gris);
    border-radius: var(--radius);
    width: 100%;
    aspect-ratio: var(--video-ratio, 16 / 9);
    overflow: hidden;
}
.video-cover-iframe {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	transform:translate(-50%,-50%);
	pointer-events:none;
	border:0;
	z-index:1;
}
.video-placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.35s ease;
    overflow: hidden;
}
.video-shade {
    position: absolute;
    inset: 0;
    background: var(--shade-color);
    z-index: 2;
    transition: opacity 0.3s ease;
}
.video-placeholder.is-hiding {
    opacity: 0;
    pointer-events: none;
}
.video-play {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: var(--play-color);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
    z-index: 2;
}
.video-play:hover {
    background: var(--hover-color);
}
.video-play i {
    color: #fff;
    font-size: 30px;
    margin-left: 4px;
}


/*À PROPOS*/
.adn .split6040 .vc_column_container:last-child .vc_column-inner,
.adn .split6040 .vc_column_container:last-child .wpb_wrapper,
.adn .split6040 .vc_column_container:last-child .wpb_single_image,
.adn .split6040 .vc_column_container:last-child .vc_single_image-wrapper {
    height: 100%;
}
.adn .split6040 .vc_col-sm-6:first-child {
    width: 65%;
}
.adn .split6040 .vc_col-sm-6:last-child {
    width: 35%;
    padding-left: 20px;
}
.adn .flexCol>div>.vc_column-inner>.wpb_wrapper {
    gap: 20px;
}
.agence.adn .flexCol>div>.vc_column-inner>.wpb_wrapper {
    justify-content: flex-start;
}
.adn .fougere .wpb_wrapper {
	display:flex;
	gap:50px;
}
.adn .fougere {
	padding:50px;
}
.adn h4 {
    padding-bottom: 15px;
    min-width: 300px;
}
.adn .split6040 .vc_single_image-wrapper img {
    height: 100%;
    border-radius: var(--radius);
}
.frequence .cat-tag {
    margin-bottom: 30px;
}
.frequence .title p, .installation .title p {
	padding-top:25px;
	max-width:800px;
	margin: 0 auto;
}
.frequences-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
    grid-auto-flow: column;
    padding: 60px 0;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.installation-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 60px var(--grid) 20px;
}
.frequence-titre, .installation-titre {
    font-weight: 700;
	line-height: 1.2;
	padding-bottom: 7px;
}
.frequence-item, .installation-item {
    text-align: left;
    background: white;
    border-radius: 12px;
    padding: 35px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.frequence-item:nth-child(1) {
    grid-area: 1 / 1 / 2 / 4;
}
.frequence-item:nth-child(2) {
    grid-area: 1 / 4 / 2 / 7;
}
.frequence-item:nth-child(3) {
    grid-area: 2 / 1 / 3 / 3;
}
.frequence-item:nth-child(4) {
    grid-area: 2 / 3 / 3 / 5;
}
.frequence-item:nth-child(5) {
    grid-area: 2 / 5 / 3 / 7;
}
.frequence-icone, .installation-icone {
    padding-bottom: 50px;
}
.frequence-icone i, .installation-icone i {
    background: var(--gris);
    width: 50px;
    height: 50px;
    border-radius: 99px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 50px;
    color: var(--orange);
}
body .frequence .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
	margin-top:15px;
}
.directors_title {
    background: linear-gradient(0deg, black, transparent);
    color: white;
    border-radius: var(--radius);
    position: absolute;
    padding: 100px 20px 50px;
    width: stretch;
    text-align: center;
    top: auto;
    bottom: 0;
}
.directors_title p {
    font-size: 0.75em;
}


/*STUDIOS*/
.studios-galerie-section .cat-tag {
	background: var(--gris);
}
.studios-galerie {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-flow: dense;
	gap: 20px;
	margin-top:35px;
}
.studios-galerie .gallery-slide {
	display: block;
	overflow: hidden;
	border-radius: var(--radius);
	position: relative;
	background: #f3f0ea;
}
.studios-galerie .gallery-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.45s ease;
}
.studios-galerie .gallery-slide:hover img {
	transform: scale(1.04);
}
.studios-galerie .tall {
	grid-row: span 2;
}
.studios-galerie .wide {
	grid-column: span 2;
}
.studios-galerie .square {
	grid-row: span 1;
	grid-column: span 1;
}
.studios-galerie .big-square {
	grid-row: span 2;
	grid-column: span 2;
}


/*POPUP LIGHTGALLERY*/
body .lg-outer {
    z-index: 9999;
}
body .lg-outer .lg-img-wrap {
    padding: 0;
}
body #lg-download {
    display: none;
}
body .lg-toolbar {
    background-color: transparent;
}
body #lg-counter {
    color: white;
    display: inline-block;
    font-size: 17px;
    padding-left: 28px;
    padding-top: 16px;
    vertical-align: middle;
}
body .lg-toolbar .lg-icon.lg-close {
    line-height: 1;
    font-size: 32px;
    color: white;
    right: 30px;
    top: 15px;
    width: 35px;
    left: auto;
    position: absolute;
    padding: 0;
    transform: rotate(0deg);
	transition:.3s;
}
body .lg-toolbar .lg-icon.lg-close:hover {
    transform: rotate(90deg);
}
body .lg-toolbar {
    opacity: 1 !important;
    height: auto !important;
    transform: none !important;
}
body .lg-outer .lg-video-cont {
    max-width: 1500px!important;
    padding: 0!important;
}
body .lg-outer .lg-video .lg-object {
    width: 75% !important;
    height: 75% !important;
    top: 12.5%;
    left: 12.5%;
}
body .lg-backdrop.in {
    opacity: 1;
    z-index: 9999;
    background-color: var(--foret);
}
body .lg-sub-html {
    display: none;
}
body .lg-actions .lg-next, body .lg-actions .lg-prev {
    background-color: transparent;
    color: white;
    font-size: 24px;
}
body .lg-hide-items .lg-prev, body .lg-hide-items .lg-next {
    opacity: 1!important;
    transform: none!important;
}


/*PORTFOLIO PAGE (ALL)*/
.portfolio-video {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.portfolio-video iframe, .portfolio-video img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.fnk-portfolio-filters {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding-bottom: 3rem;
    align-items: center;
    justify-content: center;
}
.fnk-portfolio-grid article {
    border-radius: var(--radius);
    overflow: hidden;
}
.fnk-portfolio-grid.has-filter {
    min-height: 700px;
}
/*.fnk-portfolio-grid article:last-child:nth-child(odd) {
    left: 50%;
    position: relative;
}*/
.fnk-portfolio-grid article iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 133.333%;
    transform: translate(-50%, -50%);
    border: 0;
}
.filter-btn.button {
    color: black;
    background: var(--gris);
    border-radius: 999px;
    font-weight: 600;
}
.filter-btn.button::before {
    color: var(--orange);
}
.filter-btn.button::before {
    color: var(--cat-color);
}
.filter-btn.button:hover::before, .filter-btn.button.active::before {
    color: white;
}
.filter-btn.button.active, .filter-btn.button:hover {
    background: var(--cat-color, #000);
    color: white;
}
.fnk-portfolio-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
    gap: 20px;
}
.fnk-portfolio-grid img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
    border-radius: var(--radius);
}
.portfolio-link {
    position: relative;
    display: block;
    overflow: hidden;
}
.portfolio-link img {
    width: 100%;
    display: block;
    transition: transform 0.4s ease;
}
.portfolio-overlay {
    position: absolute;
    inset: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    overflow: hidden;
    backdrop-filter: blur(5px);
	padding: 25px 10%;
	text-align:center;
	gap:12px;
}
.portfolio-overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--cat-color);
    opacity: 0.75;
    z-index: 0;
}
.portfolio-overlay > * {
    position: relative;
    z-index: 1;
}
.portfolio-link:hover .portfolio-overlay {
    opacity: 1;
}
.portfolio-cat {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    background: white;
    border-radius: 10px;
    color: var(--cat-color);
    font-weight: 700;
    padding: 3px 15px 2px;
}
.portfolio-title {
	color:white;
	margin-top: 3px;
	line-height:1.05;
}


/*CARRIERES*/
.poste-details-row ul {
    margin: 0 0 0 30px;
}
.poste-details-row ul li span {
    font-weight: 500!important;
}
.carrieres-listing {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.carrieres-listing .poste {
    background: var(--gris);
    border-radius: var(--radius);
    padding: 50px;
}
.carrieres-listing .poste.aucun {
    background: var(--gris);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.carrieres-listing .poste.aucun p {
    max-width:75%;
}
.poste-min {
    display: flex;
    gap: 100px;
    justify-content: space-between;
    align-items: center;
}
.poste h4 {
    padding: 5px 0 30px;
}
.poste.aucun h4 {
    padding: 0;
}
.poste .more-details {
    display: flex;
    gap: 8px;
    align-content: center;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
	transition: var(--transition);
}
.poste .more-details:hover {
    color: var(--orange);
}
.poste .more-details i {
    transform: rotate(0deg);
    transition: var(--transition);
    font-weight: 300;
}
.poste.open .more-details i {
    transform: rotate(0deg);
}
.poste .more-details:hover i {
    transform: rotate(90deg);
}
.poste.open .more-details:hover i {
    transform: rotate(0deg);
}
.poste-details {
    margin-top: 35px;
}
.poste h6 {
    padding-top: 25px;
    padding-bottom: 20px;
    max-width: 60%;
}
.poste-details-row {
    display: flex;
    gap: 50px;
	padding-bottom:15px;
}
.poste-details-row>strong {
    min-width: 250px;
    width: 250px;
}
p.extra {
    display: block;
    border-top: 1px solid var(--border);
    padding-top: 25px;
    margin-top: 5px;
    padding-bottom: 25px;
}
.poste .city {
    padding-top: 0;
    font-weight: 600;
}
.city i  {
    padding-right: 3px;
}
#postuler .gform_wrapper {
	padding-top:35px;
}


/*SUBPRODUCT TEMPLATE PAGE*/
.page-template-subproduct-template .site-content {
    display: block;
}
.page-template-subproduct-template .site-content {
    display: flex;
}
.subproduct-content-listing {
	margin-top:35px;
    flex-direction: column;
}
.subproduct-content {
	padding-bottom:0;
}
.subproduct-content .subservice h4 {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.subproduct-content i {
    font-size: 13px;
    margin-top: 12px;
}
.subproduct-content .client-carousel {
    padding-left: 0;
    padding-right: 0;
}
.subproduct-content-other {
	margin:50px 0 100px;
}
.subproduct-content-other .subproduits-listing {
    margin-bottom: 0px !important;
}
.subproduct-content-other h3 span {
	display:block;
}
html[lang="fr-CA"] .subproduct-content-other h3 span {
    text-transform: lowercase;
}
.subproduct-content-other h5 {
    color: black !important;
}
.subproduct-content-other .service-single:hover {
    background: var(--cat-color);
}
.subproduct-content-other a.button:hover {
    background: var(--asphalte);
}
.subproduct-content-other .subproduits-pages {
    padding: 0;
}
.subproduct-content-other .suproduits-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
	gap:20px;
}
html[lang="en"] .subproduct-content-top h6 em {
	text-transform:lowercase!important;
	font-style:normal;
}


/*SINGLE PORTFOLIO*/
.single .main-navigation .main-nav ul li#menu-item-46396:hover > a, .page-template-subproduct-template .main-navigation .main-nav ul li#menu-item-46396:hover > a {
  background-color: var(--fougere);
  color:white;
}
.page-template-subproduct-template .cat-tag,
.page-template-subproduct-template .site-header .gtranslate_wrapper a,
.page-template-subproduct-template .main-navigation .main-nav ul li:not(.button) a,

.single-portfolio .cat-tag,
.single-portfolio .main-navigation .main-nav ul li:not(.button) a,
.single-portfolio .main-navigation .main-nav ul li.menu-item-38444.menu-item > a,
.single-portfolio .site-header .gtranslate_wrapper a,
.single-portfolio .main-navigation .main-nav ul li.current_page_parent > a:hover,

.single-post .cat-tag,
.single-post .main-navigation .main-nav ul li:not(.button) a,
.single-post .main-navigation .main-nav ul li.menu-item-38444.menu-item > a,
.single-post .site-header .gtranslate_wrapper a,
.single-post .main-navigation .main-nav ul li.current_page_parent > a:hover, 

.blog .cat-tag,
.blog .main-navigation .main-nav ul li:not(.button) a,
.blog .main-navigation .main-nav ul li.menu-item-38444.menu-item > a,
.blog .site-header .gtranslate_wrapper a,
.blog .main-navigation .main-nav ul li.current_page_parent > a:hover {
    background: var(--gris);
}
.single-portfolio-inner, .subproduct-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.single-portfolio-header {
    width: 100%;
}
.single-portfolio-header .client h5 {
    font-weight: 600;
}
.single-portfolio-featured {
    pointer-events: none;
}
.single-portfolio-featured, .portfolio-link {
    position: relative;
    background: var(--gris);
    border-radius: var(--radius);
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}
.single-portfolio-header img {
    aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: var(--radius);
}
.single-portfolio-header .meta {
    display: flex;
    gap: 25px;
}
.single-portfolio h1, .page-template-subproduct-template h1, .single h1 {
    max-width: 1000px;
    padding: 15px 0 0;
}
.single-portfolio .informations {
    display: flex;
    margin-top: var(--grid);
    margin-bottom: 60px;
    gap: 35px;
}
.single-portfolio .informations > div {
    width: 50%;
    padding-right: 5%;
}
.single-portfolio .informations .label {
    font-weight:700;
}
.single-portfolio .informations .block {
    padding-bottom:15px;
}
.fnk-flexible-content {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.flex-section.grid-2 {
    display: flex;
    gap: 20px;
    align-items: stretch;
}
.flex-section.grid-2 .inner-section {
    width: 50%;
}
.flex-half-1434.flex-section.grid-2 .inner-section:first-child, .flex-half-3414.flex-section.grid-2 .inner-section:last-child {
    width: 25%;
}
.flex-half-1434.flex-section.grid-2 .inner-section:last-child, .flex-half-3414.flex-section.grid-2 .inner-section:first-child {
    width: 79%;
}
.fnk-flexible-content .inner-section {
    overflow: hidden;
}
.fnk-flexible-content .flex-half-1434 .inner-section:first-child .video-wrap, .fnk-flexible-content .flex-half-3414 .inner-section:last-child .video-wrap {
    aspect-ratio: 9 / 16;
}
.fnk-flexible-content .video-wrap {
    aspect-ratio: 16 / 9;
}
.fnk-flexible-content .video-wrap.format_4_3 {
    aspect-ratio: 4 / 3;
}
.fnk-flexible-content .cat-tag {
    padding: 0;
}
.fnk-flexible-content .cat-tag::before {
    color: var(--orange);
}
.fnk-flexible-content .text-content {
    margin-top: 10px;
}
.flex-section.grid-3, .flex-section.grid-4 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.flex-section.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}
.flex-section.grid-3 img, .flex-section.grid-4 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    aspect-ratio: 12 / 9;
}
.flex-section .quote-content {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}
.flex-section .quote-text {
    padding: 20px 0 60px;
}
.flex-section .quote-content .dot {
    width: 20px;
    height: 20px;
    background: var(--orange);
    margin: 0 auto 10px;
    border-radius: 99px;
}
.flex-section .quote-content * {
    line-height: 1.2;
}
.flex-section.flex-half-text .bullets {
    margin-top: 15px;
}
.flex-section.flex-half-text .bullet-item:before {
    content: "";
    background: var(--orange);
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    border-radius: 50px;
    margin-right: 2px;
}
.flex-section.flex-half-text.portrait .col img, .flex-section.flex-half-text.portrait .col .video-wrap {
    aspect-ratio: 9 / 16;
	object-fit: cover;
}
.flex-section.flex-half-text.portrait-lg .col img, .flex-section.flex-half-text.portrait-lg .col .video-wrap {
    aspect-ratio: 4 / 5;
	object-fit: cover;
}
.flex-section.flex-half-text .col img, .flex-section.flex-half-text .col .video-wrap iframe {
	border-radius: var(--radius);
}
.flex-section.flex-half-text.portrait .col:first-child {
    width: 25%;
}
.flex-section.flex-half-text.portrait .col {
    width: 75%;
}
.flex-section.flex-half-text.portrait-lg .col:first-child {
    width: 33.33%;
}
.flex-section.flex-half-text.portrait-lg .col {
    width: 66.66%;
}
.flex-section.flex-half-text .col.grid {
    background: var(--gris);
    display: flex;
    border-radius: var(--radius);
    flex-direction: column;
    justify-content: center;
}
.flex-section.flex-half-text .col {
    width: 50%;
}
.flex-section.flex-half-text.square .col img, .flex-section.flex-half-text.square .col .video-wrap {
    aspect-ratio: 1 / 1;
	object-fit: cover;
}
.flex-section.flex-half-text.landscape .col img, .flex-section.flex-half-text.landscape .col .video-wrap {
    aspect-ratio: 16 / 9;
	object-fit: cover;
}
.flex-section.flex-text-only {
    text-align: center;
}
/* === PLAYER WRAPPER === */
.mp3-player {
    display: flex;
    align-items: center;
    gap: 30px;
    background: var(--gris);
    border-radius: var(--radius);
    padding: 20px;
    max-width: 700px;
    margin: 60px auto;
}
.mp3-play i.fa-play {
	text-indent: 5px;
}
/* === PLAY BUTTON === */
.mp3-cover {
    flex: 0 0 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--brume);
    border-radius: 15px;
}
.mp3-play, .mp3-play:focus {
    width: 136px;
    height: 136px;
    border-radius: 50%;
    border: none;
    background: var(--orange);
    color: white;
    font-size: 32px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}
.mp3-play:hover {
	background: var(--fougere);
}
/* === RIGHT CONTENT === */
.mp3-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 160px;
    justify-content: space-between;
}
.mp3-subtitle {
    color: var(--beton);
    padding-bottom: 5px;
}
.mp3-title {
	line-height:1;
}
/* === PROGRESS BAR === */
.mp3-progress {
    display: block;
}
.mp3-time {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.mp3-bar {
    flex: 1;
    height: 6px;
    background: var(--brume);
    border-radius: 10px;
    cursor: pointer;
    position: relative;
}
.mp3-bar-fill {
    height: 100%;
    width: 0%;
    background: var(--beton);
    border-radius: 10px;
}
.mp3-current, .mp3-duration {
    font-size: 13px;
    font-weight: 700;
}
/***/
.galerie {
    display: flex;
    gap: 35px;
    flex-wrap: wrap;
    padding-top: 50px;
}
.galerie .photo {
    height: 50vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 50%;
    border-radius: 25px;
}
.galerie .photo1 {
	width: calc(60% - 35px);
}
.galerie .photo2 {
    width: 40%;
}
.galerie .quote {
    width: calc(40% - 35px);
    height: 70vh;
    padding-right: 20px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
}
.galerie .quote h5 {
    font-weight: 700;
}
.galerie .photo3 {
    width: 60%;
	height:70vh;
}
.all {
    background: black;
    padding-right: 0!important;
	margin-top:	100px;
}
.all * {
    color: white;
}
.all .image {
    background-size: cover;
    background-position: center;
	filter: saturate(1);
    transition: .5s;
	border-radius: 25px;
}
.all .image:hover {
	filter: saturate(0.5);
}
.all .image, .all .title {
    height: 35vh;
}
.all .title {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    background: linear-gradient(45deg, black, transparent);
    padding: 15px 30px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
}
.all .title {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    background: linear-gradient(45deg, black, transparent);
    padding: 15px 30px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
}
.all .slick-track {
    gap: 2.5vw;
}
.all h6 {
    padding-bottom: 40px;
    padding-top: 25px;
    margin-right: 10vw;
    border-top: 1px solid;
}
.all .slick-next, .all .slick-prev {
    right: calc(10vw + 15px) !important;
    top: -61px;
}
.all .slick-prev {
    right: calc(10vw + 61px) !important;
	left:auto!important;
}
.single-portfolio .previous {
    width: 100%;
    text-align: center;
	padding-bottom: var(--grid);
}
.others .fnk-portfolio-grid {
    display:block;
}
.others .portfolio-link {
    background: transparent;
}
.others .slick-track {
	display:flex;
    gap: 20px;
}
.others .slick-list {
    margin: 50px -15px 40px;
}
.others .slick-prev:before, .others .slick-next:before {
    content: "\f177";
    font-family: "Font Awesome 6 Sharp";
    font-weight: 500;
    background: white;
    color: black;
    height: 35px;
    width: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    border-radius: 50px;
    font-size: 17px;
	transition: var(--transition);
}
.others .slick-prev:hover:before, .others .slick-next:hover:before {
    background: var(--pousse);
}
.others .slick-next:before {
    content: "\f178";
}
.others .slick-next, .others .slick-prev {
    right: 15px !important;
    top: -80px;
}
.others .slick-prev {
    right: 60px !important;
    left: auto !important;
}
.others .portfolio-overlay * {
    zoom: 0.86;
}


/*SINGLE POST*/
.single-post .inside-article img {
	border-radius: var(--radius);
}
.single-post .entry-meta {
    display:none;
}
.single-post .inside-article .featured-image {
    margin-bottom: 35px;
	display: none;
}
.single-post .inside-article {
    padding-left: var(--large);
    padding-right: var(--large);
}
.single-post .inside-article .entry-header {
    padding-left: 0;
}
.single-post .inside-article .featured-image img {
    border-radius: 25px;
    width: 100%;
    aspect-ratio: 2 / 1;
    position: relative;
    width: 100%;
    object-fit: cover;
}
.single-post .site-content article {
    margin-bottom:0;
	padding-bottom:var(--row);
}
.single-post .site-main .entry-header {
    gap: 10px;
}
.single-post .entry-content p {
    padding-bottom: 25px;
}
.single-post .entry-content p:last-of-type {
    padding-bottom: 0;
}
.single-post .entry-content h3, .single-post .entry-content h4, .single-post .entry-content h5, .single-post .entry-content h6 {
    padding-bottom: 22px;
}
.single-post .entry-content h6 {
    padding-bottom: 30px;
	font-weight:700;
}
.single-post .entry-title {
    margin-top: 0;
    padding: 0;
}
.single-post .entry-content ol, .single-post .entry-content ul {
    margin: 0 0 25px 2.5em;
}
.single-post .site-main .entry-header {
    display: flex;
    flex-direction: column-reverse;
}


/*ADD TO ANY - SINGLE POST*/
body .addtoany_list a:not(.addtoany_special_service)>span {
    background: var(--pousse) !important;
    border-radius: 50px !important;
	padding:4px;
	border: 0;
}
body .addtoany_list a:not(.addtoany_special_service):hover>span {
    background: var(--orange) !important;
}
body .addtoany_list a:not(.addtoany_special_service)>span, body .addtoany_list a:not(.addtoany_special_service) path {
	transition:var(--transition);
}
body .addtoany_list a:hover img, body .addtoany_list a:hover span {
    opacity: 1;
}
body .addtoany_list a, body .widget .addtoany_list a {
    padding: 0 10px 0 0;
}
body .addtoany_header {
    margin: 0;
    text-transform: uppercase;
    font-size: 14.5px;
    font-weight: 700;
    letter-spacing: 0.25px;
    padding-bottom: 5px;
}
body .addtoany_content {
    clear: both;
    margin: 35px auto 50px;
}


/*BLOG*/
.blog .entry-summary p:first-child, .blog footer.entry-meta, .blog .byline {
    display: none;
}
.blog .site-content {
    flex-direction: column;
    padding-left: var(--large);
    padding-right: var(--large);
    padding-bottom: var(--grid);
}
.blog .is-left-sidebar, .blog .site-content .content-area {
    width: 100%;
} 
.blog .is-left-sidebar {
    display: none;
}
.blog .is-left-sidebar .inside-left-sidebar {
    display: flex;
    justify-content: space-between;
    margin: 0 0 50px;
    align-items: center;
}
.blog .sidebar .widget {
    background-color: transparent;
    padding: 0;
    margin: 0;
}
.blog .post-image:not(:first-child) {
    display: none;
}
.blog .entry-title a:hover {
    color: var(--fougere);
}
.blog .sidebar .widget .widget-title {
    display: none;
}
.blog .site-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.blog.separate-containers .site-main article .inside-article {
    background: var(--gris);
	border-radius: var(--radius);
}
.blog.post-image-above-header .inside-article .featured-image, .blog.post-image-above-header .inside-article .post-image {
    margin-bottom: 8px;
}
.entry-title a, .entry-title, .entry-title a strong, .entry-title strong {
    color: black;
    font-weight: 700;
}
.blog .site-main .post-image img {
    border-radius: 25px;
}
.blog .site-main .entry-header {
    display: flex;
    flex-direction: column;
	gap:15px;
	padding: var(--row);
}
.blog .entry-meta {
    color: black;
	font-size:1em;
	margin:0;
}
.blog .widget select[name="archive-dropdown"] {
    background: transparent;
    border: 0;
    background: url(/wp-content/uploads/arrow-down.svg) no-repeat transparent;
    background-color: transparent !important;
    background-size: 9px;
    background-position: center right;
    padding-right: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-height: 51px;
    color: black;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    text-align: right;
    box-shadow: none !important;
    text-align-last: end;
}
.blog .widget .search-form button.search-submit {
    font-size: 17px;
    background: transparent;
    color: black;
    padding: 8px 20px;
}
.blog .widget .search-form {
    border: 1px solid;
    border-radius: 50px;
    display: flex;
    align-items: center;
}
.blog .widget .search-field {
    background: transparent;
    border: 0;
    color: black;
    padding-left: 25px;
    line-height: 1;
    padding: 13px 25px;
    font-weight: 500;
    border-radius: 50px;
}
input[type="search"]:focus {
    background: transparent;
    border: 0;
	color: black;
	outline: none;
}
/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
.search .entry-content form  {
    display: none;
}
input[type="search"]::placeholder {
  color: black;
}
input[type="search"]::-ms-input-placeholder {
  color: black;
}
input[type="search"]:-webkit-autofill, input[type="search"]:-webkit-autofill:focus, input[type="search"]:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 50px white inset !important;
}
.blog header.page-header {
    width: 100%;
    margin-bottom: 35px;
	line-height:1;
}
.search .page-header>:last-child {
    margin-bottom: 0;
    line-height: 0.85;
    max-width: 900px;
    padding-top: 9px;
}
.search .page-header>:last-child span {
    font-weight: 300;
}
.archive .page-header>:last-child span {
    text-transform: capitalize;
}


/*PRODUITS PAGE*/
#production {
	margin-top:-40px;
}
.minimal h5 {
    color: white;
}
.minimal.subproduits-pages {
    padding: 0;
    margin-top: 50px;
}
.minimal.subproduits-pages .service-single:hover {
    background-color: color-mix(in srgb, var(--pastille-color) 80%, transparent)!important;
}
.more:before, .more:after {
    display:none!important;
}
.more {
    display: flex;
    gap: 10px;
}
.more h4 {
    padding-bottom: 25px;
}
.more p {
    padding-bottom: 15px;
}
.more p:last-child {
    padding-bottom: 0;
}
.latest .fnk-portfolio-grid {
	padding-bottom:50px;
	padding-top:30px;
}
.latest .cat-tag {
    background: var(--gris);
	margin-bottom:12px!important;
}


/*POLITIQUE*/
.politique p {
	padding-bottom: 15px;
}
.politique h4 {
	padding-bottom: 25px;
}
html[lang="en"] .politique h4 em {
    font-style: normal;
}


/*CONTACT*/
.contact .social-icons {
    justify-content: center;
	padding: 20px 0 0;
}
.contact .coordo {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 20px;
}
.contact .right {
    padding-left: 100px;
}
.contact .subtitle {
    max-width: 650px;
}
.contact .gform-body {
    margin-top: 35px;
}


/*PAGE TOP*/
.page-top-header-inner {
    height: 100vh;
    height: 75vh;
    display: block;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding-bottom: var(--grid);
    overflow: hidden;
    border-end-end-radius: var(--radius);
    border-end-start-radius: var(--radius);
}
.page-top-header-inner .header-title  {
    display: block;
    width: 100%;
}
.page-title {
    position: relative;
}
.page-top-header-inner h1 {
    color: white;
	position: relative;
    z-index: 1;
	font-weight: 600;
}
.header-circle {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 60%);
    width: var(--circle-size, 33vw);
    height: var(--circle-size, 33vw);
    background: var(--orange);
    border-radius: 50%;
    z-index: 0;
}


/*PRODUITS*/
.half h2, .half h3 {
    max-width:600px;
}
.subproduits-listing, .subproduits-listing-title {
    display: flex;
	gap: 35px;
}
.subproduits-listing-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.subproduits-listing-cta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
	padding-top:100px;
}
.subproduits-listing-cta h4 {
    max-width: 450px;
}
.subproduits-listing>div {
	width:50%;
}
.subproduits-listing-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.subproduits-listing-title {
    align-items: center;
}
.subproduits-listing .produit-pastille, .subproduits-listing .produit-pastille:before {
    border-radius:20px;
}
.subproduits-listing .produit-pastille {
    width: 100px;
    margin: 0;
}
.subproduits-listing-description {
    padding: 25px;
    padding-bottom: 150px;
}
.service-single {
    display: flex;
}
.subproduits-pages {
    gap: 10px;
    display: flex;
    flex-direction: column;
    padding: 10px;
}
.service-single {
    display: flex;
    background: white;
    border-radius: 15px;
    padding: 15px 35px;
	transition: var(--transition);
	padding-right:25px;
}
.service-single:hover {
    background: hsl(0deg 0% 100% / 65%);
}
.subproduits-pages .circle-button i {
    width: 50px;
    height: 50px;
    background: var(--orange);
    color: white;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
	transform: rotate(0deg);
	transition: var(--transition);
}
.subproduits-pages a:hover .circle-button i {
    transform: rotate(-45deg);
}
.subproduits-pages a i {
    font-weight: 500;
}
.subproduits-pages .service-title {
    display: flex;
    flex-direction: row;
    gap: 35px;
    align-items: center;
    justify-content: space-between;
	width: 100%;
}
.subproduits-pages .service-title h5 {
	line-height:1.2;
}
.subproduits-listing {
    margin-bottom: -50px !important;
}
.subproduits-accordion {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
}
.subproduits-accordion.open {
	padding-bottom:20px;
}
.accordion-block {
    margin-top: 10px;
    max-width: 90%;
}
.accordion-block h5 {
    margin-bottom: 10px;
}
.accordion-content {
    opacity: 0.9;
}


/*PREFOOTER*/
.prefooter {
    position: relative;
    padding: var(--grid);
	padding-top: var(--row);
	z-index:5;
}
.prefooter-inner {
    position: relative;
}
.prefooter .dots img,
.prefooter .logo img {
    display: block;
    width: 100%;
    height: auto;
}
.prefooter .dots {
    width: 91.9%;
    left: 6.9%;
    position: relative;
}
.prefooter .logo.fader {
	opacity: 1;
    transform: translateY(0);
    transition: transform .9s cubic-bezier(.76,0,.24,1);
    will-change: transform;
}
.prefooter .logo.animated {
    transition: none !important; /* Après anim : PLUS JAMAIS */
}
.prefooter .logo.fader.in-view {
	/* JS remplacera automatiquement ceci */
}


/*FOOTER*/
.typewriting a {
    display: flex;
    align-items: center;
}
.typewriting h2 {
    color: white;
    display: flex;
    gap: 13px;
    align-items: center;
}
html[lang="en"] .typewriting h2 {
	text-transform:capitalize;
}
.typewriting h2 #text {
    color: var(--orange);
}
html[lang="fr-CA"] .typewriting h2 span {
	text-transform:lowercase;
}
.typewriting i {
    background: var(--orange);
    border-radius: 50px;
    height: 50px;
    width: 50px;
    font-size: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	transform: rotate(0deg);
	transition: var(--transition);
}
.typewriting a:hover i {
	transform: rotate(-45deg);
}
.typewriting #blinker {
    display: inline-block !important;
    vertical-align: middle;
    width: 4px;
    height: 55px;
    background-color: var(--orange);
    animation: blink 1s step-end infinite;
    animation-delay: 1s;
}
@keyframes blink {
	from, to { 
		background-color: transparent 
	}
	50% { 
		background-color: white;
	}
}
#text-3 em {
    font-size: 0.8em;
    font-weight: 600;
    display: block;
	font-style:normal;
}
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 {
    font-weight: 600;
}
.site-footer {
    width: 100%;
    float: left;
    z-index: 6;
    position: relative;
}
.email a, .site-footer .email a {
	color: var(--orange);
}
.email a:hover, .site-footer a:hover, .contact a:hover {
	color: var(--pousse);
}
.site-footer .phone {
    display: none;
}
.site-footer a {
    color: white;
}
.sidebar .widget, .footer-widgets .widget {
    font-size: 18px;
}
.site-footer .footer-widgets-container .inner-padding {
    padding: 0;
}
.footer-widgets .widget-title {
    color: white;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0.25px;
    margin-bottom: 10px;
    display: flex;
    gap: 5px;
    line-height: 1;
    align-items: center;
    justify-content: flex-end;
}
.footer-widgets .widget-title::before {
	content: "\f111";
    font-family: "Font Awesome 6 Pro";
    display: flex;
    font-weight: 600;
    font-size: 10px;
	color: var(--orange);
}
.footer-widgets, .site-info {
    color: white;
    background-color: var(--foret);
}
.social-icons {
    display: flex;
    gap: 30px;
    padding: 20px 0 30px;
}
.rightmbottom .social-icons {
    justify-content: center;
	padding-bottom:35px;
}
.rightmbottom .social-icons a:hover {
	color: var(--orange);
}
.social-icons a {
    font-size: 1.25em;
    width: fit-content !important;
    padding: 0 !important;
    height: auto !important;
}
.site-footer .footer-widgets-container .inside-footer-widgets {
    margin-left: 0;
    flex-wrap: wrap;
}
.inside-footer-widgets>div {
    flex: auto;
    width: 20%;
    padding-right: 0;
	margin-bottom: 150px;
}
.inside-footer-widgets>div.footer-widget-1 {
    width: 80%;
}
.footer-widget-2 {
    text-align: right;
}
.inside-footer-widgets>div.footer-widget-3, .inside-footer-widgets>div.footer-widget-4 {
    width: 50%;
    margin-bottom: 0;
}
.footer-widgets-container {
    padding-top: var(--grid);
    padding-bottom: var(--grid);
}
.footer-widgets .widget {
    margin-bottom: 0;
}
.site-footer .copyright-bar {
    display:none;
}
.inside-site-info { /*Footer bottom*/
    display:none;
}
#text-4 { /*Copyright*/
    display: inline-flex;
    margin-right: 30px;
}
#nav_menu-5 { /*Termes*/
    display: inline-flex;
}
#nav_menu-5 ul {
    display: flex;
    gap: 30px;
}
#text-4 *, #nav_menu-5 * {
    font-size: 13px;
}
.footer-bar-align-center .footer-bar {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.site-footer .footer-widgets-container .gform_widget, .branding-form-section .form {
    width: 100%;
}
.footer-bar img {
    width: 100vw;
}
.footer-bar .widget_nav_menu li {
    margin: 0;
	margin-left: 30px;
}
#gform_5 {
    position: relative;
}
#gform_fields_5 {
    padding: 20px;
}
#gform_fields_5 .gform_confirmation_message {
    text-align: center;
    padding: 50px;
    font-weight: 700;
    margin-top: 0;
}
#gform_fields_5, #gform_fields_5 .gform_confirmation_message {
    max-width: 620px;
    margin-left: auto;
	background: white;
    border-radius: var(--radius);
    width: 100%;
	color: black;
	border-radius: var(--radius);
}
.site-footer .gfield.gfield--type-email {
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.site-footer .gform_wrapper.gravity-theme .field_description_above .gfield_description, .site-footer .gform_wrapper.gravity-theme .gfield input.large {
    font-weight: 700;
    width: calc(100% - 200px);
    padding: 0;
}
body .site-footer .gform_wrapper.gravity-theme input[type=email] {
	height: auto;
	min-height: auto;
	border:0;
	color: var(--orange);
	/*margin-top:75px;*/
	border-radius:0;
}
body .site-footer .gform_wrapper.gravity-theme input[type=email]:focus {
	background:white!important;
}
body .site-footer .gform_wrapper.gravity-theme .gform_footer {
    margin: 0;
    padding: 0;
    margin-right: 20px;
    bottom: 20px;
    position: absolute;
    right: 0;
    height: 160px;
    width: 160px;
    aspect-ratio: 1 / 1;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
body .site-footer .gform_wrapper.gravity-theme .gform_footer::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--brume);
    border-radius: inherit;
    z-index: 1;
}
body .site-footer .gform_wrapper .gform_footer input.button {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    height: auto;
    text-align: center;
    align-self: center;
    position: relative;
    z-index: 2;
    width: 85%!important;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
body .site-footer .gform_wrapper .gform_footer input.button:hover {
    background: var(--pousse);
}
.contact ::placeholder {
  color: black;
  opacity:1;
  transition:.3s;
}
.contact ::-ms-input-placeholder {
  color: black;
  opacity:1;
  transition:.3s;
}
.contact input:focus::placeholder, .contact textarea:focus::placeholder {
  opacity: 0.25;
}
.contact input:focus::-ms-input-placeholder, .contact textarea:focus::-ms-input-placeholder {
  opacity: 0.25;
}
::placeholder {
  color: var(--brume);
}
::-ms-input-placeholder {
  color: var(--brume);
}
input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 50px white inset!important;
}
.gform-loader, .gform_validation_errors, .gfield_required, .gform_required_legend, .gform_fileupload_rules {
	display:none!important;
}
body .site-footer .gform_wrapper.gravity-theme .gfield_validation_message {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--red) !important;
    position: absolute;
    bottom: 55px;
    width: fit-content !important;
    padding: 0 !important;
    text-transform: none;
}


/*CARRIERES*/
.carrieres h5 {
    font-weight: 400;
    padding-bottom: 50px;
    display: block;
    line-height: 1.35;
}
.carrieres h4 {
    padding-bottom: 25px;
}
.postuler .gform-body {
    margin: 0 auto;
}
.postuler .gform_wrapper.gravity-theme .gform_footer, .postuler .gform_wrapper.gravity-theme .gform_page_footer {
    justify-content: center;
}


/*GFORM*/
.gform_ajax_spinner {
    display:none!important;
}
.gform-body {
    max-width: 1000px;
    width: 100%;
}
body .gform_confirmation_message {
    margin-top: 32px;
}
body .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0;
}
.ginput_container.ginput_container_fileupload input {
    border-radius: 15px;
    padding: 15px 25px 15.5px;
    font-size: 13px;
    font-weight: 500;
    border: 2px solid var(--gris);
}
.ginput_container.ginput_container_fileupload span.gfield_description.gform_fileupload_rules {
    font-size: 11px;
    margin: 0;
    padding: 5px 25px 0;
}
body .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, body .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label {
    margin: 0;
}
body .gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container), body .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container) {
    margin: 5px 0 0 0;
}
body .gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label, body .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, body .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label {
    line-height: 1.1;
    letter-spacing: 0;
    font-size: 17px;
    font-weight: 700 !important;
    color: black;
    margin-bottom: 10px;
    padding-top: 10px;
}
body .gform_wrapper .top_label .calcul .gfield_label {
    margin-bottom: 0;
    margin-top: 8px;
    padding-right: 10px;
    letter-spacing: 2px;
}
body .gform_wrapper .gform_footer {
    margin: 0;
}
.spacer.gfield, .gform_required_legend, body .gform_wrapper.gravity-theme .gfield_required{
    display: none;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus {
    color: black;
    background-color: var(--gris)!important;
    border-color: 2px solid var(--gris);
    outline: none!important;
}
.dark-footer input[type="text"]:focus, .dark-footer input[type="email"]:focus, .dark-footer input[type="url"]:focus, .dark-footer input[type="password"]:focus, .dark-footer input[type="search"]:focus, .dark-footer input[type="tel"]:focus, .dark-footer input[type="number"]:focus, textarea:focus, select:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
body textarea {
  resize: none;
}
.gform_required_legend, .gform_wrapper .gform_validation_errors, .gform_wrapper.gravity-theme .description, .gform_wrapper .gform_validation_errors, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
    display: none!important;
}
body img.gform_ajax_spinner {
	margin-top:5px;
	margin-left:10px;
}
.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, .gform_wrapper.gravity-theme .gfield_error label, .gform_wrapper.gravity-theme .gfield_error legend, .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message, .gform_wrapper.gravity-theme [aria-invalid=true]+label, .gform_wrapper.gravity-theme label+[aria-invalid=true] {
    color: black!important;
}
body .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    background: transparent !important;
    border: 0 !important;
    margin-top: 0 !important;
    padding: 5px 25px 0 !important;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 0 !important;
    font-weight: 700;
    color: var(--red) !important;
}
body .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: 1px solid var(--red);
}
body .gform_wrapper.gravity-theme input[type=color], body .gform_wrapper.gravity-theme input[type=date], body .gform_wrapper.gravity-theme input[type=datetime-local], body .gform_wrapper.gravity-theme input[type=datetime], body .gform_wrapper.gravity-theme input[type=email], body .gform_wrapper.gravity-theme input[type=month], body .gform_wrapper.gravity-theme input[type=number], body .gform_wrapper.gravity-theme input[type=password], body .gform_wrapper.gravity-theme input[type=search], body .gform_wrapper.gravity-theme input[type=tel], body .gform_wrapper.gravity-theme input[type=text], body .gform_wrapper.gravity-theme input[type=time], body .gform_wrapper.gravity-theme input[type=url], body .gform_wrapper.gravity-theme input[type=week], body .gform_wrapper.gravity-theme select, body .gform_wrapper.gravity-theme textarea {
    font-size: 17px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 13px 25px;
    color: black;
    background: white;
    border: 2px solid var(--gris);
    border-radius: 15px;
    font-weight: 500;
    min-height: 51px;
    transition: var(--transition);
}
body .gform_wrapper.gravity-theme .gfield select {
    background: url(/wp-content/uploads/arrow-down.svg) no-repeat white;
    background-size: 11px;
    background-position: calc(100% - 25px);
    padding-right: 60px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-height: 51px;
}
body .gform_wrapper.gravity-theme .gform_footer, body .gform_wrapper.gravity-theme .gform_page_footer {
    margin: 0;
    padding: 0;
    margin-top: 15px;
    display: flex;
}
body .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), body .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
    padding-right: 5px;
}
body .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full), body .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) {
    padding-left: 5px;
}
body .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 10px;
    grid-column-gap: 10px;
}
body .gf_browser_ie.gform_wrapper.gravity-theme .gform_fields {
    display: grid;
    overflow: auto;
}
body .gf_browser_ie.gform_wrapper.gravity-theme .gform_fields .gfield {
    border-width: 0;
}
body .gf_browser_ie.gform_wrapper.gravity-theme .gform_fields .gfield.gfield--width-half {
    width: 100%;
}
body .gform_wrapper.gravity-theme .gfield textarea.medium {
    height: 280px;
    padding-bottom: 120px;
}
body .gform_wrapper.gravity-theme .gfield--type-captcha img {
    max-width: 110px;
}
body .gform_wrapper.gravity-theme .gfield--type-captcha .gfield_validation_message, body .gform_wrapper.gravity-theme .gfield.gfield--width-full.calcul .gfield_validation_message {
    padding-left: 15px !important;
    max-width: 50%;
    padding-top: 11px !important;
}
body .gform_wrapper.gravity-theme .gfield--type-captcha input[type=text], body .gform_wrapper.gravity-theme .gfield.gfield--width-full.calcul input {
    background: var(--light-beige);
    border: 1px solid var(--mid-green);
    max-width: 90px;
    height: 35px;
    min-height: 35px !important;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none !important;
    padding-left: 15px;
    font-weight: 700;
}
body .gform_wrapper.gravity-theme .gfield--type-captcha, body .gform_wrapper.gravity-theme .gfield.gfield--width-full.calcul {
    margin-top: -72px;
    margin-left: 20px;
    display: flex;
    height: 35px;
    align-content: center;
    justify-content: flex-start;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    width: fit-content!important;
}
body .gform_wrapper.gravity-theme option {
    color: black;
    font-size: 17px;
    font-weight: 500;
}
body .gform_wrapper.gravity-theme .gfield_checkbox label {
    font-size: 17px;
    padding-left: 5px;
}
body input[type=checkbox]:after {
    font-size: 17px;
    top: 0;
}
body input[type=checkbox] {
    -webkit-appearance: none;
    background: white;
    border: 0;
    padding: 0;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    height: 28px;
    width: 28px;
    text-align: center;
}
body input[type=checkbox]:checked {
    background: var(--green);
}
body input[type=checkbox]:checked::after {
    content: "✓";
    font-weight: 900;
    font-size: 20px;
    position: relative;
    top: 0px;
    left: 0;
    color: black;
}
body .gchoice {
    margin-top: 6px;
    margin-bottom: 2px;
}
body .gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
    background: black;
    color: white;
    border: 0;
	opacity:1;
}
body .gform_wrapper.gravity-theme .gf_step_number {
    border: 0;
    border-radius: 20px;
    background: black;
    color: white;
    height: 40px;
    text-align: center;
    width: 40px;
    font-weight: 400;
    font-size: 23px;
    opacity: 0.25;
}
body .gform_wrapper.gravity-theme .gf_step_label {
    color: black;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
	opacity: 0.25;
    padding-left: 10px;
}
body .gform_wrapper.gravity-theme .gf_step_active .gf_step_label {
	opacity: 1;
}
body .gform_wrapper.gravity-theme #gform_page_4_1 .gform_page_footer {
    margin: 0;
    padding: 0;
    margin-right: 20px;
    margin-top: 45px;
    display: flex;
    justify-content: flex-start;
}
body .gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before {
    background: black;
    border: 0;
    border-radius: 20px;
    content: "";
    display: table-cell;
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
}
body .gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::after {
    color: #fff;
    content: "\f00c";
    display: flex;
    font-family: "Font Awesome 6 Sharp" !important;
    font-size: 22px;
    left: 0;
    top: 0;
    font-weight: 300;
}
body .gform_wrapper.gravity-theme .gf_step_completed .gf_step_number {
    background: transparent;
}
body .gform_wrapper.gravity-theme .gform_previous_button.button, body .gform_wrapper.gravity-theme .gform_save_link.button {
    color: black;
}
body .gform_wrapper.gravity-theme .gf_step {
    margin: 0 32px 0 0;
}
.sorry {
    margin-top: 25px;
	font-style:italic;
}


/*TEXT SCROLL*/
@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}
.orb {
    width: auto;
    height: 120px;
    background: transparent!important;
    border-radius: 0;
    display: inline-block;
    margin: 0 25px;
    float: left;
    transition: all var(--transition) ease-out;
    font-size: 80px;
    line-height: 1.3;
    text-transform: none;
    font-weight: 800;
    /*-webkit-text-stroke-color: inherit;
    -webkit-text-fill-color: black;
    -webkit-text-stroke-width: 2px;*/
}
/*.orb.full {
    -webkit-text-fill-color: white;
}*/
.orb.dot {
    opacity: 1;
    font-size: 1em;
    line-height: 1;
    margin: 0 40px;
}
.orb.dot img {
    width: 110px;
}
.marquee--inner {
    display: block;
    width: 225%;
    margin: 0;
    height: 120px;
    position: absolute;
    animation: marquee 22s linear infinite;
    overflow: hidden;
}
.marquee {
    height: 120px;
    width: 100%;
    border: 0;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto -10px;
}


/******************************/
/******************************/
/*RESPONSIVE*/
/******************************/
/******************************/

/*1440px*/
@media only screen and (max-width: 1440px) {
:root {
  --radius: 20px;
  --grid: 40px;
  --row: 90px;
  --large: 8.5vw;
}
dotlottie-player {
	width:500px!important;
	height:500px!important;
}
.site-header .header-image {
    max-width: 300px;
}
.hero-wrapper>.vc_column-inner>.wpb_wrapper {
    padding-bottom: 65px;
}
.hero-wrapper>.vc_column-inner>.wpb_wrapper>div.hero-latest {
    width: 25%;
    min-width: 350px;
}
.hn-image {
    width: 65%;
}
body, p {
    font-size: 16px;
}
body .gform_wrapper.gravity-theme input[type=color], body .gform_wrapper.gravity-theme input[type=date], body .gform_wrapper.gravity-theme input[type=datetime-local], body .gform_wrapper.gravity-theme input[type=datetime], body .gform_wrapper.gravity-theme input[type=email], body .gform_wrapper.gravity-theme input[type=month], body .gform_wrapper.gravity-theme input[type=number], body .gform_wrapper.gravity-theme input[type=password], body .gform_wrapper.gravity-theme input[type=search], body .gform_wrapper.gravity-theme input[type=tel], body .gform_wrapper.gravity-theme input[type=text], body .gform_wrapper.gravity-theme input[type=time], body .gform_wrapper.gravity-theme input[type=url], body .gform_wrapper.gravity-theme input[type=week], body .gform_wrapper.gravity-theme select, body .gform_wrapper.gravity-theme textarea {
    font-size: 16px;
}
h2, .single-portfolio h1, .single h1, .page-template-subproduct-template h1 {
    font-size: 60px;
}
h3 {
    font-size: 46px;
}
h4 {
    font-size: 32px;
}
h5 {
    font-size: 28px;
}
h6, .site-footer .gform_wrapper.gravity-theme .field_description_above .gfield_description, .site-footer .gform_wrapper.gravity-theme .gfield input.large {
    font-size: 22px;
}
.produits h6 {
    padding-left: 5%;
	padding-right: 5%;
}
.fnk-cta-image-bg {
    min-height: 670px;
}
.fnk-cta-image-content {
	gap: 35px;
	max-width: 850px;
}
.typewriting i {
    height: 45px;
    width: 45px;
    font-size: 22px;
}
.portfolio-overlay {
    padding: 25px 5%;
}
.agence h6 {
    max-width: 90%;
}
.single-portfolio h1, .page-template-subproduct-template h1, .single h1 {
    max-width: 900px;
}
.flex-section.flex-half-text .col.grid h6 {
	font-size: 20px;
}
.others .slick-list {
    margin: 40px -15px 15px;
}
.others .slick-next, .others .slick-prev {
    top: -70px;
}
.video-play {
    width: 120px;
    height: 120px;
}
.video-play i {
    font-size: 25px;
}
.subproduits-listing .produit-pastille {
    width: 85px;
}
.subproduits-listing-cta h4 {
    max-width: 420px;
}
body .addtoany_header {
    font-size: 13.5px;
}
body.mob-menu-slideout-over .mobmenu-right-alignment {
    max-width: 500px;
}
.blog .site-main {
    grid-template-columns: repeat(1, 1fr);
}
}


/*1366px*/
@media only screen and (max-width: 1366px) {
body #mobmenuright li:not(.button) a {
    font-size: 30px;
    margin: 20px 0;
}
.mobmenu-content .gtranslate_wrapper a.glink {
    margin: 23px 0 0 !important;
    font-size: 23px !important;
}
body .mobmenu-content {
    padding: 95px 40px 30px;
}
}


/*1300px*/ /*ONLY MOBILE MENU*/
@media only screen and (max-width: 1300px) {
.nav-float-right #site-navigation, .nav-float-right .header-widget {
    display: none!important;
}
body .mob-menu-header-holder {
    top: 0;
}
body .mob-menu-header-holder, body .mobmenul-container, body .mobmenur-container {
    height: 100px;
}
body .mobmenul-container, body .mobmenur-container {
    align-items: center;
    padding-top: 0;
}
.hero-wrapper>.vc_column-inner>.wpb_wrapper {
    gap: 40px;
}
.flex-section.grid-2.flex-half-text {
    flex-direction: column;
}
.flex-section.flex-half-text .col {
    width: 100%;
}
.flex-section.flex-half-text .col.grid h6 {
	padding: var(--grid);
}
.flex-section.flex-half-text.portrait-lg .col, .flex-section.flex-half-text.portrait-lg .col:first-child {
    width: 100%;
}
.agence .split6040 {
    display: flex;
    flex-direction: column;
}
.adn .split6040 .vc_col-sm-6:first-child {
    width: 100%;
}
.adn .split6040 .vc_col-sm-6:last-child {
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
}
.adn .split6040 .vc_single_image-wrapper img {
    width: 100vw;
}
.directors_title p {
    font-size: 0.85em;
}
.contact {
    display: flex;
    align-items: flex-start;
}
.contact .right {
    padding-left: 75px;
}
.contact .vc_col-sm-4 {
    min-width: 400px;
}
}


/*1024px*/
@media only screen and (max-width: 1024px) {
body .cky-box-bottom-right {
    right: auto;
    left: var(--grid);
}
.page-top-header-inner {
    height: 700px;
}
.subproduct-content i {
    font-size: 12px;
    margin-top: 9px;
}
body .contact .gform_wrapper.gravity-theme .gform_footer {
    justify-content: center;
}
.contact {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}
.contact .vc_col-sm-4 {
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
}
.contact .right {
	padding-left: 0;
	padding-top: 75px;
	text-align: center;
	margin: 0 auto;
}
.adn h4 {
    min-width: 250px;
}
.subproduits-listing {
    flex-direction: column;
}
.subproduits-listing>div {
    width: 100%;
}
.subproduits-listing-description {
    padding-bottom: 75px;
}
.subproduits-listing-cta {
    padding-top: 75px;
}
.subproduits-pages .circle-button i {
    width: 45px;
    height: 45px;
    font-size: 20px;
}
.hero-wrapper>.vc_column-inner>.wpb_wrapper {
    gap: 80px;
    padding-bottom: 100px;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
}
.topDesc h5 {
    padding-left:0;
	padding-right:0;
}
.topDesc {
    margin-top: 40px;
    padding-bottom: 0 !important;
}
.wrapLg, .vc_column_container.wrapLg {
    padding: var(--row) var(--grid);
}
.agence h6 {
	max-width: 75%;
}
.split6040 {
    display: flex;
    flex-direction: column;
}
.split6040 .vc_col-sm-6 {
    width: 100%;
}
.split6040 .vc_col-sm-6:last-child {
    width: 100%;
    padding-left: 0;
    padding-top: 10px;
}
.split6040 .vc_col-sm-6:last-child img {
    aspect-ratio: 1.35 / 1;
    border-radius: var(--radius);
    object-position: center 65%;
}
.inside-footer-widgets>div.footer-widget-1 {
    width: 100%;
	order:1;
}
.inside-footer-widgets>div.footer-widget-2 {
    order:2;
}
.inside-footer-widgets>div.footer-widget-3 {
    order:4;
}
.inside-footer-widgets>div.footer-widget-4 {
	order: 3;
	width: 60%;
}
.inside-footer-widgets>div {
    margin-bottom: 60px;
}
.footer-widgets .widget-title {
    justify-content: flex-start;
}
.footer-widget-2 {
    text-align: left;
}
.fnk-hero-slide:nth-child(4) img {
	content: url("/wp-content/uploads/fonetik_team.jpg");
	object-position: center bottom;
}
.installation-list {
    grid-template-columns: repeat(2, 1fr);
}
.flex-section.grid-4 {
    grid-template-columns: repeat(2, 1fr);
}
}


/*820px*/
@media only screen and (max-width: 820px) {
h2, .single-portfolio h1, .single h1, .page-template-subproduct-template h1 {
	font-size: 50px;
}
h3 {
    font-size: 40px;
}
h4 {
    font-size: 28px;
}
h5 {
    font-size: 25px;
}
h6, .site-footer .gform_wrapper.gravity-theme .field_description_above .gfield_description, .site-footer .gform_wrapper.gravity-theme .gfield input.large {
    font-size: 20px;
}
.hn-label {
    font-size: 14px;
}
.fusion-logo-wrap, .fusion-logo-wrap .circle {
    width: 175px;
    height: 175px;
}
.hero-wrapper>.vc_column-inner>.wpb_wrapper {
	gap: 60px;
	padding-bottom: 75px;
}
.fnk-portfolio-grid {
    gap: 12px;
}
.produits-listing-inner {
    gap: 20px;
}
.client-carousel-wrapper {
	margin: var(--grid) -40px;
}
.client-slide {
	width: 25%;
	margin: 0 5px;
}
.client-slide span {
    height: 12vw;
}
.fnk-cta-image-bg {
	min-height: 550px;
}
.typewriting i {
	height: 40px;
	width: 40px;
	font-size: 20px;
}
.vc_row.wpb_row.wrap:has(+ .vc_row.wpb_row.wrap) {
    padding-bottom: 30px !important;
}
body.mob-menu-slideout-over .mobmenu-right-alignment {
	max-width: 450px;
	width: calc(100% - 40px);
}
dotlottie-player {
	width: 400px !important;
	height: 400px !important;
}
.produits h2 br {
    display: none;
}
.blog .site-main .entry-header {
    padding: 50px;
}
}
	
	
/*768px*/
@media only screen and (max-width: 768px) {
.video-inline {
    margin: 0;
}
.single-post .site-main .entry-header, .single-portfolio-inner, .subproduct-inner, .blog .site-content, .page-template-subproduct-template .site-content {
    padding-top: 200px;
}
.politique .vc_empty_space {
    height: 60px!important;
}
body .contact .gform_wrapper.gravity-theme .gform_footer {
	justify-content: flex-start;
}
.ginput_container.ginput_container_fileupload input, body .gform_wrapper.gravity-theme input[type=color], body .gform_wrapper.gravity-theme input[type=date], body .gform_wrapper.gravity-theme input[type=datetime-local], body .gform_wrapper.gravity-theme input[type=datetime], body .gform_wrapper.gravity-theme input[type=email], body .gform_wrapper.gravity-theme input[type=month], body .gform_wrapper.gravity-theme input[type=number], body .gform_wrapper.gravity-theme input[type=password], body .gform_wrapper.gravity-theme input[type=search], body .gform_wrapper.gravity-theme input[type=tel], body .gform_wrapper.gravity-theme input[type=text], body .gform_wrapper.gravity-theme input[type=time], body .gform_wrapper.gravity-theme input[type=url], body .gform_wrapper.gravity-theme input[type=week], body .gform_wrapper.gravity-theme select, body .gform_wrapper.gravity-theme textarea {
    padding: 10px 25px;
    border-radius: 12px;
    min-height: 50px;
}
.ginput_container.ginput_container_fileupload input {
    padding: 13px 25px;
}
.postuler .gform_wrapper.gravity-theme .gform_footer, .postuler .gform_wrapper.gravity-theme .gform_page_footer {
    justify-content: flex-start;
	margin-left:0!important;
}
.contact .vc_col-sm-4 {
	max-width: 100%;
	padding: 50px;
	min-width: 100%;
}
#postuler {
    text-align: left;
}
.carrieres-listing .poste.aucun p {
    max-width: 100%;
}
.carrieres-listing .poste.aucun {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
}
.carrieres-listing .poste {
    background: var(--gris);
    border-radius: var(--radius);
    padding: 35px;
}
.video-box {
    margin: 0;
}
.video-play {
	width: 17vw;
	height: 17vw;
}
.video-play i {
	font-size: 5vw;
    margin-left: 1vw;
}
.has-inline-mobile-toggle .mobile-menu-control-wrapper {
	display: none!important;
}
.inside-footer-widgets {
	flex-direction: row;
}
.inside-footer-widgets>div:not(:last-child), .inside-footer-widgets>div.footer-widget-4 {
	margin-bottom: 60px;
}
.inside-footer-widgets>div.footer-widget-3 {
    margin-bottom: 0!important;
}
.flex>div>.vc_column-inner>.wpb_wrapper, .subproduct-content .flex {
    gap: 35px;
    flex-direction: column;
}
.half {
    width: 100%;
}
.fnk-portfolio-filters {
    gap: 5px;
    padding-bottom: 2.5rem;
}
.filter-btn.button {
    font-weight: 600;
    font-size: 13px;
    padding: 0 20px;
    height: 33px;
}
.filter-btn.button::before {
    font-size:9px;
	padding-top: 0;
}
.poste-details-row>strong {
    min-width: 100%;
    width: 100%;
}
.poste-details-row {
    gap: 0;
    padding-bottom: 15px;
    flex-direction: column;
}
.installation-list {
	grid-template-columns: repeat(1, 1fr);
}
}


/*641px*/
@media only screen and (max-width: 641px) {
:root {
  --radius: 15px;
  --grid: 20px;
  --row: 75px;
  --large: 50px;
}
.blog .site-main .entry-header {
    padding: 40px var(--grid);
}
.blog .site-content {
    padding-left: var(--grid);
    padding-right: var(--grid);
	padding-bottom: var(--row);
}
body .cky-consent-container {
    width: calc(100% - 40px);
}
body .cky-notice-des * {
    font-size: 14px;
}
body .cky-consent-bar .cky-notice-content-wrapper {
    padding: 20px;
    text-align: center;
}
.single-post .site-main .entry-header, .single-portfolio-inner, .subproduct-inner, .blog .site-content, .page-template-subproduct-template .site-content {
    padding-top: 150px;
}
.video-inline {
    gap: 25px;
}
.hero.full {
	min-height:auto;
}
.full, .hero-wrapper>.vc_column-inner>.wpb_wrapper, .hero video {
    height: calc(100vh)!important;
    height: calc(var(--vh, 1vh) * 100)!important;
}
.page-top-header-inner {
    height: 400px;
}
body, p {
    font-size: 15px;
}
body .gform_wrapper.gravity-theme input[type=color], body .gform_wrapper.gravity-theme input[type=date], body .gform_wrapper.gravity-theme input[type=datetime-local], body .gform_wrapper.gravity-theme input[type=datetime], body .gform_wrapper.gravity-theme input[type=email], body .gform_wrapper.gravity-theme input[type=month], body .gform_wrapper.gravity-theme input[type=number], body .gform_wrapper.gravity-theme input[type=password], body .gform_wrapper.gravity-theme input[type=search], body .gform_wrapper.gravity-theme input[type=tel], body .gform_wrapper.gravity-theme input[type=text], body .gform_wrapper.gravity-theme input[type=time], body .gform_wrapper.gravity-theme input[type=url], body .gform_wrapper.gravity-theme input[type=week], body .gform_wrapper.gravity-theme select, body .gform_wrapper.gravity-theme textarea {
    font-size: 15px;
}
.page-top-header-inner h1, h1, .single-portfolio h1, .single h1, .page-template-subproduct-template h1 {
	font-size: 50px;
}
.page-top-header-inner h1 {
	max-width: 85%;
}
h2 {
	font-size: 38px;
}
h3 {
    font-size: 29px;
}
h4 {
    font-size: 24px;
}
h5 {
    font-size: 20px;
}
h6 {
    font-size: 18px;
}
.hn-label {
    font-size: 13px;
}
.site-footer .typewriting h2 {
	font-size: 7.25vw;
}
html[lang="en"] .site-footer .typewriting h2 {
	font-size: 6.6vw;
}
.typewriting h2 {
    gap: 1.5vw;
}
.typewriting #blinker {
    width: 0.5vw;
    height: 7.2vw;
}
.typewriting i {
	height: 6vw;
	width: 6vw;
	font-size: 3vw;
	margin-right: 1vw;
}
.inside-footer-widgets>div {
    width: 100%!important;
}
.inside-footer-widgets>div:not(:last-child), .inside-footer-widgets>div.footer-widget-4 {
	margin-bottom: 40px;
}
.inside-footer-widgets {
	flex-direction: column;
}
.site-header .header-image {
	max-width: 200px;
	width: 200px;
}
.alternate-logo .hover {
    opacity: 0!important;
}
.alternate-logo .constellation {
    width: 183px;
    margin-left: 14px;
}
dotlottie-player {
	width: 350px !important;
	height: 350px !important;
}
.hero-wrapper>.vc_column-inner>.wpb_wrapper>div.hero-title {
    width: 100%;
}
.hero-wrapper>.vc_column-inner>.wpb_wrapper {
	gap: 35px;
	padding-bottom: var(--grid);
}
.hero-wrapper>.vc_column-inner>.wpb_wrapper>div.hero-latest {
	width: 100%;
	min-width: 100%;
}
.hn-image {
    max-width: 80px;
}
.fusion-logo-wrap, .fusion-logo-wrap .circle {
	width: 160px;
	height: 160px;
	margin-bottom:40px!important;
}
.flex-title>div>.wpb_wrapper {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
}
.produits-listing-inner {
	gap: 20px;
	flex-direction: column;
}
.produit-single {
    gap: 10px;
    width: 100%;
    margin-bottom: 30px;
}
.produit-pastille {
    width: 60%;
}
.client-carousel-wrapper {
	margin: var(--grid) -20px;
}
.client-slide {
	width: 35%;
}
.client-slide span {
    height: 18vw;
}
.fnk-cta-image-bg {
	min-height: 450px;
}
.agence h6 {
	max-width: 100%;
}
.adn .split6040 .vc_col-sm-6:last-child img {
	aspect-ratio: auto;
	border-radius: var(--radius);
}
.split6040 .vc_col-sm-6:last-child img {
	aspect-ratio: 1 / 1;
	border-radius: 999px;
	object-position: center;
}
.fnk-portfolio-grid {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}
.produits h6 {
	padding-left: 0;
	padding-right: 0;
}
body .site-footer .gform_wrapper.gravity-theme input:not([type=radio]):not([type=submit]):not([type=checkbox]):not([type=image]):not([type=file]){
    min-height: auto;
	font-size: 16px;
}
body .gform_wrapper .gform_footer input.button {
	font-size:14px;
	line-height: 1;
    min-height: auto;
}
body .gform_wrapper.gravity-theme input:not([type=radio]):not([type=submit]):not([type=checkbox]):not([type=image]):not([type=file]) {
	line-height: 1;
	min-height: 51px;
}
body .gform_wrapper.gravity-theme input[type=color], body .gform_wrapper.gravity-theme input[type=date], body .gform_wrapper.gravity-theme input[type=datetime-local], body .gform_wrapper.gravity-theme input[type=datetime], body .gform_wrapper.gravity-theme input[type=email], body .gform_wrapper.gravity-theme input[type=month], body .gform_wrapper.gravity-theme input[type=number], body .gform_wrapper.gravity-theme input[type=password], body .gform_wrapper.gravity-theme input[type=search], body .gform_wrapper.gravity-theme input[type=tel], body .gform_wrapper.gravity-theme input[type=text], body .gform_wrapper.gravity-theme input[type=time], body .gform_wrapper.gravity-theme input[type=url], body .gform_wrapper.gravity-theme input[type=week], body .gform_wrapper.gravity-theme select, body .gform_wrapper.gravity-theme textarea {
	padding: 10px 20px;
}
.ginput_container.ginput_container_fileupload input {
	padding: 13px 20px;
}
body .site-footer .gform_wrapper.gravity-theme .gform_footer {
    margin-right: 3vw;
    bottom: 3vw;
    height: 25vw;
    width: 25vw;
}
#gform_fields_5, #gform_fields_5 .gform_confirmation_message {
    height: 31vw;
    padding: 3vw;
}
.site-footer .gfield.gfield--type-email {
    height: auto;
}
.site-footer .gform_wrapper.gravity-theme .field_description_above .gfield_description, .site-footer .gform_wrapper.gravity-theme .gfield input.large {
    width: calc(100% - 30vw);
	font-size:4vw;
}
.flexCol>div>.vc_column-inner>.wpb_wrapper {
    gap: 100px;
}
.prefooter {
	padding: 0;
	padding-top: var(--grid);
	margin: -2px;
}
.rightmbottom .social-icons {
    padding-bottom: 25px;
}
body .mobmenu-content {
	padding: 95px 25px 20px;
}
body .mobmenu-content li a, body .mobmenu-content li a:focus {
    font-size: 21px;
    height: 45px;
}
.mobmenu-content a.button::before {
    font-size: 11px;
}
body .site-footer .gform_wrapper.gravity-theme .gfield_validation_message {
    font-size: 11px !important;
    bottom: 40px;
}
body .mob-icon-cancel-1::before {
    font-weight: 300;
	line-height:47px;
}
body .rightmtop {
    left: 20px;
}
.wrapSm, .vc_column_container.wrapSm {
    padding: 20px;
}
body .mob-icon-cancel-1:hover::before {
    background: var(--gris);
}
body .mobmenur-container .mobmenu-trigger-action i:hover {
    background: var(--orange);
}
.fnk-cta-image-content {
	gap: 25px;
}
.subproduct-content .flex.subproduct-content-top, .subproduct-content-other {
	padding-top: 50px;
	padding-bottom: 25px;
}
.subproduct-content-other {
    margin: 50px 0;
}
.subproduct-content .flex.subservice {
	gap: 15px;
}
.subproduct-content i {
    font-size: 11px;
    margin-top: 7px;
}
.subproduct-content .subservice h4 {
    gap: 8px;
}
.portfolio-title {
	margin-top: 4px;
	max-width: 90%;
}
.portfolio-cat {
	font-size: 10px;
	padding: 3px 12px 2px;
}
.portfolio-overlay {
    gap: 8px;
}
.fnk-portfolio-filters-wrap {
    position: relative;
}
.fnk-portfolio-filters {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}
.fnk-portfolio-filters .filter-btn {
    flex: 0 0 auto;
    white-space: nowrap;
}
.fnk-portfolio-filters-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    width: 30px;
    height: 100%;
    pointer-events: none;
    z-index: 2;
}
.fnk-portfolio-filters-wrap::after {
    right: 0;
    background: linear-gradient(to right, rgba(255,255,255,0), #fff);
}
.filter-btn.button {
	padding: 0 17px;
}
.fnk-portfolio-filters {
	padding-right: 25px;
}
.fnk-portfolio-grid article:last-child:nth-child(odd) {
    left: 0;
}
.half h2, .half h3 {
    max-width: 80%;
}
body #mobmenuright li:not(.button) a {
	font-size: 27px;
}
.mobmenu-content .gtranslate_wrapper a.glink {
	margin: 21px 0 0 !important;
	font-size: 20px !important;
}
.vc_row.wpb_row.wrap:has(+ .vc_row.wpb_row.wrap) {
	padding-bottom: 0px !important;
}
.installation-list {
    gap: 10px;
    padding: 35px 0 0;
}
.frequence-item, .installation-item {
    padding: var(--grid);
}
.frequence-icone i, .installation-icone i {
    width: 45px;
    height: 45px;
    font-size: 17px;
}
.frequence .title p, .installation .title p {
    padding-top: 20px;
}
.frequence-icone, .installation-icone {
    padding-bottom: 40px;
}
.wrap.gris, .wrapLg.gris {
    padding-top: 50px;
	padding-bottom:50px;
}
.studios-galerie {
    gap: 10px;
    margin-top: 25px;
}
.footer-widgets-container {
    padding-top: 40px;
    padding-bottom: 40px;
}
.single-portfolio .informations {
    margin-top: 35px;
    margin-bottom: 60px;
    gap: 20px;
    flex-direction: column;
}
.single-portfolio .informations > div {
    width: 100%;
    padding-right: 0;
}
.fnk-flexible-content {
    gap: 35px;
}
.flex-section.grid-2 {
    gap: 10px;
}
.flex-section.grid-2 .inner-section {
    width: 100%;
}
.flex-section.flex-half-text .col.grid {
    padding: 35px;
}
.flex-section.flex-half-text .col.grid h6 {
	padding: 0;
	font-size: 16px;
}
.fnk-flexible-content .inner-section.gridLg {
    padding-left: 0;
    padding-right: 0;
}
.fnk-flexible-content {
    gap: 10px;
}
.flex-section.grid-2 {
    gap: 10px;
    flex-direction: column;
}
.fnk-flexible-content .text-content {
    margin-top: 0;
    padding: var(--grid);
}
.mp3-player {
    gap: 20px;
    margin: 0 auto;
    flex-direction: column;
	align-items: stretch;
}
.mp3-cover {
    flex: 0 0 120px;
    height: 120px;
    width: 120px;
    margin: 0 auto;
}
.mp3-play, .mp3-play:focus {
    width: 100px;
    height: 100px;
    font-size: 25px;
}
.mp3-progress {
    margin-top: 20px;
}
.mp3-play:hover {
    background: var(--orange);
}
.single-portfolio .previous {
    padding: 50px 0;
}
.others.wrap {
    padding-top: 40px;
}
.others > .wrap {
    padding: 50px var(--grid);
}
.others .slick-list {
	margin: 80px -5px 15px -10px;
}
.others .slick-track {
    gap: 10px;
}
.others .slick-next, .others .slick-prev {
	top: -55px;
}
.others .slick-next, .others .slick-prev {
    right: auto !important;
    left: 42px;
}
.others .slick-prev {
    right: auto !important;
    left: 0 !important;
}
.single-post .inside-article {
    padding-left: var(--grid);
    padding-right: var(--grid);
}
body .addtoany_content {
    margin: 25px auto 35px;
}
.subproduits-pages .circle-button i {
    width: 40px;
    height: 40px;
    font-size: 18px;
}
.service-single {
	padding: 9px 20px;
	padding-right: 10px;
}
.accordion-block {
    max-width: 100%;
}
.subproduits-listing-cta h4 {
	max-width: 350px;
}
.subproduits-listing-cta {
    padding-top: 40px;
}
.subproduits-listing .produit-pastille {
	width: 75px;
}
.subproduits-listing .produit-pastille, .subproduits-listing .produit-pastille:before {
	border-radius: 15px;
}
.subproduits-listing, .subproduits-listing-title {
    gap: 25px;
}
.subproduits-listing-description {
	padding:20px;
	padding-bottom: 60px;
}
.fnk-cta-image-title br {
    display:none;
}
.adn .fougere .wpb_wrapper {
    gap: 0;
    flex-direction: column;
}
.adn .fougere {
    padding: 35px;
}
.frequences-list {
    display: flex;
    gap: 10px;
	flex-direction: column;
    padding: 35px 0;
}
.directors_title {
    padding: 100px 20px 35px;
    width: 100%;
}
.adn .flexCol>div>.vc_column-inner>.wpb_wrapper {
    gap: 10px;
}
body .gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label, body .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, body .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label {
    margin-bottom: 7px;
	font-size:16px;
}
body .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full), body .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full), body .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), body .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full){
    padding: 0;
}
.ginput_complex.ginput_container_name {
    margin-bottom: -8px;
}
.carrieres-listing .poste {
	padding: 25px;
}
.poste-min {
    gap: 50px;
}
.politique h4 {
    padding-bottom: 15px;
}
.adn .split6040 .vc_col-sm-6:last-child {
	padding-top: 10px;
}
.wrap.frequence, .wrap.installation {
    padding-left:0;
	padding-right:0;
}
.flex-section.grid-4 {
    grid-template-columns: repeat(1, 1fr);
	gap: 10px;
}
.flex-half-1434.flex-section.grid-2 .inner-section:last-child, .flex-half-3414.flex-section.grid-2 .inner-section:first-child {
    width: 100%;
}
.flex-half-1434.flex-section.grid-2 .inner-section:first-child, .flex-half-3414.flex-section.grid-2 .inner-section:last-child {
    width: 100%;
}
}


/*480px*/
@media only screen and (max-width: 440px) {
.poste-min {
    gap: 25px;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}
.poste h4 {
    padding: 5px 0 20px;
}
body .gform_wrapper.gravity-theme .gform_footer, body .gform_wrapper.gravity-theme .gform_page_footer {
	margin-left: 0!important;
}
body .cky-notice-des {
	max-height: none;
	overflow-y: auto;
}
.cky-custom-brand-logo-wrapper, .cky-notice .cky-title, .cky-notice-des, .cky-notice-btn-wrapper {
	padding: 0 20px!important;
}
body .cky-notice-btn-wrapper {
	gap: 5px;
}
body .cky-btn {
	width: auto;
}
body .cky-notice-des * {
	font-size: 13.5px;
}
body .cky-notice .cky-title {
    margin: -5px 0 5px 0;
}
body .cky-consent-container .cky-consent-bar .cky-notice-content-wrapper {
	padding: 18px 0;
}
body .cky-consent-container .cky-consent-bar {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
body .cky-notice-des * {
	font-size: 13px;
}
body .cky-box-bottom-right {
	right: auto;
	left: 0;
	bottom:0;
	width:100%;
}
}