@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } .swiper-button-next::after, .swiper-button-prev::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); letter-spacing: 0px; font-variant: initial; text-transform: none !important; } .swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s; transform: translate3d(0px, 0px, 0px); z-index: 10; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } a { text-decoration: none; } div.new_UserApp2 > div { position: absolute !important; line-height: 14px; } div#mob-app-ez-app div > header > div, div#mob-app-sf-app div > header > div, div#mob-app-vr-app div > header > div, div#mob-app-cl-app div > header > div, div#mobSharedPopupContainer > div > header > div { margin-left: 15px; margin-top: 12px !important; margin-bottom: 12px !important; text-align: left !important; } .nav-item .nav-link.arrow { text-align: left; width: 98px; } .nav-link { font-size: 16px; color: var(--Dark); text-decoration: none; display: inline-block; padding: 10px 0px; position: relative; } .nav-promo { display: flex; background-color: var(--Red); color: var(--White); height: 39px; font-size: 16px; font-weight: bold; align-items: center; justify-content: center; } .configurateur .content .choix p { text-align: center; font-weight: bold; font-size: 18px; margin-top: 20px; } .configurateur .content .choix p.pnavsimple { font-size: 14px; font-weight: normal; margin-top: 10px; margin-bottom: 20px; } #profilcontent ul li { padding: 4px 18px 4px 30px; font-size: 13px; white-space: nowrap; background: url("../img/Icons/ruler_2.png") 4px 5px no-repeat transparent; filter: grayscale(100%); } #profilcontent ul li a:hover { text-decoration: underline; } .configurateur .content .choix .types .type-select span { font-weight: bold; background-color: var(--Gray-50); color: var(--Dark); font-size: 12px; width: 100%; height: 40px; line-height: 40px; text-align: center; border-radius: 0px 0px 8px 8px; } .configurateur .content .choix .types .type-select span { font-weight: bold; background-color: var(--Gray-50); color: var(--Dark); font-size: 12px; width: 100%; height: 40px; line-height: 40px; text-align: center; border-radius: 0px 0px 8px 8px; overflow: hidden; } #mob-app-kf-cart .new_ClosetPacks3 { padding: 0px !important; border: none !important; font-size: 0.85em !important; } @media only screen and (max-width: 768px) { .nav-menu { position: absolute; left: -100%; top: 5rem; flex-direction: column; background-color: rgb(255, 255, 255); width: 100%; border-radius: 0px 0px 10px 10px; text-align: center; transition: 0.3s; z-index: 10; } .nav-logo::after { content: ""; background-image: url("../img/logo/mobibam_logotype.png"); background-size: cover; display: block; width: 41px; height: 36px; } .nav-menu.active { left: 0px; } .hamburger { display: block; cursor: pointer; } .hamburger.active .bar:nth-child(2) { opacity: 0; } .hamburger.active .bar:nth-child(1) { transform: translateY(8px) rotate(45deg); } .hamburger.active .bar:nth-child(3) { transform: translateY(-8px) rotate(-45deg); } .configurateur .content .choix h3 { display: none; } .configurateur .content .choix { margin: 0px 16px; display: flex; gap: 30px; flex-direction: column-reverse; } .configurateur .content .choix .types { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; } .configurateur .content .choix .types .type-select { display: flex; width: calc(33% - 8px); flex-direction: column; align-items: center; border-radius: 8px; cursor: pointer; } .configurateur .content .choix p.pnavsimple { font-size: 14px; font-weight: normal; margin-top: 20px; margin-bottom: 0px; } #mob-app-kf-cart .new_ClosetPacks3 { margin: -20px 16px 30px !important; } #mob-app-kf-cart .new_ClosetPacks4 > div:not(:last-child) { margin-bottom: 40px; } #mob-app-kf-cart .ncClosetPacks > div.flex > div.items-center { max-height: 40px; } #mob-app-kf-cart .new_App1 { display: grid !important; grid-template-columns: 40% 60%; } #mob-app-kf-cart .new_App3 { width: 100% !important; display: block; } #mob-app-kf-cart .new_App2 { width: 90% !important; height: 110px !important; } #mob-app-kf-cart .new_App4 { justify-content: center !important; } #profilcontent ul { right: 100000px !important; } } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 768px) { } h2 { padding: 0px 0px 10px; font-size: 24px !important; font-weight: bold !important; } h2 { padding: 0px 0px 10px; font-size: 24px !important; font-weight: bold !important; } .text-image h2 { font-size: 24px !important; } * { margin: 0px; padding: 0px; box-sizing: border-box; font-family: Raleway, serif; } h1, h2, h3, h4 { line-height: 1em !important; } #new_easy_menu span { font-size: 13px; padding: 0px 10px 10px; text-align: center; line-height: 16px; background-color: rgb(255, 255, 255); display: block !important; } #new_easy_menu span.bold { font-size: 13px; padding: 10px 10px 0px; font-weight: bold; display: block !important; } .webtitle .pre-title { font-size: 20px; color: var(--White); text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px; margin-bottom: 20px; } .webtitle .title { color: var(--White); text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px; font-size: 48px; font-weight: 800; line-height: 100%; max-width: 630px; margin-bottom: 20px; } .webtitle .after-title { font-size: 16px; color: var(--White); text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px; margin-bottom: 40px; } .button { display: flex; border: 1px solid var(--White); border-radius: 30px; padding: 15px 20px; color: var(--White); font-size: 16px; font-weight: bold; line-height: 16px; align-items: center; flex-direction: row; white-space: nowrap; transition: 0.3s; cursor: pointer; } .bandeau-info { max-width: 1312px; margin: 0px auto; display: flex; font-size: 16px; padding: 40px 0px; flex-flow: row; justify-content: space-around; } .swiper .content h2 { text-align: center; font-size: 36px; font-style: normal; font-weight: 700; line-height: 120%; padding-bottom: 20px; } .swiper .content p { text-align: center; font-size: 16px; font-style: normal; font-weight: 500; } .swiper-slide .top span { position: absolute; background-color: var(--White); color: var(--Red); padding: 6px 6px 6px 28px; border-radius: 8px; margin-top: 6px; margin-left: 6px; font-size: 12px; font-weight: bold; } .swiper-slide .bottom .title { font-size: 24px; font-weight: bold; line-height: 1em; padding: 20px 20px 0px; } .swiper-slide .bottom .colors .other-ellispes { color: var(--Dark); font-size: 14px; background-color: white; text-align: center; border-radius: 50%; display: inline-block; border: 1px solid var(--Dark); height: 24px; width: 24px; line-height: 130%; } .echantillons .title h2 { font-size: 36px; font-weight: bold; padding-bottom: 20px; } .echantillons .title p { font-size: 14px; font-weight: normal; } .echantillons .selection-echantillons h3 { font-weight: bold; font-size: 16px; } .button.spec { border-color: var(--Dark); color: var(--Dark); background-color: transparent; font-size: 12px; text-align: center; height: 38px; border-radius: 8px; } .echantillons .selection-echantillons .colors .color:hover::before { content: attr(data-alt); position: absolute; margin-left: 48%; transform: translate(-50%, 83px); background-color: var(--Red); color: var(--White); white-space: nowrap; padding: 16px; border-radius: 5px; font-size: 16px; font-weight: bold; z-index: 2; } .echantillons .selection-echantillons .commander-selection p { font-size: 16px; font-weight: bold; } .services .content h2 { color: var(--Dark); text-align: center; font-size: 36px; font-weight: bold; margin-bottom: 20px; } .services .content p { color: var(--Dark); text-align: center; font-size: 16px; margin-bottom: 70px; padding: 0px 26px; } .services .content .france div a { color: var(--Dark); font-size: 16px; text-decoration: underline; } .services .content .france div .title { font-size: 24px; font-weight: bold; } .services .triplerdv div h3 { color: var(--Red); font-size: 20px; font-weight: bold; } .services .triplerdv div span { font-size: 14px; } .avis h2 { text-align: center; font-size: 36px; font-weight: bold; margin-bottom: 40px; } .avis .swiper-avis .flexator div .name { font-size: 20px; font-weight: bold; } .avis .swiper-avis .flexator div .comment { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; text-overflow: ellipsis; font-size: 16px; margin-top: 25px; } .avis .swiper-avis .flexator a { color: var(--Dark); font-size: 16px; text-decoration: underline; text-align: center; } .vision h2 { font-size: 36px; font-weight: bold; text-align: center; padding: 0px 26px; margin-bottom: 40px; color: var(--White); text-shadow: black 1px 1px 2px; } .vision .content p { font-size: 16px; color: var(--White); width: 552px; text-shadow: black 1px 1px 10px, black 1px 1px 10px, black 1px 1px 10px; text-align: left; margin: 10px 0px; } .vision .content div span.france-fab { width: 95px; font-size: 17px; text-align: center; } .vision .content div span.france-fab span { width: 95px; font-size: 17px; text-align: center; letter-spacing: 1.5px; } .vision .content div span.recycle { width: 106.46px; text-align: center; letter-spacing: 2.2px; font-size: 24px; font-weight: bold; } .vision .content div span.recycle::after { content: "%"; display: block; font-size: 33px; margin-bottom: 30px; background-repeat: no-repeat; position: absolute; margin-top: -155px; margin-left: 107px; } .modal-bienvenue .content .flex form h1 { font-size: 36px; font-weight: bold; margin-bottom: 16px; } .modal-bienvenue .content .flex form span.red { color: var(--Red); font-weight: bold; } .modal-bienvenue .content .flex form a { color: var(--Dark); font-weight: bold; cursor: pointer; } .fil_ariane .content a { color: var(--Dark); font-size: 14px; text-decoration: none; } .type_choise_real h2 { font-size: 36px; font-weight: bold; margin-bottom: 16px; } .type_choise_real span { font-size: 16px; margin-bottom: 40px; } .type_choise_real .swiper-container .swiper-wrapper .swiper-slide span { font-size: 12px; font-weight: bold; background-color: var(--Gray-50); width: 100%; text-align: center; padding: 13px 0px; border-radius: 0px 0px 8px 8px; } .type_choise_real .swiper-container .swiper-wrapper .swiper-slide.active span { font-size: 12px; font-weight: bold; background-color: var(--Gray-600); color: var(--White); width: 100%; text-align: center; padding: 13px 0px; border-radius: 0px 0px 8px 8px; } .realisation .content h2 { font-size: 36px; font-weight: bold; margin-bottom: 8px; } .realisation .content span { font-size: 14px; margin-bottom: 40px; font-weight: bold; } .der_realisation .content h2 { font-size: 36px; font-weight: bold; color: var(--White); padding: 0px 0px 10px; text-align: center; } .new_desktop1 .btn-primary-light, .new_Desktop1 .btn-primary-light, .new_DesktopTabs1 .btn-primary-light { font-size: 0.9em !important; } .new_desktop1 .btn-primary, .new_Desktop1 .btn-primary, .new_DesktopTabs1 .btn-primary { background-color: rgb(18, 50, 105) !important; color: white !important; font-size: 0.9em !important; } #mob-app-sf-app .text-xs, #mob-app-vr-app .text-xs, #mob-app-cl-app .text-xs, #mob-app-ez-app .text-xs { font-size: 0.85rem !important; } .Articles-récents .content h2 { font-size: 36px; font-weight: bold; text-align: center; } #mob-app-kf-checkout .new_App28 { text-align: center; } #mob-app-kf-checkout form { text-align: center; } .new_App6 button { line-height: 20px !important; border-radius: 5px !important; zoom: 0.9 !important; } .new_App10 button { margin-top: 20px !important; background-color: var(--Red) !important; border-radius: 30px !important; padding: 13px 86px !important; color: var(--White) !important; font-weight: bold !important; text-align: center !important; font-size: 1em !important; } .equipe { max-width: 1412px; margin: 64px auto; color: var(--White); text-align: center; } .equipe .content h2 { font-size: 36px; font-weight: bold; margin-bottom: 24px; } .equipe .content span { font-size: 16px; } .equipe .content .presentation_card .card .name { display: block; z-index: 2; font-size: 20px; font-weight: bold; padding: 0px 0px 8px 24px; } .equipe .content .presentation_card .card .job { display: block; z-index: 2; font-size: 14px; padding: 0px 0px 24px 24px; } .video h2 { font-size: 36px; font-weight: bold; text-align: center; margin-bottom: 40px; } .video h2.number { font-size: 72px; margin-top: 40px; } .video .subtitle h3 { font-size: 30px; font-weight: bold; margin-bottom: 16px; } .video h4 { font-size: 16px; text-align: center; } .etapes_commande .content h2 { font-size: 36px; font-weight: bold; margin-bottom: 40px; color: var(--White); text-align: center; } .etapes_commande .content .subtitle { font-size: 18px; color: var(--White); } .etapes_commande .content .etapes .etape .title { font-size: 24px; font-weight: bold; width: 166px; height: 87px; } .etapes_commande .content .etapes .etape .number { font-size: 72px; font-weight: bold; color: var(--Yellow); position: absolute; margin-left: 140px; margin-top: 15px; } .formules { background-color: var(--Rose); text-align: center; } .formules h2 { font-size: 36px; font-weight: bold; margin-bottom: 11px; } .formules .content .choix_formules .formule .title { font-size: 20px; font-weight: bold; border-bottom: 1px solid var(--Gray-300); padding-top: 40px; border-radius: 8px 8px 0px 0px; } .montage .content .text h2 { font-size: 36px; font-weight: bold; } .montage .content .text a { color: var(--Red); text-decoration: underline; } .materiaux_explication .content { max-width: 1100px; margin: 0px auto; padding: 0px 16px; text-align: center; } .materiaux_explication .content h2 { font-size: 36px; font-weight: bold; margin-bottom: 40px; } .materiaux_explication .content .nav_meuble a { font-size: 20px; color: var(--Dark); padding: 0px 10px; border-bottom: 0px solid transparent; transition: 0.2s; } .materiaux_explication .content .nav_meuble a.active { font-weight: bold; color: var(--Red); border-bottom: 4px solid var(--Red); } .materiaux_explication .content .nav_meuble a:hover { font-weight: bold; color: var(--Red); border-bottom: 4px solid var(--Red); } .materiaux_explication .content .select_ .text h3 { font-size: 24px; font-weight: bold; margin-bottom: 16px; } .materiaux_explication .content .select_ .text p { font-size: 16px; text-align: left; } .materiaux_explication .content .select_ .lien { padding: 0px; display: flex; flex-flow: row; justify-content: flex-start; gap: 20px; text-decoration: underline; } .color_saison .title h2 { font-size: 36px; font-weight: bold; } .color_saison .description span { font-size: 16px; max-width: 380px; } .color_saison .description a { color: var(--Dark); text-decoration: underline; } .modal-commande-echantillons .content .flex form h1 { font-size: 36px; font-weight: bold; margin-bottom: 24px; } .modal-commande-echantillons .content .flex form span { font-size: 18px; font-weight: bold; color: var(--Gray-500); text-align: center; } .modal-commande-echantillons .content .flex form div p.option { font-size: 18px; font-weight: bold; margin-bottom: 16px; } .modal-commande-echantillons .content .flex form div span.info { font-size: 14px; font-weight: normal; } .modal-commande-echantillons .content .flex form div span a { color: var(--Gray-600); text-decoration: underline; } .modal-commande-echantillons .content .flex form a { margin-top: 24px; font-weight: bold; } .articles_config .content .article .top span { position: absolute; background-color: var(--White); color: var(--Red); padding: 6px 6px 6px 28px; border-radius: 8px; margin-top: 6px; margin-left: 6px; font-size: 12px; font-weight: bold; } .articles_config .content .article .bottom .price { font-size: 16px; font-weight: bold; padding-bottom: 16px; color: var(--Red); } .articles_config .content .article .bottom .title { font-size: 16px; font-weight: bold; padding-bottom: 0px; } .articles_config .content .article .bottom .mesure { font-size: 14px; padding-bottom: 8px; } .articles_config .content .article .bottom .colors .other-ellispes { color: var(--Dark); font-size: 14px; background-color: white; text-align: center; border-radius: 50%; display: inline-block; border: 1px solid var(--Dark); height: 24px; width: 24px; line-height: 130%; } .articles_config .content .pub .title { position: relative; z-index: 2; font-size: 24px; font-weight: bold; padding: 0px 24px 32px; color: var(--White); } .articles_config .content .pub a { color: var(--White); text-decoration: underline; padding: 0px 24px 24px; position: relative; z-index: 2; } .articles_config .stickyzeroproject p { font-size: 18px; font-weight: bold; } .coupdepouce .content .gauche h2 { font-size: 36px; font-weight: bold; text-shadow: rgba(0, 0, 0, 0.25) 0px 2px 2px; color: var(--White); padding: 0px 24px 8px; } .coupdepouce .content .gauche span { font-size: 16px; color: var(--White); padding: 0px 24px; } .coupdepouce .content .gauche a { color: var(--White); text-decoration: underline; padding: 16px 24px 24px; } .coupdepouce .content .droite h2 { font-size: 36px; font-weight: bold; text-shadow: rgba(0, 0, 0, 0.25) 0px 2px 2px; color: var(--White); padding: 0px 24px 8px; max-width: 700px; margin: 0px auto; } .coupdepouce .content .droite span { font-size: 16px; color: var(--White); padding: 0px 24px; max-width: 700px; margin: 0px auto; } .coupdepouce .content .droite a { color: var(--White); text-decoration: underline; } .coupdepouce .content2 .droite h2 { max-width: 720px; font-size: 36px; font-weight: bold; margin: 0px auto; padding: 0px 24px 32px; } .coupdepouce .content2 .droite span { max-width: 720px; font-size: 14px; padding: 0px 24px 24px; margin: 0px auto; } .coupdepouce .content2 .droite a { max-width: 720px; width: 100%; font-size: 16px; padding: 0px 24px; margin: 0px auto; color: var(--Red); text-decoration: underline; } .text h2 { font-size: 36px; font-weight: bold; margin-bottom: 24px; } .modal-contact .content .flex form h1 { font-size: 36px; font-weight: bold; margin-bottom: 56px; text-align: center; } .modal-contact .content .flex form .number { margin-top: 12px; font-size: 30px; font-weight: bold; color: var(--Red); } .contact_page .content .contact_form h1 { font-size: 36px; font-weight: bold; margin-bottom: 24px; } .contact_page .content .contact_form .subtitle { font-size: 18px; font-weight: bold; margin-bottom: 21px; } .contact_page .content .contact_form span { font-size: 14px; margin-bottom: 21px; } .title-page-annexe .droite .page { font-size: 20px; } .title-page-annexe .droite h1 { font-size: 48px; font-weight: bold; margin-top: 24px; margin-bottom: 40px; } .title-page-annexe .gauche .sitation h2 { font-size: 24px; font-weight: bold; color: var(--Red); max-width: 450px; text-align: center; } .text-image .textcenter .content a { color: var(--Dark); text-decoration: underline; } .faq .mobile_ancre .choise a { display: flex; color: var(--Red); font-weight: bold; font-size: 16px; flex-direction: row; justify-content: space-between; } .faq .title { font-size: 36px; text-align: center; padding: 0px 20px 32px; } .faq a { color: var(--Gray-500); padding: 0px 0px 0px 30px; font-size: 14px; } .faq a.active { color: var(--Red); font-weight: bold; } .faq a:hover { color: var(--Red); font-weight: bold; } .faq .content .container .theme h2 { font-size: 24px; font-weight: bold; padding-bottom: 24px; border-bottom: 1px solid var(--Gray-100); } .faq .content .container .theme .response h3 { font-size: 18px; font-weight: bold; display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding-top: 25px; margin-top: -25px; } .faq .content .container .theme .response p { font-size: 16px; margin-top: 0px; overflow: hidden; max-height: 0px; transition: 0.3s; } .faq .content .container .theme .response.active p { font-size: 16px; margin-top: 16px; overflow: hidden; max-height: 5000px; } .profil .title { font-size: 36px; max-width: 1312px; margin: 0px auto; padding: 24px 16px; } .profil .content .ancre a { color: var(--Gray-500); padding: 0px 0px 0px 30px; font-size: 14px; } .profil .content .ancre a.active { color: var(--Red); font-weight: bold; } .profil .content .ancre a:hover { color: var(--Red); font-weight: bold; } .profil .content .deconnection a { color: var(--Gray-500); padding: 0px 0px 0px 30px; font-size: 14px; } .profil .content .deconnection a:hover { color: var(--Red); font-weight: bold; } .profil .content .container .contenu button { background-color: var(--White); color: var(--Red); border: 1px solid var(--Red); border-radius: 30px; padding: 13px 16px; font-size: 16px; font-weight: bold; cursor: pointer; } .profil .mobile_ancre .choise a { display: flex; color: var(--Red); font-weight: bold; font-size: 16px; flex-direction: row; justify-content: space-between; } .profil .mobile_ancre .choix_ancre a { color: var(--Gray-500); padding: 0px 0px 0px 30px; font-size: 14px; } .profil .mobile_ancre .choix_ancre a.active { color: var(--Red); font-weight: bold; } .profil .mobile_ancre .choix_ancre a:hover { color: var(--Red); font-weight: bold; } .profil .content .container h2 { font-size: 24px; font-weight: bold; padding-bottom: 16px; text-align: center; } .profil .content .container span { font-size: 14px; } .profil .content .container .column_date { width: 100%; overflow: hidden; text-align: center; } .profil .content .container .column_statut { width: 100%; overflow: hidden; text-align: center; } .profil .content .container .column_montant { width: 100%; min-width: 100px; overflow: hidden; text-align: center; } .profil .content .container .column_comment .title { width: 100%; display: block; padding: 0px 0px 16px; border-bottom: 1px solid var(--Gray-100); font-weight: bold; } .profil .content .container .column_comment p { padding-top: 16px; font-size: 14px; } .cards_items .card_item .item_img .ref_item { position: absolute; top: 0px; right: 0px; color: var(--Gray-400); padding: 4px; font-size: 10px; } .cards_items .card_item .item_content { padding-top: 10px; text-align: center; } .cards_items .card_item .item_content .title { font-size: 14px; padding: 0px; } .profil .content .container .table_top div span { font-weight: bold; font-size: 14px; } .profil .content .container .notice a span { font-size: 16px; font-weight: bold; color: var(--Dark); flex: 1 1 0%; } .profil .content .container .commandes_ariane a { color: var(--Dark); font-size: 14px; } .profil .content .container .commandes_ariane span { color: var(--Dark); font-size: 24px; font-weight: bold; } .profil .content .container.no_background h2 { text-align: left; } .profil .content .container.no_background .subtitle { font-size: 14px; color: var(--Gray-500); } .profil .content .container.no_background .project_list .card .content_card .title_project { font-size: 16px; font-weight: bold; flex-grow: inherit; } .profil .content .container.no_background .project_list .card .content_card .date { font-size: 14px; color: var(--Gray-500); padding: 0px 0px 3px; } .profil .content .container.no_background .project_list .card .content_card .price { font-size: 14px; font-weight: bold; color: var(--Gray-600); padding: 0px 0px 10px; } .profil .content .container.no_background .project_list .card .content_card a { font-size: 14px; color: var(--Gray-600); text-decoration: underline; white-space: nowrap; } .profil .content .container.no_background .project_list .card .newproject { color: var(--Red); font-size: 14px; text-decoration: underline; display: flex; align-items: center; } .panier .content .title h1 { font-size: 36px; font-weight: bold; margin-bottom: 40px; text-align: center; } .panier .content .content_panier .content_items .item .responsive .meuble { font-size: 16px; font-weight: bold; display: flex; flex-direction: column; } .panier .content .content_panier .content_items .item .responsive .meuble.confort::after { content: "Confort"; display: inline-grid; font-size: 14px; font-weight: normal; } .panier .content .content_panier .content_items .item .responsive .num_meuble { font-size: 12px; color: var(--Gray-400); } .panier .content .content_panier .content_items .item .responsive label { font-size: 14px; color: var(--Gray-600); white-space: nowrap; } .panier .content .content_panier .content_items .item .responsive .price { font-size: 16px; font-weight: bold; } .panier .content .content_panier .content_plus a { font-size: 16px; font-weight: bold; color: var(--Red); display: flex; align-items: center; } .panier .content .content_panier .total .ticket .titre h2 { font-size: 24px; font-weight: bold; } .panier .content .content_panier .total .recap_items span { font-size: 16px; font-weight: bold; display: flex; flex-direction: column; } .panier .content .content_panier .total .recap_items .confort::after { content: "Confort"; display: inline-grid; font-size: 14px; font-weight: normal; } .panier .content .content_panier .total .total_all .total_price { font-size: 16px; font-weight: bold; padding-top: 15px; } .panier .content .content_panier .total .total_all .price { font-size: 36px; font-weight: bold; display: flex; flex-direction: column; align-items: flex-end; } .panier .content .content_panier .total .total_all .price::after { content: "Livraison incluse"; font-size: 14px; font-weight: normal; padding-top: 7px; } .panier .content .content_panier .total .promo input { padding: 13px 16px; border-radius: 8px; margin-top: 16px; font-size: 16px; background-color: transparent; border: 1px solid var(--Gray-300); width: 100%; } .panier .content .content_panier .xSansfrais { margin-top: 10px; background-color: var(--DarkBlue); border-radius: 8px; padding: 14px 20px; color: var(--White); font-size: 14px; } .panier .content .content_panier .validate_panier { margin-top: 10px; background-color: var(--Red); border-radius: 30px; padding: 13px 16px; color: var(--White); font-weight: bold; text-align: center; } .error_404 { background: var(--LightBlue); padding: 100px 0px; text-align: center; } .error_404 h1 { font-size: 100px; color: var(--Dark); font-weight: 700; margin: 0px; } .error_404 h2 { font-size: 30px; color: var(--Dark); font-weight: 700; margin: 3px; } .error_404 p { font-size: 16px; color: var(--Dark); margin: 20px 0px; } .error_404 .btn { background-color: var(--Red); border: 1px solid var(--Red); border-radius: 30px; color: rgb(255, 255, 255); display: inline-block; margin-top: 20px; text-decoration: none; font-size: 16px; font-weight: bold; transition: 0.3s; padding: 15px 20px; } .content_article_front a { text-decoration: underline; color: var(--BlueA); font-weight: bold; } .content_article_front h1 { font-size: 60px; font-weight: bold; line-height: 72px !important; } .content_article_front h2 { font-size: 36px; font-weight: bold; margin: 40px 0px; line-height: 43px !important; } .content_article_front h3 { font-size: 24px; font-weight: bold; margin: 40px 0px; line-height: 29px !important; } .content_article_front .content p { font-size: 16px; line-height: 24px; margin-top: 40px; } .content_article_front .date_post { font-size: 14px; color: var(--Gray-500); margin-top: 15px !important; } .content_article_front .readtime { font-size: 14px; margin-bottom: 200px; margin-top: 10px !important; } .content_article_front table td { border: 1px solid var(--Gray-300); padding: 10px; font-weight: bold; } .content_article_front table p { font-size: 16px; line-height: 24px; margin: 0px !important; } .specifique_technique .content h2 { width: 100%; padding-bottom: 30px; font-size: 36px; } .specifique_technique .content .card span { font-size: 23px; font-weight: bold; } .specifique_technique .content .card p { font-size: 16px; margin-top: 20px; color: var(--Gray-600); } .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-button { border-radius: 100px !important; padding: 16px 24px !important; font-size: 16px !important; font-weight: bold !important; } .elementor-60703 .elementor-element.elementor-element-5765c581 .elementor-heading-title { font-size: 32px; font-weight: bold; } .elementor-60703 .elementor-element.elementor-element-4fd4b2f4 .elementor-heading-title { font-size: 19px; } .dialog-message { font-size: 12px; line-height: 1.5; box-sizing: border-box; } .dialog-type-lightbox .dialog-header { font-size: 15px; color: rgb(73, 81, 87); font-weight: 500; } .dialog-type-lightbox:not(.elementor-popup-modal) .dialog-header, .dialog-type-lightbox:not(.elementor-popup-modal) .dialog-message { text-align: center; } .dialog-type-lightbox .dialog-buttons-wrapper { border-top: 1px solid rgb(230, 233, 236); text-align: center; } .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button { font-family: Roboto, Arial, Helvetica, Verdana, sans-serif; width: 50%; border: none; background: none; color: rgb(109, 120, 130); font-size: 15px; cursor: pointer; padding: 13px 0px; outline: 0px; } .dialog-close-button { cursor: pointer; position: absolute; margin-top: 15px; right: 15px; font-size: 15px; line-height: 1; color: rgb(164, 175, 183); transition: 0.3s; } #e-experiments-dependency-dialog .dialog-confirm-header { font-weight: 600; } .flatpickr-calendar .flatpickr-current-month span.cur-month { font-weight: 300; } .flatpickr-calendar .flatpickr-day { max-width: 37px; height: 37px; line-height: 37px; } .elementor-templates-modal .dialog-widget-content { font-family: Roboto, Arial, Helvetica, Verdana, sans-serif; background-color: rgb(241, 243, 245); width: 100%; } .elementor-templates-modal .dialog-buttons-wrapper .elementor-button-success { padding: 12px 36px; color: rgb(255, 255, 255); width: auto; font-size: 15px; } .elementor-templates-modal__header__logo { line-height: 1; text-transform: uppercase; font-weight: 700; cursor: pointer; } .elementor-templates-modal__header__logo-area { text-align: left; padding-left: 15px; } .elementor-templates-modal__header__logo__icon-wrapper { margin-right: 10px; font-size: 12px; } .elementor-templates-modal__header__item > i { font-size: 20px; transition: 0.3s; cursor: pointer; } .elementor-templates-modal__header__close--normal i { font-size: 18px; } .elementor-templates-modal__header__close--skip { padding: 10px 10px 10px 20px; margin-right: 10px; color: rgb(255, 255, 255); background-color: rgb(164, 175, 183); font-size: 11px; font-weight: 400; line-height: 1; text-transform: uppercase; border-radius: 2px; cursor: pointer; } .elementor-templates-modal__header__close--skip > i { font-size: inherit; padding-left: 10px; margin-left: 15px; border-left: 1px solid; } #elementor-toast .dialog-message { font-size: 13px; } #elementor-toast .dialog-button { color: rgb(252, 185, 44); margin: 0px 5px; text-transform: uppercase; cursor: pointer; } .e-logo-wrapper { background: rgb(147, 0, 60); display: inline-block; padding: 0.75em; border-radius: 50%; line-height: 1; } .e-logo-wrapper i { color: rgb(255, 255, 255); font-size: 1em; } .elementor a { box-shadow: none; text-decoration: none; } .elementor embed, .elementor iframe, .elementor object, .elementor video { max-width: 100%; width: 100%; margin: 0px; line-height: 1; border: none; } .elementor-align-center { text-align: center; } .elementor-align-right { text-align: right; } .elementor-align-left { text-align: left; } .elementor-custom-embed-play i { font-size: 100px; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.3) 1px 0px 6px; } .elementor-custom-embed-play.elementor-playing i { font-family: eicons; } @media (max-width: 1230px) { .elementor-tablet-align-center { text-align: center; } .elementor-tablet-align-center .elementor-button { width: auto; } .elementor-tablet-align-right { text-align: right; } .elementor-tablet-align-right .elementor-button { width: auto; } .elementor-tablet-align-left { text-align: left; } .elementor-tablet-align-left .elementor-button { width: auto; } .elementor-tablet-align-justify .elementor-button { width: 100%; } } @media (max-width: 767px) { .elementor-mobile-align-center { text-align: center; } .elementor-mobile-align-center .elementor-button { width: auto; } .elementor-mobile-align-right { text-align: right; } .elementor-mobile-align-right .elementor-button { width: auto; } .elementor-mobile-align-left { text-align: left; } .elementor-mobile-align-left .elementor-button { width: auto; } .elementor-mobile-align-justify .elementor-button { width: 100%; } } button.elementor-button { border-radius: 100px; padding: 16px 24px; font-size: 16px; font-weight: bold; } button.elementor-button { border-radius: 100px; padding: 16px 24px; font-size: 16px; font-weight: bold; } .e-con { --border-radius: 0; --display: flex; --flex-direction: column; --flex-basis: auto; --flex-grow: 0; --flex-shrink: 1; --container-widget-height: initial; --container-widget-flex-grow: 0; --container-widget-align-self: initial; --content-width: Min(100%, var(--container-max-width, 1140px)); --width: 100%; --min-height: initial; --height: auto; --text-align: initial; --margin-top: 0; --margin-right: 0; --margin-bottom: 0; --margin-left: 0; --padding-top: var(--container-default-padding-top, 10px); --padding-right: var(--container-default-padding-right, 10px); --padding-bottom: var(--container-default-padding-bottom, 10px); --padding-left: var(--container-default-padding-left, 10px); --position: relative; --z-index: revert; --overflow: visible; --gap: var(--widgets-spacing, 20px); --overlay-mix-blend-mode: initial; --overlay-opacity: 1; --overlay-transition: 0.3s; position: var(--position); flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis); width: var(--width); min-width: 0px; min-height: var(--min-height); height: var(--height); border-radius: var(--border-radius); margin: var(--margin-top) var(--margin-right) var(--margin-bottom) var(--margin-left); padding-left: var(--padding-left); padding-right: var(--padding-right); z-index: var(--z-index); overflow: var(--overflow); transition: background var(--background-transition, .3s), border var(--border-transition, .3s), box-shadow var(--border-transition, .3s), transform var(--e-con-transform-transition-duration, .4s); } .e-con-full, .e-con > .e-con-inner { flex-direction: var(--flex-direction); text-align: var(--text-align); padding-top: var(--padding-top); padding-bottom: var(--padding-bottom); } .e-con-boxed { flex-flow: column; text-align: initial; place-content: normal; align-items: normal; gap: initial; } .elementor-field-group .elementor-field-textual::placeholder { color: inherit; font-family: inherit; opacity: 0.6; } .elementor-field-group .elementor-select-wrapper select { appearance: none; color: inherit; font-size: inherit; font-family: inherit; font-weight: inherit; font-style: inherit; text-transform: inherit; letter-spacing: inherit; line-height: inherit; flex-basis: 100%; padding-right: 20px; } .elementor-field-group .elementor-select-wrapper::before { content: ""; font-family: eicons; font-size: 15px; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; pointer-events: none; text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px; } .elementor-field-textual { line-height: 1.4; font-size: 15px; min-height: 40px; padding: 5px 14px; border-radius: 3px; } .elementor-field-textual.elementor-size-xs { font-size: 13px; min-height: 33px; padding: 4px 12px; border-radius: 2px; } .elementor-field-textual.elementor-size-md { font-size: 16px; min-height: 47px; padding: 6px 16px; border-radius: 4px; } .elementor-field-textual.elementor-size-lg { font-size: 18px; min-height: 59px; padding: 7px 20px; border-radius: 5px; } .elementor-field-textual.elementor-size-xl { font-size: 20px; min-height: 72px; padding: 8px 24px; border-radius: 6px; } .elementor-error .help-inline { color: rgb(217, 83, 79); font-size: 0.9em; } .elementor-message { margin: 10px 0px; font-size: 1em; line-height: 1; } .elementor-message::before { content: ""; display: inline-block; font-family: eicons; font-weight: 400; font-style: normal; vertical-align: middle; margin-right: 5px; } .elementor-button { display: inline-block; line-height: 1; background-color: rgb(129, 138, 145); font-size: 15px; padding: 12px 24px; border-radius: 3px; color: rgb(255, 255, 255); fill: rgb(255, 255, 255); text-align: center; transition: 0.3s; } .elementor-button.elementor-size-xs { font-size: 13px; padding: 10px 20px; border-radius: 2px; } .elementor-button.elementor-size-md { font-size: 16px; padding: 15px 30px; border-radius: 4px; } .elementor-button.elementor-size-lg { font-size: 18px; padding: 20px 40px; border-radius: 5px; } .elementor-button.elementor-size-xl { font-size: 20px; padding: 25px 50px; border-radius: 6px; } .elementor-button span { text-decoration: inherit; } .elementor-icon { display: inline-block; line-height: 1; transition: 0.3s; color: rgb(129, 138, 145); font-size: 50px; text-align: center; } .elementor-element .swiper .swiper-slide figure { line-height: 0; } .elementor-element .swiper .elementor-swiper-button { position: absolute; display: inline-flex; z-index: 1; cursor: pointer; font-size: 25px; color: rgba(238, 238, 238, 0.9); top: 50%; transform: translateY(-50%); } .elementor-lightbox .dialog-lightbox-close-button { cursor: pointer; position: absolute; font-size: var(--lightbox-header-icons-size); right: 0.75em; margin-top: 13px; padding: 0.25em; z-index: 2; line-height: 1; display: flex; } .elementor-lightbox .elementor-swiper-button-next, .elementor-lightbox .elementor-swiper-button-prev { height: 100%; display: flex; align-items: center; width: 15%; justify-content: center; font-size: var(--lightbox-navigation-icons-size); } .elementor-slideshow__counter { color: currentcolor; font-size: 0.75em; width: max-content; } .elementor-slideshow__header { color: var(--lightbox-ui-color); display: flex; flex-direction: row-reverse; font-size: var(--lightbox-header-icons-size); padding-left: 1em; padding-right: 2.6em; top: 0px; align-items: center; z-index: 10; } .elementor-slideshow__header > i { font-size: inherit; } .elementor-slideshow__share-links a { text-align: left; color: rgb(85, 89, 92); font-size: 12px; line-height: 2.5; display: block; opacity: 0; transition: opacity 0.5s 0.1s; } .elementor-slideshow__share-links a i { font-size: 1.25em; } .elementor-slideshow__title { font-size: 16px; font-weight: 700; } .elementor-slideshow__description { font-size: 14px; } .elementor-shape { overflow: hidden; position: absolute; left: 0px; width: 100%; line-height: 0; direction: ltr; } #wp-admin-bar-elementor_edit_page > .ab-item::before { content: ""; font-family: eicons; top: 3px; font-size: 18px; } #wp-admin-bar-elementor_edit_page .elementor-edit-link-type { background: rgb(85, 89, 92); font-size: 11px; line-height: 9px; margin-top: 6px; padding: 4px 8px; border-radius: 3px; } .elementor-widget-text-path { font-size: 20px; text-align: var(--alignment, left); } .elementor-widget-n-tabs { --n-tabs-color-accent-fallback: #61ce70; --n-tabs-color-secondary-fallback: #54595f; --n-tabs-default-padding-block: 15px; --n-tabs-default-padding-inline: 35px; --n-tabs-overflow-x: hidden; --n-tabs-overflow-y: auto; --n-tabs-background-color: transparent; --n-tabs-display: flex; --n-tabs-direction: column; --n-tabs-gap: 10px; --n-tabs-heading-display: flex; --n-tabs-heading-direction: row; --n-tabs-heading-grow: initial; --n-tabs-heading-justify-content: center; --n-tabs-heading-width: initial; --n-tabs-height: initial; --n-tabs-border-width: 1px; --n-tabs-border-color: #d4d4d4; --n-tabs-content-padding: initial; --n-tabs-content-border-radius: initial; --n-tabs-title-color: var(--e-global-color-secondary, var(--n-tabs-color-secondary-fallback)); --n-tabs-title-color-hover: #fff; --n-tabs-title-color-active: #fff; --n-tabs-title-background-color: #f1f3f5; --n-tabs-title-background-color-hover: var(--e-global-color-accent, var(--n-tabs-color-accent-fallback)); --n-tabs-title-background-color-active: var(--e-global-color-accent, var(--n-tabs-color-accent-fallback)); --n-tabs-title-width: initial; --n-tabs-title-height: initial; --n-tabs-title-font-size: 1rem; --n-tabs-title-justify-content-toggle: initial; --n-tabs-title-align-items-toggle: center; --n-tabs-title-justify-content: center; --n-tabs-title-align-items: center; --n-tabs-title-direction: row; --n-tabs-title-gap: 10px; --n-tabs-title-padding-top: var(--n-tabs-default-padding-block); --n-tabs-title-padding-right: var(--n-tabs-default-padding-inline); --n-tabs-title-padding-bottom: var(--n-tabs-default-padding-block); --n-tabs-title-padding-left: var(--n-tabs-default-padding-inline); --n-tabs-title-border-radius: initial; --n-tabs-title-transition: 0.3s; --n-tabs-icon-color: var(--e-global-color-secondary, var(--n-tabs-color-secondary-fallback)); --n-tabs-icon-color-hover: var(--n-tabs-title-color-hover); --n-tabs-icon-color-active: #fff; --n-tabs-icon-gap: 5px; width: 100%; max-width: 100%; } .elementor-widget-n-tabs .e-n-tabs { display: var(--n-tabs-display); flex-direction: var(--n-tabs-direction); gap: var(--n-tabs-gap); text-align: left; height: var(--n-tabs-height); overflow-x: var(--n-tabs-overflow-x); overflow-y: var(--n-tabs-overflow-y); } .elementor-widget-n-tabs .e-n-tab-title-text { display: flex; align-items: center; font-size: var(--n-tabs-title-font-size); } .elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon i { font-size: var(--n-tabs-icon-size, var(--n-tabs-title-font-size)); } .elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon svg { width: var(--n-tabs-icon-size, var(--n-tabs-title-font-size)); height: var(--n-tabs-icon-size, var(--n-tabs-title-font-size)); } .elementor-accordion { text-align: left; } .elementor-accordion .elementor-tab-title { margin: 0px; padding: 15px 20px; font-weight: 700; line-height: 1; cursor: pointer; outline: none; } .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right { float: right; text-align: right; } .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left { float: left; text-align: left; } .elementor-alert { padding: 15px; border-left: 5px solid transparent; position: relative; text-align: left; } .elementor-alert .elementor-alert-title { display: block; font-weight: 700; } .elementor-alert .elementor-alert-description { font-size: 13px; } .elementor-alert button.elementor-alert-dismiss { position: absolute; right: var(--dismiss-icon-horizontal-position, 10px); top: var(--dismiss-icon-vertical-position, 10px); padding: 3px; font-size: var(--dismiss-icon-size, 20px); line-height: 1; background: transparent; color: var(--dismiss-icon-normal-color, inherit); border: none; cursor: pointer; transition-duration: var(--dismiss-icon-hover-transition-duration, .3s); } .elementor-counter .elementor-counter-number-wrapper { display: flex; font-size: 69px; font-weight: 600; line-height: 1; } .elementor-counter .elementor-counter-number-prefix { text-align: right; } .elementor-counter .elementor-counter-number-suffix { text-align: left; } .elementor-counter .elementor-counter-title { text-align: center; font-size: 19px; font-weight: 400; line-height: 2.5; } .elementor-widget-divider .elementor-divider__text { font-size: 15px; line-height: 1; max-width: 95%; } .elementor-widget-divider .elementor-icon { font-size: var(--divider-icon-size); } .elementor-image-gallery .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; max-width: 100%; margin: 0px auto; } .elementor-widget-google_maps .elementor-custom-embed { line-height: 0; } .elementor-heading-title { padding: 0px; margin: 0px; line-height: 1; } .elementor-widget-heading .elementor-heading-title[class*="elementor-size-"] > a { color: inherit; font-size: inherit; line-height: inherit; } .elementor-widget-heading .elementor-heading-title.elementor-size-small { font-size: 15px; } .elementor-widget-heading .elementor-heading-title.elementor-size-medium { font-size: 19px; } .elementor-widget-heading .elementor-heading-title.elementor-size-large { font-size: 29px; } .elementor-widget-heading .elementor-heading-title.elementor-size-xl { font-size: 39px; } .elementor-widget-heading .elementor-heading-title.elementor-size-xxl { font-size: 59px; } .elementor-widget-icon-box .elementor-icon-box-wrapper { display: block; text-align: center; } .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper { text-align: right; flex-direction: row-reverse; } .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper { text-align: left; flex-direction: row; } .elementor-widget-icon-box.elementor-position-top .elementor-icon-box-wrapper { display: block; text-align: center; flex-direction: unset; } @media (max-width: 1230px) { .elementor-widget-icon-box.elementor-tablet-position-left .elementor-icon-box-wrapper, .elementor-widget-icon-box.elementor-tablet-position-right .elementor-icon-box-wrapper { display: flex; } .elementor-widget-icon-box.elementor-tablet-position-left .elementor-icon-box-icon, .elementor-widget-icon-box.elementor-tablet-position-right .elementor-icon-box-icon { display: inline-flex; flex: 0 0 auto; } .elementor-widget-icon-box.elementor-tablet-position-right .elementor-icon-box-wrapper { text-align: right; flex-direction: row-reverse; } .elementor-widget-icon-box.elementor-tablet-position-right .elementor-icon-box-icon { margin-left: var(--icon-box-icon-margin, 15px); margin-right: 0px; margin-bottom: unset; } .elementor-widget-icon-box.elementor-tablet-position-left .elementor-icon-box-wrapper { text-align: left; flex-direction: row; } .elementor-widget-icon-box.elementor-tablet-position-left .elementor-icon-box-icon { margin-right: var(--icon-box-icon-margin, 15px); margin-left: 0px; margin-bottom: unset; } .elementor-widget-icon-box.elementor-tablet-position-top .elementor-icon-box-wrapper { display: block; text-align: center; flex-direction: unset; } .elementor-widget-icon-box.elementor-tablet-position-top .elementor-icon-box-icon { margin-bottom: var(--icon-box-icon-margin, 15px); margin-right: auto; margin-left: auto; } } @media (max-width: 767px) { .elementor-widget-icon-box.elementor-mobile-position-left .elementor-icon-box-wrapper, .elementor-widget-icon-box.elementor-mobile-position-right .elementor-icon-box-wrapper { display: flex; } .elementor-widget-icon-box.elementor-mobile-position-left .elementor-icon-box-icon, .elementor-widget-icon-box.elementor-mobile-position-right .elementor-icon-box-icon { display: inline-flex; flex: 0 0 auto; } .elementor-widget-icon-box.elementor-mobile-position-right .elementor-icon-box-wrapper { text-align: right; flex-direction: row-reverse; } .elementor-widget-icon-box.elementor-mobile-position-right .elementor-icon-box-icon { margin-left: var(--icon-box-icon-margin, 15px); margin-right: 0px; margin-bottom: unset; } .elementor-widget-icon-box.elementor-mobile-position-left .elementor-icon-box-wrapper { text-align: left; flex-direction: row; } .elementor-widget-icon-box.elementor-mobile-position-left .elementor-icon-box-icon { margin-right: var(--icon-box-icon-margin, 15px); margin-left: 0px; margin-bottom: unset; } .elementor-widget-icon-box.elementor-mobile-position-top .elementor-icon-box-wrapper { display: block; text-align: center; flex-direction: unset; } .elementor-widget-icon-box.elementor-mobile-position-top .elementor-icon-box-icon { margin-bottom: var(--icon-box-icon-margin, 15px); margin-right: auto; margin-left: auto; } .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon, .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-icon { display: block; flex: unset; } } .elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a { display: flex; align-items: center; font-size: inherit; } .elementor-widget .elementor-icon-list-icon i { width: 1.25em; font-size: var(--e-icon-list-icon-size); } .elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon { text-align: var(--e-icon-list-icon-align); } .elementor-widget.elementor-align-left .elementor-icon-list-item, .elementor-widget.elementor-align-left .elementor-icon-list-item a { justify-content: flex-start; text-align: left; } .elementor-widget.elementor-align-right .elementor-icon-list-item, .elementor-widget.elementor-align-right .elementor-icon-list-item a { justify-content: flex-end; text-align: right; } @media (max-width: 1230px) { .elementor-widget.elementor-tablet-align-center .elementor-icon-list-item, .elementor-widget.elementor-tablet-align-center .elementor-icon-list-item a { justify-content: center; } .elementor-widget.elementor-tablet-align-center .elementor-icon-list-item::after { margin: auto; } .elementor-widget.elementor-tablet-align-center .elementor-inline-items { justify-content: center; } .elementor-widget.elementor-tablet-align-left .elementor-icon-list-item, .elementor-widget.elementor-tablet-align-left .elementor-icon-list-item a { justify-content: flex-start; text-align: left; } .elementor-widget.elementor-tablet-align-left .elementor-inline-items { justify-content: flex-start; } .elementor-widget.elementor-tablet-align-right .elementor-icon-list-item, .elementor-widget.elementor-tablet-align-right .elementor-icon-list-item a { justify-content: flex-end; text-align: right; } .elementor-widget.elementor-tablet-align-right .elementor-icon-list-items { justify-content: flex-end; } .elementor-widget:not(.elementor-tablet-align-right) .elementor-icon-list-item::after { left: 0px; } .elementor-widget:not(.elementor-tablet-align-left) .elementor-icon-list-item::after { right: 0px; } } @media (max-width: 767px) { .elementor-widget.elementor-mobile-align-center .elementor-icon-list-item, .elementor-widget.elementor-mobile-align-center .elementor-icon-list-item a { justify-content: center; } .elementor-widget.elementor-mobile-align-center .elementor-icon-list-item::after { margin: auto; } .elementor-widget.elementor-mobile-align-center .elementor-inline-items { justify-content: center; } .elementor-widget.elementor-mobile-align-left .elementor-icon-list-item, .elementor-widget.elementor-mobile-align-left .elementor-icon-list-item a { justify-content: flex-start; text-align: left; } .elementor-widget.elementor-mobile-align-left .elementor-inline-items { justify-content: flex-start; } .elementor-widget.elementor-mobile-align-right .elementor-icon-list-item, .elementor-widget.elementor-mobile-align-right .elementor-icon-list-item a { justify-content: flex-end; text-align: right; } .elementor-widget.elementor-mobile-align-right .elementor-icon-list-items { justify-content: flex-end; } .elementor-widget:not(.elementor-mobile-align-right) .elementor-icon-list-item::after { left: 0px; } .elementor-widget:not(.elementor-mobile-align-left) .elementor-icon-list-item::after { right: 0px; } } .elementor-widget-image { text-align: center; } @media (min-width: 768px) { .elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper, .elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper { display: flex; } .elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper { text-align: right; flex-direction: row-reverse; } .elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper { text-align: left; flex-direction: row; } .elementor-widget-image-box.elementor-position-top .elementor-image-box-img { margin: auto; } .elementor-widget-image-box.elementor-vertical-align-top .elementor-image-box-wrapper { align-items: flex-start; } .elementor-widget-image-box.elementor-vertical-align-middle .elementor-image-box-wrapper { align-items: center; } .elementor-widget-image-box.elementor-vertical-align-bottom .elementor-image-box-wrapper { align-items: flex-end; } } .elementor-widget-image-box .elementor-image-box-wrapper { text-align: center; } .elementor-widget-image-carousel .swiper-container .swiper-slide figure, .elementor-widget-image-carousel .swiper .swiper-slide figure { line-height: inherit; } .elementor-widget-image-carousel .swiper-slide { text-align: center; } .elementor-widget-progress { text-align: left; } .elementor-progress-bar { display: flex; background-color: rgb(129, 138, 145); width: 0px; font-size: 11px; height: 30px; line-height: 30px; border-radius: 2px; transition: width 1s ease-in-out; } .elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container, .elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container, .elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container { line-height: 1; font-size: 0px; } .elementor-icon.elementor-social-icon { font-size: var(--icon-size, 25px); line-height: var(--icon-size, 25px); width: calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em))); height: calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em))); } .elementor-social-icon { --e-social-icon-icon-color: #fff; display: inline-flex; background-color: rgb(129, 138, 145); align-items: center; justify-content: center; text-align: center; cursor: pointer; } .elementor-star-rating { color: rgb(204, 214, 223); font-family: eicons; display: inline-block; } .elementor-star-rating i::before { content: ""; display: block; font-size: inherit; font-family: inherit; position: absolute; overflow: hidden; color: rgb(240, 173, 78); top: 0px; left: 0px; } .elementor-star-rating--align-right .elementor-star-rating__wrapper { text-align: right; justify-content: flex-end; } .elementor-star-rating--align-left .elementor-star-rating__wrapper { text-align: left; justify-content: flex-start; } .elementor-star-rating--align-center .elementor-star-rating__wrapper { text-align: center; justify-content: center; } @media (max-width: 1230px) { .elementor-star-rating-tablet--align-right .elementor-star-rating__wrapper { text-align: right; justify-content: flex-end; } .elementor-star-rating-tablet--align-left .elementor-star-rating__wrapper { text-align: left; justify-content: flex-start; } .elementor-star-rating-tablet--align-center .elementor-star-rating__wrapper { text-align: center; justify-content: center; } .elementor-star-rating-tablet--align-justify .elementor-star-rating__title { margin-right: auto; } } @media (max-width: 767px) { .elementor-star-rating-mobile--align-right .elementor-star-rating__wrapper { text-align: right; justify-content: flex-end; } .elementor-star-rating-mobile--align-left .elementor-star-rating__wrapper { text-align: left; justify-content: flex-start; } .elementor-star-rating-mobile--align-center .elementor-star-rating__wrapper { text-align: center; justify-content: center; } .elementor-star-rating-mobile--align-justify .elementor-star-rating__title { margin-right: auto; } } .last-star { letter-spacing: 0px; } .elementor--star-style-star_unicode .elementor-star-rating { font-family: Arial, Helvetica, sans-serif; } .elementor-widget-tabs .elementor-tabs { text-align: left; } .elementor-widget-tabs .elementor-tab-desktop-title { position: relative; padding: 20px 25px; font-weight: 700; line-height: 1; border: solid transparent; } .elementor-testimonial-wrapper { overflow: hidden; text-align: center; } .elementor-testimonial-wrapper .elementor-testimonial-content { font-size: 1.3em; margin-bottom: 20px; } .elementor-testimonial-wrapper .elementor-testimonial-name { line-height: 1.5; display: block; } .elementor-testimonial-wrapper .elementor-testimonial-job { font-size: 0.85em; display: block; } .elementor-testimonial-wrapper .elementor-testimonial-meta { width: 100%; line-height: 1; } .elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-aside .elementor-testimonial-details { text-align: left; } .elementor-widget-text-editor .elementor-drop-cap { float: left; text-align: center; line-height: 1; font-size: 50px; } .elementor-toggle { text-align: left; } .elementor-toggle .elementor-tab-title { font-weight: 700; line-height: 1; margin: 0px; padding: 15px; border-bottom: 1px solid rgb(212, 212, 212); cursor: pointer; outline: none; } .elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-right { float: right; text-align: right; } .elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-left { float: left; text-align: left; } .elementor-widget-video .elementor-custom-embed-image-overlay { cursor: pointer; text-align: center; } .espace-media .title_block { position: relative; max-width: 856px; margin: -164px auto 0px; background-color: var(--White); padding: 56px; z-index: 2; text-align: center; font-size: 52px; font-weight: bold; } .espace-media .content .subTitle h2 { font-size: 28px; font-weight: bold; } .espace-media .content .subTitle p { padding-top: 15px; font-size: 16px; font-weight: normal; } .espace-media .content .youtube_galerie .youtube_card { width: 33.333%; padding: 16px; text-align: center; } .espace-media .content .youtube_galerie .youtube_card span { font-size: 16px; font-weight: normal; color: var(--Gray-600); } .espace-media .content .youtube_galerie .youtube_card h3 { font-size: 20px; font-weight: bold; padding: 10px 0px; } .espace-media .content .youtube_galerie .youtube_card p { font-size: 16px; font-weight: normal; } .espace-media .content .notice_download .notice_card p { font-size: 16px; font-weight: bold; } .espace-media .content .notice_download .notice_card a { font-size: 14px; font-weight: normal; margin-top: 1rem; } .espace-media .content .exemple_montage_notice h2 { font-size: 28px; font-weight: bold; margin-top: 30px; } .articles_config .content .pub_zero .bottom .title { font-size: 24px; font-weight: bold; color: var(--Black); line-height: 1em; } .articles_config .content .pub_zero .bottom span { font-size: 14px; color: var(--Black); } .articles_config .content .pub_zero .bottom a { font-size: 16px; font-style: normal; text-decoration: underline; } .espace-media .content .kit_download .card_download { max-width: 30%; text-align: center; } .espace-media .content .kit_download .card_download h4 { font-size: 1.5rem; font-weight: 700; margin-top: 1rem; } .espace-media .content .contacter h5 { font-size: 1.5rem; font-weight: 700; margin-top: 1rem; } .confirmation_inscr .content { max-width: 800px; text-align: center; border-radius: 8px; background-color: var(--LightBlue); padding: 40px; } .confirmation_inscr .content h3 { font-size: 20px; font-weight: 700; margin-bottom: 30px; } .confirmation_inscr .content p { font-size: 14px; font-weight: 400; margin-bottom: 1rem; } html body .new_ClosetPacks6 { text-align: center; padding-top: 20px; display: block !important; background-color: var(--Gray-50) !important; color: black !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks6 { text-align: center; padding-top: 20px; display: block !important; background-color: var(--Gray-50) !important; color: black !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks15 { text-align: center; padding-top: 20px; background-color: var(--Yellow) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks15 { text-align: center; padding-top: 20px; background-color: var(--Yellow) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks24 { text-align: center; padding-top: 20px; background-color: var(--Red) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks24 { text-align: center; padding-top: 20px; background-color: var(--Red) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks33 { text-align: center; padding-top: 20px; background-color: var(--DarkBlue) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks33 { text-align: center; padding-top: 20px; background-color: var(--DarkBlue) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } @media only screen and (max-width: 767px) { body { min-width: 350px; } .no-mobile { display: none !important; } .configurateur .content .choix .types { display: flex; justify-content: center; } .configurateur .content .choix p { margin-top: -20px; margin-bottom: -20px; } .icon-ruler { font-size: 10px !important; } .webtitle { padding: 20px; } .selectprimary > div { background-color: var(--LightBlue) !important; color: var(--Blue) !important; } .selectprimarycurrent > div { background-color: var(--Blue) !important; } .new_Mobile6 { display: flex; flex-direction: column; } .type_choise_real h2 { margin-bottom: 0px !important; } .type_choise_real .swiper-container .swiper-wrapper { height: 210px; } .articles_config { padding-top: 18px; } .type_choise_real .swiper-container .swiper-wrapper .swiper-slide { padding-top: 10px; } .webtitle .buttons { display: flex; gap: 20px; flex-direction: column; align-items: flex-start; } .bandeau-info { display: flex; flex-direction: column; gap: 20px; } .bandeau-info .info { width: 251px; margin: 0px auto; } .echantillons { max-width: 767px; margin: 0px auto; padding: 40px 20px; display: grid; grid-template: "title" 1fr "slider-meuble" 1fr "selection-echantillons" 1fr / 1fr; grid-auto-rows: 1fr; gap: 0px; grid-auto-flow: row; } .services .content .france { row-gap: 20px; } .services .content .france div { display: flex; flex-direction: column; max-width: 350px; width: 350px; height: 212px; background-color: var(--White); border-radius: 8px; padding: 32px 25px; justify-content: space-between; margin-bottom: 20px; } .services .content .france div.blue::after { content: ""; background-image: url("../img/mascote/pictos-18.svg"); background-repeat: no-repeat; background-size: contain; width: 104px; height: 69px; position: absolute; margin-left: 206px; margin-top: -54px; } .services .content .france div.white::after { content: ""; background-image: url("../img/mascote/pictos-19.svg"); background-repeat: no-repeat; background-size: contain; width: 75px; height: 78px; position: absolute; margin-left: 220px; margin-top: -50px; } .services .content .france div.red::after { content: ""; background-image: url("../img/mascote/pictos-20.svg"); background-repeat: no-repeat; background-size: contain; width: 95px; height: 66px; position: absolute; margin-left: 206px; margin-top: -54px; } .services .content .france div.blue.accompagnement::after { content: ""; background-image: url("../img/mascote/picto-acc1.png"); background-repeat: no-repeat; background-size: contain; width: 81px; height: 65px; position: absolute; margin-left: 228px; margin-top: -49px; } .services .content .france div.white.accompagnement::after { content: ""; background-image: url("../img/mascote/picto-acc2.png"); background-repeat: no-repeat; background-size: contain; width: 61px; height: 65px; position: absolute; margin-left: 242px; margin-top: -50px; } .services .content .france div.red.accompagnement::after { content: ""; background-image: url("../img/mascote/picto-acc3.png"); background-repeat: no-repeat; background-size: contain; width: 61px; height: 82px; position: absolute; margin-left: 240px; margin-top: -49px; } .services .triplerdv { margin-top: 20px; } .services .triplerdv div { display: flex; flex-direction: column; width: 350px; height: 113px; background-color: var(--White); border-radius: 8px; padding: 32px 40px; justify-content: space-between; margin-bottom: 20px; } .services .triplerdv div::before { content: ""; position: absolute; background-color: var(--Red); height: 113px; width: 1px; margin-top: -32px; margin-left: 257px; } .services .triplerdv div::after { content: ""; position: absolute; width: 20px; height: 20px; background-image: url("../img/Icons/cheveron.svg"); background-size: contain; background-repeat: no-repeat; filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); margin-top: 15px; margin-left: 273px; } .avis { padding: 40px 0px; } .avis h2 { padding: 0px 26px; } #ind64 { white-space: nowrap; } .avis .swiper-avis .flexator { display: flex; align-items: center; justify-content: center; } .avis .swiper-avis .flexator .img1 { background-image: url("../img/uploads/mobibam_temoignage_bibliotheque_sur_mesure_claire.jpg"); background-size: contain; border-radius: 8px; width: 350px; height: 350px; z-index: -1; margin-left: -20px; } .avis .swiper-avis .flexator .img4 { background-image: url("../img/uploads/mobibam_temoignage_meuble_tv_emilia.jpg"); background-size: contain; border-radius: 8px; width: 350px; height: 350px; z-index: -1; margin-left: -20px; } .avis .swiper-avis .flexator .img2 { background-image: url("../img/uploads/mobibam_temoignage_meuble_sur_mesure_sophie.jpg"); background-size: contain; border-radius: 8px; width: 350px; height: 350px; z-index: -1; margin-left: -20px; } .avis .swiper-avis .flexator .img3 { background-image: url("../img/uploads/mobibam_temoignage_meuble_tv_alain.jpg"); background-size: contain; border-radius: 8px; width: 350px; height: 350px; z-index: -1; margin-left: -20px; } .avis .swiper-avis { height: 570px; max-width: 1186px; margin: 0px auto; border-radius: 8px; } .swiper-button-next, .swiper-button-prev { top: 92%; } .vision .content div { height: 190px; display: flex; flex-flow: wrap; gap: 20px; align-items: flex-end; place-content: center; } .vision .content div.icons-vision { margin: 40px 0px 120px; display: contents; } .vision .content { display: flex; justify-content: center; gap: 25px; margin-bottom: 40px; align-items: center; flex-direction: column-reverse; } .coupdepouce .content .droite h2 { margin-top: 20px; margin-bottom: 30px; } .equipe .content h2.yellow { white-space: nowrap; font-size: 36px !important; } .equipe .content a { font-size: 14px; } .vision .content div.text_eco { display: flex; gap: 20px; justify-content: center; align-items: flex-start; flex-direction: row; margin-top: 184px; } .vision .content p { font-size: 16px; color: var(--White); width: auto; } .buttons { display: flex; gap: 20px; justify-content: center; } .buttons.zero { flex-wrap: wrap; } .vision .content div.text { display: flex; gap: 20px; flex-flow: column; align-items: center; } .text-buttons { display: flex; gap: 20px; justify-content: center; flex-direction: column; align-items: flex-start; } .realisation .content .swiper-container .swiper-wrapper { height: 358px; } .realisation .content .swiper-container .swiper-wrapper .swiper-slide { width: 300px; height: 300px; } .realisation .content .swiper-container .swiper-wrapper .swiper-slide img { width: 300px; height: 300px; border-radius: 8px; } .der_realisation .content { padding: 40px 16px; } .video iframe { width: 100%; height: 300px; } .montage .content .text { width: 350px; } .montage .content .image_montage { width: 350px; height: 237px; } .materiaux_explication .content .nav_meuble { gap: 20px; } .materiaux_explication .content .select_ .image { width: 350px; height: 263px; } .coupdepouce .content { display: flex; flex-direction: column; gap: 20px; align-items: center; } .coupdepouce .content .gauche { max-width: 350px; background-size: cover; height: 396px; } .coupdepouce .content .droite { max-width: 350px; background-size: cover; height: 586px; } .coupdepouce .content2 .droite { border-radius: 8px; padding: 24px 0px; } .modal-contact .content { width: 350px; } .modal-contact .content .flex form { padding: 60px 20px; width: 350px; } .contact_page .content { padding: 0px 10px; } .contact_page .content .contact_form { min-width: 350px; } .contact_page .content .contact_form form div div input { width: 100%; } .faq { padding: 24px 0px 64px; } .articles_config .content { gap: 0px; background-image: var(--LightBlue); padding: 0px; width: 100%; } .articles_config .content .article { width: 48%; height: auto; margin: 1% 1% 0.5%; } .articles_config .content .article .top { height: auto; } .articles_config .content .article .bottom { height: 92px; padding: 5px 10px; } .articles_config .content .article .bottom .price { font-size: 12px; padding-bottom: 8px; } .articles_config .content .article .bottom .title { font-size: 12px; font-weight: bold; padding-bottom: 0px; } .articles_config .content .article .bottom .mesure { font-size: 10px; padding-bottom: 0px; } .articles_config .content .article .bottom .colors { flex-direction: row; justify-content: space-evenly; } .articles_config .content .article .bottom .colors img { width: 14px; height: 14px; margin-right: 0px !important; } .articles_config .content .article .bottom .colors .other-ellispes { color: var(--Dark); font-size: 10px; background-color: white; text-align: center; border-radius: 50%; display: inline-block; border: 1px solid var(--Dark); height: 14px; width: 14px; line-height: 120%; } .articles_config .content .article .top img { } .articles_config .content .pub { width: 48%; height: inherit; min-height: 280px; border-radius: 8px; display: flex; flex-direction: column; justify-content: flex-end; margin: 1% 1% 0.5%; background-size: cover; } .articles_config .content .pub img { width: 167px; height: 256px; border-radius: 8px; position: absolute; z-index: 1; } .articles_config .content .pub .title { position: relative; z-index: 2; font-size: 18px; font-weight: bold; padding: 0px 16px 10px; color: var(--White); line-height: 1em; } .articles_config .content .pub a { color: var(--White); text-decoration: underline; font-size: 12px; padding: 0px 16px 18px; position: relative; z-index: 2; } .panier .content .content_panier .content_items .item .responsive { flex: 1 1 0%; display: flex; flex-direction: column; gap: 10px; align-items: center; } .articles_config .stickyzeroproject { padding: 10px; gap: 10px; } .articles_config .stickyzeroproject p { font-size: 16px; font-weight: bold; } .articles_config .stickyzeroproject .button { padding: 10px 15px; } .articles_config .content .pub_zero { width: 48%; height: auto; display: flex; flex-direction: column; border-radius: 8px; overflow: hidden; margin: 1% 1% 0.5%; } .articles_config .content .pub_zero .top { width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; } .articles_config .content .pub_zero .top::after { content: ""; background-image: url("/img/uploads/logo_stylo.png"); background-size: contain; position: absolute; width: 30px; height: 30px; margin: 7px 0px 0px 7px; } .articles_config .content .pub_zero .bottom { width: 100%; height: 156px; background-color: var(--White); display: flex; flex-direction: column; justify-content: space-around; padding: 5px 10px; } .articles_config .content .pub_zero .bottom .title { font-size: 14px; font-weight: bold; color: var(--Black); line-height: 1em; padding: 4px 0px; } .articles_config .content .pub_zero .bottom span { font-size: 12px; color: var(--Black); line-height: 1em; } .articles_config .content .pub_zero .bottom a { font-size: 12px; font-style: normal; text-decoration: underline; } .espace-media .content .youtube_galerie { display: flex; flex-direction: column; } .espace-media .content .youtube_galerie .youtube_card { width: 100%; } .espace-media .content .kit_download { display: flex; justify-content: space-around; flex-direction: column; } .espace-media .content .kit_download .card_download { max-width: 100% !important; } .espace-media .content .notice_download { display: flex; flex-direction: column; gap: 20px; } .espace-media .content .notice_download .notice_card { width: 100%; padding: 10px; } .profil .content .container.no_background .project_list .card { width: 100%; } .image_article_back { background-attachment: local; } .avis .swiper-avis .flexator { display: flex; align-items: center; justify-content: center; width: 98%; } .avis .swiper-avis .flexator .img { border-radius: 8px; width: inherit; height: inherit; z-index: -1; } .avis .swiper-avis .flexator .img img { width: inherit; height: inherit; max-height: 490px; object-fit: cover; border-radius: 8px; } .avis .swiper-avis .flexator div { position: absolute; display: flex; background-color: var(--Rose); border-radius: 8px; width: 318px; margin-top: 25px; flex-direction: column; justify-content: space-between; padding: 32px; margin-left: -9px; margin-bottom: -318px; } #mobSharedPopupContainer { padding-top: 0px !important; } } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 900px) { .modal-bienvenue .content { width: 90%; height: 80%; overflow: auto; } .modal-bienvenue .content .flex { flex-direction: column; } .modal-bienvenue .content .flex .image-bienvenue { width: 100%; height: 240px; border-radius: 8px 8px 0px 0px; } .modal-bienvenue .content .flex form { padding: 20px; align-items: center; width: 100%; } .modal-bienvenue .content .flex form input { width: 100%; } .etapes_commande .content .etapes .etape { display: flex; flex-direction: column; background-color: var(--White); border-radius: 8px; align-items: flex-start; justify-content: flex-start; width: 310px; padding: 24px; } .etapes_commande .content { background-color: var(--Dark); border-radius: 8px; padding: 40px 20px; } .etapes_commande .content .etapes .etape .number { margin-left: 220px; margin-top: 15px; } .formules { background-color: var(--LightBlue); text-align: center; } .formules .content .choix_formules .formule { display: flex; flex-direction: column; width: 350px; height: 431px; background-color: var(--White); border-radius: 8px; } .formules .content .choix_formules .formule .title.serenite20::after { margin: -14px 135px 108px; } .color_saison { max-width: 1312px; margin: 0px auto; padding: 40px 16px; display: grid; grid-auto-rows: 0fr; grid-template-columns: 1fr 1fr; grid-template-rows: 0fr 1fr; justify-items: center; grid-template-areas: "title title" "image image" "description description"; } .color_saison .image img { width: 350px; height: 263px; } .color_saison .title { margin: 0px 0px 40px; } .color_saison .description { grid-area: description; display: flex; height: 177px; margin: 40px 2px; flex-direction: column; justify-content: space-between; } #i8kmm { max-width: 10000%; height: 100%; width: auto; object-fit: unset !important; } .modal-commande-echantillons .content { width: 350px; height: 94%; overflow: auto; } .modal-commande-echantillons .content .flex form h1 { text-align: center; } .contact_page .content { max-width: 1182px; margin: 0px auto; padding: 0px 16px; display: flex; gap: 48px; } .contact_page .content .contact_form .mascote::after { display: none; } .title-page-annexe { display: flex; flex-direction: column; padding: 0px; gap: 80px; height: auto; max-width: none; margin: 0px auto 40px; } .title-page-annexe .droite { max-width: 100%; margin: 64px 20px 0px; } .title-page-annexe .gauche { background-color: var(--Rose); width: 100%; display: flex; flex-direction: column; } .title-page-annexe .gauche .image { max-width: 100%; height: auto; } .title-page-annexe .gauche .sitation { margin: 100px auto; } .text-image { flex-direction: column !important; align-items: center; } .text-image .image { height: 397px; } .text-image .textcenter { height: auto; } .text-image .textcenter .content { max-width: 100%; } .text-image .textcenter .content a { margin-top: 24px; } .no-mobile2 { display: none !important; } .profil .content .container .table_content { flex-direction: column; gap: 8px; align-items: flex-start; background-position: 100% 92%; } .profil .content .container .column_commande { padding: 0px; display: flex; gap: 20px; max-width: none; min-width: 113px; width: 150px; white-space: nowrap; overflow: visible; } .profil .content .container .column_commande::before { content: "N° de commande"; font-weight: bold; width: 150px; } .profil .content .container .column_addr { flex: 1 1 0%; display: flex; gap: 10px; flex-direction: column; } .profil .content .container .column_addr::before { content: "Adresse :"; font-weight: bold; width: 100%; } .profil .content .container .column_statut_pay { flex: 1 1 0%; display: flex; gap: 10px; flex-direction: column; } .profil .content .container .column_statut_pay::before { content: "Statut de paiement : "; font-weight: bold; width: 100%; } .profil .content .container .column_pack { display: flex; gap: 20px; max-width: none; width: 100%; overflow: hidden; } .profil .content .container .column_pack::before { content: "Pack"; font-weight: bold; width: 150px; } .profil .content .container .column_nb { display: flex; gap: 20px; max-width: none; width: 100%; min-width: 25px; overflow: hidden; } .profil .content .container .column_nb::before { content: "Nb"; font-weight: bold; width: 150px; } .profil .content .container .column_nom { display: flex; gap: 20px; max-width: none; width: 100%; overflow: hidden; } .profil .content .container .column_nom::before { content: "Nom"; font-weight: bold; width: 150px; min-width: 150px; } .profil .content .container .column_date { display: flex; gap: 20px; max-width: none; width: 100%; overflow: hidden; text-align: left; } .profil .content .container .column_date::before { content: "Date"; font-weight: bold; width: 150px; } .profil .content .container .column_statut { display: flex; gap: 20px; max-width: none; width: 100%; overflow: hidden; text-align: left; } .profil .content .container .column_statut::before { content: "Statut"; font-weight: bold; width: 150px; } .profil .content .container .column_montant { display: flex; gap: 20px; max-width: none; width: 100%; min-width: 100px; overflow: hidden; text-align: left; } .profil .content .container .column_montant::before { content: "Montant"; font-weight: bold; width: 150px; } .panier .content .content_panier { flex-direction: column; } .panier .content .content_panier .total { width: 100%; } .content_article_front { position: relative; max-width: 100%; margin: -200px 20px 0px; background-color: var(--White); padding: 32px 20px 64px; z-index: 2; } .content_article_front h1 { font-size: 39px; line-height: 46.7px !important; } .content_article_front h2 { font-size: 29px; font-weight: bold; margin: 40px 0px; line-height: 43px !important; } .content_article_front h3 { font-size: 23px; font-weight: normal; margin: 40px 0px; line-height: 29px !important; } .content_article_front .date_post { font-size: 14px; color: var(--Gray-500); margin-top: 5px !important; } .content_article_front .readtime { font-size: 14px; margin-bottom: 200px; margin-top: 5px !important; } .content_article_front .content img { width: 100%; height: auto; margin: 40px 0px; } .specifique_technique .content { max-width: 1312px; margin: 0px auto; padding: 64px 16px; display: flex; flex-flow: column wrap; align-items: center; } .specifique_technique .content h2 { width: 100%; padding-bottom: 30px; font-size: 29px; text-align: center; } .specifique_technique .content .card { width: 100%; padding: 30px; } #mob-app-kf-checkout .border-slate-300 { min-width: 100%; } } @media only screen and (max-width: 900px) { } @media only screen and (max-width: 900px) { } @media only screen and (max-width: 900px) { } .footer-links div .links h3 { font-size: 24px; } .footer-links div .links a { color: var(--White); text-decoration: none; display: inline-block; padding-bottom: 2px; position: relative; } h2 > span { line-height: 1em; display: block; } @media only screen and (max-width: 767px) { .slider-meuble { width: 100%; } #main { display: none !important; } #miniatures { height: 250px; overflow-x: auto; margin-bottom: 13px; display: flex !important; } #miniatures img { margin: 0px 10px 3px 0px; width: 250px !important; } .echantillons .selection-echantillons .colors .color img { width: 100%; height: 100%; } #preview h4 { display: block; font-weight: bold; margin-bottom: 15px; } #preview p { display: none; } .echantillons { grid-template-rows: none; display: flex; flex-direction: column; } .echantillons .selection-echantillons .colors { gap: 10px; } .echantillons .selection-echantillons .colors .color { padding: 0px; width: calc(20% - 8px); height: 60px; border: 3px solid transparent; } } .elementor-60703 .elementor-element.elementor-element-5765c581 .elementor-heading-title a { color: rgb(0, 0, 0); text-decoration: none; } .elementor-60703 .elementor-element.elementor-element-4fd4b2f4 .elementor-heading-title { color: rgb(0, 0, 0); font-family: Raleway, sans-serif; font-weight: 400; font-style: normal; } .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-button { font-family: var(--e-global-typography-cb79733-font-family), Sans-serif; font-size: var(--e-global-typography-cb79733-font-size); font-weight: var(--e-global-typography-cb79733-font-weight); line-height: var(--e-global-typography-cb79733-line-height); letter-spacing: var(--e-global-typography-cb79733-letter-spacing); } .elementor-60703 .elementor-element.elementor-element-5ce41bef { text-align: center; } .elementor-60703 .elementor-element.elementor-element-5ce41bef .elementor-heading-title { color: rgb(0, 0, 0); font-family: Raleway, sans-serif; font-weight: 500; text-decoration: underline; } @media (max-width: 1230px) { .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-button { font-size: var(--e-global-typography-cb79733-font-size); line-height: var(--e-global-typography-cb79733-line-height); letter-spacing: var(--e-global-typography-cb79733-letter-spacing); } } @media (max-width: 1230px) { } @media (max-width: 1230px) { } @media (max-width: 767px) { .elementor-60703 .elementor-element.elementor-element-4a95df3e:not(.elementor-motion-effects-element-type-background), .elementor-60703 .elementor-element.elementor-element-4a95df3e > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-position: left center; } .elementor-60703 .elementor-element.elementor-element-522973bb > .elementor-element-populated { padding: 40px 25px; } } @media (max-width: 767px) { } @media (max-width: 767px) { } html { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } html { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } body { margin: 0px; line-height: inherit; } abbr:where([title]) { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0px; padding: 0px; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0px; padding: 0px; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0px; padding: 0px; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0px; padding: 0px; } button, select { text-transform: none; } input[type="text"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="text"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="text"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="text"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="password"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="password"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="password"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="password"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="email"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="email"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="email"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="email"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="tel"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="tel"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="tel"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="tel"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .btn-primary { border-radius: 9999px !important; --tw-bg-opacity: 1 !important; background-color: rgb(29 60 114 / var(--tw-bg-opacity)) !important; padding: 0.25rem 1.5rem !important; text-align: center !important; font-size: 0.75rem !important; line-height: 1rem !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .btn-primary2 { border-radius: 9999px !important; --tw-bg-opacity: 1 !important; background-color: rgb(29 60 114 / var(--tw-bg-opacity)) !important; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; text-align: center !important; font-size: 0.75rem !important; line-height: 1rem !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .btn-primary-large { border-radius: 9999px !important; --tw-bg-opacity: 1 !important; background-color: rgb(29 60 114 / var(--tw-bg-opacity)) !important; padding: 0.5rem 1.5rem !important; text-align: center !important; font-size: 1rem !important; line-height: 1.5rem !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .btn-secondary-large { border-radius: 9999px !important; --tw-bg-opacity: 1 !important; background-color: rgb(212 67 28 / var(--tw-bg-opacity)) !important; padding: 0.5rem 1.5rem !important; text-align: center !important; font-size: 1rem !important; line-height: 1.5rem !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .btn-tertiary-large { border-width: 1px; border-radius: 9999px !important; border-style: solid !important; --tw-border-opacity: 1 !important; border-color: rgb(29 60 114 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; padding: 0.5rem 1.5rem !important; text-align: center !important; font-size: 1rem !important; line-height: 1.5rem !important; --tw-text-opacity: 1 !important; color: rgb(29 60 114 / var(--tw-text-opacity)) !important; } .btn-primary-light { border-radius: 9999px !important; --tw-bg-opacity: 1 !important; background-color: rgb(242 245 252 / var(--tw-bg-opacity)) !important; padding: 0.25rem 0.75rem !important; text-align: center !important; font-size: 0.75rem !important; line-height: 1rem !important; --tw-text-opacity: 1 !important; color: rgb(29 60 114 / var(--tw-text-opacity)) !important; } .btn-primary-light2 { border-radius: 9999px !important; --tw-bg-opacity: 1 !important; background-color: rgb(242 245 252 / var(--tw-bg-opacity)) !important; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; text-align: center !important; font-size: 0.75rem !important; line-height: 1rem !important; --tw-text-opacity: 1 !important; color: rgb(29 60 114 / var(--tw-text-opacity)) !important; } .btn-primary-medium { border-radius: 9999px !important; --tw-bg-opacity: 1 !important; background-color: rgb(29 60 114 / var(--tw-bg-opacity)) !important; padding: 0.5rem 1.5rem !important; text-align: center !important; font-size: 0.875rem !important; line-height: 1.25rem !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .btn-primary-light-medium { border-radius: 9999px !important; --tw-bg-opacity: 1 !important; background-color: rgb(242 245 252 / var(--tw-bg-opacity)) !important; padding: 0.5rem 1.5rem !important; text-align: center !important; font-size: 0.875rem !important; line-height: 1.25rem !important; --tw-text-opacity: 1 !important; color: rgb(29 60 114 / var(--tw-text-opacity)) !important; } .btn-disabled-medium { border-radius: 9999px !important; --tw-bg-opacity: 1 !important; background-color: rgb(237 237 237 / var(--tw-bg-opacity)) !important; padding: 0.5rem 1.5rem !important; text-align: center !important; font-size: 0.875rem !important; line-height: 1.25rem !important; --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .font-raleway { font-family: Raleway, sans-serif !important; } .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .font-sans { font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } .\!text-base { font-size: 1rem !important; line-height: 1.5rem !important; } .text-2xl { font-size: 1.5rem !important; line-height: 2rem !important; } .text-xl { font-size: 1.25rem !important; line-height: 1.75rem !important; } .text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; } .text-base { font-size: 1rem !important; line-height: 1.5rem !important; } .text-8xl { font-size: 6rem !important; line-height: 1 !important; } .text-5xl { font-size: 3rem !important; line-height: 1 !important; } .text-4xl { font-size: 2.25rem !important; line-height: 2.5rem !important; } .text-xs { font-size: 0.75rem !important; line-height: 1rem !important; } .text-\[60px\] { font-size: 60px !important; } .text-\[12px\] { font-size: 12px !important; } .text-lg { font-size: 1.125rem !important; line-height: 1.75rem !important; } .text-3xl { font-size: 1.875rem !important; line-height: 2.25rem !important; } .\!text-xs { font-size: 0.75rem !important; line-height: 1rem !important; } .\!text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; } .font-bold { font-weight: 700 !important; } .font-semibold { font-weight: 600 !important; } .font-extrabold { font-weight: 800 !important; } .font-medium { font-weight: 500 !important; } .font-light { font-weight: 300 !important; } .font-normal { font-weight: 400 !important; } .font-black { font-weight: 900 !important; } .capitalize { text-transform: capitalize !important; } .leading-tight { line-height: 1.25 !important; } .leading-4 { line-height: 1rem !important; } .leading-none { line-height: 1 !important; } .leading-5 { line-height: 1.25rem !important; } .underline { text-decoration-line: underline !important; } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .before\:text-2xl::before { content: var(--tw-content) !important; font-size: 1.5rem !important; line-height: 2rem !important; } .before\:font-bold::before { content: var(--tw-content) !important; font-weight: 700 !important; } .before\:leading-none::before { content: var(--tw-content) !important; line-height: 1 !important; } .after\:text-xl::after { content: var(--tw-content) !important; font-size: 1.25rem !important; line-height: 1.75rem !important; } .after\:leading-none::after { content: var(--tw-content) !important; line-height: 1 !important; } @media (min-width: 768px) { .md\:m-4 { margin: 1rem !important; } .md\:mx-auto { margin-left: auto !important; margin-right: auto !important; } .md\:-ml-4 { margin-left: -1rem !important; } .md\:-mr-2 { margin-right: -0.5rem !important; } .md\:block { display: block !important; } .md\:h-auto { height: auto !important; } .md\:w-1\/4 { width: 25% !important; } .md\:w-\[390px\] { width: 390px !important; } .md\:w-\[690px\] { width: 690px !important; } .md\:w-400p { width: 400px !important; } .md\:w-44 { width: 11rem !important; } .md\:w-36 { width: 9rem !important; } .md\:p-4 { padding: 1rem !important; } .md\:p-8 { padding: 2rem !important; } .md\:text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; } } @media (min-width: 768px) { } @media (min-width: 1024px) { .lg\:visible { visibility: visible !important; } .lg\:sticky { position: sticky !important; } .lg\:m-0 { margin: 0px !important; } .lg\:mt-20 { margin-top: 5rem !important; } .lg\:block { display: block !important; } .lg\:inline-block { display: inline-block !important; } .lg\:hidden { display: none !important; } .lg\:h-auto { height: auto !important; } .lg\:h-240p { height: 240px !important; } .lg\:w-1\/3 { width: 33.3333% !important; } .lg\:w-3\/4 { width: 75% !important; } .lg\:w-240p { width: 240px !important; } .lg\:w-2\/3 { width: 66.6667% !important; } .lg\:w-2\/5 { width: 40% !important; } .lg\:w-3\/5 { width: 60% !important; } .lg\:w-400p { width: 400px !important; } .lg\:w-auto { width: auto !important; } .lg\:w-\[680px\] { width: 680px !important; } .lg\:w-\[390px\] { width: 390px !important; } .lg\:flex-row { flex-direction: row !important; } .lg\:flex-wrap { flex-wrap: wrap !important; } .lg\:px-70p { padding-left: 70px !important; padding-right: 70px !important; } .lg\:px-40 { padding-left: 10rem !important; padding-right: 10rem !important; } .lg\:py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .lg\:text-4xl { font-size: 2.25rem !important; line-height: 2.5rem !important; } .lg\:text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; } } @media (min-width: 1024px) { } @media (min-width: 1280px) { .xl\:ml-\[120px\] { margin-left: 120px !important; } .xl\:mr-5 { margin-right: 1.25rem !important; } .xl\:mt-0 { margin-top: 0px !important; } .xl\:block { display: block !important; } .xl\:hidden { display: none !important; } .xl\:w-\[80px\] { width: 80px !important; } .xl\:w-1\/4 { width: 25% !important; } .xl\:w-1\/2 { width: 50% !important; } .xl\:basis-1\/2 { flex-basis: 50% !important; } .xl\:flex-row { flex-direction: row !important; } .xl\:justify-start { justify-content: flex-start !important; } .xl\:text-left { text-align: left !important; } .xl\:text-base { font-size: 1rem !important; line-height: 1.5rem !important; } .xl\:text-lg { font-size: 1.125rem !important; line-height: 1.75rem !important; } .xl\:text-\[18px\] { font-size: 18px !important; } .xl\:text-xl { font-size: 1.25rem !important; line-height: 1.75rem !important; } } @media (min-width: 1280px) { } @media (min-width: 1280px) { } .cwabEs.cwabEs.cwabEs.cwabEs.cwabEs.cwabEs { border: none !important; user-select: none !important; text-decoration: none !important; text-overflow: unset !important; background: none !important; box-shadow: none !important; overflow: unset !important; z-index: 1000 !important; position: absolute !important; display: inline-flex !important; -webkit-box-pack: center !important; justify-content: center !important; min-width: auto !important; width: auto !important; min-height: auto !important; height: auto !important; margin: 0px !important; padding: 0px !important; font-family: Rubik, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.25 !important; white-space: nowrap !important; cursor: pointer !important; transition: transform 0.2s !important; } .hLMUiR.hLMUiR.hLMUiR.hLMUiR.hLMUiR.hLMUiR button { background: none; -webkit-box-align: center; align-items: center; padding: 4px 10px; font-family: Rubik, sans-serif; text-decoration: none; color: rgb(102, 102, 102); border: none; border-radius: 8px 8px 0px 0px; white-space: nowrap; transition: 0.1s ease-out; font-weight: 400; cursor: help; flex-wrap: wrap; display: inline-flex !important; font-size: 11px !important; } .hLMUiR.hLMUiR.hLMUiR.hLMUiR.hLMUiR.hLMUiR button > span { margin-right: 4px; line-height: 1; font-weight: 400; letter-spacing: 0.025em; font-size: 11px !important; } .bDArPB { display: block; border-top: 1px solid rgb(237, 237, 237); background: rgba(255, 164, 24, 0.2); color: rgb(102, 102, 102); padding: 15px; margin: 0px auto; font-family: Rubik, sans-serif; } .bDArPB a { color: rgb(102, 102, 102); text-decoration: underline; } .bDArPB .ax-screen-header { padding: 10px; text-align: center; } .bDArPB .ax-screen-header .ax-baseline { font-family: Raleway, sans-serif; margin-bottom: 5px; font-size: 15px; display: block; } .bDArPB .ax-screen-content { font-size: 11px; text-align: justify; } .bDArPB .ax-screen-cta { margin: 6px 0px 0px; font-size: 11px; text-align: center; color: rgb(102, 102, 102); } .bDArPB .ax-link { display: inline-block; padding: 1px 5px; background: rgb(255, 164, 24); border-radius: 2px; text-decoration: none; font-weight: bold; color: rgb(82, 85, 90); } .bDArPB .ax-screen-row { max-width: 600px; margin-right: auto; display: flex; -webkit-box-align: center; align-items: center; font-size: 13px; text-align: left; } .bDArPB .ax-screen-baseline { font-family: Raleway, sans-serif; color: rgb(0, 0, 0); font-weight: bold; font-size: 1.2em; margin: 0px; } @media (max-width: 768px) { .bDArPB { padding: 10px; } .bDArPB .ax-baseline, .bDArPB .ax-screen-baseline { font-size: 13px; } .bDArPB .ax-screen-cta { font-size: 11px; } .bDArPB .ax-screen-header img { width: 60px; } } .hbqTwP.hbqTwP.hbqTwP.hbqTwP.hbqTwP.hbqTwP { border: none !important; user-select: none !important; text-decoration: none !important; text-transform: none !important; text-overflow: unset !important; background: none rgb(255, 255, 255) !important; overflow: unset !important; position: relative !important; display: inline-flex !important; -webkit-box-align: center !important; align-items: center !important; -webkit-box-pack: center !important; justify-content: center !important; width: auto !important; height: auto !important; min-width: auto !important; min-height: auto !important; margin: 0px !important; padding: 12px 8px !important; font-family: Rubik, sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.25 !important; white-space: normal !important; letter-spacing: 0px !important; border-radius: 0px !important; color: rgb(122, 122, 122) !important; cursor: pointer !important; transition: 0.15s !important; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px inset !important; } .gPyYDm.gPyYDm.gPyYDm.gPyYDm.gPyYDm.gPyYDm { border: none !important; user-select: none !important; text-decoration: none !important; text-transform: none !important; text-overflow: unset !important; background: none rgb(255, 255, 255) !important; overflow: unset !important; position: relative !important; display: inline-flex !important; -webkit-box-align: center !important; align-items: center !important; -webkit-box-pack: center !important; justify-content: center !important; width: auto !important; height: auto !important; min-width: auto !important; min-height: auto !important; margin: 0px !important; padding: 12px 8px !important; font-family: Rubik, sans-serif !important; font-size: 14px !important; line-height: 1.25 !important; white-space: normal !important; letter-spacing: 0px !important; border-radius: 0px !important; cursor: pointer !important; transition: 0.15s !important; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px inset !important; font-weight: 700 !important; color: rgb(255, 164, 24) !important; } .cgzOrJ p { margin: 0px; font-family: Rubik, sans-serif; font-size: 13px; font-weight: 400; line-height: 1.5; color: rgb(46, 46, 46); } .cgzOrJ .sc-dQoVA { margin-top: 6px; font-size: 12px; } .icbChR, .icbChR p, .icbChR li { font-family: Rubik, sans-serif; color: rgb(102, 102, 102); font-size: 13px; } .dqMzLS.dqMzLS.dqMzLS h2, .dqMzLS.dqMzLS.dqMzLS h3 { margin: 0px !important; text-align: left !important; line-height: 1 !important; color: rgb(0, 0, 0) !important; } .dqMzLS.dqMzLS.dqMzLS h2, .dqMzLS.dqMzLS.dqMzLS h3, .dqMzLS.dqMzLS.dqMzLS h2 span, .dqMzLS.dqMzLS.dqMzLS h3 span { margin-bottom: 8px !important; font-family: Raleway, sans-serif !important; font-weight: 600 !important; font-style: normal !important; } .dqMzLS.dqMzLS.dqMzLS h2 { font-size: 22px !important; font-weight: 600 !important; } .dqMzLS.dqMzLS.dqMzLS h2 small { font-size: 16px !important; font-weight: 400 !important; margin-bottom: 8px !important; } .dqMzLS.dqMzLS.dqMzLS h3 { font-size: 15px !important; font-weight: 400 !important; } .jRlkZW { position: relative; display: block; outline: none; text-align: left; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 24px, rgba(0, 0, 0, 0.05) 0px 2px 6px; border: none; } .jRlkZW h1, .jRlkZW h2, .jRlkZW h3, .jRlkZW h4, .jRlkZW h5, .jRlkZW h6 { line-height: 1.2; margin-bottom: 0.5em; } .jRlkZW h1 { font-size: 30px; margin: 0.67em 0px; } .jRlkZW h2 { font-size: 24px; } .jRlkZW h3 { font-size: 20px; } .jRlkZW h4 { font-size: 18px; } .jRlkZW h5 { font-size: 16px; } .jRlkZW h6 { font-size: 14px; } .jRlkZW p { font-size: 1em; } .jRlkZW button, .jRlkZW select { text-transform: none; } .jRlkZW b, .jRlkZW strong { font-weight: bolder; } .jRlkZW .axeptio_widget_back_btn { background: none; border: none; position: absolute; top: 0px; left: 0px; font-family: Rubik, sans-serif; color: rgb(0, 0, 0) !important; } .fgRHxy { display: block !important; margin: 0px 0px 8px !important; font-family: Raleway, sans-serif !important; font-size: 24px !important; line-height: 1.25 !important; font-weight: 700 !important; text-align: left !important; clear: none !important; background: transparent !important; height: auto !important; padding: 0px !important; color: rgb(0, 0, 0) !important; } .fgRHxy span, .fgRHxy small { display: block !important; line-height: 1.25 !important; } .fgRHxy small { font-size: 70% !important; font-weight: 400 !important; } .axeptio_mount { z-index: 2147483647; position: relative; box-sizing: border-box; -webkit-font-smoothing: antialiased; font-family: Rubik, sans-serif; font-size: 1em; line-height: 1.5; text-align: unset; transform: none !important; } .slider_video h2 { font-size: 24px; font-weight: 700; margin-bottom: 30px; margin-top: 0px; } Color & Background:root { --swiper-theme-color: #007aff; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size)/ 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #ffffff; } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000000; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color,var(--swiper-theme-color)); } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-pagination-white { --swiper-pagination-color: #ffffff; } .swiper-pagination-black { --swiper-pagination-color: #000000; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50% center; animation: 1s linear 0s infinite normal none running swiper-preloader-spin; box-sizing: border-box; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } .header { background-color: rgb(255, 255, 255); max-width: 1312px; margin: 0px auto; height: 80px; z-index: 1000; } div#mobSharedPopupContainer p { color: rgb(153, 153, 153); } .navbar { display: flex; justify-content: space-between; align-items: center; height: 80px; margin: 0px 16px; z-index: 9999; background-color: var(--White); } .bar { display: block; width: 25px; height: 3px; margin: 5px auto; transition: 0.3s ease-in-out; background-color: rgb(0, 0, 0); } .nav-link:hover { color: var(--Red); } .nav-link.active { color: var(--Red); } .nav-logo::after { content: ""; background-image: url("../img/logo/mobibam_logo.png"); background-size: cover; display: block; width: 160px; height: 32px; } .configurateur { position: absolute; left: 0px; top: 80px; width: 100%; background-color: var(--White); z-index: 100; max-height: 0%; transition: max-height 0.5s; overflow: hidden; } #profilcontent ul { position: fixed; background-color: rgb(255, 255, 255); margin-top: 15px; border-radius: 8px; padding: 5px 8px; box-shadow: black 0px 0px 5px -3px; z-index: 200; opacity: 0; transition: right 1s, opacity 0.2s 0.8s; right: -10000px; } #profilcontent ul li.orders { background-image: url("../img/Icons/clipboard.svg"); } #profilcontent ul li.notices { background-image: url("../img/Icons/puzzle.svg"); } #profilcontent ul li.infos { background-image: url("../img/Icons/user.svg"); } #profilcontent ul li.deco { background-image: url("../img/uploads/logout.svg"); background-position: 7px 7px; background-size: 15px; } .configurateur .content .choix .types .type-select:hover span { background-color: var(--Gray-600); color: var(--White); } .focus { width: 100%; height: 0%; position: absolute; left: 0px; background-color: rgba(11, 28, 41, 0.9); z-index: 30; transition: height 0.5s; } #mob-app-kf-cart .ncClosetPacks > div > button { border-radius: 25px; width: 100%; background-color: var(--Red) !important; } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 768px) { } ::selection { background-color: var(--Red); color: var(--White); } ::selection { background-color: var(--Red); color: var(--White); } a { color: var(--Dark); } span.yellow { color: var(--Yellow); display: inline; } .button.shadow { background-color: rgba(0, 0, 0, 0.25); text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px; } .button:hover { background-color: var(--White); color: var(--Red); border-color: var(--Red); text-shadow: none; } .button.red { background-color: var(--Red); border-color: var(--Red); text-shadow: none; } .button.red3 { opacity: 1; background-color: var(--White); border-color: var(--Red); text-shadow: none; color: var(--Red); } .button.red:hover { background-color: var(--White); color: var(--Red); } .button.red3:hover { color: var(--White); background-color: var(--Red); } .button.phone::before { content: ""; background-image: url("../img/Icons/phone.svg"); width: 24px; height: 24px; background-size: contain; margin-right: 10px; } .button.message::before { content: ""; background-image: url("../img/Icons/message.svg"); width: 24px; height: 24px; background-size: contain; margin-right: 10px; } .swiper.vert { background-color: var(--Vert); padding: 64px 26px; } .swiper-slide .bottom { display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 115px; background-color: var(--White); border-radius: 0px 0px 8px 8px; } .swiper-slide .bottom .colors { display: flex; flex-direction: row; justify-content: space-evenly; padding: 10px; } .swiper-slide .bottom .colors { display: block; flex-direction: row; justify-content: space-evenly; padding: 10px; } .swiper-slide .bottom .colors img { margin-right: 4px; } .swiper-scrollbar.red { background-color: rgba(212, 67, 28, 0.3); } .swiper-scrollbar.red .swiper-scrollbar-drag { background-color: var(--Red); } .page_echantillons { background-color: var(--LightBlue); } .button.spec:hover { background-color: var(--Red); color: var(--White); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px; border-color: var(--Red); } .button.spec.active { background-color: var(--Red); color: var(--White); border-color: var(--Red); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px; } .echantillons .selection-echantillons .colors { display: flex; flex-flow: wrap; gap: 20px; margin-bottom: 20px; } .echantillons .selection-echantillons .colors .color { position: relative; cursor: pointer; padding: 1px; border-radius: 11px; border: 3px solid var(--White); } .echantillons .selection-echantillons .colors .color.active { padding: 1px; border: 3px solid var(--Red); } .echantillons .selection-echantillons .colors .color img { width: 72px; height: 72px; padding: 3px; border-radius: 15px; } .echantillons .selection-echantillons .colors .color:hover::after { content: url("../img/Icons/Union.svg"); position: absolute; margin-left: -48%; transform: translate(-50%, 69px); z-index: 2; } .echantillons .selection-echantillons .commander-selection p.error { color: var(--Red); } .swiper.Terracota { color: var(--White); background-color: var(--Terracota); padding: 64px 26px; } .swiper-scrollbar.white { background-color: rgba(255, 255, 255, 0.25); } .swiper-scrollbar.white .swiper-scrollbar-drag { background-color: var(--White); } .button.yellow { background-color: var(--Yellow); border-color: var(--Yellow); } .button.yellow:hover { background-color: var(--White); border-color: var(--Yellow); color: var(--Yellow); } .button.white { background-color: var(--White); border-color: var(--White); color: var(--Dark); } .button.white:hover { background-color: transparent; color: var(--White); } .services { background-color: var(--Rose); } .services.white { background-color: var(--White); } .services .content .france div { display: flex; flex-direction: column; width: 372px; height: 212px; background-color: var(--White); border-radius: 8px; padding: 32px 40px; justify-content: space-between; } .services .content .france div.blue { background-color: var(--DarkBlue); color: var(--White); } .services .content .france div.red { background-color: var(--Red); color: var(--White); } .services .content .france div.red a, .services .content .france div.blue a { color: var(--White); } .services .content .france div.blue::after { content: ""; background-image: url("../img/mascote/pictos-18.svg"); background-repeat: no-repeat; background-size: contain; width: 152px; height: 100px; position: absolute; margin-left: 170px; margin-top: -78px; } .services .content .france div.white::after { content: ""; background-image: url("../img/mascote/pictos-19.svg"); background-repeat: no-repeat; background-size: contain; width: 99px; height: 102px; position: absolute; margin-left: 210px; margin-top: -78px; } .services .content .france div.red::after { content: ""; background-image: url("../img/mascote/pictos-20.svg"); background-repeat: no-repeat; background-size: contain; width: 139.982px; height: 97.337px; position: absolute; margin-left: 182px; margin-top: -78px; } .services .content .france div.blue.accompagnement::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc1.png"); background-repeat: no-repeat; background-size: contain; width: 120.015px; height: 96.472px; position: absolute; margin-left: 186px; margin-top: -67px; } .services .content .france div.white.accompagnement::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc2.png"); background-repeat: no-repeat; background-size: contain; width: 88.432px; height: 93.6px; position: absolute; margin-left: 210px; margin-top: -78px; } .services .content .france div.red.accompagnement::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc3.png"); background-repeat: no-repeat; background-size: contain; width: 106.808px; height: 143.559px; position: absolute; margin-left: 199px; margin-top: -116px; } .services .triplerdv div { display: flex; flex-direction: column; width: 372px; height: 113px; background-color: var(--White); border-radius: 8px; padding: 32px 40px; justify-content: space-between; cursor: pointer; } .services .triplerdv div::before { content: ""; position: absolute; background-color: var(--Red); height: 113px; width: 1px; margin-top: -32px; margin-left: 279px; } .services .triplerdv div::after { content: ""; position: absolute; width: 20px; height: 20px; background-image: url("../img/Icons/cheveron.svg"); background-size: contain; background-repeat: no-repeat; filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); margin-top: 15px; margin-left: 295px; } .avis .swiper-avis .flexator div { display: flex; background-color: var(--Rose); border-radius: 8px; width: 481px; margin-top: 25px; flex-direction: column; justify-content: space-between; padding: 32px; margin-left: -180px; margin-bottom: -60px; } .swiper-button-next::after, .swiper-button-prev::after { content: ""; background-image: url("../img/Icons/arrow-slider.png"); background-repeat: no-repeat; background-position: center center; width: 64px; height: 64px; border-radius: 50%; border: 1px solid var(--Dark); } .vision { background-image: url("../img/fond/mobibam_nos_valeurs_2.png?t1"); background-size: cover; background-repeat: no-repeat; padding: 64px 26px; } .vision .content div span { color: var(--White); } .vision .content div span.france-fab::before { content: ""; display: block; background-image: url("../img/logo/visions/france-mobibam.svg"); width: 95px; height: 110px; background-repeat: no-repeat; } .vision .content div span.pefc::before { content: ""; display: block; background-image: url("../img/logo/visions/pefc.svg"); width: 124.5px; height: 142.5px; background-repeat: no-repeat; } .vision .content div span.recycle::before { content: ""; display: block; background-image: url("../img/logo/visions/60.svg"); width: 106.46px; height: 62.324px; margin-bottom: 30px; background-repeat: no-repeat; } .modal-bienvenue { display: none; justify-content: center; align-items: center; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(11, 28, 41, 0.9); z-index: 1000; } .modal-bienvenue .content { display: flex; flex-direction: column; width: 903px; background-color: var(--White); border-radius: 8px; position: relative; } .modal-bienvenue .content .flex .image-bienvenue { background-image: url("../img/exemples/mobibam_bibliotheque_sur_mesure_salon.png"); background-position: center center; background-color: var(--Dark); background-size: cover; background-repeat: no-repeat; width: 100%; border-radius: 8px 0px 0px 8px; } .fil_ariane .content a:not(:last-child)::after { content: ""; filter: brightness(0); background-image: url("../img/Icons/cheveron.svg"); display: inline-flex; height: 20px; width: 20px; flex-direction: row; align-items: center; background-position: 5px 16px; } .type_choise_real .swiper-container .swiper-wrapper .swiper-slide:hover span { background-color: var(--Gray-600); color: var(--White); } .realisation:nth-child(2n) { background-color: var(--Rose); } .button.border { border-color: var(--Red); color: var(--Red); } .button.border:hover { background-color: var(--Red); color: var(--White); } .button.arrow::after { content: ""; margin-left: 5px; filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); display: block; background-image: url("../img/Icons/cheveron.svg"); rotate: 90deg; width: 20px; height: 20px; } .der_realisation .content { background-color: var(--Terracota); border-radius: 8px; padding: 40px 50px; } .swiper-scrollbar.yellow { background-color: rgba(255, 164, 24, 0.25); } .swiper-scrollbar.yellow .swiper-scrollbar-drag { background-color: var(--Yellow); } .button.icon_instagram::after { content: ""; background-image: url("../img/Icons/socials/instagram.svg"); background-repeat: no-repeat; background-position: center center; width: 24px; height: 24px; margin-left: 5px; } .button.icon_instagram:hover::after { content: ""; background-image: url("../img/Icons/socials/instagram.svg"); filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); background-repeat: no-repeat; background-position: center center; width: 24px; height: 24px; margin-left: 5px; } #mob-app-shared-popup .ncPopupApp { background-color: rgba(11, 28, 41, 0.9) !important; opacity: 1 !important; } .new_DesktopTabs1 .bg-slate-200 { background-color: rgba(18, 50, 105, 0.2) !important; opacity: 1 !important; } .new_desktop1 .hover\:border-mobi-blue:hover, .new_Desktop1 .hover\:border-mobi-blue:hover, .new_DesktopTabs1 .hover\:border-mobi-blue:hover, .new_DesktopTabs1 .disabled\:border-mobi-blue:disabled, .new_DesktopTabs1 .border-mobi-blue, #mob-app-sf-app .disabled\:border-mobi-blue:disabled, #mob-app-vr-app .disabled\:border-mobi-blue:disabled, #mob-app-cl-app .disabled\:border-mobi-blue:disabled, #mob-app-ez-app .disabled\:border-mobi-blue:disabled, #mob-app-sf-app .border-mobi-blue:not(:disabled), #mob-app-vr-app .border-mobi-blue:not(:disabled), #mob-app-cl-app .border-mobi-blue:not(:disabled), #mob-app-ez-app .border-mobi-blue:not(:disabled) { border-color: rgb(18, 50, 105) !important; } .new_desktop1 .selectprimarycurrent > div, .new_Desktop1 .selectprimarycurrent > div, .new_DesktopTabs1 .disabled\:bg-mobi-blue:disabled, .new_DesktopTabs1 .bg-mobi-blue, #mob-app-sf-app .disabled\:bg-mobi-blue:disabled, #mob-app-vr-app .disabled\:bg-mobi-blue:disabled, #mob-app-cl-app .disabled\:bg-mobi-blue:disabled, #mob-app-ez-app .disabled\:bg-mobi-blue:disabled, #mob-app-sf-app .bg-mobi-blue, #mob-app-vr-app .bg-mobi-blue, #mob-app-cl-app .bg-mobi-blue, #mob-app-ez-app .bg-mobi-blue, #mob-app-shared-popup .btn-primary-medium { background-color: rgb(18, 50, 105) !important; color: white !important; } .new_desktop1 .selectprimary > div, .new_Desktop1 .selectprimary > div, .new_DesktopTabs1 .btn-primary-light-medium, .new_DesktopTabs1 .btn-primary-light, .new_desktop1 .btn-primary-light, .new_Desktop1 .btn-primary-light { color: rgb(18, 50, 105) !important; background-color: rgb(237, 237, 237) !important; } .new_DesktopTabs1 .btn-primary-medium { background-color: rgb(20, 56, 102) !important; color: white !important; } .new_DesktopTabs1 .disabled\:bg-mobi-disabled:disabled, #mob-app-sf-app .disabled\:bg-mobi-disabled:disabled, #mob-app-vr-app .disabled\:bg-mobi-disabled:disabled, #mob-app-cl-app .disabled\:bg-mobi-disabled:disabled, #mob-app-ez-app .disabled\:bg-mobi-disabled:disabled, #mob-app-shared-popup .btn-primary-medium { color: rgb(18, 50, 105) !important; background-color: rgb(237, 237, 237) !important; } #mob-app-sf-app .text-mobi-blue, #mob-app-vr-app .text-mobi-blue, #mob-app-cl-app .text-mobi-blue, #mob-app-ez-app .text-mobi-blue, #mob-app-shared-popup .text-mobi-blue { color: rgb(18, 50, 105) !important; } input[type="range"] { background-color: rgba(18, 50, 105, 0.6) !important; } input[type="range"] { background-color: rgba(18, 50, 105, 0.6) !important; } input[type="range"]::-webkit-slider-thumb { background-color: rgb(18, 50, 105) !important; } input[type="range"]::-webkit-slider-thumb { background-color: rgb(18, 50, 105) !important; } input[type="checkbox"]:checked { background-color: rgba(18, 50, 105, 0.8) !important; } input[type="checkbox"]:checked { background-color: rgba(18, 50, 105, 0.8) !important; } .Articles-récents { background-color: var(--Rose); padding: 64px 0px; } .Articles-récents .content .swiper-container .swiper-wrapper .swiper-slide div { display: flex; flex-flow: column; justify-content: space-between; width: 100%; height: 120px; background-color: var(--White); border-radius: 0px 0px 8px 8px; align-items: flex-start; padding: 16px; } .equipe .content { display: flex; background-color: var(--DarkBlue); border-radius: 8px; padding: 40px 50px; margin: 0px 16px; flex-direction: column; align-items: center; } .etapes_commande .content { background-color: var(--DarkBlue); border-radius: 8px; padding: 40px 50px; } .etapes_commande .content .etapes .etape { display: flex; flex-direction: column; background-color: var(--White); border-radius: 8px; align-items: flex-start; justify-content: flex-start; width: 224px; padding: 24px; } .etapes_commande .content .etapes .etape hr { width: 100%; border-top-style: ; border-top-width: ; border-right-style: ; border-right-width: ; border-bottom-style: ; border-bottom-width: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-color: var(--Yellow); margin: 24px 0px; } .formules .content .choix_formules .formule { display: flex; flex-direction: column; width: 281px; height: 431px; background-color: var(--White); border-radius: 8px; } .formules .content .choix_formules .formule .title.eco::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc5.png"); display: block; width: 58px; height: 70px; background-size: contain; margin: 10px auto 20px; } .formules .content .choix_formules .formule .title.confort { background-color: var(--Yellow); color: var(--White); } .formules .content .choix_formules .formule .title.confort::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc4.png"); display: block; width: 95px; height: 88.372px; background-size: contain; margin: 0px auto 11.63px; } .formules .content .choix_formules .formule .title.serenite10 { background-color: var(--Red); color: var(--White); } .formules .content .choix_formules .formule .title.serenite10::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc2.png"); display: block; width: 68px; height: 73px; background-size: contain; margin: 13px auto; background-repeat: no-repeat; } .formules .content .choix_formules .formule .title.serenite20 { background-color: var(--DarkBlue); color: var(--White); padding-bottom: 98px; } .formules .content .choix_formules .formule .title.serenite20::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc3.png"); display: block; width: 89.792px; height: 120.689px; background-size: contain; background-repeat: no-repeat; position: absolute; transform: rotate(-37.401deg); margin: -14px 100px 108px; } .formules .content .choix_formules .formule div .yes::before { content: ""; background-image: url("../img/Icons/check-circle.png"); display: block; width: 24px; height: 24px; position: absolute; margin-left: -32px; margin-top: -3px; } .formules .content .choix_formules .formule div .no::before { content: ""; background-image: url("../img/Icons/x-circle.svg"); display: block; width: 24px; height: 24px; position: absolute; margin-left: -32px; margin-top: -3px; } .montage .content .text a::after { content: ""; background-image: url("../img/Icons/cheveron.svg"); position: absolute; width: 8px; height: 12px; background-position: -6px 16px; margin-top: 5px; margin-left: 10px; filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); } .materiaux_explication { background-color: var(--Rose); padding: 64px 0px; } .materiaux_explication .content .select_ .lien a { color: var(--Dark); } .color_saison { max-width: 1312px; margin: 0px auto; padding: 40px 16px; display: grid; grid-auto-rows: 1fr; grid-template: "image title" 0fr "image description" 1fr / 1fr 1fr; justify-items: center; } .color_saison .image { grid-area: image; display: flex; justify-content: flex-end; } .color_saison .image img { max-width: 482px; max-height: 362px; border-radius: 8px; } .color_saison .title { grid-area: title; display: flex; align-items: center; margin-top: 50px; } .color_saison .description { grid-area: description; display: flex; flex-direction: column; justify-content: space-evenly; } .color_saison .description a.arrow::after { content: ""; background-image: url("../img/Icons/cheveron.svg"); width: 20px; height: 20px; position: absolute; background-position: 3px 2px; filter: brightness(0); } .modal-commande-echantillons { display: none; justify-content: center; align-items: center; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(11, 28, 41, 0.9); z-index: 1000; } .modal-commande-echantillons .content { display: flex; flex-direction: column; max-width: 1182px; height: 95%; margin: 2% auto; background-color: var(--White); border-radius: 8px; position: relative; overflow: auto; } .articles_config { background-color: var(--LightBlue); padding: 32px 5px 40px; } .articles_config .content { max-width: 1220px; margin: 0px auto; padding: 19px 16px; display: flex; width: round(100% - 281px, 307px); flex-wrap: wrap; gap: 40px 20px; background-image: repeating-linear-gradient(to bottom, var(--LightBlue) 0px, var(--LightBlue) 470px, var(--Gray-300) 470px, var(--Gray-300) 471px); justify-content: left; } .articles_config .content .article { display: flex; flex-direction: column; width: 281px; height: 431px; border-radius: 8px; background-color: var(--White); transition: 0.3s; } .articles_config .content .article .bottom { display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 108px; padding: 14px 15px 15px; background-color: var(--White); border-radius: 0px 0px 8px 8px; } .articles_config .content .article .bottom .colors img { margin-right: 4px; } .articles_config .stickyzeroproject { position: sticky; bottom: 0px; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 12px; background-color: rgba(242, 245, 252, 0.7); padding: 16px; } .coupdepouce .content .gauche { max-width: 296.189px; width: 100%; height: 431px; background-image: url("../img/fond/mobibam_prise_rendez_vous.png"); display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; border-radius: 8px; } .coupdepouce .content .droite { max-width: 925.459px; width: 100%; height: 431px; border-radius: 8px; background-image: url("../img/fond/mobibam_fond_dressing_chambre.png"); display: flex; flex-direction: column; justify-content: center; } .coupdepouce .content2 .gauche { max-width: 281px; width: 100%; height: 316px; background-image: url("../img/Slides/slide-2.jpeg"); background-size: cover; border-radius: 8px 0px 0px 8px; } .coupdepouce .content2 .droite { flex: 1 1 0%; background-color: var(--Rose); border-radius: 0px 8px 8px 0px; display: flex; flex-direction: column; justify-content: center; } .coupdepouce .content2 .droite a::after { content: ""; background-image: url("../img/Icons/cheveron.svg"); display: inline-block; width: 14px; height: 15px; margin-left: 10px; filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); } .modal-contact { display: none; justify-content: center; align-items: center; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(11, 28, 41, 0.9); z-index: 1000; } .modal-contact .content { display: flex; flex-direction: column; width: 625px; background-color: var(--White); border-radius: 8px; position: relative; } .contact_page { background-color: var(--Rose); padding: 32px 0px 81px; } .contact_page .content .image { max-width: 482px; width: 100%; background-position: center center; background-size: cover; background-image: url("../img/exemples/contact.png"); border-radius: 8px; } .contact_page .content .contact_form { min-width: 654px; background-color: var(--White); border-radius: 8px; padding: 36px; display: flex; flex-direction: column; align-items: center; } .contact_page .content .contact_form .mascote::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc3.png"); display: block; width: 95.469px; height: 124.964px; background-size: contain; background-repeat: no-repeat; transform: scaleX(-1) rotate(-50deg); position: relative; margin-left: 680px; margin-top: -63px; } .title-page-annexe .gauche .sitation h2::before { content: ""; background-image: url("../img/Icons/guillement.png"); background-size: 75%; background-repeat: no-repeat; margin-right: 10px; height: 29px; width: 36px; position: absolute; margin-left: -6px; margin-top: -42px; } .title-page-annexe .gauche .sitation h2::after { content: ""; background-image: url("../img/Icons/guillement.png"); transform: scaleY(-1) scaleX(-1); background-size: 75%; background-repeat: no-repeat; margin-right: 10px; height: 29px; width: 36px; position: absolute; margin-left: 6px; margin-top: 42px; } .text-image .textcenter .content a::after { content: ""; background-image: url("../img/Icons/cheveron.svg"); display: inline-block; width: 14px; height: 15px; margin-left: 10px; filter: brightness(0); } .text-image .image { max-width: 582px; width: 100%; height: 457px; background-color: var(--Gray-300); border-radius: 8px; overflow: hidden; position: relative; } .faq { background-color: var(--Rose); padding: 64px 0px; } .faq .mobile_ancre { margin: 16px; padding: 20px 16px; background-color: var(--White); border-radius: 8px; } .faq .mobile_ancre.deploie { margin: 16px; padding: 20px 16px; background-color: var(--White); border-radius: 8px 8px 0px 0px; border: 2px solid var(--Gray-100); } .faq .mobile_ancre .choise a::after { content: ""; background-image: url("../img/Icons/cheveron.svg"); display: inline-block; width: 14px; height: 15px; margin-left: 10px; filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); } .faq .mobile_ancre .choix_ancre { height: 0px; overflow: hidden; padding: 0px; border: none; position: absolute; background-color: var(--White); border-radius: 0px 0px 8px 8px; margin-top: 20px; margin-left: -18px; display: flex; width: calc(100% - 32px); gap: 20px; flex-direction: column; z-index: 2; max-height: 500px; transition: height, padding 0.3s; } .faq .mobile_ancre.deploie .choix_ancre { position: absolute; background-color: var(--White); border-radius: 0px 0px 8px 8px; margin-top: 20px; margin-left: -18px; padding: 20px 16px; display: flex; width: calc(100% - 32px); gap: 20px; flex-direction: column; border: 2px solid var(--Gray-100); z-index: 2; max-height: 500px; height: auto; } .faq .content .ancre { max-width: 281px; width: 100%; height: 344px; padding: 32px 24px; background-color: var(--White); border-radius: 8px; display: flex; flex-direction: column; justify-content: space-between; position: sticky; top: 20px; } .faq .content .ancre::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc4.png"); background-size: contain; width: 113px; height: 105px; position: absolute; margin-top: 400px; z-index: 0; } .faq a::before { content: ""; background-position: center center; background-size: contain; background-repeat: no-repeat; position: absolute; filter: brightness(0) saturate(100%) invert(57%) sepia(4%) saturate(2368%) hue-rotate(177deg) brightness(86%) contrast(84%); } .faq a.questions::before { background-image: url("../img/Icons/question.svg"); margin-left: -30px; width: 18px; height: 18px; } .faq a.generalites::before { background-image: url("../img/Icons/generalites.svg"); margin-left: -30px; width: 20px; height: 20px; margin-top: -2px; } .faq a.config::before { background-image: url("../img/Icons/ruler_2.png"); margin-left: -30px; width: 17.778px; height: 17.778px; } .faq a.materiaux::before { background-image: url("../img/Icons/texture.svg"); margin-left: -30px; width: 20px; height: 20px; margin-top: -2px; } .faq a.accessoires::before { background-image: url("../img/Icons/options.svg"); margin-left: -30px; width: 20px; height: 20px; margin-top: -2px; } .faq a.livraisons::before { background-image: url("../img/Icons/truck.svg"); margin-left: -30px; width: 20px; height: 20px; margin-top: -2px; } .faq a.contact::before { background-image: url("../img/Icons/services.svg"); margin-left: -30px; width: 20px; height: 20px; margin-top: -2px; } .faq .content .container .theme { background-color: var(--White); border-radius: 8px; padding: 32px 32px 16px; } .faq .content .container .theme .response h3::after { content: ""; background-image: url("../img/Icons/cheveron.svg"); display: inline-block; width: 24px; height: 24px; margin-left: 10px; filter: brightness(0); background-size: cover; transition: 0.3s; } .faq .content .container .theme .response span a { padding: 15px 20px; background-color: var(--White); border: 3px solid var(--Dark); color: var(--Dark); text-shadow: none; } .faq .content .container .theme .response span a:hover { background-color: var(--Dark); color: var(--White); } .profil { background-color: var(--Rose); padding-bottom: 64px; padding-top: 20px; } .profil .content .ancre { max-width: 281px; width: 100%; height: 245px; padding: 32px 23px; background-color: var(--White); border-radius: 8px; display: flex; flex-direction: column; justify-content: space-between; } .profil .content .ancre::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc4.png"); background-size: contain; width: 113px; height: 105px; position: absolute; margin-top: 400px; z-index: 0; } .profil .content .ancre a::before { content: ""; background-position: center center; background-size: contain; background-repeat: no-repeat; position: absolute; filter: brightness(0) saturate(100%) invert(57%) sepia(4%) saturate(2368%) hue-rotate(177deg) brightness(86%) contrast(84%); } .profil a.Informations::before { background-image: url("../img/Icons/user.svg"); margin-left: -30px; width: 20px; height: 20px; margin-top: -2px; } .profil a.paiement::before { background-image: url("../img/Icons/credit-card.svg"); margin-left: -30px; width: 20px; height: 20px; margin-top: -2px; } .profil a.commandes::before { background-image: url("../img/Icons/clipboard.svg"); margin-left: -30px; width: 20px; height: 20px; margin-top: -2px; } .profil a.montage::before { background-image: url("../img/Icons/puzzle.svg"); margin-left: -30px; width: 20px; height: 20px; margin-top: -2px; } .profil a.projets::before { background-image: url("../img/Icons/ruler_2.png"); margin-left: -30px; width: 17.778px; height: 17.778px; } .profil a.deco::before { background-image: url("../img/uploads/logout.svg"); margin-left: -30px; width: 20px; height: 20px; margin-top: 0px; } .profil .content .deconnection { margin-top: 20px; background-color: var(--White); border-radius: 8px; padding: 11px 23px; } .profil .content .deconnection a::before { content: ""; background-position: center center; background-size: contain; background-repeat: no-repeat; position: absolute; filter: brightness(0) saturate(100%) invert(57%) sepia(4%) saturate(2368%) hue-rotate(177deg) brightness(86%) contrast(84%); background-image: url("../img/uploads/logout.svg"); margin-left: -30px; width: 20px; height: 20px; margin-top: 2px; } .profil .content .container { display: none; max-width: 883px; min-height: 567px; width: 100%; padding: 36px 24px; background-color: var(--White); flex-direction: column; border-radius: 8px; } .profil .content .container .contenu button:hover { background-color: var(--Red); color: var(--White); } .profil .mobile_ancre { margin: 0px 16px 20px; padding: 20px 16px; background-color: var(--White); border-radius: 8px; } .profil .mobile_ancre.deploie { margin: 0px 16px 20px; padding: 20px 16px; background-color: var(--White); border-radius: 8px 8px 0px 0px; border: 2px solid var(--Gray-100); } .profil .mobile_ancre .choise a::after { content: ""; background-image: url("../img/Icons/cheveron.svg"); display: inline-block; width: 14px; height: 15px; margin-left: 10px; filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); transition: 0.3s; } .profil .mobile_ancre .choix_ancre { height: 0px; overflow: hidden; padding: 0px; border: none; position: absolute; background-color: var(--White); border-radius: 0px 0px 8px 8px; margin-top: 20px; margin-left: -18px; display: flex; width: calc(100% - 32px); gap: 20px; flex-direction: column; z-index: 2; max-height: 500px; transition: height, padding 0.3s; } .profil .mobile_ancre.deploie .choix_ancre { position: absolute; background-color: var(--White); border-radius: 0px 0px 8px 8px; margin-top: 20px; margin-left: -18px; padding: 20px 16px; display: flex; width: calc(100% - 32px); gap: 20px; flex-direction: column; border: 2px solid var(--Gray-100); z-index: 2; max-height: 500px; height: auto; } .profil .mobile_ancre .choix_ancre a::before { content: ""; background-position: center center; background-size: contain; background-repeat: no-repeat; position: absolute; filter: brightness(0) saturate(100%) invert(57%) sepia(4%) saturate(2368%) hue-rotate(177deg) brightness(86%) contrast(84%); } .profil .content .container .table_content::before { content: ""; background-image: url("../img/Icons/cheveron.svg"); position: absolute; width: 30px; height: 30px; filter: brightness(0); background-repeat: no-repeat; background-size: cover; right: 0px; rotate: 90deg; transition: 0.3s; cursor: pointer; } .profil .content .container .table_content.no-suiv { background-image: none; } .profil .content .container .table_contentplus { display: none; flex-direction: column; gap: 20px; padding: 16px; position: relative; border-bottom: 1px solid var(--Gray-100); background-color: var(--Gray-50); } .cards_items .card_item { background-color: var(--White); border-radius: 8px; max-width: 185px; padding: 10px; } .profil .content .container .notice a { display: flex; padding: 16px; background-color: var(--Gray-50); border-radius: 8px; width: 392px; justify-content: flex-start; align-items: center; } .profil .content .container .notice a::before { content: ""; background-image: url("../img/Icons/pdf.svg"); display: inline-block; width: 34px; height: 35px; margin-left: 10px; margin-right: 16px; } .profil .content .container .notice a::after { content: ""; background-image: url("../img/Icons/download.svg"); display: inline-block; width: 20px; height: 20px; margin-left: 10px; } .profil .content .container .commandes_ariane a::after { content: ""; background-image: url("../img/Icons/cheveron.svg"); display: inline-block; width: 14px; height: 15px; margin-left: 10px; filter: brightness(0); margin-right: 15px; } .profil .content .container.no_background { padding: 0px; background-color: transparent; } .profil .content .container.no_background .project_list .card { background-color: var(--White); border-radius: 8px; width: 431px; height: 181px; display: flex; gap: 16px; padding: 16px; align-items: center; justify-content: center; position: relative; } .profil .content .container.no_background .project_list .card .suppr::before, .profil .content .container.no_background .project_list .card .suppr::after { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; background-color: var(--Gray-400); transform-origin: center center; } .profil .content .container.no_background .project_list .card .suppr:hover::before, .profil .content .container.no_background .project_list .card .suppr:hover::after { background-color: var(--Red); } .profil .content .container.no_background .project_list .card .img { background-color: var(--Gray-300); background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 8px; width: 149px; height: 149px; } .profil .content .container.no_background .project_list .card .content_card .date.red { color: var(--Red); } .profil .content .container.no_background .project_list .card .content_card a::after { content: ""; background-image: url("../img/Icons/cheveron.svg"); display: inline-block; width: 14px; height: 15px; margin-left: 10px; filter: brightness(0) saturate(100%) invert(31%) sepia(8%) saturate(1377%) hue-rotate(179deg) brightness(95%) contrast(86%); transition: transform 0.3s; position: relative; } .profil .content .container.no_background .project_list .card .newproject::after { content: ""; background-image: url("../img/Icons/cheveron.svg"); display: inline-block; width: 14px; height: 15px; margin-left: 10px; filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); } .profil .content .container.no_background .project_list .card .newproject::before { content: ""; background-image: url("../img/Icons/ruler.png"); display: inline-block; width: 20px; height: 20px; margin-right: 10px; background-repeat: no-repeat; filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); background-position: center center; } .panier { background-color: var(--LightBlue); padding: 48px 0px; } .panier .content .title .return::before { content: ""; background-image: url("../img/Icons/arrow-slider.png"); background-repeat: no-repeat; background-position: center center; position: absolute; width: 30px; height: 30px; margin-right: 10px; margin-top: 5px; } .panier .content .content_panier .content_items .item { padding: 8px 16px 8px 8px; background-color: var(--White); border-radius: 8px; display: flex; gap: 10px; align-items: center; flex-flow: row; justify-content: space-between; } .panier .content .content_panier .content_items .item img { background-color: var(--Gray-300); background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 8px; width: 124px; height: 124px; } .panier .content .content_panier .content_items .item .responsive label input { border: none; width: 30px; margin-left: 5px; color: var(--Gray-600); } .panier .content .content_panier .content_items .item .responsive .tools .supp_item { width: 24px; height: 24px; background-image: url("../img/Icons/trash.svg"); } .panier .content .content_panier .content_items .item .responsive .tools .edit_item { width: 24px; height: 24px; background-image: url("../img/Icons/pencil.svg"); } .panier .content .content_panier .content_plus .ligne { flex: 1 1 0%; height: 1px; background-color: var(--Red); margin: 0px 10px; } .panier .content .content_panier .content_plus a::before { content: ""; display: block; height: 24px; width: 24px; background-image: url("../img/Icons/Plus_panier.svg"); background-repeat: no-repeat; padding-right: 5px; } .panier .content .content_panier .total .ticket .titre { background-color: var(--White); border-radius: 8px 8px 0px 0px; padding: 24px 32px; } .panier .content .content_panier .total .recap_items { background-color: var(--White); padding: 20px 32px; display: flex; justify-content: space-between; } .panier .content .content_panier .total .total_all { background-color: var(--White); border-radius: 0px 0px 8px 8px; padding: 24px 17px 17px 32px; display: flex; justify-content: space-between; } .panier .content .content_panier .total .promo a { height: 24px; width: 24px; background-image: url("../img/Icons/plus-circle.svg"); display: block; position: absolute; margin-top: 16px; margin-right: 16px; } .error_404 .btn:hover { background: var(--White); color: var(--Red); } .image_article_back { width: 100%; height: 400px; background-attachment: fixed; background-size: cover; background-position: center center; } .image_article_back::after { content: ""; width: 100%; height: 400px; position: absolute; background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 200%); } .content_article_front { position: relative; max-width: 856px; margin: -200px auto 0px; background-color: var(--White); padding: 32px 110px 64px; z-index: 2; } .specifique_technique { background-color: var(--LightBlue); } .dialog-widget-content { background-color: rgb(255, 255, 255); position: absolute; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.2) 2px 8px 23px 3px; overflow: hidden; } .dialog-type-lightbox { position: fixed; height: 100%; width: 100%; bottom: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; user-select: none; } @media (max-width: 1024px) { .dialog-type-lightbox .dialog-widget-content { margin: auto; width: 400px; } .new_WelcomePopup6 { width: 350px; } .new_WelcomePopup5 > section { background-image: none !important; } .elementor-section .elementor-container { margin-right: 20px !important; margin-left: 20px !important; } #elementor-popup-modal-60703 .dialog-message { width: 100%; } .elementor-column.elementor-col-50, .elementor-column[data-col="50"] { width: 100% !important; } } .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button:hover { background-color: rgb(244, 246, 247); } .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button.dialog-ok { color: rgb(176, 27, 27); } .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button.dialog-take_over { color: rgb(57, 181, 74); } .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button:active { background-color: rgba(230, 233, 236, 0.5); } .dialog-close-button:hover { color: rgb(109, 120, 130); } #elementor-change-exit-preference-dialog .dialog-ok { color: rgb(57, 181, 74); } #e-experiments-dependency-dialog .dialog-ok, #e-kit-elements-defaults-create-dialog .dialog-ok { color: rgb(57, 181, 74); } .elementor-templates-modal .dialog-header { padding: 0px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; position: relative; z-index: 1; } .elementor-templates-modal .dialog-buttons-wrapper { background-color: rgb(255, 255, 255); border: none; display: none; justify-content: flex-end; padding: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; position: relative; } .elementor-templates-modal .dialog-buttons-wrapper .elementor-button-success:hover { background-color: rgb(57, 181, 74); } .elementor-templates-modal__header__item > i:not(:hover) { color: rgb(164, 175, 183); } .elementor-templates-modal__header__close--skip > i:not(:hover) { color: rgb(255, 255, 255); } .elementor-templates-modal__sidebar { flex-shrink: 0; width: 25%; background-color: rgba(255, 255, 255, 0.3); } #elementor-toast { position: absolute; width: 280px; padding: 20px; border-radius: 5px; color: rgb(213, 218, 223); background-color: rgba(0, 0, 0, 0.8); z-index: 10000; } #e-enable-unfiltered-files-dialog-import-template .dialog-confirm-ok { color: rgb(57, 181, 74); } #e-enable-unfiltered-files-dialog-import-template .dialog-confirm-cancel { color: rgb(176, 27, 27); } .elementor-fit-aspect-ratio iframe { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; border: 0px; background-color: rgb(0, 0, 0); } .elementor hr { margin: 0px; background-color: transparent; } .elementor .elementor-background-slideshow__slide__image { width: 100%; height: 100%; background-position: 50% center; background-size: cover; } .elementor-field-group .elementor-field-textual { width: 100%; max-width: 100%; border: 1px solid rgb(129, 138, 145); background-color: transparent; color: rgb(55, 58, 60); vertical-align: middle; flex-grow: 1; } .elementor-mark-required .elementor-field-label::after { content: "*"; color: red; padding-left: 0.2em; } .elementor-error .elementor-field { border-color: rgb(217, 83, 79); } .elementor-message.elementor-message-danger { color: rgb(217, 83, 79); } .elementor-message.form-message-success { color: rgb(92, 184, 92); } .elementor-button:focus, .elementor-button:hover, .elementor-button:visited { color: rgb(255, 255, 255); } .elementor-element.elementor-button-info .elementor-button { background-color: rgb(91, 192, 222); } .elementor-element.elementor-button-success .elementor-button { background-color: rgb(92, 184, 92); } .elementor-element.elementor-button-warning .elementor-button { background-color: rgb(240, 173, 78); } .elementor-element.elementor-button-danger .elementor-button { background-color: rgb(217, 83, 79); } .elementor-widget-button .elementor-button .elementor-button-info { background-color: rgb(91, 192, 222); } .elementor-widget-button .elementor-button .elementor-button-success { background-color: rgb(92, 184, 92); } .elementor-widget-button .elementor-button .elementor-button-warning { background-color: rgb(240, 173, 78); } .elementor-widget-button .elementor-button .elementor-button-danger { background-color: rgb(217, 83, 79); } .elementor-tab-title a { color: inherit; } .elementor-view-stacked .elementor-icon { padding: 0.5em; background-color: rgb(129, 138, 145); color: rgb(255, 255, 255); fill: rgb(255, 255, 255); } .elementor-view-framed .elementor-icon { padding: 0.5em; color: rgb(129, 138, 145); border: 3px solid rgb(129, 138, 145); background-color: transparent; } .elementor-icon:hover { color: rgb(129, 138, 145); } .elementor-element { --swiper-theme-color: #000; --swiper-navigation-size: 44px; --swiper-pagination-bullet-size: 6px; --swiper-pagination-bullet-horizontal-gap: 6px; } .elementor-lightbox { --lightbox-ui-color: hsla(0, 0%, 93.3%, 0.9); --lightbox-ui-color-hover: #fff; --lightbox-text-color: var(--lightbox-ui-color); --lightbox-header-icons-size: 20px; --lightbox-navigation-icons-size: 25px; } .elementor-lightbox .dialog-lightbox-close-button, .elementor-lightbox .elementor-swiper-button { color: var(--lightbox-ui-color); transition: 0.3s; opacity: 1; } .elementor-lightbox .dialog-lightbox-close-button svg, .elementor-lightbox .elementor-swiper-button svg { fill: var(--lightbox-ui-color); } .elementor-lightbox .dialog-lightbox-close-button:hover, .elementor-lightbox .elementor-swiper-button:hover { color: var(--lightbox-ui-color-hover); } .elementor-lightbox .dialog-lightbox-close-button:hover svg, .elementor-lightbox .elementor-swiper-button:hover svg { fill: var(--lightbox-ui-color-hover); } @media (max-width: 767px) { .elementor-lightbox .elementor-swiper-button:focus { outline: none; } .elementor-lightbox .elementor-swiper-button-next, .elementor-lightbox .elementor-swiper-button-prev { width: 20%; } .elementor-lightbox .elementor-swiper-button-next i, .elementor-lightbox .elementor-swiper-button-prev i { padding: 10px; background-color: rgba(0, 0, 0, 0.5); } .elementor-lightbox .elementor-swiper-button-prev { left: 0px; justify-content: flex-start; } .elementor-lightbox .elementor-swiper-button-next { right: 0px; justify-content: flex-end; } } @media (max-width: 767px) { } .elementor-slideshow__footer { color: var(--lightbox-text-color); } .elementor-slideshow__header > i:hover { color: var(--lightbox-ui-color-hover); } .elementor-slideshow__header > svg { box-sizing: content-box; fill: var(--lightbox-ui-color); height: 1em; width: 1em; } .elementor-slideshow__header > svg:hover { fill: var(--lightbox-ui-color-hover); } .elementor-slideshow__share-menu { background-color: transparent; width: 0px; height: 0px; position: absolute; overflow: hidden; transition: background-color 0.4s; } .elementor-slideshow__share-menu .elementor-slideshow__share-links a { color: rgb(44, 44, 44); } .elementor-slideshow__share-links { display: block; position: absolute; min-width: 200px; right: 2.8em; top: 3em; background-color: rgb(255, 255, 255); border-radius: 3px; padding: 14px 20px; transform: scale(0); opacity: 0; transform-origin: 90% 10%; transition: 0.25s 0.1s; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 15px; } .elementor-slideshow__share-links a:hover { color: rgb(0, 0, 0); } .elementor-slideshow__share-links::before { content: ""; display: block; position: absolute; top: 1px; right: 0.5em; border-width: 0.45em; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); border-image: initial; transform: translateY(-100%) scaleX(0.7); } .elementor-slideshow--zoom-mode .elementor-slideshow__footer, .elementor-slideshow--zoom-mode .elementor-slideshow__header { background-color: rgba(0, 0, 0, 0.5); } .elementor-slideshow--share-mode .elementor-slideshow__share-menu { top: 0px; left: 0px; width: 100vw; height: 100vh; opacity: 1; cursor: default; background-color: rgba(0, 0, 0, 0.5); } .elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-twitter { color: rgb(29, 161, 242); } .elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-facebook { color: rgb(59, 89, 152); } .elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-pinterest { color: rgb(189, 8, 28); } .elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-download-bold { color: rgb(164, 175, 183); } .elementor-widget-text-path svg path { vector-effect: non-scaling-stroke; fill: var(--path-fill, transparent); stroke: var(--stroke-color, transparent); stroke-width: var(--stroke-width, 1px); transition: var(--stroke-transition) stroke, var(--stroke-transition) fill; } .elementor-widget-text-path svg:hover path { --path-fill: var(--path-fill-hover); --stroke-color: var(--stroke-color-hover); --stroke-width: var(--stroke-width-hover); } .elementor-widget-text-path svg text { --fill: var(--text-color); fill: var(--fill); direction: var(--direction, ltr); transition: var(--transition) stroke, var(--transition) stroke-width, var(--transition) fill; } .elementor-widget-text-path svg text:hover { --color: var(--text-color-hover, var(--text-color)); --fill: var(--color); color: var(--color); } .elementor-widget-n-tabs .e-n-tab-title { display: flex; align-items: var(--n-tabs-title-align-items-toggle, var(--n-tabs-title-align-items)); flex-direction: var(--n-tabs-title-direction); justify-content: var(--n-tabs-title-justify-content-toggle, var(--n-tabs-title-justify-content)); gap: var(--n-tabs-icon-gap); border-width: var(--n-tabs-border-width); position: relative; cursor: pointer; outline: none; padding: var(--n-tabs-title-padding-top) var(--n-tabs-title-padding-right) var(--n-tabs-title-padding-bottom) var(--n-tabs-title-padding-left); border-radius: var(--n-tabs-title-border-radius); height: var(--n-tabs-title-height); width: var(--n-tabs-title-width); transition: background var(--n-tabs-title-transition), color var(--n-tabs-title-transition), border var(--n-tabs-title-transition), box-shadow var(--n-tabs-title-transition), text-shadow var(--n-tabs-title-transition), stroke var(--n-tabs-title-transition), stroke-width var(--n-tabs-title-transition), -webkit-text-stroke-width var(--n-tabs-title-transition), -webkit-text-stroke-color var(--n-tabs-title-transition), transform var(--n-tabs-title-transition); } .elementor-widget-n-tabs .e-n-tab-title span i, .elementor-widget-n-tabs .e-n-tab-title span svg { transition: color var(--n-tabs-title-transition), fill var(--n-tabs-title-transition); } .elementor-widget-n-tabs .e-n-tab-title:not(.e-active) { background-color: var(--n-tabs-title-background-color); } .elementor-widget-n-tabs .e-n-tab-title:not(.e-active), .elementor-widget-n-tabs .e-n-tab-title:not(.e-active) a { color: var(--n-tabs-title-color); } .elementor-widget-n-tabs .e-n-tab-title:not(.e-active) .e-n-tab-icon i { color: var(--n-tabs-icon-color); } .elementor-widget-n-tabs .e-n-tab-title:not(.e-active) .e-n-tab-icon svg { fill: var(--n-tabs-icon-color); } .elementor-widget-n-tabs .e-n-tab-title:not(.e-active):hover, .elementor-widget-n-tabs .e-n-tab-title:not(.e-active):hover a { color: var(--n-tabs-title-color-hover); } .elementor-widget-n-tabs .e-n-tab-title:not(.e-active):hover .e-n-tab-icon i { color: var(--n-tabs-icon-color-hover); } .elementor-widget-n-tabs .e-n-tab-title:not(.e-active):hover .e-n-tab-icon svg { fill: var(--n-tabs-icon-color-hover); } .elementor-widget-n-tabs .e-n-tab-title.e-active, .elementor-widget-n-tabs .e-n-tab-title.e-active a { color: var(--n-tabs-title-color-active); } .elementor-widget-n-tabs .e-n-tab-title.e-active .e-n-tab-icon i { color: var(--n-tabs-icon-color-active); } .elementor-widget-n-tabs .e-n-tab-title.e-active .e-n-tab-icon svg { fill: var(--n-tabs-icon-color-active); } .elementor-widget-n-tabs .e-con, .elementor-widget-n-tabs .e-n-tabs-content { border: var(--n-tabs-border-width) none var(--n-tabs-border-color); } :is(.elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading .e-n-tab-title, .elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content .e-n-tab-title):hover { background-color: var(--n-tabs-title-background-color-hover); background-image: none; } :is(.elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading .e-n-tab-title, .elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content .e-n-tab-title):hover { background-color: var(--n-tabs-title-background-color-hover); background-image: none; } :is(.elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading .e-n-tab-title, .elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content .e-n-tab-title):hover { background-color: var(--n-tabs-title-background-color-hover); background-image: none; } :is(.elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading .e-n-tab-title, .elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content .e-n-tab-title).e-active { background-color: var(--n-tabs-title-background-color-active); background-image: none; } :is(.elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading .e-n-tab-title, .elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content .e-n-tab-title).e-active { background-color: var(--n-tabs-title-background-color-active); background-image: none; } :is(.elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading .e-n-tab-title, .elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content .e-n-tab-title).e-active { background-color: var(--n-tabs-title-background-color-active); background-image: none; } .elementor-alert button.elementor-alert-dismiss:hover { color: var(--dismiss-icon-hover-color, inherit); } .elementor-alert button.elementor-alert-dismiss svg { width: var(--dismiss-icon-size, 20px); height: var(--dismiss-icon-size, 20px); fill: var(--dismiss-icon-normal-color, currentColor); transition-duration: var(--dismiss-icon-hover-transition-duration, .3s); } .elementor-alert button.elementor-alert-dismiss svg:hover { fill: var(--dismiss-icon-hover-color, currentColor); } .elementor-alert.elementor-alert-info { color: rgb(49, 112, 143); background-color: rgb(217, 237, 247); border-color: rgb(188, 223, 241); } .elementor-alert.elementor-alert-success { color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); border-color: rgb(202, 230, 190); } .elementor-alert.elementor-alert-warning { color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); border-color: rgb(249, 240, 195); } .elementor-alert.elementor-alert-danger { color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); border-color: rgb(232, 196, 196); } .elementor-widget-divider { --divider-border-style: none; --divider-border-width: 1px; --divider-color: #2c2c2c; --divider-icon-size: 20px; --divider-element-spacing: 10px; --divider-pattern-height: 24px; --divider-pattern-size: 20px; --divider-pattern-url: none; --divider-pattern-repeat: repeat-x; } .elementor-widget-divider--view-line_icon .elementor-divider-separator::after, .elementor-widget-divider--view-line_icon .elementor-divider-separator::before, .elementor-widget-divider--view-line_text .elementor-divider-separator::after, .elementor-widget-divider--view-line_text .elementor-divider-separator::before { display: block; content: ""; border-bottom: 0px; flex-grow: 1; border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-color); } .elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator { border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-color); } .elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator, .elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator::after, .elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator::before, .elementor-widget-divider--separator-type-pattern:not([class*="elementor-widget-divider--view"]) .elementor-divider-separator { width: 100%; min-height: var(--divider-pattern-height); mask-size: var(--divider-pattern-size) 100%; mask-repeat: var(--divider-pattern-repeat); background-color: var(--divider-color); mask-image: var(--divider-pattern-url); } .elementor-widget-icon-box .elementor-icon-box-title a { color: inherit; } .elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item::after { width: auto; left: auto; position: relative; height: 100%; border-width: 0px 0px 0px 1px; border-top-color: initial; border-bottom-color: initial; border-right-color: initial; border-style: solid; right: -8px; } .elementor-widget-image-box .elementor-image-box-title a { color: inherit; } .elementor-progress-wrapper { position: relative; background-color: rgb(238, 238, 238); color: rgb(255, 255, 255); height: 100%; border-radius: 2px; } .elementor-widget-progress .elementor-progress-wrapper.progress-info .elementor-progress-bar { background-color: rgb(91, 192, 222); } .elementor-widget-progress .elementor-progress-wrapper.progress-success .elementor-progress-bar { background-color: rgb(92, 184, 92); } .elementor-widget-progress .elementor-progress-wrapper.progress-warning .elementor-progress-bar { background-color: rgb(240, 173, 78); } .elementor-widget-progress .elementor-progress-wrapper.progress-danger .elementor-progress-bar { background-color: rgb(217, 83, 79); } .elementor-social-icon i { color: var(--e-social-icon-icon-color); } .elementor-social-icon svg { fill: var(--e-social-icon-icon-color); } .elementor-social-icon:hover { opacity: 0.9; color: rgb(255, 255, 255); } .elementor-social-icon-android { background-color: rgb(164, 198, 57); } .elementor-social-icon-apple { background-color: rgb(153, 153, 153); } .elementor-social-icon-behance { background-color: rgb(23, 105, 255); } .elementor-social-icon-bitbucket { background-color: rgb(32, 80, 129); } .elementor-social-icon-codepen { background-color: rgb(0, 0, 0); } .elementor-social-icon-delicious { background-color: rgb(51, 153, 255); } .elementor-social-icon-deviantart { background-color: rgb(5, 204, 71); } .elementor-social-icon-digg { background-color: rgb(0, 91, 226); } .elementor-social-icon-dribbble { background-color: rgb(234, 76, 137); } .elementor-social-icon-elementor { background-color: rgb(211, 12, 92); } .elementor-social-icon-envelope { background-color: rgb(234, 67, 53); } .elementor-social-icon-facebook, .elementor-social-icon-facebook-f { background-color: rgb(59, 89, 152); } .elementor-social-icon-flickr { background-color: rgb(0, 99, 220); } .elementor-social-icon-foursquare { background-color: rgb(45, 91, 227); } .elementor-social-icon-free-code-camp, .elementor-social-icon-freecodecamp { background-color: rgb(0, 100, 0); } .elementor-social-icon-github { background-color: rgb(51, 51, 51); } .elementor-social-icon-gitlab { background-color: rgb(226, 67, 41); } .elementor-social-icon-globe { background-color: rgb(129, 138, 145); } .elementor-social-icon-google-plus, .elementor-social-icon-google-plus-g { background-color: rgb(221, 75, 57); } .elementor-social-icon-houzz { background-color: rgb(122, 193, 66); } .elementor-social-icon-instagram { background-color: rgb(38, 38, 38); } .elementor-social-icon-jsfiddle { background-color: rgb(72, 122, 162); } .elementor-social-icon-link { background-color: rgb(129, 138, 145); } .elementor-social-icon-linkedin, .elementor-social-icon-linkedin-in { background-color: rgb(0, 119, 181); } .elementor-social-icon-medium { background-color: rgb(0, 171, 107); } .elementor-social-icon-meetup { background-color: rgb(236, 28, 64); } .elementor-social-icon-mixcloud { background-color: rgb(39, 58, 75); } .elementor-social-icon-odnoklassniki { background-color: rgb(244, 115, 28); } .elementor-social-icon-pinterest { background-color: rgb(189, 8, 28); } .elementor-social-icon-product-hunt { background-color: rgb(218, 85, 47); } .elementor-social-icon-reddit { background-color: rgb(255, 69, 0); } .elementor-social-icon-rss { background-color: rgb(242, 101, 34); } .elementor-social-icon-shopping-cart { background-color: rgb(76, 175, 80); } .elementor-social-icon-skype { background-color: rgb(0, 175, 240); } .elementor-social-icon-slideshare { background-color: rgb(0, 119, 181); } .elementor-social-icon-snapchat { background-color: rgb(255, 252, 0); } .elementor-social-icon-soundcloud { background-color: rgb(255, 136, 0); } .elementor-social-icon-spotify { background-color: rgb(46, 189, 89); } .elementor-social-icon-stack-overflow { background-color: rgb(254, 122, 21); } .elementor-social-icon-steam { background-color: rgb(0, 173, 238); } .elementor-social-icon-stumbleupon { background-color: rgb(235, 73, 36); } .elementor-social-icon-telegram { background-color: rgb(44, 165, 224); } .elementor-social-icon-thumb-tack { background-color: rgb(26, 161, 216); } .elementor-social-icon-tripadvisor { background-color: rgb(88, 148, 66); } .elementor-social-icon-tumblr { background-color: rgb(53, 70, 92); } .elementor-social-icon-twitch { background-color: rgb(100, 65, 165); } .elementor-social-icon-twitter { background-color: rgb(29, 161, 242); } .elementor-social-icon-viber { background-color: rgb(102, 92, 172); } .elementor-social-icon-vimeo { background-color: rgb(26, 183, 234); } .elementor-social-icon-vk { background-color: rgb(69, 102, 142); } .elementor-social-icon-weibo { background-color: rgb(221, 36, 48); } .elementor-social-icon-weixin { background-color: rgb(49, 169, 24); } .elementor-social-icon-whatsapp { background-color: rgb(37, 211, 102); } .elementor-social-icon-wordpress { background-color: rgb(33, 117, 155); } .elementor-social-icon-xing { background-color: rgb(2, 100, 102); } .elementor-social-icon-yelp { background-color: rgb(175, 6, 6); } .elementor-social-icon-youtube { background-color: rgb(205, 32, 31); } .elementor-social-icon-500px { background-color: rgb(0, 153, 229); } .elementor-widget-tabs .elementor-tab-desktop-title.elementor-active { border-color: rgb(212, 212, 212); } .elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap { background-color: rgb(129, 138, 145); color: rgb(255, 255, 255); } .elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap { color: rgb(129, 138, 145); border: 3px solid; background-color: transparent; } .elementor-widget-video .elementor-wrapper iframe, .elementor-widget-video .elementor-wrapper video { height: 100%; width: 100%; border: none; background-color: rgb(0, 0, 0); } .elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-size: cover; background-position: 50% center; } .articles_config .content .pub_zero .top::after { content: ""; background-image: url("/img/uploads/logo_stylo.png"); position: absolute; width: 40px; height: 40px; margin: 7px 0px 0px 7px; } .articles_config .content .pub_zero .bottom { width: 100%; height: 210px; background-color: var(--White); display: flex; flex-direction: column; justify-content: space-between; padding: 24px; } .espace-media .content .contacter h5 a { color: var(--Red); } .drapeau.blue { border-color: var(--Blue); } .drapeau.white { border-color: var(--White); } .drapeau.red { border-color: var(--Red); } html body .bg-black_____ { background-color: transparent !important; } html body .bg-black_____ { background-color: transparent !important; } html body .new_ClosetPacks6 { text-align: center; padding-top: 20px; display: block !important; background-color: var(--Gray-50) !important; color: black !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks6 { text-align: center; padding-top: 20px; display: block !important; background-color: var(--Gray-50) !important; color: black !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks6::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc5.png"); display: block; width: 58px; height: 70px; background-size: contain; margin: 20px auto; } html body .new_ClosetPacks6::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc5.png"); display: block; width: 58px; height: 70px; background-size: contain; margin: 20px auto; } html body .new_ClosetPacks15 { text-align: center; padding-top: 20px; background-color: var(--Yellow) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks15 { text-align: center; padding-top: 20px; background-color: var(--Yellow) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks15::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc4.png"); display: block; width: 95px; height: 88.372px; background-size: contain; margin: 10px auto 11.63px; } html body .new_ClosetPacks15::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc4.png"); display: block; width: 95px; height: 88.372px; background-size: contain; margin: 10px auto 11.63px; } html body .new_ClosetPacks24 { text-align: center; padding-top: 20px; background-color: var(--Red) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks24 { text-align: center; padding-top: 20px; background-color: var(--Red) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks24::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc2.png"); display: block; width: 68px; height: 73px; background-size: contain; margin: 23px auto 13px; background-repeat: no-repeat; } html body .new_ClosetPacks24::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc2.png"); display: block; width: 68px; height: 73px; background-size: contain; margin: 23px auto 13px; background-repeat: no-repeat; } html body .new_ClosetPacks24::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc2.png"); display: block; width: 68px; height: 73px; background-size: contain; margin: 23px auto 13px; background-repeat: no-repeat; } html body .new_ClosetPacks33 { text-align: center; padding-top: 20px; background-color: var(--DarkBlue) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks33 { text-align: center; padding-top: 20px; background-color: var(--DarkBlue) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks33::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc3.png"); display: block; width: 89.792px; height: 120.689px; background-size: contain; background-repeat: no-repeat; position: absolute; transform: rotate(-37.401deg); margin: -4px 60px 108px; } html body .new_ClosetPacks33::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc3.png"); display: block; width: 89.792px; height: 120.689px; background-size: contain; background-repeat: no-repeat; position: absolute; transform: rotate(-37.401deg); margin: -4px 60px 108px; } html body .new_ClosetPacks33::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc3.png"); display: block; width: 89.792px; height: 120.689px; background-size: contain; background-repeat: no-repeat; position: absolute; transform: rotate(-37.401deg); margin: -4px 60px 108px; } .elementor-element-4a95df3e { background-image: url("https://www2.mobibam.com/img/uploads/popup_home.png?446233192") !important; background-position: 500px 0px !important; background-repeat: no-repeat !important; background-size: cover !important; } .icon-ruler.new::after { content: "NOUVEAU !"; display: inline-block; background-color: var(--Red); color: rgb(255, 255, 255); padding: 2px 7px 1px; margin: -2px 0px -1px 5px; border-radius: 4px; } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 900px) { } @media only screen and (max-width: 900px) { } @media only screen and (max-width: 900px) { } footer { display: block; background-color: var(--Dark); color: var(--White); z-index: 1; position: relative; } footer { display: block; background-color: var(--Dark); color: var(--White); z-index: 1; position: relative; } .footer-links div .links a:hover { color: var(--Red); } .footer-links .pages .meuble-fr::before { content: ""; display: block; background-image: url("../img/logo/visions/Logo_meublez_fr 1.png"); width: 154px; height: 93.591px; margin-top: 40px; } .footer-links .help .contact a { color: var(--White); margin-left: 30px; } .footer-links .help .contact .chat::before { background-image: url("../img/Icons/chat.svg"); } .footer-links .help .contact .phone::before { background-image: url("../img/Icons/phone.svg"); } .footer-links .help .contact .email::before { background-image: url("../img/Icons/mail-open.svg"); } .footer-links .help .contact a::after { content: ""; display: block; background-image: url("../img/Icons/cheveron.svg"); width: 24px; height: 24px; position: absolute; margin-left: 200px; margin-top: -18px; } .footer-links .help .payment .payment-term .visa::before { background-image: url("../img/Icons/visa.svg"); width: 40px; height: 13.151px; } .footer-links .help .payment .payment-term .mastercard::before { background-image: url("../img/Icons/master_card.svg"); width: 27px; height: 20.951px; } .footer-links .help .payment .payment-term .americanExpress::before { background-image: url("../img/Icons/american_express.svg"); width: 28.519px; height: 18.999px; } .footer-links .help .payment .payment-term .xSansFrais::before { background-image: url("../img/Icons/3X Sans Frais 1.png"); width: 28px; height: 19.297px; } .footer-links .help .payment .payment-term .virementBancaire::before { background-image: url("../img/Icons/virement-bancaire-logo 1.png"); background-repeat: no-repeat; width: 36px; height: 22px; background-color: var(--White); border-radius: 4px; background-position: center center; } .footer-bottom .legals a { color: var(--White); } .footer-bottom .legals a:hover { color: var(--Red); } .footer-bottom .socials a::before { content: ""; display: block; width: 24px; height: 24px; background-position: center center; background-repeat: no-repeat; } .footer-bottom .socials a.facebook::before { background-image: url("../img/Icons/socials/facebook.svg"); } .footer-bottom .socials a.instagram::before { background-image: url("../img/Icons/socials/instagram.svg"); } .footer-bottom .socials a.pinterest::before { background-image: url("../img/Icons/socials/pinterest.svg"); } .footer-bottom .socials a.youtube::before { background-image: url("../img/Icons/socials/youtube.svg"); } .footer-bottom .socials a.linkedin::before { background-image: url("../img/Icons/socials/linkedin.svg"); } .echantillons .selection-echantillons .colors .color:hover { border: 3px solid var(--Red); } @media only screen and (max-width: 767px) { } .elementor-60703 .elementor-element.elementor-element-5765c581 .elementor-heading-title { color: rgb(0, 0, 0); } .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-field-group > label, .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-field-subgroup label { color: rgb(0, 0, 0); } .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-field-type-html { padding-bottom: 0px; color: rgb(0, 0, 0); } .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) { background-color: rgb(248, 248, 248); } .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-field-group .elementor-select-wrapper select { background-color: rgb(248, 248, 248); } .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-button[type="submit"] svg * { fill: var(--e-global-color-text); } .elementor-60703 .elementor-element.elementor-element-68897c02 .e-form__buttons__wrapper__button-previous { color: rgb(0, 0, 0); } .elementor-60703 .elementor-element.elementor-element-68897c02 .e-form__buttons__wrapper__button-next:hover { color: rgb(0, 0, 0); } .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-button[type="submit"]:hover { color: rgb(0, 0, 0); } .elementor-60703 .elementor-element.elementor-element-68897c02 .e-form__buttons__wrapper__button-previous:hover { color: rgb(0, 0, 0); } .elementor-60703 .elementor-element.elementor-element-68897c02 { --e-form-steps-indicators-spacing: 20px; --e-form-steps-indicator-padding: 30px; --e-form-steps-indicator-inactive-secondary-color: #000000; --e-form-steps-indicator-active-secondary-color: #000000; --e-form-steps-indicator-completed-secondary-color: #000000; --e-form-steps-divider-width: 1px; --e-form-steps-divider-gap: 10px; } #elementor-popup-modal-60703 { justify-content: center; align-items: center; pointer-events: all; background-color: rgba(0, 0, 0, 0.8); } @media (max-width: 767px) { } .elementor-field-type-radio .elementor-field-subgroup .elementor-field-option input { display: inline-block; border-color: rgb(212, 67, 28); } *, ::before, ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235); } hr { height: 0px; color: inherit; border-top-width: 1px; } a { color: inherit; text-decoration: inherit; } table { text-indent: 0px; border-color: inherit; border-collapse: collapse; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0px; padding: 0px; } button, [type="button"], [type="reset"], [type="submit"] { appearance: button; background-color: transparent; background-image: none; } button, [type="button"], [type="reset"], [type="submit"] { appearance: button; background-color: transparent; background-image: none; } button, [type="button"], [type="reset"], [type="submit"] { appearance: button; background-color: transparent; background-image: none; } input::placeholder, textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); } input[type="text"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="text"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="text"]:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); outline: transparent solid 2px; outline-offset: 2px; } input[type="text"]:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); outline: transparent solid 2px; outline-offset: 2px; } input[type="password"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="password"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="password"]:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); outline: transparent solid 2px; outline-offset: 2px; } input[type="password"]:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); outline: transparent solid 2px; outline-offset: 2px; } input[type="email"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="email"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="email"]:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); outline: transparent solid 2px; outline-offset: 2px; } input[type="email"]:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); outline: transparent solid 2px; outline-offset: 2px; } input[type="tel"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="tel"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="tel"]:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); outline: transparent solid 2px; outline-offset: 2px; } input[type="tel"]:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); outline: transparent solid 2px; outline-offset: 2px; } input[type="checkbox"] { height: 1rem; width: 1rem; cursor: pointer; appearance: none; border-radius: 0.125rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } input[type="checkbox"] { height: 1rem; width: 1rem; cursor: pointer; appearance: none; border-radius: 0.125rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } input[type="checkbox"]:checked { --tw-border-opacity: 1; border-color: rgb(29 60 114 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(29 60 114 / var(--tw-bg-opacity)); } input[type="checkbox"]:checked { --tw-border-opacity: 1; border-color: rgb(29 60 114 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(29 60 114 / var(--tw-bg-opacity)); } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .border-mobibam-black { --tw-border-opacity: 1 !important; border-color: rgb(11 28 41 / var(--tw-border-opacity)) !important; } .border-mobibam-gray { --tw-border-opacity: 1 !important; border-color: rgb(172 172 172 / var(--tw-border-opacity)) !important; } .border-slate-500 { --tw-border-opacity: 1 !important; border-color: rgb(100 116 139 / var(--tw-border-opacity)) !important; } .border-slate-300 { --tw-border-opacity: 1 !important; border-color: rgb(203 213 225 / var(--tw-border-opacity)) !important; } .border-black { --tw-border-opacity: 1 !important; border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important; } .border-mobi-red { --tw-border-opacity: 1 !important; border-color: rgb(212 67 28 / var(--tw-border-opacity)) !important; } .border-mobi-green { --tw-border-opacity: 1 !important; border-color: rgb(59 185 103 / var(--tw-border-opacity)) !important; } .border-mobi-gray { --tw-border-opacity: 1 !important; border-color: rgb(172 172 172 / var(--tw-border-opacity)) !important; } .border-gray-300 { --tw-border-opacity: 1 !important; border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important; } .\!border-mobi-blue { --tw-border-opacity: 1 !important; border-color: rgb(29 60 114 / var(--tw-border-opacity)) !important; } .border-mobi-blue { --tw-border-opacity: 1 !important; border-color: rgb(29 60 114 / var(--tw-border-opacity)) !important; } .border-white { --tw-border-opacity: 1 !important; border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; } .border-red { --tw-border-opacity: 1 !important; border-color: rgb(255 15 15 / var(--tw-border-opacity)) !important; } .border-\[\#ef1f1f\] { --tw-border-opacity: 1 !important; border-color: rgb(239 31 31 / var(--tw-border-opacity)) !important; } .border-\[\#1d9c31\] { --tw-border-opacity: 1 !important; border-color: rgb(29 156 49 / var(--tw-border-opacity)) !important; } .border-red-600 { --tw-border-opacity: 1 !important; border-color: rgb(220 38 38 / var(--tw-border-opacity)) !important; } .border-mobi-black { --tw-border-opacity: 1 !important; border-color: rgb(60 78 91 / var(--tw-border-opacity)) !important; } .border-mobi-orange { --tw-border-opacity: 1 !important; border-color: rgb(212 67 28 / var(--tw-border-opacity)) !important; } .\!bg-mobi-blue { --tw-bg-opacity: 1 !important; background-color: rgb(29 60 114 / var(--tw-bg-opacity)) !important; } .bg-mobi-red { --tw-bg-opacity: 1 !important; background-color: rgb(212 67 28 / var(--tw-bg-opacity)) !important; } .bg-mobibam-blue { --tw-bg-opacity: 1 !important; background-color: rgb(29 60 114 / var(--tw-bg-opacity)) !important; } .bg-mobibam-red { --tw-bg-opacity: 1 !important; background-color: rgb(212 67 28 / var(--tw-bg-opacity)) !important; } .bg-mobibam-yellow { background-color: rgb(243, 167, 65) !important; } .bg-white { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .bg-black { --tw-bg-opacity: 1 !important; background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important; } .bg-gray-600 { --tw-bg-opacity: 1 !important; background-color: rgb(75 85 99 / var(--tw-bg-opacity)) !important; } .bg-mobi-blue { --tw-bg-opacity: 1 !important; background-color: rgb(29 60 114 / var(--tw-bg-opacity)) !important; } .bg-slate-100 { --tw-bg-opacity: 1 !important; background-color: rgb(241 245 249 / var(--tw-bg-opacity)) !important; } .bg-mobi-blue-light { --tw-bg-opacity: 1 !important; background-color: rgb(242 245 252 / var(--tw-bg-opacity)) !important; } .bg-slate-600 { --tw-bg-opacity: 1 !important; background-color: rgb(71 85 105 / var(--tw-bg-opacity)) !important; } .bg-green-600 { --tw-bg-opacity: 1 !important; background-color: rgb(22 163 74 / var(--tw-bg-opacity)) !important; } .\!bg-mobi-orange { --tw-bg-opacity: 1 !important; background-color: rgb(212 67 28 / var(--tw-bg-opacity)) !important; } .\!bg-white { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .\!bg-mobi-blue-light { --tw-bg-opacity: 1 !important; background-color: rgb(242 245 252 / var(--tw-bg-opacity)) !important; } .\!bg-mobi-disabled { --tw-bg-opacity: 1 !important; background-color: rgb(237 237 237 / var(--tw-bg-opacity)) !important; } .bg-\[\#F0F2FB\] { --tw-bg-opacity: 1 !important; background-color: rgb(240 242 251 / var(--tw-bg-opacity)) !important; } .bg-mobi-gray { --tw-bg-opacity: 1 !important; background-color: rgb(172 172 172 / var(--tw-bg-opacity)) !important; } .bg-transparent { background-color: transparent !important; } .bg-mobi-orange { --tw-bg-opacity: 1 !important; background-color: rgb(212 67 28 / var(--tw-bg-opacity)) !important; } .bg-\[\#ef1f1f\] { --tw-bg-opacity: 1 !important; background-color: rgb(239 31 31 / var(--tw-bg-opacity)) !important; } .bg-\[\#1d9c31\] { --tw-bg-opacity: 1 !important; background-color: rgb(29 156 49 / var(--tw-bg-opacity)) !important; } .bg-gray-100 { --tw-bg-opacity: 1 !important; background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important; } .bg-slate-200 { --tw-bg-opacity: 1 !important; background-color: rgb(226 232 240 / var(--tw-bg-opacity)) !important; } .bg-cover { background-size: cover !important; } .bg-no-repeat { background-repeat: no-repeat !important; } .\!text-white { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .text-mobi-black { --tw-text-opacity: 1 !important; color: rgb(60 78 91 / var(--tw-text-opacity)) !important; } .text-white { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .text-mobibam-black { --tw-text-opacity: 1 !important; color: rgb(11 28 41 / var(--tw-text-opacity)) !important; } .text-mobibam-gray { --tw-text-opacity: 1 !important; color: rgb(172 172 172 / var(--tw-text-opacity)) !important; } .text-mobibam-red { --tw-text-opacity: 1 !important; color: rgb(212 67 28 / var(--tw-text-opacity)) !important; } .text-mobi-gray { --tw-text-opacity: 1 !important; color: rgb(172 172 172 / var(--tw-text-opacity)) !important; } .text-red-600 { --tw-text-opacity: 1 !important; color: rgb(220 38 38 / var(--tw-text-opacity)) !important; } .text-green-600 { --tw-text-opacity: 1 !important; color: rgb(22 163 74 / var(--tw-text-opacity)) !important; } .text-black { --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .text-red { --tw-text-opacity: 1 !important; color: rgb(255 15 15 / var(--tw-text-opacity)) !important; } .text-slate-500 { --tw-text-opacity: 1 !important; color: rgb(100 116 139 / var(--tw-text-opacity)) !important; } .text-slate-600 { --tw-text-opacity: 1 !important; color: rgb(71 85 105 / var(--tw-text-opacity)) !important; } .text-mobi-blue { --tw-text-opacity: 1 !important; color: rgb(29 60 114 / var(--tw-text-opacity)) !important; } .text-gray-700 { --tw-text-opacity: 1 !important; color: rgb(55 65 81 / var(--tw-text-opacity)) !important; } .text-mobi-orange { --tw-text-opacity: 1 !important; color: rgb(212 67 28 / var(--tw-text-opacity)) !important; } .\!text-mobi-blue { --tw-text-opacity: 1 !important; color: rgb(29 60 114 / var(--tw-text-opacity)) !important; } .\!text-black { --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .text-orange-600 { --tw-text-opacity: 1 !important; color: rgb(234 88 12 / var(--tw-text-opacity)) !important; } .text-mobibam-yellow { color: rgb(243, 167, 65) !important; } .text-gray-600 { --tw-text-opacity: 1 !important; color: rgb(75 85 99 / var(--tw-text-opacity)) !important; } .text-mobi-light-black { --tw-text-opacity: 1 !important; color: rgb(60 78 91 / var(--tw-text-opacity)) !important; } .text-mobi-green { --tw-text-opacity: 1 !important; color: rgb(59 185 103 / var(--tw-text-opacity)) !important; } .text-mobi-red { --tw-text-opacity: 1 !important; color: rgb(212 67 28 / var(--tw-text-opacity)) !important; } .placeholder-gray-300::placeholder { --tw-placeholder-opacity: 1 !important; color: rgb(209 213 219 / var(--tw-placeholder-opacity)) !important; } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow-slate-300 { --tw-shadow-color: #cbd5e1 !important; --tw-shadow: var(--tw-shadow-colored) !important; } .checked\:border-mobi-blue:checked { --tw-border-opacity: 1 !important; border-color: rgb(29 60 114 / var(--tw-border-opacity)) !important; } .checked\:bg-mobi-blue:checked { --tw-bg-opacity: 1 !important; background-color: rgb(29 60 114 / var(--tw-bg-opacity)) !important; } .hover\:border-mobi-blue:hover { --tw-border-opacity: 1 !important; border-color: rgb(29 60 114 / var(--tw-border-opacity)) !important; } .hover\:bg-mobibam-blue-dark:hover { --tw-bg-opacity: 1 !important; background-color: rgb(26 54 103 / var(--tw-bg-opacity)) !important; } .hover\:bg-mobibam-red-dark:hover { --tw-bg-opacity: 1 !important; background-color: rgb(191 60 25 / var(--tw-bg-opacity)) !important; } .hover\:bg-mobibam-yellow-dark:hover { --tw-bg-opacity: 1 !important; background-color: rgb(241 154 36 / var(--tw-bg-opacity)) !important; } .hover\:bg-mobibam-black:hover { --tw-bg-opacity: 1 !important; background-color: rgb(11 28 41 / var(--tw-bg-opacity)) !important; } .hover\:bg-black:hover { --tw-bg-opacity: 1 !important; background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important; } .hover\:text-white:hover { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .hover\:text-mobi-blue:hover { --tw-text-opacity: 1 !important; color: rgb(29 60 114 / var(--tw-text-opacity)) !important; } .focus\:border-mobi-red:focus { --tw-border-opacity: 1 !important; border-color: rgb(212 67 28 / var(--tw-border-opacity)) !important; } .focus\:border-mobi-green:focus { --tw-border-opacity: 1 !important; border-color: rgb(59 185 103 / var(--tw-border-opacity)) !important; } .focus\:border-indigo-300:focus { --tw-border-opacity: 1 !important; border-color: rgb(165 180 252 / var(--tw-border-opacity)) !important; } .focus\:bg-white:focus { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .focus\:text-gray-700:focus { --tw-text-opacity: 1 !important; color: rgb(55 65 81 / var(--tw-text-opacity)) !important; } .focus\:ring:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .focus\:ring-indigo-100:focus { --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(224 231 255 / var(--tw-ring-opacity)) !important; } .disabled\:border-mobi-gray:disabled { --tw-border-opacity: 1 !important; border-color: rgb(172 172 172 / var(--tw-border-opacity)) !important; } .disabled\:border-mobi-disabled:disabled { --tw-border-opacity: 1 !important; border-color: rgb(237 237 237 / var(--tw-border-opacity)) !important; } .disabled\:bg-mobi-blue:disabled { --tw-bg-opacity: 1 !important; background-color: rgb(29 60 114 / var(--tw-bg-opacity)) !important; } .disabled\:bg-mobi-disabled:disabled { --tw-bg-opacity: 1 !important; background-color: rgb(237 237 237 / var(--tw-bg-opacity)) !important; } .disabled\:bg-mobi-gray:disabled { --tw-bg-opacity: 1 !important; background-color: rgb(172 172 172 / var(--tw-bg-opacity)) !important; } .disabled\:text-white:disabled { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .disabled\:text-mobi-gray:disabled { --tw-text-opacity: 1 !important; color: rgb(172 172 172 / var(--tw-text-opacity)) !important; } .disabled\:text-black:disabled { --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .disabled\:text-mobi-disabled:disabled { --tw-text-opacity: 1 !important; color: rgb(237 237 237 / var(--tw-text-opacity)) !important; } @media (prefers-color-scheme: dark) { .dark\:text-gray-400 { --tw-text-opacity: 1 !important; color: rgb(156 163 175 / var(--tw-text-opacity)) !important; } } .hLMUiR.hLMUiR.hLMUiR.hLMUiR.hLMUiR.hLMUiR button:focus { color: rgb(255, 255, 255); background: rgb(102, 102, 102); } .hLMUiR.hLMUiR.hLMUiR.hLMUiR.hLMUiR.hLMUiR button:hover:not(:focus) { color: rgb(255, 255, 255); background: rgb(102, 102, 102); } .bDArPB .ax-link:hover { background-color: color-mix(in hsl, rgb(255, 164, 24) 70%, rgb(128, 128, 128)); } .hbqTwP.hbqTwP.hbqTwP.hbqTwP.hbqTwP.hbqTwP:hover { color: rgb(122, 122, 122) !important; background-color: rgb(255, 255, 255) !important; transform: none !important; } .gPyYDm.gPyYDm.gPyYDm.gPyYDm.gPyYDm.gPyYDm:hover { color: rgb(122, 122, 122) !important; background-color: rgb(255, 255, 255) !important; transform: none !important; } .gPyYDm.gPyYDm.gPyYDm.gPyYDm.gPyYDm.gPyYDm:hover { color: rgb(255, 164, 24) !important; background-color: rgb(255, 255, 255) !important; } .cgzOrJ { z-index: 100; position: relative; padding: 20px 20px 0px; color: rgb(46, 46, 46); overflow: hidden; } .dqMzLS.dqMzLS.dqMzLS h2:hover, .dqMzLS.dqMzLS.dqMzLS h3:hover { color: rgb(0, 0, 0) !important; background: none !important; } .jRlkZW a { background-color: transparent; } .slider_video { color: black; padding: 64px 26px; } .slider_base .slider_item .play_agrandir { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; background-color: rgba(0, 0, 0, 0.63); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; backdrop-filter: blur(3px); } .slider_base .slider_item .play_agrandir::after { content: ""; background-image: url("img/Icons/play.svg"); background-repeat: no-repeat; background-size: cover; display: block; height: 25px; width: 25px; transition: 0.3s; } .slider_base .slider_item .play_agrandir.fullscreen::after { content: ""; background-image: url("img/Icons/full-screen.svg"); background-repeat: no-repeat; background-size: cover; display: block; height: 30px; width: 30px; transition: 0.3s; } .button_scroll { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.63); border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; backdrop-filter: blur(3px); } .button_scroll.left::after { content: ""; background-image: url("img/Icons/cheveron.svg"); background-repeat: no-repeat; background-size: cover; rotate: 180deg; display: block; height: 35px; width: 35px; margin-left: -3px; } .button_scroll.right::after { content: ""; background-image: url("img/Icons/cheveron.svg"); background-repeat: no-repeat; background-size: cover; display: block; height: 35px; width: 35px; margin-left: 3px; } .prev_video, .next_video, .close_fullscreen { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.63); border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; backdrop-filter: blur(3px); } .prev_video::after { content: ""; background-image: url("img/Icons/cheveron.svg"); background-repeat: no-repeat; background-size: cover; rotate: 180deg; display: block; height: 35px; width: 35px; margin-left: -3px; } .next_video::after { content: ""; background-image: url("img/Icons/cheveron.svg"); background-repeat: no-repeat; background-size: cover; display: block; height: 35px; width: 35px; margin-left: 3px; } .close_fullscreen::after { content: ""; background-image: url("img/Icons/close.svg"); background-repeat: no-repeat; background-size: cover; display: block; height: 30px; width: 30px; } Box.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0px auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0px; width: 100%; } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: rgb(0, 0, 0); opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0px; padding: 0px; box-shadow: none; appearance: none; } button.swiper-pagination-bullet { border: none; margin: 0px; padding: 0px; box-shadow: none; appearance: none; } button.swiper-pagination-bullet { border: none; margin: 0px; padding: 0px; box-shadow: none; appearance: none; } button.swiper-pagination-bullet { border: none; margin: 0px; padding: 0px; box-shadow: none; appearance: none; } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0px; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 4px; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0px; top: 0px; } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0px; top: 0px; } .swiper-scrollbar { border-radius: 10px; position: relative; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0px; top: 0px; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-container-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0px 0px; width: 100%; height: 100%; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.6; filter: blur(50px); z-index: 0; } div.new_UserApp2 { height: 32px; } div.new_UserApp2 > div { position: absolute !important; line-height: 14px; } div#mob-app-ez-app .new_BaseModal3, div#mob-app-sf-app .new_BaseModal3, div#mob-app-cl-app .new_BaseModal3, div#mob-app-vr-app .new_BaseModal3, div#mobSharedPopupContainer .new_BaseModal3 { border-radius: 5px; overflow: hidden; min-width: 390px !important; } div#mob-app-ez-app .new_BaseModal3, div#mob-app-sf-app .new_BaseModal3, div#mob-app-cl-app .new_BaseModal3, div#mob-app-vr-app .new_BaseModal3, div#mobSharedPopupContainer .new_BaseModal3 { border-radius: 5px; overflow: hidden; min-width: 390px !important; } div#mob-app-ez-app .new_BaseModal3, div#mob-app-sf-app .new_BaseModal3, div#mob-app-cl-app .new_BaseModal3, div#mob-app-vr-app .new_BaseModal3, div#mobSharedPopupContainer .new_BaseModal3 { border-radius: 5px; overflow: hidden; min-width: 390px !important; } div#mob-app-ez-app div > header > svg, div#mob-app-sf-app div > header > svg, div#mob-app-vr-app div > header > svg, div#mob-app-cl-app div > header > svg, div#mobSharedPopupContainer > div > header > svg { margin-top: 14px !important; margin-bottom: 12px !important; } div#mob-app-ez-app div > header > div, div#mob-app-sf-app div > header > div, div#mob-app-vr-app div > header > div, div#mob-app-cl-app div > header > div, div#mobSharedPopupContainer > div > header > div { margin-left: 15px; margin-top: 12px !important; margin-bottom: 12px !important; text-align: left !important; } div#mob-app-ez-app div > header > div > div.px-4, div#mob-app-sf-app div > header > div > div.px-4, div#mob-app-vr-app div > header > div > div.px-4, div#mob-app-cl-app div > header > div > div.px-4, div#mobSharedPopupContainer > div > header > div > div.px-4 { padding-left: 0px !important; } .nav-item .nav-link.arrow::after { content: url("../img/Icons/cheveron.svg"); rotate: 90deg; display: block; width: 24px; height: 24px; filter: brightness(0); position: absolute; margin-left: 76px; margin-top: -22px; } .nav-link::before { bottom: 0px; left: 0px; content: ""; display: block; height: 2px; position: absolute; background: var(--Red); transition: width 0.3s, right 0.3s; width: 0px; } .nav-link:hover::before { width: 100%; right: 0px; } .nav-link.active::before { width: 100%; right: 0px; } .nav-logo { width: 160px; height: 32px; flex: 1 1 0%; } .icon-phone { width: 24px; height: 24px; margin-right: 30px; } #mob-app-user, .icon-user { width: 24px; height: 24px; margin-right: 31px; margin-left: -1px; } #mob-app-user { margin-top: -4px; } .icon-panier { width: 24px; height: 24px; margin-right: 30px; } .configurateur.active { max-height: 200%; } .configurateur .content { max-width: 1312px; margin: 0px auto 36px; } .configurateur .content .choix { margin: 0px 16px; } .configurateur .content .choix .buttons .button.red1 { opacity: 0; transition: margin 0.3s; margin: 0px -70px; } .configurateur .content .choix .buttons.active .button.red1 { opacity: 1; margin: 0px; } .configurateur .content .choix h3 { margin-bottom: 25px; } .configurateur .content .choix .types .type-select { display: flex; width: 110px; flex-direction: column; align-items: center; border-radius: 8px; cursor: pointer; } .focus.active { height: 200%; } #mob-app-kf-cart .new_ClosetPacks3 > p { margin: 5px 0px; } #mob-app-kf-cart .ncClosetPacks.text-2xl { box-shadow: rgba(0, 0, 0, 0.15) -20px 43px 20px -40px inset; border-radius: 0px !important; padding-top: 30px !important; } #mob-app-kf-cart .ncClosetPacks > div.flex > div.items-center { max-height: 55px; border-radius: 5px 5px 0px 0px; border: none !important; } @media only screen and (max-width: 632px) { html body .ncClosetPacks.min-w-\[220px\] { width: 100% !important; margin-left: -10px !important; margin-right: -10px !important; } } @media only screen and (max-width: 632px) { html body .ncClosetPacks.min-w-\[220px\] { width: 100% !important; margin-left: -10px !important; margin-right: -10px !important; } } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 768px) { } img { object-fit: cover; overflow-clip-margin: unset; } h2 { padding: 0px 0px 10px; font-size: 24px !important; font-weight: bold !important; } .imgfit { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; } * { margin: 0px; padding: 0px; box-sizing: border-box; font-family: Raleway, serif; } * { margin: 0px; padding: 0px; box-sizing: border-box; font-family: Raleway, serif; } * { margin: 0px; padding: 0px; box-sizing: border-box; font-family: Raleway, serif; } h1, h2, h3, h4 { line-height: 1em !important; } #new_easy_menu.easy_active { cursor: pointer; background: url("/img/catalogue/mobibam_catalogue.jpeg") center top / auto 150px no-repeat rgb(255, 240, 235); border-radius: 20px; overflow: hidden; padding-top: 150px; flex-direction: column; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 1px; display: block !important; gap: 0px !important; margin-top: 1rem !important; } .mgt0 { margin-top: 0px !important; } .background { position: absolute; z-index: 1; width: 100%; height: 620px; overflow: hidden; } .background img { width: inherit; height: inherit; object-fit: cover; } .webtitle { position: relative; display: flex; max-width: 1080px; height: 620px; margin: 0px auto; padding: 24px 24px 24px 124px; flex-direction: column; justify-content: center; z-index: 1; } .button.icon svg { width: 24px; height: 24px; margin-right: 15px; } .swiper .content { max-width: 1312px; margin: 0px auto; } .swiper-wrapper { position: relative; width: 100%; height: 490px; display: flex; transition-property: transform; box-sizing: content-box; padding: 0px 7px; } .swiper-container { width: 100%; } .swiper-slide { width: 281px; padding-top: 30px; margin-bottom: 60px; transition: 0.3s; } .swiper-slide .top { border-radius: 8px 8px 0px 0px; width: 100%; } .swiper-slide .top span::before { content: url("../img/Icons/ruler.png"); display: block; position: absolute; left: 6px; width: 16px; height: 16px; top: 5px; } .swiper-slide .top img { display: block; width: 100%; border-radius: 8px 8px 0px 0px; } .echantillons { max-width: 1312px; margin: 0px auto; padding: 64px 20px; display: grid; grid-template: "slider-meuble title" 0.01fr "slider-meuble selection-echantillons" 2.5fr / 1fr 1fr; grid-auto-rows: 1fr; gap: 0px 20px; grid-auto-flow: row; } .echantillons .title { grid-area: title; margin-bottom: 20px; } .swiper.Terracota .content .swiper-wrapper { position: relative; width: 100%; height: 409px; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper.Terracota .content .swiper-wrapper .swiper-slide { width: 381px; height: 381px; padding-top: 30px; margin-bottom: 60px; border-radius: 8px; } .swiper.Terracota .content .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; margin-bottom: 60px; border-radius: 8px; object-fit: cover; } .services .content { max-width: 1312px; margin: 0px auto; padding: 64px 0px; } .services.solo .content { padding: 64px 0px; } .services .content .france { display: flex; gap: 50px 20px; flex-wrap: wrap; justify-content: center; margin-bottom: 20px; } .services.white .content .france div.white { border: 1px solid var(--Dark); } .services .content .france div a::after { content: url("../img/Icons/cheveron.svg"); margin-left: 10px; margin-top: 2px; position: absolute; filter: brightness(0); } .services .content .france div.red a::after, .services .content .france div.blue a::after { content: url("../img/Icons/cheveron.svg"); margin-left: 10px; margin-top: 2px; position: absolute; filter: none; } .avis { padding: 64px 26px; } .avis .swiper-container .swiper-slide { padding: 0px; } .avis .swiper-avis { height: 481px; max-width: 1312px; margin: 0px auto; } .avis .swiper-avis .flexator .img { border-radius: 8px; width: 481px; height: 481px; z-index: -1; } .avis .swiper-avis .flexator .img img { width: inherit; height: inherit; object-fit: cover; border-radius: 8px; } .avis .swiper-avis .flexator div .name::before { content: url("../img/Icons/guillement.png"); margin-right: 10px; width: 48px; height: 48px; } .swiper-button-next, .swiper-button-prev { width: 64px; height: 64px; } .vision .content { display: flex; gap: 25px; align-items: flex-end; max-width: 1312px; margin: 60px auto 40px; justify-content: space-around; } .vision .content div { height: 190px; display: flex; flex-direction: row; gap: 60px; align-items: flex-start; } .modal-bienvenue .content .flex form { display: flex; flex-direction: column; padding: 60px 40px; align-items: flex-start; width: 581px; } .modal-bienvenue .content .flex form span { margin-bottom: 40px; } .modal-bienvenue .content .flex form input { border: 1px solid var(--Gray-300); border-radius: 8px; padding: 13px 16px; margin-bottom: 24px; width: 381px; } .modal-bienvenue .content .flex form button { margin-bottom: 40px; } .fil_ariane { max-width: 1312px; margin: 20px auto; padding: 0px 16px; } .type_choise_real { max-width: 1312px; margin: 0px auto; padding: 0px 16px; } .type_choise_real .swiper-container .swiper-wrapper { height: 230px; } .type_choise_real .swiper-container .swiper-wrapper .swiper-slide { display: flex; flex-direction: column; align-items: center; width: 120px; cursor: pointer; height: 160px; } .type_choise_real .swiper-container .swiper-wrapper .swiper-slide img { width: 120px; } .realisation { padding: 64px 0px; } .realisation .content { max-width: 1312px; margin: 0px auto; padding: 0px 16px; } .text-buttons { margin: 16px 0px 10px; display: flex; gap: 20px; align-items: center; justify-content: space-between; flex-flow: row; } .text-buttons p { max-width: 725px; } .realisation .content .swiper-container .swiper-wrapper { height: 439px; } .realisation .content .swiper-container .swiper-wrapper .swiper-slide { width: 381px; height: 381px; } .realisation .content .swiper-container .swiper-wrapper .swiper-slide img { width: 381px; height: 381px; border-radius: 8px; } .voirplus { max-width: 1312px; margin: 0px auto; padding: 40px 16px; } .der_realisation { max-width: 1412px; margin: 0px auto; padding: 64px 16px; } .der_realisation .content .swiper-container .swiper-wrapper { height: 339px; } .der_realisation .content .swiper-container .swiper-wrapper .swiper-slide { width: auto; height: 281px; } .der_realisation .content .swiper-container .swiper-wrapper .swiper-slide img { width: auto; height: 281px; border-radius: 8px; } .buttons.center { display: flex; justify-content: center; margin: 40px 0px 0px; } .swiper-slide > img, .type-select > img { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; } .new_BaseModal3 { border-radius: 5px; overflow: hidden; } #mob-app-sf-app .new_DesktopTabsSF1, #mob-app-vr-app .new_Desktop3, #mob-app-cl-app .new_desktop3 { overflow: hidden; border-radius: 5px !important; } #mob-app-ez-app .new_DesktopTabs1 { border-radius: 5px !important; } #mob-app-ez-app .new_DesktopTabs1 > div > div:first-child > button { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; } #mobSharedPopupContainer > div > header { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; } #mobSharedPopupContainer > div.bg-white { border-radius: 5px !important; height: auto !important; } #mobSharedPopupContainer > div > div { border-bottom-left-radius: 5px !important; border-bottom-right-radius: 5px !important; } input[type="checkbox"] { border-radius: 15px !important; } input[type="checkbox"] { border-radius: 15px !important; } .Articles-récents .content { max-width: 1212px; margin: 0px auto; padding: 0px 16px; } .Articles-récents .content .swiper-container { height: 433px; } .Articles-récents .content .swiper-container .swiper-wrapper .swiper-slide { height: 431px; border-radius: 8px; display: flex; flex-direction: column; width: 281px !important; } .Articles-récents .content .swiper-container .swiper-wrapper .swiper-slide img { width: 281px; height: 281px; min-height: 281px; min-width: 281px; border-radius: 8px 8px 0px 0px; } #mob-app-kf-cart .new_App2 { height: 150px !important; position: relative !important; overflow: hidden !important; margin-right: 15px !important; border-radius: 5px !important; } #mob-app-kf-cart .new_App2 img { height: 100% !important; position: absolute !important; margin-left: 50% !important; transform: translateX(-50%) !important; width: auto !important; max-width: 500% !important; } #mob-app-kf-checkout .new_App28 > div { margin: 0px auto; } #mob-app-kf-checkout textarea { border-radius: 8px; } #mob-app-kf-checkout .border-slate-300 { margin: 0px auto; border-radius: 8px; min-width: 80%; padding: 20px !important; } #mob-app-kf-checkout iframe { margin-top: 15px !important; } .new_App4 input { width: 50px !important; padding: 3px 8px !important; border-radius: 3px !important; } .equipe .content .presentation_card { display: flex; flex-flow: wrap; justify-content: center; gap: 20px; margin: 40px 0px; } .equipe .content .presentation_card .card { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; width: 281px; height: 281px; border-radius: 8px; background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%); z-index: 2; } .equipe .content .presentation_card .card img { width: 281px; height: 281px; position: absolute; z-index: 1; border-radius: 8px; } .equipe .content a { margin: 0px 0px 24px; } .equipe .content h2.yellow { margin: 10px 0px 0px; } .video { max-width: 1312px; margin: 64px auto; padding: 0px 16px; } .video iframe { width: 100%; height: 555px; border-radius: 8px; } .video .subtitle { margin-top: 40px; } .etapes_commande { max-width: 1412px; margin: 64px auto; padding: 0px 16px; } .etapes_commande .content .etapes { display: flex; flex-flow: wrap; justify-content: center; gap: 20px; margin: 40px 0px; } .formules .content { max-width: 1312px; margin: 0px auto; padding: 64px 16px; } .formules .content .choix_formules { display: flex; flex-flow: wrap; justify-content: center; gap: 20px; margin-bottom: 40px; margin-top: 40px; } .formules .content .choix_formules .formule .tva { padding: 21px 0px; border-bottom: 1px solid var(--Gray-300); } .formules .content .choix_formules .formule div { display: flex; height: 100%; flex-direction: column; justify-content: space-between; align-items: flex-start; margin: 24px 30px; } .formules .content .choix_formules .formule div span { margin-left: 30px; } .montage .content { max-width: 1312px; margin: 0px auto; padding: 64px 16px; display: flex; justify-content: space-evenly; align-items: center; flex-wrap: wrap; gap: 20px; } .montage .content .text { display: flex; max-width: 390px; height: 327px; flex-direction: column; justify-content: space-around; margin: 0px; } .montage .content .image_montage { width: 483px; height: 327px; } .montage .content .image_montage img { width: 100%; height: 100%; border-radius: 8px; } .materiaux_explication .content .nav_meuble { display: flex; justify-content: center; flex-flow: row; gap: 66px; height: 40px; } .materiaux_explication .content .select_ { display: flex; gap: 20px; margin: 40px 0px; flex-flow: wrap; justify-content: space-evenly; } .materiaux_explication .content .select_ .text { display: flex; flex-direction: column; max-width: 480px; height: 362px; align-items: flex-start; margin: 0px; } .materiaux_explication .content .select_ .image { width: 482px; height: 362px; border-radius: 8px; } .materiaux_explication .content .select_ .image img { width: 100%; height: 100%; border-radius: 8px; } .modal-commande-echantillons .content .flex { max-width: 630px; margin: 64px auto 20px; } .modal-commande-echantillons .content .flex form { display: flex; flex-direction: column; align-items: center; padding: 0px 20px; } .modal-commande-echantillons .content .flex form .inputs { margin: 40px 0px; display: flex; gap: 36px 20px; flex-wrap: wrap; justify-content: center; } .modal-commande-echantillons .content .flex form .inputs input { border: 1px solid var(--Gray-300); border-radius: 4px; padding: 13px 16px; width: 281px; } .modal-commande-echantillons .content .flex form div { width: 100%; margin-bottom: 40px; } .articles_config .content .article .top { border-radius: 8px 8px 0px 0px; width: 100%; } .articles_config .content .article .top span::before { content: url("../img/Icons/ruler.png"); display: block; position: absolute; left: 6px; width: 16px; height: 16px; top: 5px; } .articles_config .content .article .top img { display: block; width: 100%; border-radius: 8px 8px 0px 0px; } .articles_config .content .pub { width: 281px; height: 431px; border-radius: 8px; display: flex; flex-direction: column; justify-content: flex-end; } .articles_config .content .pub img { width: 281px; height: 431px; border-radius: 8px; position: absolute; z-index: 1; } .coupdepouce { max-width: 1248px; margin: 64px auto; padding: 0px 16px; } .coupdepouce .content2 { display: flex; margin-top: 40px; } .text { max-width: 1000px; margin: 0px auto 64px; padding: 0px 16px; } .text div { margin-bottom: 56px; } .modal-contact .content .flex form { display: flex; flex-direction: column; padding: 60px 40px; align-items: center; width: 520px; } .modal-contact .content .flex form .ou { padding: 24px 0px; } .contact_page .content { max-width: 1458px; margin: 0px auto; padding: 0px 92px; display: flex; gap: 48px; } .contact_page .content .contact_form form { width: 100%; } .contact_page .content .contact_form form div { display: flex; flex-direction: column; gap: 20px; width: 100%; } .contact_page .content .contact_form form div div { display: flex; gap: 20px; width: 100%; justify-content: space-between; flex-flow: wrap; } .contact_page .content .contact_form form div div input { width: 48%; } .contact_page .content .contact_form form input, .contact_page .content .contact_form form textarea, .contact_page .content .contact_form form select { border-radius: 4px; border: 1px solid var(--Gray-300, #CBD5E0); padding: 13px 16px; } .contact_page .content .contact_form .mascote { display: block; padding: 0px; margin: 0px; height: 0px; } .title-page-annexe { display: flex; justify-content: flex-end; gap: 80px; height: 815px; max-width: 1440px; margin: 0px auto 128px; padding-left: 20px; } .title-page-annexe .droite { max-width: 450px; margin-top: 64px; } .title-page-annexe .gauche { width: 710px; display: flex; flex-direction: column; } .title-page-annexe.no-sitation .gauche .image { height: 100%; } .title-page-annexe .gauche .image img { width: 100%; } .title-page-annexe .gauche .sitation { margin: 100px 50px 100px 60px; } .text-image { display: flex; max-width: 1312px; margin: 0px auto 64px; gap: 20px; justify-content: center; padding: 0px 20px; } .text-image .textcenter { max-width: 582px; width: 100%; height: 457px; display: flex; justify-content: center; } .text-image .textcenter .content { max-width: 500px; display: flex; flex-direction: column; justify-content: space-evenly; } .text-image .image > img { width: 100%; height: 100%; position: absolute; margin-left: 50%; transform: translateX(-50%); object-fit: cover; } .faq .content { max-width: 1312px; margin: 0px auto; display: flex; gap: 20px; padding: 0px 16px; } .faq .content .container { max-width: 783px; width: 100%; display: flex; flex-direction: column; gap: 24px; } .faq .content .container .theme .response { margin-top: 16px; } .faq .content .container .theme .response:not(:last-child) { border-bottom: 1px solid var(--Gray-100); padding-bottom: 16px; } .profil .content { max-width: 1312px; margin: 0px auto; padding: 0px 16px; display: flex; gap: 20px; } .profil .content .droite { max-width: 281px; width: 100%; height: 334px; position: sticky; top: 20px; } .profil .content .container .contenu { max-width: 580px; width: 100%; margin: 0px auto; } .profil .content .container .contenu form { display: flex; flex-flow: wrap; gap: 20px; padding: 40px 0px 0px; justify-content: flex-end; } .profil .content .container .contenu input { border: 1px solid var(--Gray-300); border-radius: 4px; padding: 13px 16px; width: 280px; } .profil .content .container .contenu .dummyinput { visibility: hidden; } .profil .content .container .table_top { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 0px 0px 16px; gap: 20px; border-bottom: 1px solid var(--Gray-100); } .profil .content .container .table_content { display: flex; flex-direction: row; justify-content: flex-start; padding: 16px 0px; gap: 20px; position: relative; } .profil .content .container .table_content:not(:last-child) { border-bottom: 1px solid var(--Gray-100); } .profil .content .container .column_commande { padding: 0px 0px 0px 10px; min-width: 113px; width: 100%; white-space: nowrap; overflow: hidden; } .profil .content .container .column_pack { width: 100%; overflow: hidden; } .profil .content .container .column_nb { width: 100%; min-width: 25px; overflow: hidden; } .profil .content .container .column_nom { width: 100%; overflow: hidden; } .profil .content .container .column_comment { width: 100%; } .cards_items .card_item .item_img { position: relative; width: inherit; height: 150px; } .cards_items .card_item .item_img img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; border-bottom: 1px solid var(--Gray-50); } .profil .content .container .table_content.subcontent { padding: 0px 0px 16px; } .profil .content .container .notice { display: flex; flex-flow: wrap; gap: 20px; margin-top: 24px; } .profil .content .container .commandes_ariane { display: flex; padding-bottom: 24px; align-items: center; } .profil .content .container.no_background .project_list { display: flex; padding: 24px 0px; gap: 20px; flex-wrap: wrap; } .profil .content .container.no_background .project_list .card .suppr { position: absolute; width: 20px; height: 20px; cursor: pointer; top: 18px; right: 16px; } .profil .content .container.no_background .project_list .card .img img { border-radius: 8px; width: 149px; height: 149px; } .profil .content .container.no_background .project_list .card .content_card { display: flex; flex: 1 1 0%; flex-direction: column; justify-content: space-between; height: 100%; } .panier .content { max-width: 1312px; margin: 0px auto; padding: 0px 20px; } .panier .content .title .return:hover::before { box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; border-radius: 8px; } .panier .content .content_panier .content_items { flex: 1 1 0%; display: flex; flex-direction: column; gap: 8px 0px; width: 100%; } .panier .content .content_panier .content_items .item .responsive .tools { display: flex; gap: 10px; width: 60px; } .panier .content .content_panier .content_plus { margin-top: 40px; display: flex; align-items: center; justify-content: center; } .panier .content .content_panier .total { display: flex; flex-direction: column; width: 381px; } .panier .content .content_panier .xSansfrais .choixfrais { margin-top: 7px; display: flex; gap: 20px; } #calendly-container { height: 500px; width: 100%; } .image_article_back img { width: 100%; height: 100%; object-fit: cover; background-attachment: fixed; } .content_article_front table { margin-top: 30px; width: 100%; border-collapse: collapse; border: 1px solid var(--Gray-300); } .specifique_technique .content { max-width: 1312px; margin: 0px auto; padding: 64px 16px; display: flex; flex-flow: wrap; } .specifique_technique .content .card .image { display: flex; padding: 0px 0px 16px; justify-content: center; } .specifique_technique .content .card { width: 33.333%; padding: 30px; } @media (max-width: 1024px) { } @media (max-width: 1024px) { } .dialog-type-lightbox .dialog-message { min-height: 50px; } .dialog-alert-widget .dialog-buttons-wrapper > button { width: 100%; } .dialog-confirm-widget .dialog-button:first-child { border-right: 1px solid rgb(230, 233, 236); } #elementor-change-exit-preference-dialog .dialog-message > div { margin-bottom: 10px; } #e-kit-elements-defaults-create-dialog label { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 20px; } .dialog-prevent-scroll { overflow: hidden; max-height: 100vh; } @media (min-width: 1024px) { body.admin-bar .dialog-lightbox-widget { height: calc(-32px + 100vh); } } @media (min-width: 1024px) { body.admin-bar .dialog-lightbox-widget { height: calc(-32px + 100vh); } } @media (max-width: 1024px) { body.admin-bar .dialog-type-lightbox { position: sticky; height: 100vh; } } @media (max-width: 1024px) { body.admin-bar .dialog-type-lightbox { position: sticky; height: 100vh; } } .flatpickr-calendar { width: 280px; } .flatpickr-calendar .dayContainer { width: 280px; min-width: 280px; max-width: 280px; } .flatpickr-calendar .flatpickr-days { width: 280px; } @media (max-width: 1439px) { .elementor-templates-modal .dialog-widget-content { max-width: 990px; } } @media (min-width: 1440px) { .elementor-templates-modal .dialog-widget-content { max-width: 1200px; } } .elementor-templates-modal .dialog-buttons-wrapper .elementor-button { height: 40px; margin-left: 5px; } .elementor-templates-modal .dialog-message { height: 750px; max-height: 85vh; overflow-y: scroll; padding-top: 25px; } .elementor-templates-modal .dialog-content { height: 100%; } .elementor-templates-modal__header { display: flex; align-items: center; justify-content: space-between; height: 50px; } .elementor-templates-modal__header__logo__title { padding-top: 2px; } .elementor-templates-modal__header__close--normal { width: 47px; border-left: 1px solid rgb(230, 233, 236); } .elementor-templates-modal__content { flex-grow: 1; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 13px inset; } #elementor-toast .dialog-buttons-wrapper:not(:empty) { margin-top: 15px; } #elementor-toast .dialog-button:last-child { margin-right: 0px; } #wpadminbar #wp-admin-bar-elementor_edit_page .elementor-general-section + .elementor-second-section { border-top: 1px solid rgb(70, 75, 80); margin-top: 6px; } .elementor-screen-only, .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible { position: absolute; top: -10000em; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .elementor-clearfix::after { content: ""; display: block; clear: both; width: 0px; height: 0px; } .elementor-aspect-ratio-219 .elementor-fit-aspect-ratio { padding-bottom: 42.8571%; } .elementor-aspect-ratio-169 .elementor-fit-aspect-ratio { padding-bottom: 56.25%; } .elementor-aspect-ratio-43 .elementor-fit-aspect-ratio { padding-bottom: 75%; } .elementor-aspect-ratio-32 .elementor-fit-aspect-ratio { padding-bottom: 66.6666%; } .elementor-aspect-ratio-11 .elementor-fit-aspect-ratio { padding-bottom: 100%; } .elementor-aspect-ratio-916 .elementor-fit-aspect-ratio { padding-bottom: 177.8%; } .elementor-fit-aspect-ratio { position: relative; height: 0px; } .elementor-fit-aspect-ratio video { width: 100%; } .elementor *, .elementor ::after, .elementor ::before { box-sizing: border-box; } .elementor img { height: auto; max-width: 100%; border: none; border-radius: 0px; box-shadow: none; } .elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure { margin: 0px; } .elementor .elementor-background, .elementor .elementor-background-holder, .elementor .elementor-background-video-container { height: 100%; width: 100%; top: 0px; left: 0px; position: absolute; overflow: hidden; z-index: 0; direction: ltr; } .elementor .elementor-background-video-embed { max-width: none; } .elementor .elementor-background-video { max-width: none; } .elementor .elementor-background-overlay, .elementor .elementor-background-slideshow { height: 100%; width: 100%; top: 0px; left: 0px; position: absolute; } .elementor-widget-wrap .elementor-element.elementor-widget__width-auto, .elementor-widget-wrap .elementor-element.elementor-widget__width-initial { max-width: 100%; } @media (max-width: 1230px) { .elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-auto, .elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-initial { max-width: 100%; } } @media (max-width: 767px) { .elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-auto, .elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-initial { max-width: 100%; } } .elementor-align-center .elementor-button { width: auto; } .elementor-align-right .elementor-button { width: auto; } .elementor-align-left .elementor-button { width: auto; } .elementor-align-justify .elementor-button { width: 100%; } .elementor-custom-embed-play svg { height: 100px; width: 100px; fill: rgb(255, 255, 255); filter: drop-shadow(rgba(0, 0, 0, 0.3) 1px 0px 6px); } @media (max-width: 1230px) { } @media (max-width: 767px) { } .elementor-section .elementor-container { margin-right: auto; margin-left: auto; position: relative; } button.elementor-button { border-radius: 100px; padding: 16px 24px; font-size: 16px; font-weight: bold; } button.elementor-button { border-radius: 100px; padding: 16px 24px; font-size: 16px; font-weight: bold; } button.elementor-button { border-radius: 100px; padding: 16px 24px; font-size: 16px; font-weight: bold; } @media (max-width: 1230px) { .elementor-section .elementor-container { flex-wrap: wrap; } } .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1140px; } .elementor-section.elementor-section-stretched { position: relative; width: 100%; } @media (min-width: 768px) { .elementor-section.elementor-section-height-full { height: 100vh; } .elementor-section.elementor-section-height-full > .elementor-container { height: 100%; } } @media (min-width: 768px) { } .elementor-row { width: 100%; display: flex; } @media (max-width: 1230px) { .elementor-row { flex-wrap: wrap; } } .elementor-widget-wrap { position: relative; width: 100%; flex-wrap: wrap; align-content: flex-start; } .elementor-widget-wrap > .elementor-element { width: 100%; } .elementor-widget-wrap.e-swiper-container { width: calc(100% - (var(--e-column-margin-left, 0px) + var(--e-column-margin-right, 0px))); } .elementor-widget:not(:last-child) { margin-bottom: 20px; } .elementor-widget:not(:last-child).elementor-absolute, .elementor-widget:not(:last-child).elementor-widget__width-auto, .elementor-widget:not(:last-child).elementor-widget__width-initial { margin-bottom: 0px; } .elementor-column { position: relative; min-height: 1px; display: flex; padding-left: 5px; } .elementor-column-wrap { width: 100%; position: relative; display: flex; } .elementor-column-gap-narrow > .elementor-column > .elementor-element-populated { padding: 5px; } .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding: 10px; } .elementor-column-gap-extended > .elementor-column > .elementor-element-populated { padding: 15px; } .elementor-column-gap-wide > .elementor-column > .elementor-element-populated { padding: 20px; } .elementor-column-gap-wider > .elementor-column > .elementor-element-populated { padding: 30px; } .elementor-inner-section .elementor-column-gap-no .elementor-element-populated { padding: 0px; } @media (min-width: 768px) { .elementor-column.elementor-col-10, .elementor-column[data-col="10"] { width: 10%; } .elementor-column.elementor-col-11, .elementor-column[data-col="11"] { width: 11.111%; } .elementor-column.elementor-col-12, .elementor-column[data-col="12"] { width: 12.5%; } .elementor-column.elementor-col-14, .elementor-column[data-col="14"] { width: 14.285%; } .elementor-column.elementor-col-16, .elementor-column[data-col="16"] { width: 16.666%; } .elementor-column.elementor-col-20, .elementor-column[data-col="20"] { width: 20%; } .elementor-column.elementor-col-25, .elementor-column[data-col="25"] { width: 25%; } .elementor-column.elementor-col-30, .elementor-column[data-col="30"] { width: 30%; } .elementor-column.elementor-col-33, .elementor-column[data-col="33"] { width: 33.333%; } .elementor-column.elementor-col-40, .elementor-column[data-col="40"] { width: 40%; } .elementor-column.elementor-col-50, .elementor-column[data-col="50"] { width: 50%; } .elementor-column.elementor-col-60, .elementor-column[data-col="60"] { width: 60%; } .elementor-column.elementor-col-66, .elementor-column[data-col="66"] { width: 66.666%; } .elementor-column.elementor-col-70, .elementor-column[data-col="70"] { width: 70%; } .elementor-column.elementor-col-75, .elementor-column[data-col="75"] { width: 75%; } .elementor-column.elementor-col-80, .elementor-column[data-col="80"] { width: 80%; } .elementor-column.elementor-col-83, .elementor-column[data-col="83"] { width: 83.333%; } .elementor-column.elementor-col-90, .elementor-column[data-col="90"] { width: 90%; } .elementor-column.elementor-col-100, .elementor-column[data-col="100"] { width: 100%; } } @media (max-width: 479px) { .elementor-column.elementor-xs-10 { width: 10%; } .elementor-column.elementor-xs-11 { width: 11.111%; } .elementor-column.elementor-xs-12 { width: 12.5%; } .elementor-column.elementor-xs-14 { width: 14.285%; } .elementor-column.elementor-xs-16 { width: 16.666%; } .elementor-column.elementor-xs-20 { width: 20%; } .elementor-column.elementor-xs-25 { width: 25%; } .elementor-column.elementor-xs-30 { width: 30%; } .elementor-column.elementor-xs-33 { width: 33.333%; } .elementor-column.elementor-xs-40 { width: 40%; } .elementor-column.elementor-xs-50 { width: 50%; } .elementor-column.elementor-xs-60 { width: 60%; } .elementor-column.elementor-xs-66 { width: 66.666%; } .elementor-column.elementor-xs-70 { width: 70%; } .elementor-column.elementor-xs-75 { width: 75%; } .elementor-column.elementor-xs-80 { width: 80%; } .elementor-column.elementor-xs-83 { width: 83.333%; } .elementor-column.elementor-xs-90 { width: 90%; } .elementor-column.elementor-xs-100 { width: 100%; } } @media (max-width: 767px) { .elementor-column.elementor-sm-10 { width: 10%; } .elementor-column.elementor-sm-11 { width: 11.111%; } .elementor-column.elementor-sm-12 { width: 12.5%; } .elementor-column.elementor-sm-14 { width: 14.285%; } .elementor-column.elementor-sm-16 { width: 16.666%; } .elementor-column.elementor-sm-20 { width: 20%; } .elementor-column.elementor-sm-25 { width: 25%; } .elementor-column.elementor-sm-30 { width: 30%; } .elementor-column.elementor-sm-33 { width: 33.333%; } .elementor-column.elementor-sm-40 { width: 40%; } .elementor-column.elementor-sm-50 { width: 50%; } .elementor-column.elementor-sm-60 { width: 60%; } .elementor-column.elementor-sm-66 { width: 66.666%; } .elementor-column.elementor-sm-70 { width: 70%; } .elementor-column.elementor-sm-75 { width: 75%; } .elementor-column.elementor-sm-80 { width: 80%; } .elementor-column.elementor-sm-83 { width: 83.333%; } .elementor-column.elementor-sm-90 { width: 90%; } .elementor-column.elementor-sm-100 { width: 100%; } } @media (min-width: 768px) and (max-width: 1230px) { .elementor-column.elementor-md-10 { width: 10%; } .elementor-column.elementor-md-11 { width: 11.111%; } .elementor-column.elementor-md-12 { width: 12.5%; } .elementor-column.elementor-md-14 { width: 14.285%; } .elementor-column.elementor-md-16 { width: 16.666%; } .elementor-column.elementor-md-20 { width: 20%; } .elementor-column.elementor-md-25 { width: 25%; } .elementor-column.elementor-md-30 { width: 30%; } .elementor-column.elementor-md-33 { width: 33.333%; } .elementor-column.elementor-md-40 { width: 40%; } .elementor-column.elementor-md-50 { width: 50%; } .elementor-column.elementor-md-60 { width: 60%; } .elementor-column.elementor-md-66 { width: 66.666%; } .elementor-column.elementor-md-70 { width: 70%; } .elementor-column.elementor-md-75 { width: 75%; } .elementor-column.elementor-md-80 { width: 80%; } .elementor-column.elementor-md-83 { width: 83.333%; } .elementor-column.elementor-md-90 { width: 90%; } .elementor-column.elementor-md-100 { width: 100%; } } @media (min-width: 768px) and (max-width: 1230px) { .elementor-reverse-tablet > .elementor-container > :first-child { order: 10; } .elementor-reverse-tablet > .elementor-container > :nth-child(2) { order: 9; } .elementor-reverse-tablet > .elementor-container > :nth-child(3) { order: 8; } .elementor-reverse-tablet > .elementor-container > :nth-child(4) { order: 7; } .elementor-reverse-tablet > .elementor-container > :nth-child(5) { order: 6; } .elementor-reverse-tablet > .elementor-container > :nth-child(6) { order: 5; } .elementor-reverse-tablet > .elementor-container > :nth-child(7) { order: 4; } .elementor-reverse-tablet > .elementor-container > :nth-child(8) { order: 3; } .elementor-reverse-tablet > .elementor-container > :nth-child(9) { order: 2; } .elementor-reverse-tablet > .elementor-container > :nth-child(10) { order: 1; } } @media (max-width: 767px) { .elementor-reverse-mobile > .elementor-container > :first-child { order: 10; } .elementor-reverse-mobile > .elementor-container > :nth-child(2) { order: 9; } .elementor-reverse-mobile > .elementor-container > :nth-child(3) { order: 8; } .elementor-reverse-mobile > .elementor-container > :nth-child(4) { order: 7; } .elementor-reverse-mobile > .elementor-container > :nth-child(5) { order: 6; } .elementor-reverse-mobile > .elementor-container > :nth-child(6) { order: 5; } .elementor-reverse-mobile > .elementor-container > :nth-child(7) { order: 4; } .elementor-reverse-mobile > .elementor-container > :nth-child(8) { order: 3; } .elementor-reverse-mobile > .elementor-container > :nth-child(9) { order: 2; } .elementor-reverse-mobile > .elementor-container > :nth-child(10) { order: 1; } .elementor-column { width: 100%; } } .elementor-grid .elementor-grid-item { min-width: 0px; } .elementor-grid-0 .elementor-grid { display: inline-block; width: 100%; word-spacing: var(--grid-column-gap); margin-bottom: calc(-1 * var(--grid-row-gap)); } .elementor-grid-0 .elementor-grid .elementor-grid-item { display: inline-block; margin-bottom: var(--grid-row-gap); word-break: break-word; } @media (max-width: 1230px) { .elementor-grid-tablet-0 .elementor-grid { display: inline-block; width: 100%; word-spacing: var(--grid-column-gap); margin-bottom: calc(-1 * var(--grid-row-gap)); } .elementor-grid-tablet-0 .elementor-grid .elementor-grid-item { display: inline-block; margin-bottom: var(--grid-row-gap); word-break: break-word; } .elementor-grid-tablet-1 .elementor-grid { grid-template-columns: repeat(1, 1fr); } .elementor-grid-tablet-2 .elementor-grid { grid-template-columns: repeat(2, 1fr); } .elementor-grid-tablet-3 .elementor-grid { grid-template-columns: repeat(3, 1fr); } .elementor-grid-tablet-4 .elementor-grid { grid-template-columns: repeat(4, 1fr); } .elementor-grid-tablet-5 .elementor-grid { grid-template-columns: repeat(5, 1fr); } .elementor-grid-tablet-6 .elementor-grid { grid-template-columns: repeat(6, 1fr); } .elementor-grid-tablet-7 .elementor-grid { grid-template-columns: repeat(7, 1fr); } .elementor-grid-tablet-8 .elementor-grid { grid-template-columns: repeat(8, 1fr); } .elementor-grid-tablet-9 .elementor-grid { grid-template-columns: repeat(9, 1fr); } .elementor-grid-tablet-10 .elementor-grid { grid-template-columns: repeat(10, 1fr); } .elementor-grid-tablet-11 .elementor-grid { grid-template-columns: repeat(11, 1fr); } .elementor-grid-tablet-12 .elementor-grid { grid-template-columns: repeat(12, 1fr); } } @media (max-width: 1230px) { } @media (max-width: 767px) { .elementor-grid-mobile-0 .elementor-grid { display: inline-block; width: 100%; word-spacing: var(--grid-column-gap); margin-bottom: calc(-1 * var(--grid-row-gap)); } .elementor-grid-mobile-0 .elementor-grid .elementor-grid-item { display: inline-block; margin-bottom: var(--grid-row-gap); word-break: break-word; } .elementor-grid-mobile-1 .elementor-grid { grid-template-columns: repeat(1, 1fr); } .elementor-grid-mobile-2 .elementor-grid { grid-template-columns: repeat(2, 1fr); } .elementor-grid-mobile-3 .elementor-grid { grid-template-columns: repeat(3, 1fr); } .elementor-grid-mobile-4 .elementor-grid { grid-template-columns: repeat(4, 1fr); } .elementor-grid-mobile-5 .elementor-grid { grid-template-columns: repeat(5, 1fr); } .elementor-grid-mobile-6 .elementor-grid { grid-template-columns: repeat(6, 1fr); } .elementor-grid-mobile-7 .elementor-grid { grid-template-columns: repeat(7, 1fr); } .elementor-grid-mobile-8 .elementor-grid { grid-template-columns: repeat(8, 1fr); } .elementor-grid-mobile-9 .elementor-grid { grid-template-columns: repeat(9, 1fr); } .elementor-grid-mobile-10 .elementor-grid { grid-template-columns: repeat(10, 1fr); } .elementor-grid-mobile-11 .elementor-grid { grid-template-columns: repeat(11, 1fr); } .elementor-grid-mobile-12 .elementor-grid { grid-template-columns: repeat(12, 1fr); } } @media (max-width: 767px) { } @media (min-width: 1231px) { #elementor-device-mode::after { content: "desktop"; } } @media (max-width: 1230px) { #elementor-device-mode::after { content: "tablet"; } } @media (max-width: 767px) { #elementor-device-mode::after { content: "mobile"; } } .e-con > .e-con-inner { flex-wrap: var(--flex-wrap); justify-content: var(--justify-content); align-items: var(--align-items); align-content: var(--align-content); gap: var(--gap); width: 100%; max-width: var(--content-width); margin: 0px auto; padding-inline: 0px; height: 100%; flex: 1 1 auto; align-self: auto; } :is(.elementor-section-wrap, [data-elementor-id]) > .e-con { --margin-right: auto; --margin-left: auto; max-width: min(100%, var(--width)); } :is(.elementor-section-wrap, [data-elementor-id]) > .e-con { --margin-right: auto; --margin-left: auto; max-width: min(100%, var(--width)); } .e-con .elementor-widget.elementor-widget { margin-bottom: 0px; } .e-con::before, .e-con > .e-con-inner > .elementor-background-slideshow::before, .e-con > .e-con-inner > .elementor-background-video-container::before, .e-con > .elementor-background-slideshow::before, .e-con > .elementor-background-video-container::before, .e-con > .elementor-motion-effects-container > .elementor-motion-effects-layer::before { content: var(--background-overlay); display: block; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; mix-blend-mode: var(--overlay-mix-blend-mode); opacity: var(--overlay-opacity); transition: var(--overlay-transition, .3s); border-radius: var(--border-radius); } .e-con::before { transition: background var(--overlay-transition, .3s), border-radius var(--border-transition, .3s), opacity var(--overlay-transition, .3s); } .e-con .elementor-widget { min-width: 0px; } .e-con .elementor-widget-empty, .e-con .elementor-widget-google_maps, .e-con .elementor-widget-video, .e-con .elementor-widget.e-widget-swiper { width: 100%; } .e-con > .e-con-inner > .elementor-widget > .elementor-widget-container, .e-con > .elementor-widget > .elementor-widget-container { height: 100%; } .e-con.e-con > .e-con-inner > .elementor-widget, .elementor.elementor .e-con > .elementor-widget { max-width: 100%; } @media (max-width: 767px) { .e-con { --width: 100%; --flex-wrap: wrap; } } .elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group .elementor-field-subgroup, .elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group > .elementor-select-wrapper, .elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group > input, .elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group > textarea { flex-basis: 100%; max-width: 100%; } .elementor-field-group .elementor-field-textual:focus { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; outline: 0px; } .elementor-field-group .elementor-select-wrapper { display: flex; position: relative; width: 100%; } .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option { padding-right: 10px; } @media screen and (max-width: 1230px) { .elementor-tablet-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button { flex-basis: 100%; } .elementor-tablet-button-align-stretch .e-form__buttons__wrapper { flex-basis: 50%; flex-grow: 1; } .elementor-tablet-button-align-stretch .e-form__buttons__wrapper__button { flex-basis: 100%; } .elementor-tablet-button-align-center .e-form__buttons, .elementor-tablet-button-align-center .elementor-field-type-submit { justify-content: center; } .elementor-tablet-button-align-start .e-form__buttons, .elementor-tablet-button-align-start .elementor-field-type-submit { justify-content: flex-start; } .elementor-tablet-button-align-end .e-form__buttons, .elementor-tablet-button-align-end .elementor-field-type-submit { justify-content: flex-end; } .elementor-tablet-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-tablet-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-tablet-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button { flex-basis: auto; } .elementor-tablet-button-align-center .e-form__buttons__wrapper, .elementor-tablet-button-align-end .e-form__buttons__wrapper, .elementor-tablet-button-align-start .e-form__buttons__wrapper { flex-grow: 0; } .elementor-tablet-button-align-center .e-form__buttons__wrapper, .elementor-tablet-button-align-center .e-form__buttons__wrapper__button, .elementor-tablet-button-align-end .e-form__buttons__wrapper, .elementor-tablet-button-align-end .e-form__buttons__wrapper__button, .elementor-tablet-button-align-start .e-form__buttons__wrapper, .elementor-tablet-button-align-start .e-form__buttons__wrapper__button { flex-basis: auto; } } @media screen and (max-width: 767px) { .elementor-mobile-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button { flex-basis: 100%; } .elementor-mobile-button-align-stretch .e-form__buttons__wrapper { flex-basis: 50%; flex-grow: 1; } .elementor-mobile-button-align-stretch .e-form__buttons__wrapper__button { flex-basis: 100%; } .elementor-mobile-button-align-center .e-form__buttons, .elementor-mobile-button-align-center .elementor-field-type-submit { justify-content: center; } .elementor-mobile-button-align-start .e-form__buttons, .elementor-mobile-button-align-start .elementor-field-type-submit { justify-content: flex-start; } .elementor-mobile-button-align-end .e-form__buttons, .elementor-mobile-button-align-end .elementor-field-type-submit { justify-content: flex-end; } .elementor-mobile-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-mobile-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-mobile-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button { flex-basis: auto; } .elementor-mobile-button-align-center .e-form__buttons__wrapper, .elementor-mobile-button-align-end .e-form__buttons__wrapper, .elementor-mobile-button-align-start .e-form__buttons__wrapper { flex-grow: 0; } .elementor-mobile-button-align-center .e-form__buttons__wrapper, .elementor-mobile-button-align-center .e-form__buttons__wrapper__button, .elementor-mobile-button-align-end .e-form__buttons__wrapper, .elementor-mobile-button-align-end .e-form__buttons__wrapper__button, .elementor-mobile-button-align-start .e-form__buttons__wrapper, .elementor-mobile-button-align-start .e-form__buttons__wrapper__button { flex-basis: auto; } } .elementor-form .elementor-button { padding-top: 0px; padding-bottom: 0px; border: none; } .elementor-form .elementor-button.elementor-size-xs { min-height: 33px; } .elementor-form .elementor-button.elementor-size-sm { min-height: 40px; } .elementor-form .elementor-button.elementor-size-md { min-height: 47px; } .elementor-form .elementor-button.elementor-size-lg { min-height: 59px; } .elementor-form .elementor-button.elementor-size-xl { min-height: 72px; } .elementor-element .elementor-widget-container { transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s); } .elementor-button-icon svg { width: 1em; height: auto; } .elementor-button-icon .e-font-icon-svg { height: 1em; } .elementor-button .elementor-align-icon-right { margin-left: 5px; order: 15; } .elementor-button .elementor-align-icon-left { margin-right: 5px; order: 5; } .elementor-icon i, .elementor-icon svg { width: 1em; height: 1em; position: relative; display: block; } .elementor-icon i.fad { width: auto; } .elementor-shape-circle .elementor-icon { border-radius: 50%; } .elementor-element .swiper .elementor-swiper-button svg { fill: rgba(238, 238, 238, 0.9); height: 1em; width: 1em; } .elementor-element .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image { width: 100%; } .elementor-element.elementor-pagination-position-outside .swiper { padding-bottom: 30px; } .elementor-element.elementor-arrows-position-outside .swiper { width: calc(100% - 60px); } .elementor-lightbox .dialog-widget-content { background: none; box-shadow: none; width: 100%; height: 100%; } .elementor-lightbox .dialog-message:not(.elementor-fit-aspect-ratio) { height: 100%; } .elementor-lightbox .dialog-message.dialog-lightbox-message { padding: 0px; } .elementor-lightbox .dialog-lightbox-close-button svg { height: 1em; width: 1em; } .elementor-lightbox .swiper-container { height: 100%; } .elementor-lightbox .elementor-lightbox-item { display: flex; align-items: center; justify-content: center; position: relative; padding: 70px; box-sizing: border-box; height: 100%; margin: auto; } @media (max-width: 767px) { .elementor-lightbox .elementor-lightbox-item { padding: 70px 0px; } } @media (max-width: 767px) { } .elementor-lightbox .elementor-lightbox-image { max-height: 100%; user-select: none; } .elementor-lightbox .elementor-lightbox-image, .elementor-lightbox .elementor-lightbox-image:hover { opacity: 1; filter: none; border: none; } .elementor-lightbox .elementor-lightbox-image, .elementor-lightbox .elementor-video-container { box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 30px, rgba(0, 0, 0, 0.3) 0px 0px 8px -5px; border-radius: 2px; } @media (min-width: 1231px) { .elementor-lightbox .elementor-video-container { width: 75%; } } @media (max-width: 1230px) { .elementor-lightbox .elementor-video-container { width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .elementor-lightbox .elementor-aspect-ratio-916 .elementor-video-container { width: 70%; } } .elementor-lightbox .elementor-swiper-button:focus { outline-width: 1px; } @media (max-width: 767px) { } @media (max-width: 767px) { } .elementor-slideshow__footer, .elementor-slideshow__header { position: absolute; left: 0px; width: 100%; padding: 15px 20px; transition: 0.3s; } .elementor-slideshow__header > i, .elementor-slideshow__header > svg { cursor: pointer; padding: 0.25em; margin: 0px 0.35em; } .elementor-slideshow__header .elementor-slideshow__counter { margin-right: auto; } .elementor-slideshow__share-links a i, .elementor-slideshow__share-links a svg { margin-right: 0.75em; } .elementor-slideshow__share-links a svg { height: 1.25em; width: 1.25em; } .elementor-slideshow__description, .elementor-slideshow__title { margin: 0px; } .elementor-slideshow--fullscreen-mode .elementor-video-container { width: 100%; } .elementor-shape svg { display: block; width: calc(100% + 1.3px); position: relative; left: 50%; transform: translateX(-50%); } #wp-admin-bar-elementor_edit_page .ab-submenu .ab-item { display: flex; width: 200px; } #wp-admin-bar-elementor_edit_page .elementor-edit-link-title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } #left-area ul.elementor-icon-list-items, .elementor-edit-area .elementor-element ul.elementor-icon-list-items, .elementor .elementor-element ul.elementor-icon-list-items { padding: 0px; } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid { width: auto; display: flex; flex-wrap: wrap; justify-content: var(--justify-content, space-between); margin-left: calc(-.5 * var(--grid-column-gap)); margin-right: calc(-.5 * var(--grid-column-gap)); } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid-item { margin-left: calc(.5 * var(--grid-column-gap)); margin-right: calc(.5 * var(--grid-column-gap)); } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid-item { margin-left: 0px; margin-right: 0px; } @media (max-width: 1230px) { .e--ua-appleWebkit .elementor-share-buttons-tablet--align-right, .e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-right { --justify-content: var(--flex-right, flex-end); } .e--ua-appleWebkit .elementor-share-buttons-tablet--align-center, .e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-center { --justify-content: center; } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid { width: auto; display: flex; flex-wrap: wrap; justify-content: var(--justify-content, space-between); margin-left: calc(-.5 * var(--grid-column-gap)); margin-right: calc(-.5 * var(--grid-column-gap)); } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid-item { margin-left: calc(.5 * var(--grid-column-gap)); margin-right: calc(.5 * var(--grid-column-gap)); } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid { display: inline-block; } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid-item { margin-left: 0px; margin-right: 0px; } } @media (max-width: 1230px) { } @media (max-width: 767px) { .e--ua-appleWebkit .elementor-share-buttons-mobile--align-right, .e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-right { --justify-content: var(--flex-right, flex-end); } .e--ua-appleWebkit .elementor-share-buttons-mobile--align-center, .e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-center { --justify-content: center; } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid { width: auto; display: flex; flex-wrap: wrap; justify-content: var(--justify-content, space-between); margin-left: calc(-.5 * var(--grid-column-gap)); margin-right: calc(-.5 * var(--grid-column-gap)); } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid-item { margin-left: calc(.5 * var(--grid-column-gap)); margin-right: calc(.5 * var(--grid-column-gap)); } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid { display: inline-block; } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid-item { margin-left: 0px; margin-right: 0px; } } @media (max-width: 767px) { } @media (max-width: 767px) { .elementor .elementor-hidden-mobile, .elementor .elementor-hidden-phone { display: none; } } @media (min-width: -1px) and (max-width: -1px) { .elementor .elementor-hidden-mobile_extra { display: none; } } @media (min-width: 768px) and (max-width: 1230px) { .elementor .elementor-hidden-tablet { display: none; } } @media (min-width: -1px) and (max-width: -1px) { .elementor .elementor-hidden-tablet_extra { display: none; } } @media (min-width: -1px) and (max-width: -1px) { .elementor .elementor-hidden-laptop { display: none; } } @media (min-width: 1231px) and (max-width: 99999px) { .elementor .elementor-hidden-desktop { display: none; } } @media (min-width: -1px) { .elementor .elementor-hidden-widescreen { display: none; } } .elementor-widget-text-path svg { width: var(--width); max-width: 100%; height: auto; overflow: visible; word-spacing: var(--word-spacing); transform: rotate(var(--rotate, 0)) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1)); } .elementor-widget-n-tabs .e-n-tabs-heading { display: var(--n-tabs-heading-display); flex-basis: var(--n-tabs-heading-width); flex-direction: var(--n-tabs-heading-direction); flex-shrink: 0; justify-content: var(--n-tabs-heading-justify-content); gap: var(--n-tabs-title-gap); } .elementor-widget-n-tabs .e-n-tabs-content { flex-grow: 1; padding: var(--n-tabs-content-padding); border-radius: var(--n-tabs-content-border-radius); } .elementor-widget-n-tabs .e-n-tab-title:not(.e-active) .e-n-tab-icon i:last-child, .elementor-widget-n-tabs .e-n-tab-title:not(.e-active) .e-n-tab-icon svg:last-child { transform: translateY(-100vh); height: 0px; opacity: 0; } .elementor-widget-n-tabs .e-n-tab-title.e-active .e-n-tab-icon i:first-child, .elementor-widget-n-tabs .e-n-tab-title.e-active .e-n-tab-icon svg:first-child { transform: translateY(-100vh); height: 0px; opacity: 0; } .elementor-widget-n-tabs .e-con .e-collapse:not(:first-child), .elementor-widget-n-tabs .e-n-tabs-content .e-collapse:not(:first-child) { margin-top: var(--n-tabs-title-gap); } .elementor-widget-n-tabs .e-con .e-collapse.e-active, .elementor-widget-n-tabs .e-n-tabs-content .e-collapse.e-active { margin-bottom: var(--n-tabs-gap); } @media (min-width: 768px) { .e-n-tabs-mobile > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content > .e-collapse { display: none; } } @media (max-width: 767px) { .e-n-tabs-mobile > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading { display: none; } } @media (min-width: 1231px) { .e-n-tabs-tablet > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content > .e-collapse { display: none; } } @media (max-width: 1230px) { .e-n-tabs-tablet > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading { display: none; } } @media (min-width: 1231px) { .e-n-tabs-laptop > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content > .e-collapse { display: none; } } .elementor-accordion .elementor-accordion-item { border: 1px solid rgb(212, 212, 212); } .elementor-accordion .elementor-accordion-item + .elementor-accordion-item { border-top: none; } .elementor-accordion .elementor-tab-title .elementor-accordion-icon { display: inline-block; width: 1.5em; } .elementor-accordion .elementor-tab-title .elementor-accordion-icon svg { width: 1em; height: 1em; } .elementor-accordion .elementor-tab-content { display: none; padding: 15px 20px; border-top: 1px solid rgb(212, 212, 212); } @media (max-width: 767px) { .elementor-accordion .elementor-tab-title { padding: 12px 15px; } .elementor-accordion .elementor-tab-title .elementor-accordion-icon { width: 1.2em; } .elementor-accordion .elementor-tab-content { padding: 7px 15px; } } @media (max-width: 767px) { } .e-con-inner > .elementor-widget-accordion, .e-con > .elementor-widget-accordion { width: var(--container-widget-width); --flex-grow: var(--container-widget-flex-grow); } @media (max-width: 767px) { .elementor-alert { padding: 10px; } .elementor-alert button.elementor-alert-dismiss { right: 7px; top: 7px; } } @media (max-width: 767px) { } .elementor-widget-divider .elementor-divider__element { margin: 0 var(--divider-element-spacing); flex-shrink: 0; } .elementor-widget-divider .elementor-divider-separator { display: flex; margin: 0px; direction: ltr; } .elementor-widget-divider--element-align-left .elementor-divider__element { margin-left: 0px; } .elementor-widget-divider--element-align-right .elementor-divider__element { margin-right: 0px; } .elementor-widget-divider--separator-type-pattern { --divider-border-style: none; } .e-con-inner > .elementor-widget-divider, .e-con > .elementor-widget-divider { width: var(--container-widget-width, 100%); --flex-grow: var(--container-widget-flex-grow); } .elementor-image-gallery .gallery-item img { margin: 0px auto; } .elementor-image-gallery .gallery-item .gallery-caption { margin: 0px; } .elementor-image-gallery figure figcaption { width: 100%; } .gallery-spacing-custom .elementor-image-gallery .gallery-icon { padding: 0px; } @media (min-width: 768px) { .elementor-image-gallery .gallery-columns-2 .gallery-item { max-width: 50%; } .elementor-image-gallery .gallery-columns-3 .gallery-item { max-width: 33.33%; } .elementor-image-gallery .gallery-columns-4 .gallery-item { max-width: 25%; } .elementor-image-gallery .gallery-columns-5 .gallery-item { max-width: 20%; } .elementor-image-gallery .gallery-columns-6 .gallery-item { max-width: 16.666%; } .elementor-image-gallery .gallery-columns-7 .gallery-item { max-width: 14.28%; } .elementor-image-gallery .gallery-columns-8 .gallery-item { max-width: 12.5%; } .elementor-image-gallery .gallery-columns-9 .gallery-item { max-width: 11.11%; } .elementor-image-gallery .gallery-columns-10 .gallery-item { max-width: 10%; } } @media (min-width: 480px) and (max-width: 767px) { .elementor-image-gallery .gallery.gallery-columns-2 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-3 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-4 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-5 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-6 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-7 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-8 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-9 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-10 .gallery-item { max-width: 50%; } } @media (max-width: 479px) { .elementor-image-gallery .gallery.gallery-columns-2 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-3 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-4 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-5 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-6 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-7 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-8 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-9 .gallery-item, .elementor-image-gallery .gallery.gallery-columns-10 .gallery-item { max-width: 100%; } } .elementor-widget-google_maps iframe { height: 300px; } .elementor-widget-icon-box .elementor-icon-box-icon { margin-bottom: var(--icon-box-icon-margin, 15px); margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .elementor-widget-icon-box.elementor-vertical-align-top .elementor-icon-box-wrapper { align-items: flex-start; } .elementor-widget-icon-box.elementor-vertical-align-middle .elementor-icon-box-wrapper { align-items: center; } .elementor-widget-icon-box.elementor-vertical-align-bottom .elementor-icon-box-wrapper { align-items: flex-end; } } .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-icon { margin-left: var(--icon-box-icon-margin, 15px); margin-right: 0px; margin-bottom: unset; } .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon { margin-right: var(--icon-box-icon-margin, 15px); margin-left: 0px; margin-bottom: unset; } .elementor-widget-icon-box.elementor-position-top .elementor-icon-box-icon { margin-bottom: var(--icon-box-icon-margin, 15px); margin-right: auto; margin-left: auto; } @media (max-width: 1230px) { } @media (max-width: 1230px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } .elementor-widget-icon-box .elementor-icon-box-description { margin: 0px; } .elementor-widget .elementor-icon-list-items.elementor-inline-items { margin-right: -8px; margin-left: -8px; } .elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item { margin-right: 8px; margin-left: 8px; } .elementor-widget .elementor-icon-list-items { list-style-type: none; margin: 0px; padding: 0px; } .elementor-widget .elementor-icon-list-item { margin: 0px; padding: 0px; position: relative; } .elementor-widget .elementor-icon-list-item::after { position: absolute; bottom: 0px; width: 100%; } .elementor-widget .elementor-icon-list-icon + .elementor-icon-list-text { align-self: center; padding-left: 5px; } .elementor-widget .elementor-icon-list-icon svg { width: var(--e-icon-list-icon-size, 1em); height: var(--e-icon-list-icon-size, 1em); } .elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg { margin: var(--e-icon-list-icon-margin, 0 calc(var(--e-icon-list-icon-size, 1em) * .25) 0 0); } .elementor-widget.elementor-list-item-link-full_width a { width: 100%; } .elementor-widget.elementor-align-center .elementor-icon-list-item::after { margin: auto; } @media (max-width: 1230px) { } @media (max-width: 1230px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } .elementor-widget-image a img[src$=".svg"] { width: 48px; } .elementor-widget-image-box .elementor-image-box-content { width: 100%; } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { .elementor-widget-image-box .elementor-image-box-img { margin-bottom: 15px; margin-left: auto !important; margin-right: auto !important; } } @media (max-width: 767px) { } .elementor-widget-image-box .elementor-image-box-description { margin: 0px; } .elementor-image-carousel-wrapper:not(.swiper-container-initialized) .swiper-slide, .elementor-image-carousel-wrapper:not(.swiper-initialized) .swiper-slide { max-width: calc(100% / var(--e-image-carousel-slides-to-show, 3)); } body.elementor-page .elementor-widget-menu-anchor { margin-bottom: 0px; } .elementor-progress-text { flex-grow: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 15px; } .elementor-progress-percentage { padding-right: 15px; } @media (max-width: 767px) { .elementor-progress-text { padding-left: 10px; } } @media (max-width: 767px) { } .e-con-inner .elementor-progress-wrapper, .e-con .elementor-progress-wrapper { height: auto; } .elementor-social-icon:last-child { margin: 0px; } .elementor-shape-rounded .elementor-icon.elementor-social-icon { border-radius: 10%; } .elementor-shape-circle .elementor-icon.elementor-social-icon { border-radius: 50%; } .elementor-column .elementor-spacer-inner { height: var(--spacer-size); } .e-con { --container-widget-width: 100%; } .e-con-inner > .elementor-widget-spacer, .e-con > .elementor-widget-spacer { width: var(--container-widget-width, var(--spacer-size)); --align-self: var(--container-widget-align-self, initial); --flex-shrink: 0; } .e-con-inner > .elementor-widget-spacer > .elementor-widget-container, .e-con-inner > .elementor-widget-spacer > .elementor-widget-container > .elementor-spacer, .e-con > .elementor-widget-spacer > .elementor-widget-container, .e-con > .elementor-widget-spacer > .elementor-widget-container > .elementor-spacer { height: 100%; } .e-con-inner > .elementor-widget-spacer > .elementor-widget-container > .elementor-spacer > .elementor-spacer-inner, .e-con > .elementor-widget-spacer > .elementor-widget-container > .elementor-spacer > .elementor-spacer-inner { height: var(--container-widget-height, var(--spacer-size)); } .elementor-star-rating .elementor-star-1::before { width: 10%; } .elementor-star-rating .elementor-star-2::before { width: 20%; } .elementor-star-rating .elementor-star-3::before { width: 30%; } .elementor-star-rating .elementor-star-4::before { width: 40%; } .elementor-star-rating .elementor-star-5::before { width: 50%; } .elementor-star-rating .elementor-star-6::before { width: 60%; } .elementor-star-rating .elementor-star-7::before { width: 70%; } .elementor-star-rating .elementor-star-8::before { width: 80%; } .elementor-star-rating .elementor-star-9::before { width: 90%; } .elementor-star-rating__title { margin-right: 10px; } .elementor-star-rating--align-justify .elementor-star-rating__title { margin-right: auto; } @media (max-width: 1230px) { } @media (max-width: 1230px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-wrapper { width: 25%; flex-shrink: 0; } .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active { border-right-style: none; } .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active::after, .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active::before { height: 999em; width: 0px; right: 0px; border-right-style: solid; } .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active { border-bottom-style: none; } .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active::after, .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active::before { bottom: 0px; height: 0px; width: 999em; border-bottom-style: solid; } .elementor-widget-tabs .elementor-tab-content, .elementor-widget-tabs .elementor-tab-title, .elementor-widget-tabs .elementor-tab-title::after, .elementor-widget-tabs .elementor-tab-title::before, .elementor-widget-tabs .elementor-tabs-content-wrapper { border: 1px rgb(212, 212, 212); } .elementor-widget-tabs .elementor-tab-desktop-title:focus-visible { border: 1px solid rgb(0, 0, 0); } .elementor-widget-tabs .elementor-tab-mobile-title { padding: 10px; cursor: pointer; } .elementor-widget-tabs .elementor-tab-content { padding: 20px; display: none; } @media (max-width: 767px) { .elementor-tabs .elementor-tab-content, .elementor-tabs .elementor-tab-title { border-style: solid solid none; } .elementor-tabs .elementor-tabs-wrapper { display: none; } .elementor-tabs .elementor-tabs-content-wrapper { border-bottom-style: solid; } .elementor-tabs .elementor-tab-content { padding: 10px; } } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs { display: flex; } .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-wrapper { flex-direction: column; } .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-content-wrapper { flex-grow: 1; border-style: solid solid solid none; } .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-content { border-style: none solid solid; } .elementor-widget-tabs.elementor-tabs-alignment-center .elementor-tabs-wrapper, .elementor-widget-tabs.elementor-tabs-alignment-end .elementor-tabs-wrapper, .elementor-widget-tabs.elementor-tabs-alignment-stretch .elementor-tabs-wrapper { display: flex; } .elementor-widget-tabs.elementor-tabs-alignment-center .elementor-tabs-wrapper { justify-content: center; } .elementor-widget-tabs.elementor-tabs-alignment-end .elementor-tabs-wrapper { justify-content: flex-end; } .elementor-widget-tabs.elementor-tabs-alignment-stretch.elementor-tabs-view-horizontal .elementor-tab-title { width: 100%; } .elementor-widget-tabs.elementor-tabs-alignment-stretch.elementor-tabs-view-vertical .elementor-tab-title { height: 100%; } .elementor-tabs .elementor-tab-mobile-title { display: none; } } @media (min-width: 768px) { } @media (min-width: 768px) { } .elementor-testimonial-wrapper .elementor-testimonial-meta .elementor-testimonial-image img { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; max-width: none; } .elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-aside .elementor-testimonial-image { padding-right: 15px; } .elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-top .elementor-testimonial-image { margin-bottom: 20px; } .elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap { margin-top: 8px; } .elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter { width: 1em; height: 1em; } .elementor-toggle .elementor-tab-title .elementor-toggle-icon { display: inline-block; width: 1em; } .elementor-toggle .elementor-tab-title .elementor-toggle-icon svg { margin-inline-start: -5px; width: 1em; height: 1em; } .elementor-toggle .elementor-tab-title.elementor-active { border-bottom: none; } .elementor-toggle .elementor-tab-content { padding: 15px; border-bottom: 1px solid rgb(212, 212, 212); display: none; } @media (max-width: 767px) { .elementor-toggle .elementor-tab-title { padding: 12px; } .elementor-toggle .elementor-tab-content { padding: 12px 10px; } } @media (max-width: 767px) { } .e-con-inner > .elementor-widget-toggle, .e-con > .elementor-widget-toggle { width: var(--container-widget-width); --flex-grow: var(--container-widget-flex-grow); } .elementor-widget-video .elementor-custom-embed-image-overlay img { display: block; width: 100%; } .e-con-inner > .elementor-widget-video, .e-con > .elementor-widget-video { width: var(--container-widget-width); --flex-grow: var(--container-widget-flex-grow); } .espace-media .content { max-width: 1312px; margin: 0px auto; padding: 0px 16px; } .espace-media .content .subTitle { padding: 64px 0px; } .espace-media .content .youtube_galerie { display: flex; flex-flow: wrap; margin-bottom: 64px; } .espace-media .content .youtube_galerie .youtube_card iframe { width: 100%; height: 200px; padding-bottom: 10px; } .espace-media .content .notice_download .notice_card { width: 33.33%; padding: 10px; } .espace-media .content .notice_download .notice_card img { width: 100%; } .espace-media .content .exemple_montage { margin-top: 30px; } .espace-media .content .exemple_montage_notice p { margin: 30px 0px; } .espace-media .content .exemple_montage_notice .buttons { margin: 30px 0px; } .espace-media .content .exemple_montage_notice .youtube { max-width: 1000px; height: 100%; margin: 30px auto; } .espace-media .content .exemple_montage_notice .youtube iframe { width: 100%; height: 500px; } .articles_config .content .pub_zero { width: 281px; height: 431px; display: flex; flex-direction: column; border-radius: 8px; overflow: hidden; } .articles_config .content .pub_zero .top { width: 100%; height: 221px; overflow: hidden; } .espace-media .content .kit_download .card_download img { width: 100%; } .espace-media .content .contacter { margin-top: 64px; margin-bottom: 64px; } .drapeau { padding-bottom: 3px; border-bottom: 3px solid var(--Gray-300); } .confirmation_inscr { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 50px 20px; } .confirmation_inscr .content svg { margin-bottom: 30px; } html body .new_ClosetPacks6 { text-align: center; padding-top: 20px; display: block !important; background-color: var(--Gray-50) !important; color: black !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks6 { text-align: center; padding-top: 20px; display: block !important; background-color: var(--Gray-50) !important; color: black !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks6::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc5.png"); display: block; width: 58px; height: 70px; background-size: contain; margin: 20px auto; } html body .new_ClosetPacks6::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc5.png"); display: block; width: 58px; height: 70px; background-size: contain; margin: 20px auto; } html body .new_ClosetPacks6::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc5.png"); display: block; width: 58px; height: 70px; background-size: contain; margin: 20px auto; } html body .new_ClosetPacks15 { text-align: center; padding-top: 20px; background-color: var(--Yellow) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks15 { text-align: center; padding-top: 20px; background-color: var(--Yellow) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks15::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc4.png"); display: block; width: 95px; height: 88.372px; background-size: contain; margin: 10px auto 11.63px; } html body .new_ClosetPacks15::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc4.png"); display: block; width: 95px; height: 88.372px; background-size: contain; margin: 10px auto 11.63px; } html body .new_ClosetPacks15::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc4.png"); display: block; width: 95px; height: 88.372px; background-size: contain; margin: 10px auto 11.63px; } html body .new_ClosetPacks24 { text-align: center; padding-top: 20px; background-color: var(--Red) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks24 { text-align: center; padding-top: 20px; background-color: var(--Red) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks24::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc2.png"); display: block; width: 68px; height: 73px; background-size: contain; margin: 23px auto 13px; background-repeat: no-repeat; } html body .new_ClosetPacks24::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc2.png"); display: block; width: 68px; height: 73px; background-size: contain; margin: 23px auto 13px; background-repeat: no-repeat; } html body .new_ClosetPacks24::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc2.png"); display: block; width: 68px; height: 73px; background-size: contain; margin: 23px auto 13px; background-repeat: no-repeat; } html body .new_ClosetPacks33 { text-align: center; padding-top: 20px; background-color: var(--DarkBlue) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks33 { text-align: center; padding-top: 20px; background-color: var(--DarkBlue) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks33::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc3.png"); display: block; width: 89.792px; height: 120.689px; background-size: contain; background-repeat: no-repeat; position: absolute; transform: rotate(-37.401deg); margin: -4px 60px 108px; } html body .new_ClosetPacks33::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc3.png"); display: block; width: 89.792px; height: 120.689px; background-size: contain; background-repeat: no-repeat; position: absolute; transform: rotate(-37.401deg); margin: -4px 60px 108px; } html body .new_ClosetPacks33::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc3.png"); display: block; width: 89.792px; height: 120.689px; background-size: contain; background-repeat: no-repeat; position: absolute; transform: rotate(-37.401deg); margin: -4px 60px 108px; } .new_Mobile50, .new_Mobile4 { animation: 3s ease 0s 1 normal forwards running hideElement; opacity: 1; height: auto; overflow: hidden; display: block !important; } .gallery-item { display: block; width: 200px; height: 200px; } .gallery-icon { display: block; width: 200px; height: 200px; } .gallery-icon a { display: block; width: 200px; height: 200px; } .gallery-icon a img { object-fit: cover; height: 100% !important; margin: 0px !important; } @keyframes hideElement { 0% { height: 0px; opacity: 0; } 80% { height: 0px; opacity: 0; } 99% { height: 0px; opacity: 1; } 100% { height: auto; } } @media only screen and (max-width: 1280px) { .configurateur .content .choix .types { max-width: 700px; margin: 0px auto; } } @media only screen and (max-width: 1280px) { } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 900px) and (min-width: 768px) { .vision .content { display: flex; gap: 25px; max-width: 1186px; margin: 60px auto 40px; justify-content: space-around; flex-direction: column-reverse; align-items: center; } .vision .content div.text { display: flex; flex-direction: column; gap: 20px; justify-content: center; align-items: center; } } @media only screen and (max-width: 900px) and (min-width: 768px) { } @media only screen and (max-width: 900px) { } @media only screen and (max-width: 900px) { } @media only screen and (max-width: 900px) { } @media only screen and (max-width: 900px) { } @media only screen and (max-width: 900px) { } @media only screen and (max-width: 900px) { } @media (min-width: 1280px) { #mob-app-kf-checkout .xl\:flex-row { flex-direction: column !important; } } @media only screen and (max-width: 481px) and (min-width: 397px) { .title-page-annexe .gauche .sitation h2::after { margin-left: -36px; } } @media only screen and (max-width: 481px) and (min-width: 397px) { } @media only screen and (min-width: 768px) { .no-desktop { display: none !important; } } @media only screen and (max-width: 978px) { .profil .content .container .contenu input { width: 100%; } .profil .content .container.invisible .project_list .card { width: 100%; } .profil .content .container .contenu .dummyinput { display : none;} } @media only screen and (max-width: 1200px) { .profil .content .container .notice div { width: 100%; } } .footer-links { max-width: 1186px; margin: 0px auto; display: flex; justify-content: space-around; padding: 60px 0px; } .footer-links div .links a::before { bottom: 0px; left: 0px; content: ""; display: block; height: 2px; position: absolute; background: var(--Red); transition: width 0.2s, right 0.2s; width: 0px; } .footer-links div .links a:hover::before { width: 100%; right: 0px; } .footer-links .help .contact { max-width: 281px; display: flex; gap: 20px; flex-direction: column; } .footer-links .help .contact a::before { content: ""; display: block; width: 24px; height: 24px; position: absolute; margin-left: -30px; margin-top: -4px; } .footer-links .help .payment h3 { margin-bottom: 20px; } .footer-bottom { max-width: 1186px; margin: 0px auto; display: flex; justify-content: space-between; gap: 20px; padding: 40px 16px; } @media only screen and (max-width: 767px) { .footer-links { max-width: 1186px; margin: 0px auto; display: flex; gap: 40px; padding: 60px 24px 0px; flex-direction: column; } .footer-bottom { max-width: 1186px; margin: 0px auto; display: flex; justify-content: space-between; gap: 20px; padding: 40px 24px; flex-direction: column-reverse; } .footer-bottom .legals { display: flex; gap: 20px; align-items: flex-start; flex-direction: column; } } @media only screen and (max-width: 767px) { } @media only screen and (max-width: 767px) { } #main { width: calc(95% - 10px); border-radius: 10px; margin-bottom: 10px; } #miniatures img { margin: 0px 10px 10px 0px; width: calc(19% - 10px); } #miniatures img { margin-bottom: 10px; } .slider-meuble { width: 90%; } h2 > span { line-height: 1em; display: block; } @media only screen and (max-width: 767px) { } @media only screen and (max-width: 767px) { } @media only screen and (max-width: 767px) { } @media only screen and (max-width: 767px) { } @media only screen and (max-width: 767px) { } .elementor-60703 .elementor-element.elementor-element-4a95df3e { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; } .elementor-60703 .elementor-element.elementor-element-4a95df3e > .elementor-background-overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; } .elementor-60703 .elementor-element.elementor-element-3d1dd6ca > .elementor-element-populated { padding: 0px 20px; } .elementor-60703 .elementor-element.elementor-element-5765c581 > .elementor-widget-container { margin: 30px 0px 0px; } .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-field-group { padding-right: calc(5px); padding-left: calc(5px); margin-bottom: 30px; } .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-form-fields-wrapper { margin-left: calc(-5px); margin-right: calc(-5px); margin-bottom: -40px; } .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-field-group.recaptcha_v3-bottomright { margin-bottom: 0px; } body.rtl .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-labels-inline .elementor-field-group > label { padding-left: 0px; } body:not(.rtl) .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-labels-inline .elementor-field-group > label { padding-right: 0px; } body .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-labels-above .elementor-field-group > label { padding-bottom: 0px; } .elementor-60703 .elementor-element.elementor-element-68897c02 > .elementor-widget-container { margin: 30px 0px 0px; } .elementor-60703 .elementor-element.elementor-element-5ce41bef > .elementor-widget-container { margin: 0px 0px 80px; } .elementor-60703 .elementor-element.elementor-element-522973bb > .elementor-element-populated { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 0px 50px; } .elementor-60703 .elementor-element.elementor-element-522973bb > .elementor-element-populated > .elementor-background-overlay { transition: background 0.3s, border-radius 0.3s, opacity 0.3s; } #elementor-popup-modal-60703 .dialog-message { width: 1000px; height: auto; } #elementor-popup-modal-60703 .dialog-widget-content { box-shadow: rgba(0, 0, 0, 0.2) 2px 8px 23px 3px; } @media (max-width: 1230px) { } @media (max-width: 1230px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media screen and (max-width: 767px) { .mobilepop { height: calc(100% - 160px) !important; } #mobilepop2 { height: 100% !important; } .hideonmobile { display: none; } } @media screen and (max-width: 767px) { } @media screen and (min-width: 768px) { .hideondesktop { display: none; } } @media (max-width: 767px) { #mobSharedPopupContainer { padding-top: 65px; margin-bottom: -65px; } } @media (max-width: 767px) { } @media (max-width: 767px) { } *, ::before, ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235); } *, ::before, ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235); } html { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } body { margin: 0px; line-height: inherit; } body { margin: 0px; line-height: inherit; } hr { height: 0px; color: inherit; border-top-width: 1px; } hr { height: 0px; color: inherit; border-top-width: 1px; } hr { height: 0px; color: inherit; border-top-width: 1px; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } table { text-indent: 0px; border-color: inherit; border-collapse: collapse; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0px; padding: 0px; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0px; padding: 0px; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0px; padding: 0px; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0px; } fieldset { margin: 0px; padding: 0px; } fieldset { margin: 0px; padding: 0px; } legend { padding: 0px; } ol, ul, menu { list-style: none; margin: 0px; padding: 0px; } ol, ul, menu { list-style: none; margin: 0px; padding: 0px; } img, video { max-width: 100%; height: auto; } img, video { max-width: 100%; height: auto; } input[type="text"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="text"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="text"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="text"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="text"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="text"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="text"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="password"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="password"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="password"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="password"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="password"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="password"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="password"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="email"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="email"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="email"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="email"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="email"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="email"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="email"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="tel"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="tel"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="tel"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="tel"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="tel"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="tel"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="tel"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="checkbox"] { height: 1rem; width: 1rem; cursor: pointer; appearance: none; border-radius: 0.125rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } input[type="checkbox"] { height: 1rem; width: 1rem; cursor: pointer; appearance: none; border-radius: 0.125rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } input[type="checkbox"] { height: 1rem; width: 1rem; cursor: pointer; appearance: none; border-radius: 0.125rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } input[type="checkbox"] { height: 1rem; width: 1rem; cursor: pointer; appearance: none; border-radius: 0.125rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } input[type="checkbox"]:checked { --tw-border-opacity: 1; border-color: rgb(29 60 114 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(29 60 114 / var(--tw-bg-opacity)); } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .container { width: 100%; } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } .m-auto { margin: auto !important; } .m-0 { margin: 0px !important; } .m-2 { margin: 0.5rem !important; } .m-5 { margin: 1.25rem !important; } .m-1 { margin: 0.25rem !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } .my-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .-mx-4 { margin-left: -1rem !important; margin-right: -1rem !important; } .my-5 { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mx-4 { margin-left: 1rem !important; margin-right: 1rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .mx-\[3px\] { margin-left: 3px !important; margin-right: 3px !important; } .mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .mx-5 { margin-left: 1.25rem !important; margin-right: 1.25rem !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .mx-3 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; } .my-8 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .mt-5 { margin-top: 1.25rem !important; } .mb-24 { margin-bottom: 6rem !important; } .-ml-2 { margin-left: -0.5rem !important; } .-mr-2 { margin-right: -0.5rem !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-10 { margin-bottom: 2.5rem !important; } .mt-10 { margin-top: 2.5rem !important; } .mb-6 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 1.25rem !important; } .mt-0 { margin-top: 0px !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-4 { margin-top: 1rem !important; } .mt-20 { margin-top: 5rem !important; } .mb-2\.5 { margin-bottom: 0.625rem !important; } .ml-5 { margin-left: 1.25rem !important; } .mt-1 { margin-top: 0.25rem !important; } .ml-1\.5 { margin-left: 0.375rem !important; } .ml-1 { margin-left: 0.25rem !important; } .mt-\[30px\] { margin-top: 30px !important; } .ml-4 { margin-left: 1rem !important; } .mr-4 { margin-right: 1rem !important; } .mr-\[5px\] { margin-right: 5px !important; } .ml-8 { margin-left: 2rem !important; } .mb-4 { margin-bottom: 1rem !important; } .ml-3 { margin-left: 0.75rem !important; } .ml-2 { margin-left: 0.5rem !important; } .ml-6 { margin-left: 1.5rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mr-5 { margin-right: 1.25rem !important; } .mb-3 { margin-bottom: 0.75rem !important; } .ml-auto { margin-left: auto !important; } .mr-auto { margin-right: auto !important; } .mt-16 { margin-top: 4rem !important; } .-ml-1 { margin-left: -0.25rem !important; } .mr-3 { margin-right: 0.75rem !important; } .mb-12 { margin-bottom: 3rem !important; } .mt-\[-20px\] { margin-top: -20px !important; } .ml-10 { margin-left: 2.5rem !important; } .mt-6 { margin-top: 1.5rem !important; } .mr-6 { margin-right: 1.5rem !important; } .mt-2\.5 { margin-top: 0.625rem !important; } .mt-3 { margin-top: 0.75rem !important; } .mt-8 { margin-top: 2rem !important; } .h-screen { height: 100vh !important; } .h-10 { height: 2.5rem !important; } .h-full { height: 100% !important; } .h-600p { height: 600px !important; } .h-\[70px\] { height: 70px !important; } .h-4 { height: 1rem !important; } .h-6 { height: 1.5rem !important; } .h-12 { height: 3rem !important; } .h-\[400px\] { height: 400px !important; } .h-8 { height: 2rem !important; } .h-3\.5 { height: 0.875rem !important; } .h-3 { height: 0.75rem !important; } .h-\[36px\] { height: 36px !important; } .h-\[46px\] { height: 46px !important; } .h-\[138px\] { height: 138px !important; } .h-\[120px\] { height: 120px !important; } .h-\[32px\] { height: 32px !important; } .h-\[26px\] { height: 26px !important; } .h-5 { height: 1.25rem !important; } .h-\[600px\] { height: 600px !important; } .h-150p { height: 150px !important; } .h-\[100px\] { height: 100px !important; } .h-\[500px\] { height: 500px !important; } .h-\[24px\] { height: 24px !important; } .h-\[18px\] { height: 18px !important; } .max-h-\[20px\] { max-height: 20px !important; } .min-h-screen { min-height: 100vh !important; } .min-h-\[500px\] { min-height: 500px !important; } .min-h-\[636px\] { min-height: 636px !important; } .w-10 { width: 2.5rem !important; } .w-\[200px\] { width: 200px !important; } .w-full { width: 100% !important; } .w-1\/2 { width: 50% !important; } .w-150p { width: 150px !important; } .w-screen { width: 100vw !important; } .w-240p { width: 240px !important; } .w-1\/4 { width: 25% !important; } .w-\[115px\] { width: 115px !important; } .w-\[60px\] { width: 60px !important; } .w-\[250px\] { width: 250px !important; } .w-4 { width: 1rem !important; } .w-6 { width: 1.5rem !important; } .w-16 { width: 4rem !important; } .w-2\/12 { width: 16.6667% !important; } .w-1\/12 { width: 8.33333% !important; } .w-8 { width: 2rem !important; } .w-3\.5 { width: 0.875rem !important; } .w-3 { width: 0.75rem !important; } .w-\[380px\] { width: 380px !important; } .w-\[36px\] { width: 36px !important; } .w-\[46px\] { width: 46px !important; } .w-\[64px\] { width: 64px !important; } .w-\[26px\] { width: 26px !important; } .w-72 { width: 18rem !important; } .w-\[430px\] { width: 430px !important; } .w-20 { width: 5rem !important; } .w-24 { width: 6rem !important; } .w-\[255px\] { width: 255px !important; } .w-5 { width: 1.25rem !important; } .w-32 { width: 8rem !important; } .w-10\/12 { width: 83.3333% !important; } .w-36 { width: 9rem !important; } .w-28 { width: 7rem !important; } .w-96 { width: 24rem !important; } .w-auto { width: auto !important; } .w-80 { width: 20rem !important; } .w-44 { width: 11rem !important; } .w-\[18px\] { width: 18px !important; } .w-12 { width: 3rem !important; } .min-w-\[50px\] { min-width: 50px !important; } .min-w-\[64px\] { min-width: 64px !important; } .min-w-\[220px\] { min-width: 220px !important; } .min-w-\[47px\] { min-width: 47px !important; } .max-w-1300p { max-width: 1300px !important; } .max-w-\[150px\] { max-width: 150px !important; } .max-w-\[120px\] { max-width: 120px !important; } .max-w-\[80px\] { max-width: 80px !important; } .max-w-full { max-width: 100% !important; } .border-collapse { border-collapse: collapse !important; } .\!rounded-full { border-radius: 9999px !important; } .rounded-full { border-radius: 9999px !important; } .rounded-md { border-radius: 0.375rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-sm { border-radius: 0.125rem !important; } .rounded-none { border-radius: 0px !important; } .rounded-xl { border-radius: 0.75rem !important; } .rounded-lg { border-radius: 0.5rem !important; } .rounded-l-full { border-top-left-radius: 9999px !important; border-bottom-left-radius: 9999px !important; } .rounded-r-full { border-top-right-radius: 9999px !important; border-bottom-right-radius: 9999px !important; } .border { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-\[1px\] { border-width: 1px !important; } .border-0 { border-width: 0px !important; } .border-4 { border-width: 4px !important; } .border-t { border-top-width: 1px !important; } .border-l { border-left-width: 1px !important; } .border-r { border-right-width: 1px !important; } .border-b-2 { border-bottom-width: 2px !important; } .border-solid { border-style: solid !important; } .\!border-solid { border-style: solid !important; } .border-dashed { border-style: dashed !important; } .border-none { border-style: none !important; } .bg-clip-padding { background-clip: padding-box !important; } .p-2 { padding: 0.5rem !important; } .p-4 { padding: 1rem !important; } .p-1 { padding: 0.25rem !important; } .p-10 { padding: 2.5rem !important; } .p-6 { padding: 1.5rem !important; } .p-0 { padding: 0px !important; } .\!px-6 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .\!py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .px-6 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .px-4 { padding-left: 1rem !important; padding-right: 1rem !important; } .px-2\.5 { padding-left: 0.625rem !important; padding-right: 0.625rem !important; } .py-5 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; } .px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .px-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .py-1\.5 { padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-6 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-8 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .\!py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .\!px-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .py-\[20px\] { padding-top: 20px !important; padding-bottom: 20px !important; } .py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .py-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .pb-4 { padding-bottom: 1rem !important; } .pb-16 { padding-bottom: 4rem !important; } .pr-3 { padding-right: 0.75rem !important; } .pl-3 { padding-left: 0.75rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pl-\[60px\] { padding-left: 60px !important; } .pl-2 { padding-left: 0.5rem !important; } .pb-5 { padding-bottom: 1.25rem !important; } .pt-4 { padding-top: 1rem !important; } .pl-\[80px\] { padding-left: 80px !important; } .pt-12 { padding-top: 3rem !important; } .pb-12 { padding-bottom: 3rem !important; } .pr-2 { padding-right: 0.5rem !important; } .pb-3 { padding-bottom: 0.75rem !important; } .pt-1 { padding-top: 0.25rem !important; } .after\:h-\[10px\]::after { content: var(--tw-content) !important; height: 10px !important; } .after\:w-\[10px\]::after { content: var(--tw-content) !important; width: 10px !important; } .first\:border-0:first-child { border-width: 0px !important; } .last\:border-r:last-child { border-right-width: 1px !important; } @media (min-width: 640px) { .sm\:w-full { width: 100% !important; } } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (min-width: 1024px) { } @media (min-width: 1024px) { } @media (min-width: 1024px) { } @media (min-width: 1280px) { } @media (min-width: 1280px) { } @media (min-width: 1280px) { } .cioNop { position: relative; width: 48px; height: 48px; display: inline-flex; } .cioNop svg { z-index: 0; position: relative; width: 48px; height: 48px; max-width: none; max-height: none; } .kCMjsF { position: relative; width: 60px; height: 60px; display: inline-flex; } .kCMjsF svg { z-index: 0; position: relative; width: 60px; height: 60px; max-width: none; max-height: none; } .cwabEs.cwabEs.cwabEs.cwabEs.cwabEs.cwabEs::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; margin-top: -22px !important; margin-left: -18px !important; width: 40px !important; height: 40px !important; border-radius: 44px 18px 40px 25px !important; } .hLMUiR { z-index: 300; position: relative; display: inline-flex; -webkit-box-pack: center; justify-content: center; width: 100%; overflow: hidden; } .bDArPB .ax-screen-header img { height: auto; margin: 0px 10px 0px auto; display: block; } @media (max-width: 768px) { } @media (max-width: 768px) { } .hbqTwP.hbqTwP.hbqTwP.hbqTwP.hbqTwP.hbqTwP:active, .hbqTwP.hbqTwP.hbqTwP.hbqTwP.hbqTwP.hbqTwP:focus { z-index: 1000 !important; box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1024px inset !important; } .hbqTwP.hbqTwP.hbqTwP.hbqTwP.hbqTwP.hbqTwP:disabled { cursor: default !important; box-shadow: none !important; } .gPyYDm.gPyYDm.gPyYDm.gPyYDm.gPyYDm.gPyYDm:active, .gPyYDm.gPyYDm.gPyYDm.gPyYDm.gPyYDm.gPyYDm:focus { z-index: 1000 !important; box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1024px inset !important; } .gPyYDm.gPyYDm.gPyYDm.gPyYDm.gPyYDm.gPyYDm:disabled { cursor: default !important; box-shadow: none !important; } .gIhGqO.gIhGqO.gIhGqO.gIhGqO.gIhGqO.gIhGqO { z-index: 200 !important; position: relative !important; display: flex !important; -webkit-box-pack: center !important; justify-content: center !important; -webkit-box-align: stretch !important; align-items: stretch !important; width: 100% !important; border-top: 1px solid rgb(237, 237, 237) !important; } .gIhGqO.gIhGqO.gIhGqO.gIhGqO.gIhGqO.gIhGqO > .sc-gKseQn:first-of-type { border-bottom-left-radius: 0px !important; } .gIhGqO.gIhGqO.gIhGqO.gIhGqO.gIhGqO.gIhGqO > .sc-gKseQn:last-of-type { border-bottom-right-radius: 0px !important; } .gIhGqO.gIhGqO.gIhGqO.gIhGqO.gIhGqO.gIhGqO > .sc-gKseQn:not(:last-child) { border-right: 1px solid rgb(237, 237, 237) !important; } .sUFEo { display: inline-flex; -webkit-box-align: center; align-items: center; height: 18px; } .cMjWpZ { margin: 0px -10px; padding: 0px 10px; max-height: 0px; width: 100%; overflow: hidden; box-sizing: content-box; transition: none !important; } @media (min-width: 450px) { .cgzOrJ { padding-bottom: 0px; } } @media (min-width: 450px) { } .icbChR, .icbChR p { margin: 0px 0px 10px; } .dqMzLS.dqMzLS.dqMzLS { position: relative; margin-bottom: 10px; padding-top: 4px; } .kOfYDY { z-index: -1; position: relative; float: right; margin-left: 10px; margin-bottom: 10px; } .jRlkZW img { border-style: none; } @media (min-width: 450px) { } .jRlkZW .sc-gKseQn:first-of-type { border-bottom-left-radius: 8px; } .jRlkZW .sc-gKseQn:last-of-type { border-bottom-right-radius: 8px; } .jRlkZW .sc-giImIA { max-height: calc(-100px + 80vh); overflow: hidden auto; } .jRlkZW .ax-widget-info-stop-btn, .jRlkZW .ax-widget-info-resume-btn { border: 1px solid rgb(237, 237, 237); border-radius: 40px; background: white; cursor: pointer; margin: 0px; padding: 0px; height: 21px; width: 21px; } .jRlkZW .ax-widget-info-resume-btn > span svg { margin-left: 2px; } @media (max-width: 450px) { html.axeptio-widget--open { min-height: 100vh !important; overflow: hidden !important; touch-action: none !important; } html.axeptio-widget--open > body { position: fixed !important; width: 100% !important; overflow: hidden !important; } html.axeptio-widget--open .ax-website-overlay { top: 0px !important; } } @media (max-width: 450px) { html.axeptio-widget--open { min-height: 100vh !important; overflow: hidden !important; touch-action: none !important; } html.axeptio-widget--open > body { position: fixed !important; width: 100% !important; overflow: hidden !important; } html.axeptio-widget--open .ax-website-overlay { top: 0px !important; } } .axeptio_mount *, .axeptio_mount ::before, .axeptio_mount ::after { box-sizing: border-box; } .ax-widget .sr-only, .sr-only-aria { border: 0px !important; clip: rect(1px, 1px, 1px, 1px) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .ax-widget .sr-only-focusable:focus { clip: auto !important; clip-path: none !important; height: auto !important; margin: auto !important; overflow: visible !important; width: auto !important; white-space: normal !important; } .gCNRyY { z-index: 1100; position: absolute; left: 0px; bottom: 0px; width: auto; } @media (min-width: 450px) { .gCNRyY { left: 20px; bottom: 80px; width: 420px; } } .gCNRyY .sc-iJuVqt { display: flex; flex-direction: column; max-width: 100vw; transform-origin: left bottom; animation: 0.4s ease-out 0s 1 normal none running czrsUQ !important; } .cLnGUQ { z-index: 1100; position: absolute; left: 0px; bottom: 0px; width: auto; } @media (min-width: 450px) { .cLnGUQ { left: 20px; bottom: 80px; width: 420px; } } .cLnGUQ .sc-iJuVqt { display: flex; flex-direction: column; max-width: 100vw; transform-origin: left bottom; animation: auto ease 0s 1 normal none running none !important; } @media only screen and (max-width: 767px) { .hidemobile { display: none; } } .slider_video .content { max-width: 1312px; margin: 0px auto; } .slider_item { position: relative; width: 100%; height: 100%; margin-right: 15px; } .slider_item:last-child { margin-right: 0px; } .slider_base .slider_item video { width: 250px; border-radius: 30px; max-width: 250px; } .fullscreen_container { display: none; position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.9); justify-content: center; align-items: center; z-index: 1000; } .fullscreen_content { position: relative; display: flex; justify-content: center; align-items: center; width: 775px; } .fullscreen_video { max-width: 100%; height: auto; max-height: 90vh; border-radius: 10px; transition: transform 0.3s; } Positioning.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-lock { display: none; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0px); } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s, top 0.2s; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.2s; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-pagination-lock { display: none; } .swiper-scrollbar-lock { display: none; } .swiper-container .swiper-notification { position: absolute; left: 0px; top: 0px; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; } .swiper-container-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; } img, svg, video, canvas, audio, iframe, embed, object { display: inline-block !important; } div.new_UserApp2 > div { position: absolute !important; line-height: 14px; } div#mob-app-ez-app div > header > svg, div#mob-app-sf-app div > header > svg, div#mob-app-vr-app div > header > svg, div#mob-app-cl-app div > header > svg, div#mobSharedPopupContainer > div > header > svg { margin-top: 14px !important; margin-bottom: 12px !important; } div#mob-app-ez-app div > header > svg, div#mob-app-sf-app div > header > svg, div#mob-app-vr-app div > header > svg, div#mob-app-cl-app div > header > svg, div#mobSharedPopupContainer > div > header > svg { margin-top: 14px !important; margin-bottom: 12px !important; } div#mob-app-ez-app div > header > div, div#mob-app-sf-app div > header > div, div#mob-app-vr-app div > header > div, div#mob-app-cl-app div > header > div, div#mobSharedPopupContainer > div > header > div { margin-left: 15px; margin-top: 12px !important; margin-bottom: 12px !important; text-align: left !important; } div#mob-app-ez-app div > header > div, div#mob-app-sf-app div > header > div, div#mob-app-vr-app div > header > div, div#mob-app-cl-app div > header > div, div#mobSharedPopupContainer > div > header > div { margin-left: 15px; margin-top: 12px !important; margin-bottom: 12px !important; text-align: left !important; } div#mob-app-ez-app div > header > div, div#mob-app-sf-app div > header > div, div#mob-app-vr-app div > header > div, div#mob-app-cl-app div > header > div, div#mobSharedPopupContainer > div > header > div { margin-left: 15px; margin-top: 12px !important; margin-bottom: 12px !important; text-align: left !important; } div#mob-app-ez-app div > header > div > div.px-4, div#mob-app-sf-app div > header > div > div.px-4, div#mob-app-vr-app div > header > div > div.px-4, div#mob-app-cl-app div > header > div > div.px-4, div#mobSharedPopupContainer > div > header > div > div.px-4 { padding-left: 0px !important; } .nav-item:hover .nav-link.arrow::after { filter: brightness(100) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); } .nav-item .nav-link.active.arrow::after { filter: brightness(100) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); } .hamburger { display: none; } .nav-menu { display: flex; justify-content: space-evenly; align-items: center; flex: 6 1 0%; } .nav-icons { display: flex; } .configurateur .content .choix .divtext { display: flex; flex-direction: column; gap: 0px; } #lnk_meuble { display: none; } #profilcontent ul li#conect { display: none; } #profilcontent.deco ul { display: none !important; } #profilcontent:hover ul { opacity: 1; right: max(20px, 50% - 655px); transition: right, opacity 0.1s; } .configurateur .content .choix .buttons.active .button.red2 { display: none; } .configurateur .content .choix .types { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; } @media only screen and (max-width: 632px) { html body .ncClosetPacks.min-w-\[220px\] { width: 100% !important; margin-left: -10px !important; margin-right: -10px !important; } } @media only screen and (max-width: 632px) { html body .ncClosetPacks.min-w-\[220px\] { width: 100% !important; margin-left: -10px !important; margin-right: -10px !important; } } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 768px) { } body > iframe { position: fixed; z-index: 100000; } body > iframe { position: fixed; z-index: 100000; } span.yellow { color: var(--Yellow); display: inline; } .Bureau { display: none; } #old_easy_menu.easy_active { display: none !important; } #new_easy_menu:not(.easy_active) { display: none !important; } .buttons { display: flex; gap: 20px; } .button.phone:hover::before, .button.message:hover::before { filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); } .bandeau-info .info { display: flex; flex-direction: row; align-items: center; gap: 15px; } .echantillons .selection-echantillons { grid-area: selection-echantillons; display: flex; flex-direction: column; gap: 20px; } .echantillons .selection-echantillons .commander-selection { display: flex; flex-direction: column; gap: 20px; align-items: center; } .services .triplerdv { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; } .vision .content div.text_eco { display: flex; flex-direction: column; gap: 20px; justify-content: center; align-items: flex-start; } .modal-bienvenue.active { display: flex !important; } .modal-bienvenue .content .close { position: absolute; top: 10px; right: 10px; cursor: pointer; } .modal-bienvenue .content .flex { display: flex; flex-direction: row; } .fil_ariane .content { display: flex; gap: 10px; flex-direction: row; justify-content: flex-start; } .voirplus .buttons { display: flex; justify-content: center; } .button.arrow:hover::after { filter: brightness(100); } .new_desktop11 > button, .new_Desktop11 > button { display: block !important; } .new_DesktopTabs7 img, .new_DesktopTabs1 .new_SmartPatternSelector1 > img { } .new_DesktopTabs1 .pattern-selector ::-webkit-scrollbar-thumb { background: rgb(18, 50, 105) !important; } #mob-app-kf-checkout .new_App1 { display: none; } .modal-commande-echantillons.active { display: block; } .modal-commande-echantillons .content .close { position: absolute; top: 10px; right: 10px; cursor: pointer; } .coupdepouce .content { display: flex; gap: 20px; } .modal-contact.active { display: flex !important; } .modal-contact .content .close { position: absolute; top: 10px; right: 10px; cursor: pointer; } .modal-contact .content .flex { display: flex; flex-direction: row; justify-content: center; } .faq .mobile_ancre .choise a::before { filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); } .faq a:hover::before { filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); } .faq a.active::before { filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); } .faq .content .container .theme .response span { display: flex; } .profil .content .ancre a:hover::before { filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); } .profil .content .ancre a.active::before { filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); } .profil .content .deconnection a:hover::before { filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); } .profil .content .container.active { display: flex; } .profil .mobile_ancre .choise a::before { filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); } .profil .mobile_ancre .choix_ancre a:hover::before { filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); } .profil .mobile_ancre .choix_ancre a.active::before { filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); } .cards_items { display: flex; flex-flow: wrap; justify-content: flex-start; align-items: stretch; gap: 20px; } .profil .content .container .table_content.subcontent::before { display: none; } .profil .content .container .table_contentplus.active { display: flex; } .panier .content .content_panier { display: flex; gap: 20px; } .panier .content .content_panier .content_items .item .responsive { flex: 1 1 0%; display: flex; flex-direction: row; justify-content: space-between; gap: 10px; } .panier .content .content_panier .total .ticket { display: flex; justify-content: space-between; flex-direction: column; gap: 1px; } .panier .content .content_panier .total .promo { display: flex; align-items: center; justify-content: flex-end; } .new_WelcomePopup1 { display: flex; animation: 16s ease-in 0s 1 normal forwards running stayOffScreen; } @media (max-width: 1024px) { } @media (max-width: 1024px) { } @media (max-width: 1024px) { body.admin-bar .dialog-type-lightbox { position: sticky; height: 100vh; } } .elementor-templates-modal .dialog-loading { display: none; } .elementor-templates-modal__header__logo-area > * { display: flex; align-items: center; } .elementor-templates-modal__header__items-area { display: flex; flex-direction: row-reverse; } .elementor-templates-modal__header__item { position: relative; display: flex; align-items: center; justify-content: center; box-sizing: content-box; } #elementor-toast.dialog-position-window { position: fixed; } #elementor-toast .dialog-buttons-wrapper { display: flex; justify-content: flex-end; } .elementor-hidden { display: none; } .elementor .elementor-background-video, .elementor .elementor-background-video-embed, .elementor .elementor-background-video-hosted { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .elementor .elementor-background-slideshow { z-index: 0; } .e-con-inner > .elementor-element.elementor-absolute, .e-con > .elementor-element.elementor-absolute, .elementor-widget-wrap > .elementor-element.elementor-absolute { position: absolute; } .e-con-inner > .elementor-element.elementor-fixed, .e-con > .elementor-element.elementor-fixed, .elementor-widget-wrap > .elementor-element.elementor-fixed { position: fixed; } .elementor-element.elementor-absolute, .elementor-element.elementor-fixed { z-index: 1; } .elementor-custom-embed-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .elementor-tag { display: inline-flex; } @media (max-width: 1230px) { } @media (max-width: 1230px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } :root { --page-title-display: block; } .elementor-page-title, h1.entry-title { display: var(--page-title-display); } .elementor-section { position: relative; } .elementor-section.elementor-section-items-top > .elementor-container { align-items: flex-start; } .elementor-section.elementor-section-items-bottom > .elementor-container { align-items: flex-end; } .elementor-bc-flex-widget .elementor-section-content-top > .elementor-container > .elementor-column > .elementor-widget-wrap { align-items: flex-start; } .elementor-bc-flex-widget .elementor-section-content-bottom > .elementor-container > .elementor-column > .elementor-widget-wrap { align-items: flex-end; } .elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap { display: flex; } .elementor-widget { position: relative; } ul.elementor-icon-list-items.elementor-inline-items { display: flex; flex-wrap: wrap; } .elementor-grid { display: grid; column-gap: var(--grid-column-gap); row-gap: var(--grid-row-gap); } @media (max-width: 1230px) { } @media (max-width: 1230px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 1231px) { } .e-con, .e-con > .e-con-inner { display: var(--display); } :is(.elementor-section-wrap, [data-elementor-id]) > .e-con { --margin-right: auto; --margin-left: auto; max-width: min(100%, var(--width)); } :is(.elementor-section-wrap, [data-elementor-id]) > .e-con { --margin-right: auto; --margin-left: auto; max-width: min(100%, var(--width)); } .e-con > .e-con-inner > .elementor-background-video-container::before, .e-con > .elementor-background-video-container::before { z-index: 1; } .e-con > .e-con-inner > .elementor-background-slideshow::before, .e-con > .elementor-background-slideshow::before { z-index: 2; } .elementor-form-fields-wrapper { display: flex; flex-wrap: wrap; } .elementor-field-subgroup { display: flex; flex-wrap: wrap; } .elementor-field-subgroup .elementor-field-option label { display: inline-block; } .elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input, .elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option label, .elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option input, .elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option label, .elementor-field-type-radio .elementor-field-subgroup .elementor-field-option input, .elementor-field-type-radio .elementor-field-subgroup .elementor-field-option label { display: inline; } .elementor-form .elementor-button > span { display: flex; justify-content: center; } .elementor-button-content-wrapper { display: flex; justify-content: center; } .elementor-button-text { flex-grow: 1; order: 10; display: inline-block; } .elementor-icon i::before, .elementor-icon svg::before { position: absolute; left: 50%; transform: translateX(-50%); } .elementor-element .swiper .elementor-lightbox-content-source { display: none; } .elementor-element .swiper .elementor-swiper-button-prev { left: 10px; } .elementor-element .swiper .elementor-swiper-button-next { right: 10px; } .elementor-element .swiper .swiper-horizontal > .swiper-pagination-bullets, .elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper .swiper-pagination-custom, .elementor-element .swiper .swiper-pagination-fraction { bottom: 5px; } .elementor-element.elementor-pagination-position-outside .swiper .elementor-swiper-button { top: calc(50% - 15px); } .elementor-element .elementor-swiper { position: relative; } .elementor-element .elementor-main-swiper { position: static; } .elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev { left: 0px; } .elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-next { right: 0px; } .elementor-lightbox .dialog-header { display: none; } .elementor-lightbox .elementor-video-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .elementor-lightbox .elementor-swiper-button-prev { left: 0px; } .elementor-lightbox .elementor-swiper-button-next { right: 0px; } @media (max-width: 767px) { } @media (max-width: 767px) { } .elementor-slideshow__header .elementor-icon-share { z-index: 5; } .elementor-slideshow__footer { bottom: 0px; z-index: 5; position: fixed; } .elementor-slideshow--share-mode .eicon-share-arrow { z-index: 2; } .elementor-shape-top { top: -1px; } .elementor-shape-top:not([data-negative="false"]) svg { z-index: -1; } .elementor-shape-bottom { bottom: -1px; } .elementor-shape-bottom:not([data-negative="true"]) svg { z-index: -1; } .elementor-shape[data-negative="false"].elementor-shape-bottom, .elementor-shape[data-negative="true"].elementor-shape-top { transform: rotate(180deg); } #wp-admin-bar-elementor_inspector > .ab-item::before { content: ""; top: 2px; } .page-template-elementor_canvas.elementor-page::before { display: none; } .e--ua-appleWebkit.rtl { --flex-right: flex-start; } .e--ua-appleWebkit .elementor-share-buttons--align-right, .e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-right { --justify-content: var(--flex-right, flex-end); } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid { display: inline-block; } @media (max-width: 1230px) { } @media (max-width: 1230px) { } @media (max-width: 1230px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: -1px) and (max-width: -1px) { } @media (min-width: 768px) and (max-width: 1230px) { } @media (min-width: -1px) and (max-width: -1px) { } @media (min-width: -1px) and (max-width: -1px) { } @media (min-width: -1px) and (max-width: -1px) { } @media (min-width: 1231px) and (max-width: 99999px) { } @media (min-width: 1231px) and (max-width: 99999px) { } @media (min-width: -1px) { } .elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon { display: flex; align-items: center; flex-direction: column; order: var(--n-tabs-icon-order); overflow: hidden; } .elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon:empty { display: none; } .elementor-widget-n-tabs .e-n-tabs-content > .e-con:not(.e-active) { display: none; } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 1231px) { } @media (max-width: 1230px) { } @media (min-width: 1231px) { } @media (min-width: 1231px) { } .elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-closed { display: block; } .elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-opened, .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-closed { display: none; } .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-opened { display: block; } @media (max-width: 767px) { } @media (max-width: 767px) { } .elementor-widget-divider .elementor-divider { display: flex; } .elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator > .elementor-divider__svg:first-of-type { flex-grow: 0; flex-shrink: 100; } .elementor-widget-divider--element-align-left .elementor-divider-separator::before { content: none; } .elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator > .elementor-divider__svg:last-of-type { flex-grow: 0; flex-shrink: 100; } .elementor-widget-divider--element-align-right .elementor-divider-separator::after { content: none; } .elementor-image-gallery figure img { display: block; } @media (min-width: 768px) { } @media (min-width: 768px) { } .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper, .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper { display: flex; } .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon, .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-icon { display: inline-flex; flex: 0 0 auto; } @media (max-width: 1230px) { } @media (max-width: 1230px) { } @media (max-width: 1230px) { } @media (max-width: 1230px) { } @media (max-width: 1230px) { } @media (max-width: 1230px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } .elementor-widget .elementor-icon-list-icon { display: flex; } .elementor-widget.elementor-align-left .elementor-inline-items { justify-content: flex-start; } .elementor-widget.elementor-align-right .elementor-icon-list-items { justify-content: flex-end; } .elementor-widget:not(.elementor-align-right) .elementor-icon-list-item::after { left: 0px; } .elementor-widget:not(.elementor-align-left) .elementor-icon-list-item::after { right: 0px; } @media (max-width: 1230px) { } @media (max-width: 1230px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } .elementor-widget-image a { display: inline-block; } .elementor-widget-image img { vertical-align: middle; display: inline-block; } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } .elementor-widget-image-box .elementor-image-box-img { display: inline-block; } .elementor-widget-image-carousel .swiper, .elementor-widget-image-carousel .swiper-container { position: static; } body.elementor-page .elementor-widget-menu-anchor { margin-bottom: 0px; } .elementor-progress .elementor-title { display: block; } @media (max-width: 767px) { } .elementor-widget-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid { display: inline-grid; } .elementor-star-rating i { display: inline-block; position: relative; font-style: normal; cursor: default; } .elementor-star-rating__wrapper { display: flex; align-items: center; } @media (max-width: 1230px) { } @media (max-width: 1230px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active::before { top: 0px; transform: translateY(-100%); } .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active::after { top: 100%; } .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title { display: table-cell; } .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active::before { right: 100%; } .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active::after { left: 100%; } .elementor-widget-tabs .elementor-tab-desktop-title.elementor-active::after, .elementor-widget-tabs .elementor-tab-desktop-title.elementor-active::before { display: block; content: ""; position: absolute; } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } .elementor-testimonial-wrapper .elementor-testimonial-meta-inner { display: inline-block; } .elementor-testimonial-wrapper .elementor-testimonial-meta .elementor-testimonial-details, .elementor-testimonial-wrapper .elementor-testimonial-meta .elementor-testimonial-image { display: table-cell; vertical-align: middle; } .elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-top .elementor-testimonial-details, .elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-top .elementor-testimonial-image { display: block; } .elementor-widget-text-editor .elementor-drop-cap-letter { display: inline-block; } .elementor-toggle .elementor-tab-title .elementor-toggle-icon .elementor-toggle-icon-closed { display: block; } .elementor-toggle .elementor-tab-title .elementor-toggle-icon .elementor-toggle-icon-opened { display: none; } .elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-closed { display: none; } .elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-opened { display: block; } .espace-media .content .notice_download { display: flex; flex-wrap: wrap; } .espace-media .content .kit_download { display: flex; justify-content: space-around; } html body .new_ClosetPacks6 { text-align: center; padding-top: 20px; display: block !important; background-color: var(--Gray-50) !important; color: black !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks6 { text-align: center; padding-top: 20px; display: block !important; background-color: var(--Gray-50) !important; color: black !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks6::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc5.png"); display: block; width: 58px; height: 70px; background-size: contain; margin: 20px auto; } html body .new_ClosetPacks15 { text-align: center; padding-top: 20px; background-color: var(--Yellow) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks15 { text-align: center; padding-top: 20px; background-color: var(--Yellow) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks15::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc4.png"); display: block; width: 95px; height: 88.372px; background-size: contain; margin: 10px auto 11.63px; } html body .new_ClosetPacks24 { text-align: center; padding-top: 20px; background-color: var(--Red) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks24 { text-align: center; padding-top: 20px; background-color: var(--Red) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks24::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc2.png"); display: block; width: 68px; height: 73px; background-size: contain; margin: 23px auto 13px; background-repeat: no-repeat; } html body .new_ClosetPacks33 { text-align: center; padding-top: 20px; background-color: var(--DarkBlue) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks33 { text-align: center; padding-top: 20px; background-color: var(--DarkBlue) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks33::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc3.png"); display: block; width: 89.792px; height: 120.689px; background-size: contain; background-repeat: no-repeat; position: absolute; transform: rotate(-37.401deg); margin: -4px 60px 108px; } html body .new_ClosetPacks33::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc3.png"); display: block; width: 89.792px; height: 120.689px; background-size: contain; background-repeat: no-repeat; position: absolute; transform: rotate(-37.401deg); margin: -4px 60px 108px; } .gallery { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; } #mob-app-kf-cart #show2:not(.displayblock), .displaynone { display: none !important; } #mob-app-kf-cart .displayblock { display: flex !important; } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 900px) and (min-width: 768px) { } @media only screen and (max-width: 900px) { } @media only screen and (max-width: 900px) { } @media only screen and (max-width: 900px) { } @media only screen and (max-width: 900px) { } @media only screen and (max-width: 900px) { } @media only screen and (max-width: 900px) { } @media only screen and (max-width: 481px) and (min-width: 397px) { } @media only screen and (min-width: 768px) { } @media only screen and (min-width: 768px) { } footer { display: block; background-color: var(--Dark); color: var(--White); z-index: 1; position: relative; } footer { display: block; background-color: var(--Dark); color: var(--White); z-index: 1; position: relative; } footer { display: block; background-color: var(--Dark); color: var(--White); z-index: 1; position: relative; } .footer-links div .links { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; } .footer-links .help { display: flex; flex-direction: column; gap: 40px; } .footer-links .help .payment .payment-term { display: flex; gap: 20px; align-items: center; } .footer-links .help .payment .payment-term a::before { content: ""; display: block; } .footer-bottom .socials { display: flex; gap: 20px; } .footer-bottom .legals { display: flex; gap: 20px; align-items: center; } .footer-bottom .socials a:hover::before { filter: brightness(0) saturate(100%) invert(41%) sepia(67%) saturate(5669%) hue-rotate(354deg) brightness(88%) contrast(87%); } @media only screen and (max-width: 767px) { } @media only screen and (max-width: 767px) { } #miniatures.count1 { display: none; } #preview h4 { display: none; } #preview p { display: block; } h2 > span { line-height: 1em; display: block; } @media only screen and (max-width: 767px) { } @media only screen and (max-width: 767px) { } @media only screen and (max-width: 767px) { } .none { display: none !important; } .block { display: block !important; } body.rtl .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-labels-inline .elementor-field-group > label { padding-left: 0px; } body:not(.rtl) .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-labels-inline .elementor-field-group > label { padding-right: 0px; } body .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-labels-above .elementor-field-group > label { padding-bottom: 0px; } #elementor-popup-modal-60703 .dialog-close-button { display: block; } @media (max-width: 767px) { } @media (max-width: 767px) { } @media screen and (max-width: 767px) { } @media screen and (min-width: 768px) { } @media screen and (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } hr { height: 0px; color: inherit; border-top-width: 1px; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } summary { display: list-item; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } input[type="text"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="password"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="email"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="tel"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .static { position: static !important; } .fixed { position: fixed !important; } .absolute { position: absolute !important; } .relative { position: relative !important; } .sticky { position: sticky !important; } .inset-x-0 { left: 0px !important; right: 0px !important; } .top-48 { top: 12rem !important; } .bottom-0 { bottom: 0px !important; } .left-0 { left: 0px !important; } .top-0 { top: 0px !important; } .right-0 { right: 0px !important; } .left-4 { left: 1rem !important; } .top-4 { top: 1rem !important; } .left-\[494px\] { left: 494px !important; } .bottom-4 { bottom: 1rem !important; } .right-96 { right: 24rem !important; } .right-4 { right: 1rem !important; } .left-64 { left: 16rem !important; } .bottom-\[45px\] { bottom: 45px !important; } .-top-6 { top: -1.5rem !important; } .-right-2 { right: -0.5rem !important; } .left-5 { left: 1.25rem !important; } .z-10 { z-index: 10 !important; } .z-50 { z-index: 50 !important; } .z-20 { z-index: 20 !important; } .z-40 { z-index: 40 !important; } .inline-block { display: inline-block !important; } .inline { display: inline !important; } .flex { display: flex !important; } .table { display: table !important; } .grid { display: grid !important; } .contents { display: contents !important; } .hidden { display: none !important; } .\!hidden { display: none !important; } .align-top { vertical-align: top !important; } .blur { --tw-blur: blur(8px) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .invert { --tw-invert: invert(100%) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .before\:absolute::before { content: var(--tw-content) !important; position: absolute !important; } .before\:left-5::before { content: var(--tw-content) !important; left: 1.25rem !important; } .after\:absolute::after { content: var(--tw-content) !important; position: absolute !important; } .after\:top-0::after { content: var(--tw-content) !important; top: 0px !important; } .after\:top-\[2px\]::after { content: var(--tw-content) !important; top: 2px !important; } .after\:left-\[2px\]::after { content: var(--tw-content) !important; left: 2px !important; } .after\:right-\[7px\]::after { content: var(--tw-content) !important; right: 7px !important; } .group:hover .group-hover\:block { display: block !important; } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (min-width: 1024px) { } @media (min-width: 1024px) { } @media (min-width: 1024px) { } @media (min-width: 1024px) { } @media (min-width: 1024px) { } @media (min-width: 1280px) { } @media (min-width: 1280px) { } @media (min-width: 1280px) { } @media (min-width: 1280px) { } .bihjvE { display: flex; } .hZlLwu svg { z-index: 100; position: relative; } .cwabEs.cwabEs.cwabEs.cwabEs.cwabEs.cwabEs { left: 18px !important; bottom: 10px !important; transform: translate(0px, 0px) !important; } .gPyYDm.gPyYDm.gPyYDm.gPyYDm.gPyYDm.gPyYDm:active, .gPyYDm.gPyYDm.gPyYDm.gPyYDm.gPyYDm.gPyYDm:focus { z-index: 1000 !important; } @media (min-width: 450px) { } .dqMzLS.dqMzLS.dqMzLS h2 span, .dqMzLS.dqMzLS.dqMzLS h2 small { display: block !important; } .kOfYDY .SvgInline { z-index: 100 !important; position: relative !important; } .kOfYDY .Illustration__Img { z-index: 100 !important; position: relative !important; object-fit: contain !important; } .jRlkZW .ax-widget-info-stop-container { display: flex; position: absolute; left: 8px; bottom: 8px; z-index: 1000; } .jRlkZW .ax-widget-info-stop-btn:hover, .jRlkZW .ax-widget-info-resume-btn:hover { background: rgb(237, 237, 237); } .jRlkZW .ax-widget-info-stop-btn > span, .jRlkZW .ax-widget-info-resume-btn > span { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .jRlkZW .ax-widget-info-stop-btn > span rect, .jRlkZW .ax-widget-info-resume-btn > span rect, .jRlkZW .ax-widget-info-stop-btn > span svg path, .jRlkZW .ax-widget-info-resume-btn > span svg path { fill: rgb(46, 46, 46) !important; } .ijEBlm { z-index: 100; position: relative; } @media (max-width: 450px) { html.axeptio-widget--open { min-height: 100vh !important; overflow: hidden !important; touch-action: none !important; } html.axeptio-widget--open > body { position: fixed !important; width: 100% !important; overflow: hidden !important; } html.axeptio-widget--open .ax-website-overlay { top: 0px !important; } } @media (max-width: 450px) { html.axeptio-widget--open { min-height: 100vh !important; overflow: hidden !important; touch-action: none !important; } html.axeptio-widget--open > body { position: fixed !important; width: 100% !important; overflow: hidden !important; } html.axeptio-widget--open .ax-website-overlay { top: 0px !important; } } .axeptio_mount .modal_reorder_helper { z-index: 50000; } .gsItRu { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); } .cnAnpm { z-index: 20930940; position: fixed; left: 0px; right: 0px; bottom: 0px; } .cnAnpm .sc-hKgJUU { position: absolute; bottom: 20px; } @media (min-width: 450px) { } @media (min-width: 450px) { } .gCNRyY .ax-widget-relifted { animation: 0.4s ease-out 0s 1 normal both running czrsUQ; transform-origin: left bottom; } @media (min-width: 450px) { } @media (min-width: 450px) { } .cLnGUQ .ax-widget-relifted { animation: auto ease 0s 1 normal both running none; transform-origin: left bottom; } @media only screen and (max-width: 767px) { } .slider_base { position: relative; } .slider_scroll { position: relative; display: flex; overflow: hidden; } .button_scroll.left { left: 0px; } .button_scroll.right { right: 0px; } .prev_video { left: 0px; } .next_video { right: 0px; } .close_fullscreen { top: 39px; right: 16px; } .slide-out-left { animation: 0.3s ease 0s 1 normal forwards running slideOutLeft; } .slide-out-right { animation: 0.3s ease 0s 1 normal forwards running slideOutRight; } .slide-in-left { animation: 0.3s ease 0s 1 normal forwards running slideInLeft; } .slide-in-right { animation: 0.3s ease 0s 1 normal forwards running slideInRight; } video::-webkit-media-controls-fullscreen-button { display: none !important; } List.elementor-widget .elementor-icon-list-items { list-style-type: none; margin: 0px; padding: 0px; } .list-disc { list-style-type: disc !important; } Others@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-flow: column wrap; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-container-3d { perspective: 1200px; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } /*.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after { content: "prev"; } .swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after { content: "next"; }*/ .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } button.swiper-pagination-bullet { border: none; margin: 0px; padding: 0px; box-shadow: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-slide-zoomed { cursor: move; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0px; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } li { list-style: none; cursor: pointer; } a { text-decoration: none; } img, svg, video, canvas, audio, iframe, embed, object { display: inline-block !important; } div.new_UserApp2 { height: 32px; } div.new_UserApp2 > div { position: absolute !important; line-height: 14px; } div#mobSharedPopupContainer p { color: rgb(153, 153, 153); } div#mob-app-ez-app .new_BaseModal3, div#mob-app-sf-app .new_BaseModal3, div#mob-app-cl-app .new_BaseModal3, div#mob-app-vr-app .new_BaseModal3, div#mobSharedPopupContainer .new_BaseModal3 { border-radius: 5px; overflow: hidden; min-width: 390px !important; } div#mob-app-ez-app div > header > svg, div#mob-app-sf-app div > header > svg, div#mob-app-vr-app div > header > svg, div#mob-app-cl-app div > header > svg, div#mobSharedPopupContainer > div > header > svg { margin-top: 14px !important; margin-bottom: 12px !important; } div#mob-app-ez-app div > header > div, div#mob-app-sf-app div > header > div, div#mob-app-vr-app div > header > div, div#mob-app-cl-app div > header > div, div#mobSharedPopupContainer > div > header > div { margin-left: 15px; margin-top: 12px !important; margin-bottom: 12px !important; text-align: left !important; } div#mob-app-ez-app div > header > div > div.px-4, div#mob-app-sf-app div > header > div > div.px-4, div#mob-app-vr-app div > header > div > div.px-4, div#mob-app-cl-app div > header > div > div.px-4, div#mobSharedPopupContainer > div > header > div > div.px-4 { padding-left: 0px !important; } .nav-icons a:hover svg path { stroke: var(--Red); } .nav-icons a.active svg path { stroke: var(--Red); } .configurateur .content .choix .buttons { justify-content: center; } @media only screen and (max-width: 632px) { html body .ncClosetPacks.min-w-\[220px\] { width: 100% !important; margin-left: -10px !important; margin-right: -10px !important; } } @media only screen and (max-width: 768px) { } @import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"); :root { --Dark: #0B1C29; --Red: #D4431C; --Yellow: #FFA418; --White: #FFF; --Rose: #FFF0EC; --Anthracite: #3C4E5B; --BlueA: #0046C0; --DarkBlue: #003864; --LightBlue: #F2F5FC; --Terracota: #C06145; --Vert: #C5D1BD; --Gray-50: #F7FAFC; --Gray-100: #EDF2F7; --Gray-300: #CBD5E0; --Gray-400: #A0AEC0; --Gray-500: #718096; --Gray-600: #4A5568; --Blue: rgba(18, 50, 105) !important; } ::selection { background-color: var(--Red); color: var(--White); } body { overflow-x: hidden; } img { object-fit: cover; overflow-clip-margin: unset; } h2 { padding: 0px 0px 10px; font-size: 24px !important; font-weight: bold !important; } body > iframe { position: fixed; z-index: 100000; } * { margin: 0px; padding: 0px; box-sizing: border-box; font-family: Raleway, serif; } a { color: var(--Dark); } span.yellow { color: var(--Yellow); display: inline; } h1, h2, h3, h4 { line-height: 1em !important; } .buttons.center { justify-content: center; } .button.icon:hover svg { fill: var(--Red); } .button.red1 { } .swiper.vert .content .swiper-slide:hover { transform: scale(1.05); } .slider-meuble { grid-area: slider-meuble; } .swiper-button-next::after { transform: rotate(180deg); } .modal-bienvenue .content .close::before { content: url("../img/Icons/x.svg"); } input[type="range"] { background-color: rgba(18, 50, 105, 0.6) !important; } input[type="range"]::-webkit-slider-thumb { background-color: rgb(18, 50, 105) !important; } input[type="checkbox"] { border-radius: 15px !important; } input[type="checkbox"]:checked { background-color: rgba(18, 50, 105, 0.8) !important; } .formules .content .choix_formules .formule div .no { opacity: 0.5; } .modal-commande-echantillons .content .close::before { content: url("../img/Icons/x.svg"); } .articles_config .content .article:hover { transform: scale(1.05); } .articles_config .stickyzeroproject .content { background: transparent; } .modal-contact .content .close::before { content: url("../img/Icons/x.svg"); } .contact_page .content .contact_form form div .buttons { justify-content: center; } .title-page-annexe .gauche .image { } .text-image:nth-child(2n+1) { flex-direction: row-reverse; } .faq .content .container .theme .response.active h3::after { transform: rotate(90deg); } .profil .mobile_ancre.deploie .choise a::after { transform: rotate(90deg); } .profil .content .container .table_content.active::before { rotate: -90deg; } .profil .content .container .column_addr { flex: 1 1 0%; } .profil .content .container .column_statut_pay { flex: 1 1 0%; } .profil .content .container.no_background .project_list .card .suppr::before { transform: translate(-50%, -50%) rotate(45deg); } .profil .content .container.no_background .project_list .card .suppr::after { transform: translate(-50%, -50%) rotate(-45deg); } .profil .content .container.no_background .project_list .card .content_card a:hover::after { animation: 0.6s ease 0s 1 normal forwards running bounce; } @keyframes bounce { 0% { transform: translateX(0px); } 25% { transform: translateX(-5px); } 50% { transform: translateX(0px); } 75% { transform: translateX(-2px); } 100% { transform: translateX(0px); } } .new_WelcomePopup2 { animation: 16s ease-in 0s 1 normal forwards running stayOffScreen2; } @keyframes stayOffScreen { 0% { opacity: 0; transform: translateY(-100%); } 96% { transform: translateY(-100%); } 97% { opacity: 0; transform: translateY(0px); } 100% { opacity: 1; } } @keyframes stayOffScreen2 { 0% { transform: scale(0.9); } 98% { transform: scale(0.9); } 100% { transform: scale(1); } } @media (max-width: 1024px) { } #elementor-change-exit-preference-dialog .dialog-message a { cursor: pointer; } @media (min-width: 1024px) { body.admin-bar .dialog-lightbox-widget { height: calc(-32px + 100vh); } } @media (max-width: 1024px) { body.admin-bar .dialog-type-lightbox { position: sticky; height: 100vh; } } @media (max-width: 1439px) { } @media (min-width: 1440px) { } .elementor .elementor-background-video-container { transition: opacity 1s; pointer-events: none; } .elementor .elementor-background-video-container.elementor-loading { opacity: 0; } .elementor .elementor-html5-video { object-fit: cover; } @media (max-width: 1230px) { } @media (max-width: 767px) { } .elementor-element { --flex-direction: initial; --flex-wrap: initial; --justify-content: initial; --align-items: initial; --align-content: initial; --gap: initial; --flex-basis: initial; --flex-grow: initial; --flex-shrink: initial; --order: initial; --align-self: initial; flex-basis: var(--flex-basis); flex-grow: var(--flex-grow); flex-shrink: var(--flex-shrink); order: var(--order); align-self: var(--align-self); } .elementor-element:where(.e-con-full, .elementor-widget) { flex-direction: var(--flex-direction); flex-wrap: var(--flex-wrap); justify-content: var(--justify-content); align-items: var(--align-items); align-content: var(--align-content); gap: var(--gap); } .elementor-no_background { visibility: hidden; } .elementor-custom-embed-play i, .elementor-custom-embed-play svg { opacity: 0.8; transition: 0.5s; } .elementor-custom-embed-play.elementor-playing i::before { content: ""; } .elementor-custom-embed-play.elementor-playing i, .elementor-custom-embed-play.elementor-playing svg { animation: 2s linear 0s infinite normal none running eicon-spin; } .elementor-ken-burns { transition-property: transform; transition-duration: 10s; transition-timing-function: linear; } .elementor-ken-burns--out { transform: scale(1.3); } .elementor-ken-burns--active { transition-duration: 20s; } .elementor-ken-burns--active.elementor-ken-burns--out { transform: scale(1); } .elementor-ken-burns--active.elementor-ken-burns--in { transform: scale(1.3); } @media (max-width: 1230px) { } @media (max-width: 767px) { } :root { --page-title-display: block; } @keyframes eicon-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .eicon-animation-spin { animation: 2s linear 0s infinite normal none running eicon-spin; } button.elementor-button { border-radius: 100px; padding: 16px 24px; font-size: 16px; font-weight: bold; } @media (max-width: 1230px) { } .elementor-section.elementor-section-items-middle > .elementor-container { align-items: center; } @media (min-width: 768px) { } .elementor-bc-flex-widget .elementor-section-content-middle > .elementor-container > .elementor-column > .elementor-widget-wrap { align-items: center; } @media (max-width: 1230px) { } @media (min-width: 768px) { } @media (max-width: 479px) { } @media (max-width: 767px) { } @media (min-width: 768px) and (max-width: 1230px) { } @media (min-width: 768px) and (max-width: 1230px) { } @media (max-width: 767px) { } ul.elementor-icon-list-items.elementor-inline-items { display: flex; flex-wrap: wrap; } ul.elementor-icon-list-items.elementor-inline-items .elementor-inline-item { word-break: break-word; } .elementor-grid-1 .elementor-grid { grid-template-columns: repeat(1, 1fr); } .elementor-grid-2 .elementor-grid { grid-template-columns: repeat(2, 1fr); } .elementor-grid-3 .elementor-grid { grid-template-columns: repeat(3, 1fr); } .elementor-grid-4 .elementor-grid { grid-template-columns: repeat(4, 1fr); } .elementor-grid-5 .elementor-grid { grid-template-columns: repeat(5, 1fr); } .elementor-grid-6 .elementor-grid { grid-template-columns: repeat(6, 1fr); } .elementor-grid-7 .elementor-grid { grid-template-columns: repeat(7, 1fr); } .elementor-grid-8 .elementor-grid { grid-template-columns: repeat(8, 1fr); } .elementor-grid-9 .elementor-grid { grid-template-columns: repeat(9, 1fr); } .elementor-grid-10 .elementor-grid { grid-template-columns: repeat(10, 1fr); } .elementor-grid-11 .elementor-grid { grid-template-columns: repeat(11, 1fr); } .elementor-grid-12 .elementor-grid { grid-template-columns: repeat(12, 1fr); } @media (max-width: 1230px) { } @media (max-width: 767px) { } @media (min-width: 1231px) { } @media (max-width: 1230px) { } @media (max-width: 767px) { } :is(.elementor-section-wrap, [data-elementor-id]) > .e-con { --margin-right: auto; --margin-left: auto; max-width: min(100%, var(--width)); } @media (max-width: 767px) { } .elementor-form-fields-wrapper.elementor-labels-inline > .elementor-field-group .elementor-select-wrapper, .elementor-form-fields-wrapper.elementor-labels-inline > .elementor-field-group > input { flex-grow: 1; } .elementor-field-group { flex-wrap: wrap; align-items: center; } .elementor-field-group.elementor-field-type-submit { align-items: flex-end; } .elementor-field-group.elementor-field-type-select-multiple .elementor-select-wrapper::before { content: ""; } .elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option { flex-basis: 100%; } .elementor-field-label { cursor: pointer; } .elementor-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button { flex-basis: 100%; } .elementor-button-align-stretch .e-form__buttons__wrapper { flex-basis: 50%; flex-grow: 1; } .elementor-button-align-stretch .e-form__buttons__wrapper__button { flex-basis: 100%; } .elementor-button-align-center .e-form__buttons, .elementor-button-align-center .elementor-field-type-submit { justify-content: center; } .elementor-button-align-start .e-form__buttons, .elementor-button-align-start .elementor-field-type-submit { justify-content: flex-start; } .elementor-button-align-end .e-form__buttons, .elementor-button-align-end .elementor-field-type-submit { justify-content: flex-end; } .elementor-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button { flex-basis: auto; } .elementor-button-align-center .e-form__buttons__wrapper, .elementor-button-align-end .e-form__buttons__wrapper, .elementor-button-align-start .e-form__buttons__wrapper { flex-grow: 0; } .elementor-button-align-center .e-form__buttons__wrapper, .elementor-button-align-center .e-form__buttons__wrapper__button, .elementor-button-align-end .e-form__buttons__wrapper, .elementor-button-align-end .e-form__buttons__wrapper__button, .elementor-button-align-start .e-form__buttons__wrapper, .elementor-button-align-start .e-form__buttons__wrapper__button { flex-basis: auto; } @media screen and (max-width: 1230px) { } @media screen and (max-width: 767px) { } .elementor-message.elementor-message-danger::before { content: ""; } .elementor-button-icon { flex-grow: 0; order: 5; } .e-transform .elementor-widget-container { transform: perspective(var(--e-transform-perspective, 0)) rotate(var(--e-transform-rotateZ, 0)) rotateX(var(--e-transform-rotateX, 0)) rotateY(var(--e-transform-rotateY, 0)) translate(var(--e-transform-translate, 0)) translateX(var(--e-transform-translateX, 0)) translateY(var(--e-transform-translateY, 0)) scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX, 0)) skewY(var(--e-transform-skewY, 0)); transform-origin: var(--e-transform-origin-y) var(--e-transform-origin-x); } .e-con.e-transform { transform: perspective(var(--e-con-transform-perspective, 0)) rotate(var(--e-con-transform-rotateZ, 0)) rotateX(var(--e-con-transform-rotateX, 0)) rotateY(var(--e-con-transform-rotateY, 0)) translate(var(--e-con-transform-translate, 0)) translateX(var(--e-con-transform-translateX, 0)) translateY(var(--e-con-transform-translateY, 0)) scaleX(calc(var(--e-con-transform-flipX, 1) * var(--e-con-transform-scaleX, var(--e-con-transform-scale, 1)))) scaleY(calc(var(--e-con-transform-flipY, 1) * var(--e-con-transform-scaleY, var(--e-con-transform-scale, 1)))) skewX(var(--e-con-transform-skewX, 0)) skewY(var(--e-con-transform-skewY, 0)); transform-origin: var(--e-con-transform-origin-y) var(--e-con-transform-origin-x); } .elementor-element .swiper .elementor-swiper-button.swiper-button-disabled { opacity: 0.3; } .elementor-element .swiper.swiper-cube .elementor-swiper-button { transform: translate3d(0px, -50%, 1px); } .elementor-lightbox .dialog-message { animation-duration: 0.3s; } @media (max-width: 767px) { } @media (min-width: 1231px) { } @media (max-width: 1230px) { } @media (min-width: 768px) and (max-width: 1024px) { } @media (max-width: 767px) { } .elementor-slideshow--ui-hidden .elementor-slideshow__footer, .elementor-slideshow--ui-hidden .elementor-slideshow__header { opacity: 0; pointer-events: none; } .elementor-slideshow--ui-hidden .elementor-swiper-button-next, .elementor-slideshow--ui-hidden .elementor-swiper-button-prev { opacity: 0; } .elementor-slideshow--zoom-mode .elementor-swiper-button-next, .elementor-slideshow--zoom-mode .elementor-swiper-button-prev { opacity: 0; pointer-events: none; } .elementor-slideshow--share-mode .elementor-slideshow__share-links { transform: scale(1); } .elementor-slideshow--share-mode .elementor-slideshow__share-links, .elementor-slideshow--share-mode .elementor-slideshow__share-links a { opacity: 1; } .elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-twitter { fill: rgb(29, 161, 242); } .elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-facebook { fill: rgb(59, 89, 152); } .elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-pinterest { fill: rgb(189, 8, 28); } .elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-download-bold { fill: rgb(164, 175, 183); } @media (prefers-reduced-motion: reduce) { .animated { animation: auto ease 0s 1 normal none running none; } } .elementor-shape .elementor-shape-fill { fill: rgb(255, 255, 255); transform-origin: center center; transform: rotateY(0deg); } #wpadminbar * { font-style: normal; } .elementor-post__thumbnail__link { transition: none; } .e--ua-appleWebkit .elementor-share-buttons--align-center, .e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-center { --justify-content: center; } @media (max-width: 1230px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } @media (min-width: -1px) and (max-width: -1px) { } @media (min-width: 768px) and (max-width: 1230px) { } @media (min-width: -1px) and (max-width: -1px) { } @media (min-width: -1px) and (max-width: -1px) { } @media (min-width: 1231px) and (max-width: 99999px) { } @media (min-width: -1px) { } .elementor-widget-n-tabs .e-n-tab-title.e-active[class*="elementor-animation-"]:active, .elementor-widget-n-tabs .e-n-tab-title.e-active[class*="elementor-animation-"]:focus, .elementor-widget-n-tabs .e-n-tab-title.e-active[class*="elementor-animation-"]:hover { transform: none; animation: initial; } :is(.elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading .e-n-tab-title, .elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content .e-n-tab-title):hover { background-color: var(--n-tabs-title-background-color-hover); background-image: none; } :is(.elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading .e-n-tab-title, .elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content .e-n-tab-title).e-active { background-color: var(--n-tabs-title-background-color-active); background-image: none; } @media (min-width: 768px) { } @media (max-width: 767px) { } @media (min-width: 1231px) { } @media (max-width: 1230px) { } @media (min-width: 1231px) { } @media (max-width: 767px) { } @media (max-width: 767px) { } .elementor-counter .elementor-counter-number-prefix, .elementor-counter .elementor-counter-number-suffix { flex-grow: 1; white-space: pre-wrap; } .elementor-widget-divider--view-line_icon .elementor-divider-separator, .elementor-widget-divider--view-line_text .elementor-divider-separator { align-items: center; } .elementor-widget-divider--no-spacing { --divider-pattern-size: auto; } .elementor-widget-divider--bg-round { --divider-pattern-repeat: round; } .rtl .elementor-widget-divider .elementor-divider__text { direction: rtl; } @media (min-width: 768px) { } @media (min-width: 480px) and (max-width: 767px) { } @media (max-width: 479px) { } .elementor-widget-google_maps .elementor-widget-container { overflow: hidden; } @media (min-width: 768px) { } @media (max-width: 1230px) { } @media (max-width: 767px) { } .elementor-widget-icon-box .elementor-icon-box-content { flex-grow: 1; } .elementor-widget.elementor-icon-list--layout-inline .elementor-widget-container { overflow: hidden; } .elementor-widget.elementor-align-center .elementor-icon-list-item, .elementor-widget.elementor-align-center .elementor-icon-list-item a { justify-content: center; } .elementor-widget.elementor-align-center .elementor-inline-items { justify-content: center; } @media (max-width: 1230px) { } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } body.elementor-page .elementor-widget-menu-anchor { margin-bottom: 0px; } @media (max-width: 767px) { } .elementor-widget-social-icons .elementor-grid { column-gap: var(--grid-column-gap, 5px); row-gap: var(--grid-row-gap, 5px); grid-template-columns: var(--grid-template-columns); justify-content: var(--justify-content, center); justify-items: var(--justify-content, center); } .elementor-star-rating .elementor-star-empty::before { content: none; } @media (max-width: 1230px) { } @media (max-width: 767px) { } .elementor--star-style-star_unicode .elementor-star-rating i:not(.elementor-star-empty)::before { content: "★"; } .elementor-widget-tabs .elementor-tabs-wrapper { overflow: hidden; } .elementor-widget-tabs .elementor-tab-title { cursor: pointer; outline: var(--focus-outline, none); } @media (max-width: 767px) { } @media (min-width: 768px) { } @media (max-width: 767px) { } .elementor-widget-video .elementor-widget-container { overflow: hidden; transform: translateZ(0px); } .elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i { opacity: 1; } .elementor-widget-video .e-hosted-video .elementor-video { object-fit: cover; } html body .bg-black_____ { background-color: transparent !important; } html body .new_ClosetPacks6 { text-align: center; padding-top: 20px; display: block !important; background-color: var(--Gray-50) !important; color: black !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks6::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc5.png"); display: block; width: 58px; height: 70px; background-size: contain; margin: 20px auto; } html body .new_ClosetPacks15 { text-align: center; padding-top: 20px; background-color: var(--Yellow) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks15::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc4.png"); display: block; width: 95px; height: 88.372px; background-size: contain; margin: 10px auto 11.63px; } html body .new_ClosetPacks24 { text-align: center; padding-top: 20px; background-color: var(--Red) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks24::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc2.png"); display: block; width: 68px; height: 73px; background-size: contain; margin: 23px auto 13px; background-repeat: no-repeat; } html body .new_ClosetPacks33 { text-align: center; padding-top: 20px; background-color: var(--DarkBlue) !important; display: block !important; font-weight: bold !important; min-height: 171px !important; } html body .new_ClosetPacks33::after { content: ""; background-image: url("../img/mascote/mobibam_picto-acc3.png"); display: block; width: 89.792px; height: 120.689px; background-size: contain; background-repeat: no-repeat; position: absolute; transform: rotate(-37.401deg); margin: -4px 60px 108px; } @keyframes hideElement { 0% { height: 0px; opacity: 0; } 80% { height: 0px; opacity: 0; } 99% { height: 0px; opacity: 1; } 100% { height: auto; } } @media only screen and (max-width: 1280px) { } @media only screen and (max-width: 767px) { body { min-width: 350px; } } @media only screen and (max-width: 900px) and (min-width: 768px) { } @media only screen and (max-width: 900px) { } @media (min-width: 1280px) { } @media only screen and (max-width: 481px) and (min-width: 397px) { } @media only screen and (min-width: 768px) { } @media only screen and (max-width: 978px) { } @media only screen and (max-width: 1200px) { } footer { display: block; background-color: var(--Dark); color: var(--White); z-index: 1; position: relative; } @media only screen and (max-width: 767px) { } a.disabled { filter: grayscale(100%); opacity: 0.5; pointer-events: none; } h2 > span { line-height: 1em; display: block; } @media only screen and (max-width: 767px) { } .elementor-60703 .elementor-element.elementor-element-4a95df3e > .elementor-container > .elementor-column > .elementor-widget-wrap { align-content: center; align-items: center; } body.rtl .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-labels-inline .elementor-field-group > label { padding-left: 0px; } body:not(.rtl) .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-labels-inline .elementor-field-group > label { padding-right: 0px; } body .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-labels-above .elementor-field-group > label { padding-bottom: 0px; } .elementor-60703 .elementor-element.elementor-element-68897c02 .elementor-button[type="submit"]:hover svg * { fill: rgb(0, 0, 0); } @media (max-width: 1230px) { } @media (max-width: 767px) { } .elementor-field-type-radio .elementor-field-subgroup .elementor-field-option input[type="radio"]::after { background: rgb(212, 67, 28); } @media screen and (max-width: 767px) { } @media screen and (min-width: 768px) { } @media (max-width: 767px) { } *, ::before, ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235); } ::before, ::after { --tw-content: ''; } html { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } body { margin: 0px; line-height: inherit; } hr { height: 0px; color: inherit; border-top-width: 1px; } abbr:where([title]) { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0px; border-color: inherit; border-collapse: collapse; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0px; padding: 0px; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { appearance: button; background-color: transparent; background-image: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type="search"] { appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { appearance: button; font: inherit; } summary { display: list-item; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0px; } fieldset { margin: 0px; padding: 0px; } legend { padding: 0px; } ol, ul, menu { list-style: none; margin: 0px; padding: 0px; } textarea { resize: vertical; } input::placeholder, textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); } button, [role="button"] { cursor: pointer; } :disabled { cursor: default; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } input[type="text"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="text"]:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); outline: transparent solid 2px; outline-offset: 2px; } input[type="password"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="password"]:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); outline: transparent solid 2px; outline-offset: 2px; } input[type="email"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="email"]:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); outline: transparent solid 2px; outline-offset: 2px; } input[type="tel"] { margin: 0px; display: block; width: 100%; border-radius: 0.25rem; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-clip: padding-box; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } input[type="tel"]:focus { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); outline: transparent solid 2px; outline-offset: 2px; } input[type="checkbox"] { height: 1rem; width: 1rem; cursor: pointer; appearance: none; border-radius: 0.125rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } input[type="checkbox"]:checked { --tw-border-opacity: 1; border-color: rgb(29 60 114 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(29 60 114 / var(--tw-bg-opacity)); } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } @media (min-width: 640px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (min-width: 1280px) { } @media (min-width: 1536px) { } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .inset-0 { inset: 0px !important; } .flex-auto { flex: 1 1 auto !important; } .flex-1 { flex: 1 1 0% !important; } .flex-none { flex: 0 0 auto !important; } .flex-initial { flex: 0 1 auto !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .shrink-0 { flex-shrink: 0 !important; } .shrink { flex-shrink: 1 !important; } .grow-0 { flex-grow: 0 !important; } .grow { flex-grow: 1 !important; } .basis-\[120px\] { flex-basis: 120px !important; } .basis-20 { flex-basis: 5rem !important; } .rotate-90 { --tw-rotate: 90deg !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } @keyframes spin { 100% { transform: rotate(360deg); } } .animate-spin { animation: 1s linear 0s infinite normal none running spin !important; } .cursor-pointer { cursor: pointer !important; } .resize-none { resize: none !important; } .resize { resize: both !important; } .appearance-none { appearance: none !important; } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0px, 1fr)) !important; } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; } .flex-row { flex-direction: row !important; } .flex-col { flex-direction: column !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .content-center { align-content: center !important; } .items-end { align-items: flex-end !important; } .items-center { align-items: center !important; } .justify-start { justify-content: flex-start !important; } .justify-end { justify-content: flex-end !important; } .justify-center { justify-content: center !important; } .justify-between { justify-content: space-between !important; } .justify-around { justify-content: space-around !important; } .justify-items-center { justify-items: center !important; } .gap-5 { gap: 1.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-4 { gap: 1rem !important; } .gap-8 { gap: 2rem !important; } .gap-3 { gap: 0.75rem !important; } .gap-6 { gap: 1.5rem !important; } .gap-16 { gap: 4rem !important; } .gap-1 { gap: 0.25rem !important; } .gap-y-2\.5 { row-gap: 0.625rem !important; } .gap-y-2 { row-gap: 0.5rem !important; } .gap-x-1 { column-gap: 0.25rem !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overscroll-y-none { overscroll-behavior-y: none !important; } .overflow-ellipsis { text-overflow: ellipsis !important; } .whitespace-nowrap { white-space: nowrap !important; } .object-contain { object-fit: contain !important; } .align-middle { vertical-align: middle !important; } .italic { font-style: italic !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-100 { opacity: 1 !important; } .opacity-20 { opacity: 0.2 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-75 { opacity: 0.75 !important; } .outline { outline-style: solid !important; } .duration-300 { transition-duration: 300ms !important; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; } .before\:content-\[\'\+\'\]::before { --tw-content: '+' !important; content: var(--tw-content) !important; } .after\:content-\[\'\>\'\]::after { --tw-content: '>' !important; content: var(--tw-content) !important; } .focus\:outline-none:focus { outline: transparent solid 2px !important; outline-offset: 2px !important; } .disabled\:cursor-default:disabled { cursor: default !important; } .disabled\:opacity-75:disabled { opacity: 0.75 !important; } .disabled\:opacity-50:disabled { opacity: 0.5 !important; } @media (prefers-color-scheme: dark) { } @media (min-width: 640px) { } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (min-width: 1280px) { } .cioNop svg line, .cioNop svg polyline { transition: 0.15s; } .cioNop svg rect, .cioNop svg path, .cioNop svg circle, .cioNop svg polygon { transition: 0.15s; } .kCMjsF svg line, .kCMjsF svg polyline { transition: 0.15s; } .kCMjsF svg rect, .kCMjsF svg path, .kCMjsF svg circle, .kCMjsF svg polygon { transition: 0.15s; } .hZlLwu svg path { fill: rgb(255, 164, 24); } .hZlLwu svg path:last-child { fill: rgb(255, 255, 255); } .cwabEs.cwabEs.cwabEs.cwabEs.cwabEs.cwabEs:hover { transform: translate(0px, 0px) scale(1.1) !important; } .hLMUiR.hLMUiR.hLMUiR.hLMUiR.hLMUiR.hLMUiR button svg[aria-label="Axeptio"] * { fill: rgb(102, 102, 102); } .hLMUiR.hLMUiR.hLMUiR.hLMUiR.hLMUiR.hLMUiR button:focus svg * { fill: rgb(255, 255, 255); } .hLMUiR.hLMUiR.hLMUiR.hLMUiR.hLMUiR.hLMUiR button:hover:not(:focus) svg * { fill: rgb(255, 255, 255); } @media (max-width: 768px) { } .gIhGqO.gIhGqO.gIhGqO.gIhGqO.gIhGqO.gIhGqO > .sc-gKseQn { flex: 1 1 100% !important; } @media (min-width: 450px) { } .jRlkZW textarea { overflow: auto; } .jRlkZW button, .jRlkZW input { overflow: visible; } .jRlkZW button, .jRlkZW [type="button"], .jRlkZW [type="reset"], .jRlkZW [type="submit"] { appearance: button; } .jRlkZW .sc-giImIA { background: rgb(255, 255, 255); } @media (min-width: 450px) { } .jRlkZW .sc-gKseQn { background: rgb(255, 255, 255); } @media (max-width: 450px) { html.axeptio-widget--open { min-height: 100vh !important; overflow: hidden !important; touch-action: none !important; } html.axeptio-widget--open > body { position: fixed !important; width: 100% !important; overflow: hidden !important; } html.axeptio-widget--open .ax-website-overlay { top: 0px !important; } } .axeptio_mount > div:first-child { transform: none !important; } @media (min-width: 450px) { } @media (min-width: 450px) { } @-webkit-keyframes czrsUQ { 0% { opacity: 0; transform: translate3d(-200px, 0px, 0px); } 100% { opacity: 1; transform: translate3d(0px, 0px, 0px); } } @keyframes czrsUQ { 0% { opacity: 0; transform: translate3d(-200px, 0px, 0px); } 100% { opacity: 1; transform: translate3d(0px, 0px, 0px); } } @media only screen and (max-width: 767px) { } .fade-in { animation: 0.3s ease-in-out 0s 1 normal none running fadeIn; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes slideOutLeft { 0% { transform: translateX(0px); opacity: 1; } 100% { transform: translateX(-100%); opacity: 0; } } @keyframes slideOutRight { 0% { transform: translateX(0px); opacity: 1; } 100% { transform: translateX(100%); opacity: 0; } } @keyframes slideInLeft { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } @keyframes slideInRight { 0% { transform: translateX(100%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } .fullscreen_container { overflow: hidden; touch-action: none; } video::-webkit-media-controls-fullscreen-button { display: none !important; }