/* GENERAL */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
html {line-height: 1.225;}
.uk-h1, h1 {font-size: clamp(40px, 5.2vw, 120px);}
h2 {font-size: clamp(32px, 5vw, 80px);}
h3 {font-size: clamp(26px, 4vw, 60px); font-family: "Roboto Condensed", sans-serif; text-transform: uppercase;}
h4 {font-size: clamp(20px, 3.2vw, 36px); font-family: "Roboto Condensed", sans-serif; text-transform: uppercase;}
h5 {font-size: clamp(16px, 2.5vw, 24px); font-family: "Roboto Condensed", sans-serif; text-transform: uppercase;}
h6 {font-size: clamp(12px, 2vw, 20px); font-family: "Roboto Condensed", sans-serif; text-transform: uppercase;}

.uk-button {font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; letter-spacing: 0;}

.uk-navbar-toggle {border: 1px solid #ffffff26; background-color: #0E1529; color:  #fff!important; border-radius: 16px; padding: 0 10px; min-height: 40px;transition: transform 0.3s ease, opacity 0.3s ease, width 0.3s ease;}
.uk-navbar-toggle:hover {color: #0E1529 !important; border: 1px solid #0E1529; background-color: #fff; padding: 0 10px; min-height: 40px;}
.uk-modal-page .uk-navbar-toggle:hover {border: 1px solid #0E1529; background-color: #fff; color: #0E1529;}
.uk-navbar-toggle svg {width: 50px; height: 40px;}
.uk-navbar-toggle svg rect.line-1, .uk-navbar-toggle svg rect.line-4 {width: 100px; height: 1px; transform-origin: center; transform: none;}
.uk-navbar-toggle svg rect.line-2, .uk-navbar-toggle svg rect.line-3 {display: none;}
.uk-navbar-toggle svg rect.line-1 {y: 8px !important;}
.uk-navbar-toggle svg rect.line-4 {y: 11px !important;}
.uk-modal-page .uk-navbar-toggle svg rect.line-1 {transform: rotate(15deg) translate(-10px, 2px); width: 80px;}
.uk-modal-page .uk-navbar-toggle svg rect.line-4 {transform: rotate(-17deg) translate(-10px, -1px); width: 80px;}
.uk-navbar-left, .uk-navbar-right, [class*=uk-navbar-center] {align-items: flex-start;}
.uk-navbar-item {align-items: flex-start;}

.uk-navbar-item .uk-light .uk-icon-button {color: rgba(255, 255, 255, .7) !important; border-color: #0E1529 !important;}

.uk-navbar-item a {background-color: #0E1529 !important; color: #fff !important; border-color: #ffffff26 !important;}
.uk-navbar-item a:hover {background-color: #fff !important; color: #0E1529 !important; border-color: #ffffff26 !important;}

.uk-modal-page .uk-navbar-center, .uk-modal-page .uk-navbar-right {display: none;}
.uk-modal-page .uk-navbar-sticky {background: none;}
.uk-modal-page .logo-container {z-index: 0 !important;}
div#tm-dialog {overflow:hidden;}
#tm-dialog .uk-modal-body {padding:0;width:100%;}
#tm-dialog .uk-grid.tm-grid-expand.uk-grid-margin {height:100vh;}
#tm-dialog .liste_menus {text-align:left;padding:50px; display: flex; flex-direction: column; justify-content: center; height: 100vh;}
#tm-dialog .liste_menus .uk-grid-stack {display:flex;flex-direction:column;gap:0;}
#tm-dialog .liste_menus .uk-grid-stack > div {transition:transform 0.4s ease; max-height: 50px;}
#tm-dialog .liste_menus .uk-grid-stack > div:hover ~ div {transform:translateY(50px);}
#tm-dialog .liste_menus .el-item {display:flex;flex-direction:column;align-items:flex-start;transition:margin 0.3s ease;}
#tm-dialog .liste_menus h3 {color:#fff;font-size:clamp(20px, 2.2vw, 34px);margin:0;text-align:left;line-height:1;}
#tm-dialog .liste_menus a {color:#fff;font-family:"Roboto Condensed",sans-serif;border:1px solid #fff;margin-top:10px;opacity:0;transform:translateY(10px);transition:opacity 0.4s ease,transform 0.4s ease;pointer-events:none;}
#tm-dialog .liste_menus a:hover {color:#0E1529; border:1px solid #0E1529; background-color: #fff;}
#tm-dialog .liste_menus .el-item:hover a {opacity:1;transform:translateY(0);pointer-events:auto;}

div#nav_menu-4 {margin-top: 30%;}
ul.uk-nav.uk-nav-default.uk-nav-center {display: flex; flex-direction: column; gap: 50px;}

.uk-button {position: relative;}
.uk-hr, hr {width: 40%;}

.uk-form-label {font-family: "Roboto Condensed", sans-serif; letter-spacing: 0px; text-transform: none; font-size: 22px; padding-bottom: 20px; color: #0E1529 !important;}

nav.uk-navbar .uk-navbar-left > * {opacity:0;transform:translateY(-10px);animation:fadeDown 0.5s ease forwards;animation-delay:0.1s;}
nav.uk-navbar .uk-navbar-right > a.uk-navbar-toggle {opacity:0;transform:translateY(-10px);animation:fadeDown 0.5s ease forwards;animation-delay:0.3s;}
nav.uk-navbar .uk-navbar-right .uk-navbar-item li:nth-child(1) a {opacity:0;transform:translateY(-10px);animation:fadeDown 0.5s ease forwards;animation-delay:0.5s;}
nav.uk-navbar .uk-navbar-right .uk-navbar-item li:nth-child(2) a {opacity:0;transform:translateY(-10px);animation:fadeDown 0.5s ease forwards;animation-delay:0.65s;}
nav.uk-navbar .uk-navbar-right .uk-navbar-item li:nth-child(3) a {opacity:0;transform:translateY(-10px);animation:fadeDown 0.5s ease forwards;animation-delay:0.8s;}
nav.uk-navbar .uk-navbar-right .uk-navbar-item li:nth-child(4) a {opacity:0;transform:translateY(-10px);animation:fadeDown 0.5s ease forwards;animation-delay:0.95s;}
@keyframes fadeDown {to {opacity:1;transform:translateY(0);}}

.el-content.uk-panel {color: #fff;}

/* HOME */

#section01 img {width:100%;height:83vh;object-fit:cover;}
#section01 h1 {color: #fff; font-size: 70px; letter-spacing: 10px; border-color: #fff;}
#section01 .el-content {font-size: 20px; line-height: 25px; font-family: 'Crimson Text'; text-transform: none; color: #fff; letter-spacing: 0px; max-width: 550px; text-align: justify;}
#section01 .el-content strong {font-size: 23px;}
#section01 .uk-inline-clip {display: block; cursor: pointer;}
.animations_slides_home {display:flex;width:101%;overflow:hidden;}
.animations_slides_home > div {position:relative;flex:1;min-width:0;transition:flex 0.6s cubic-bezier(0.38,0.005,0.215,1);overflow:hidden;}
.animations_slides_home > div::after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);transition:background 0.4s ease;z-index:1;}
.animations_slides_home > div:hover::after {background:rgba(0,0,0,0.4);}
.animations_slides_home img.el-image {width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.38,0.005,0.215,1);position:relative;z-index:0;}
.animations_slides_home .uk-position-bottom-left {position:absolute;bottom:0;left:0;z-index:2;}
.animations_slides_home > div:hover {flex:3;}

.animations_slides_home .uk-width-1-3\@m h1 {font-size: 3rem !important; position: absolute; bottom: 50px; font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; letter-spacing: 6px !important;}
.animations_slides_home .uk-width-1-3\@m:hover h1 {position: relative; bottom: auto;}
.animations_slides_home .uk-width-1-3\@m h3 {font-size: 3rem; position: absolute; bottom: 50px;}
.animations_slides_home .uk-width-1-3\@m:hover h3 {position: relative; bottom: auto;}
.animations_slides_home .uk-position-bottom-left.uk-transition-fade {opacity: 1;}
.animations_slides_home .uk-width-1-3\@m .uk-position-bottom-left.uk-transition-fade .el-content, .animations_slides_home .uk-width-1-3\@m .uk-position-bottom-left.uk-transition-fade .uk-button {opacity: 0;}
.animations_slides_home .uk-width-1-3\@m:hover .uk-position-bottom-left.uk-transition-fade .el-content, .animations_slides_home .uk-width-1-3\@m:hover .uk-position-bottom-left.uk-transition-fade .uk-button {opacity: 1;}

#section02 .uk-panel {font-family: Roboto; color: #0E1529; font-size: 30px; font-weight: 900; letter-spacing: 10px; line-height: 30px;}
#section02 .text_defilant {overflow: hidden; width: 100vw; white-space: nowrap; margin-left: 0;}
#section02 .text_defilant .marquee {display: inline-block; white-space: nowrap; animation: scroll-left 20s linear infinite; font-size: 240px; text-transform: uppercase;}
#section02 .text_defilant h1 {display: inline-block; font-size: 4rem; padding-right: 4rem;}

#section_rs h3 {letter-spacing: 0; text-transform: none; font-size: 3rem; line-height: 1.1;}

@keyframes scroll-left {
  0% {transform: translateX(0);}
  100% {transform: translateX(-50%);}
}

#section03 {border-top: 1px solid #0E1529; border-bottom: 1px solid #0E1529; position: relative;}

#section04 video.el-image {object-fit: cover; height: 700px;}

#section06 video {transform: scale(1.5);}

/* PAGES */
#portfolio_produits .bloc_01_portfolio_prdts {border-left: 1px solid #707070; border-top: 1px solid #707070; border-bottom: 1px solid #707070;}
#portfolio_produits .bloc_01_portfolio_prdts img {width: 100%; object-fit: contain; padding-left: 40px; padding-top: 40px; padding-bottom: 40px;}
#portfolio_produits .bloc_02_portfolio_prdts {border-top: 1px solid #707070; border-bottom: 1px solid #707070; border-right: 1px solid #707070;}
#portfolio_produits .bloc_02_portfolio_prdts .uk-grid > div {border-top: 1px solid #707070; border-left: 1px solid #707070;}
#portfolio_produits .bloc_02_portfolio_prdts .uk-grid div:nth-child(1), #portfolio_produits .bloc_02_portfolio_prdts .uk-grid div:nth-child(2) {border-top: none;}
#portfolio_produits .bloc_02_portfolio_prdts img {padding-top: 40px; padding-left: 40px; padding-right: 40px; width: 100%; height: 440px; object-fit: cover;}
#portfolio_produits .uk-inline-clip {width: 100%;}

.galerie_produits img {width: 100%; height: 600px; object-fit: cover;}
.section_produits .el-item.uk-light.uk-inline-clip {width: 100%;}

#modal-diagnostic {background-color: #E7DED6;}
#modal-diagnostic .uk-modal-dialog {background: #E7DED6;}
#modal-diagnostic .modal-left {background-size:cover;background-position:center;height:100vh;}
#modal-diagnostic .uk-modal-dialog {height: 100vh; align-items: flex-start;}
#modal-diagnostic .uk-button {background-color: rgba(255, 255, 255, 0); color: #0E1529; border-color: #0E1529;}
#modal-diagnostic .uk-button:hover {background-color: #0E1529; color: #E7DED6;}
#modal-diagnostic .uk-animation-slide-left-small {margin: 0; padding: 0;}
#modal-diagnostic .rdv-button {background-color: #E7DED6; color: #0E1529; border-color: #E7DED6;}
#modal-diagnostic .rdv-button:hover {background-color: #0E1529; color: #E7DED6;}
#modal-diagnostic .button-back::after {display: none;}
#modal-diagnostic #form-feedback {color: #0E1529;}
#modal-diagnostic h5, #modal-diagnostic h6 {color: #0E1529 !important;}
#modal-diagnostic .uk-card h6 {color: #E7DED6;}
#modal-diagnostic button.uk-modal-close-full.uk-close-large.uk-icon.uk-close {padding-left: 20px;}

#diagnostic-form .uk-text-lead {color: #0E1529;}
#diagnostic-form .uk-grid.uk-child-width-1-1.uk-child-width-1-3\@m.uk-grid-match {display: flex; align-items: stretch; margin: 0;}
#diagnostic-form .uk-card.uk-card-default.uk-card-body.uk-margin {margin-top: 0 !important;}
#diagnostic-form .uk-form-controls label {display:block;margin:10px 0;padding:15px 20px;border:1px solid #0E1529;color:#0E1529;background-color:#E7DED6;cursor:pointer;transition:all 0.3s ease;border-radius:4px; font-size: 16px;}
#diagnostic-form .uk-form-controls input[type="checkbox"] {display:none;}
#diagnostic-form .uk-form-controls input[type="checkbox"]:checked + label,
#diagnostic-form .uk-form-controls label:has(input:checked) {background-color:#0E1529;color:#E7DED6;border-color:#E7DED6;}
#diagnostic-form .uk-form-controls label:hover {background-color:#0E1529;color:#E7DED6;border-color:#0E1529;transform:scale(1.02);}
#diagnostic-form .uk-form-controls label {transition:all 0.3s ease;transform:scale(1);}

.leaflet-popup .el-content.uk-panel {color: #0E1529; font-size: 12px;}
.leaflet-popup .el-content.uk-panel ul {padding-left: 0;}

.page-id-369 #section04 {display: none;}

#section05 .uk-card-default {border: none;}

/* RESPONSIVE */
@media screen and (max-width: 1890px) {
  #section_header_page .uk-width-1-2\@m.uk-first-column {margin-top: 100px;}
}

@media screen and (max-width: 1650px) {
  #section_header_page .uk-width-1-2\@m.uk-first-column {padding-left: 60px;}
  .liste_menus .uk-grid-margin.uk-first-column {margin-top: 0;}
  #section04 .uk-cover-container.uk-tile.uk-flex.uk-flex-middle {min-height: 100% !important;}
  #tm-dialog .liste_menus .uk-grid-stack > div {max-height: 80px;}
  #tm-dialog .liste_menus h3 {font-size: clamp(15px, 2vw, 30px);letter-spacing: 0;}
  #tm-dialog .liste_menus a {font-size: 15px; line-height: 35px;}
  .uk-h1, h1 {font-size: clamp(30px, 4.5vw, 100px);}
  }
   
@media screen and (max-width: 1450px) {
    html {font-size: 15px; line-height: 1.3;}
    #section_header_page .uk-width-1-2\@m.uk-first-column .uk-h1, #section_header_page .uk-width-1-2\@m.uk-first-column h1 {line-height: 1;}
    #diagnostic-form .uk-form-controls label {font-size: 15px;}
    #tm-dialog .liste_menus .uk-grid-stack > div {max-height: 80px;}
    #tm-dialog .liste_menus h3 {font-size: clamp(20px, 2vw, 34px);letter-spacing: 0;}
    #tm-dialog .liste_menus a {font-size: 15px; line-height: 35px;}
    .uk-h1, h1 {font-size: clamp(40px, 5vw, 120px);}
}

@media (max-width: 1024px) {
  html {font-size: 15px;}
  .animations_slides_home {flex-direction:column;width:100%;}
  .animations_slides_home > div {position:relative;flex:initial;width:100%;transition:none;}
  .animations_slides_home > div::after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:1;}
  .animations_slides_home img.el-image {width:100%;height:auto;object-fit:cover;position:relative;z-index:0;}
  .animations_slides_home .uk-position-bottom-left.uk-transition-fade {position:static;padding:20px;text-align:center;right:0;z-index:2;}  #section01 .el-content {max-width: 100%;}
  #section02 {padding-top: 0;}
  #section04 .uk-card-primary {align-items: flex-start; min-height: auto !important;}
  .animations_slides_home .uk-width-1-3\@m h1, .animations_slides_home .uk-width-1-3\@m:hover h1 {font-size: 2rem !important; position:static;margin-top:20px; font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; letter-spacing: 6px !important;}
  .animations_slides_home .uk-width-1-3\@m h3,
  .animations_slides_home .uk-width-1-3\@m:hover h3 {position:static;margin-top:20px; font-size: 2rem;}
  .animations_slides_home .uk-width-1-3\@m .el-content,
  .animations_slides_home .uk-width-1-3\@m .uk-button {opacity:1 !important;transform:none !important;}
  ul.uk-nav.uk-nav-default.uk-nav-center {gap: 10px;}
  .uk-nav-default {font-size: 30px;}
  body:not(.home) .tm-header-overlay {position: relative; margin-bottom: 50px;}
  .uk-button {font-size: 15px;}
  #section_header_page .uk-panel.uk-flex.uk-flex-middle {align-items: flex-start; min-height: auto !important; margin-bottom: 20px;}
  .uk-navbar-toggle svg {width: 45px; height: 40px;}
  #section01 .el-content {line-height: 25px;}
  #section04 .uk-width-1-2\@m.uk-grid-margin.uk-first-column {margin-top: 0;}
  #section05 .uk-card-default.uk-card.uk-card-body.uk-flex.uk-flex-middle {min-height: auto !important;}
  .section_diagnostic_sommeil_home .uk-position-relative.uk-tile.uk-flex.uk-flex-middle {min-height: 100% !important;}
}

@media screen and (max-width: 960px) {
  #section_header_page .uk-width-1-2\@m.uk-first-column {padding-left: 40px; padding-right: 20px; margin-top: 0;}
  .uk-button {font-size: 13px;}
   #section01 .el-content {line-height: 22px;}
   #section04 video {height: 400px;}
   div#section04 {height: 850px;}
   .animations_slides_home .el-content {display: none;}
   .animations_slides_home > div::after {display: none;}
}