@charset "UTF-8";:root{--brand: #07619e;--brand-2: #00bcd4;--brand-contrast: #fff}body{font-family:Montserrat,sans-serif;font-size:1rem;font-optical-sizing:auto;font-weight:400;font-style:normal;color:#27272a;transition:background-color .3s,color .3s;background-color:#fff;background-size:55px 55px}.section_padding{padding:30px 10px 20px}h2,h3{letter-spacing:-1px}.smalltext{font-size:12px}.logolink{display:block;width:100px;height:100px;margin:0 auto;background-image:url(/build/assets/logo_opticable-C8lRIDNz.webp);background-size:contain;background-position:center center;background-repeat:no-repeat}.svg-fluid{width:100%;height:auto;display:block}#livewire-error{display:none}.btn-brand{--bs-btn-bg: #000;--bs-btn-border-color: #000;--bs-btn-color: #fff;--bs-btn-hover-bg: #031a2a;--bs-btn-hover-border-color: #031a2a;--bs-btn-hover-color: #fff}.btn-call{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.service-card{position:relative;transition:.22s ease;border-radius:14px;border-top:3px solid rgba(22,163,255,.35)}.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f}.service-card .icon-wrap{width:56px;height:56px;border-radius:14px;margin-inline:auto;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2))}.service-card .icon-wrap i{font-size:1.65rem}.stretched-link{text-decoration:none;color:#27272a}.stretched-link:hover{color:var(--brand)}.card-all-services{background:linear-gradient(90deg,#16a3ff14,#00bcd414);border:1px solid rgba(22,163,255,.18);border-radius:16px}.card-all-services .all-ico{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:10px;background:#16a3ff1a;color:#0d86d4}.cta-section{background:linear-gradient(135deg,#0a2342,#0e63b7 45%,#19b5e7)}.btn-contrast{--bs-btn-bg: #fff;--bs-btn-color: #0a2342;--bs-btn-border-color: #fff;--bs-btn-hover-bg: #e9f3ff;--bs-btn-hover-border-color: #e9f3ff}.btn-call{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#fff}.btn-call:hover{background:#ffffff2e;color:#fff}.cta-bg{pointer-events:none;isolation:isolate}.cta-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background:radial-gradient(900px 480px at 12% 20%,rgba(22,163,255,.22),transparent 60%),radial-gradient(800px 480px at 88% 80%,rgba(0,188,212,.22),transparent 60%)}.zone-card{border-radius:16px}.zone-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand),#00bcd4)}.chip{display:inline-flex;align-items:center;padding:.45rem .75rem;border-radius:999px;font-weight:600;font-size:.9rem;background:#16a3ff1a;color:#0d86d4;text-decoration:none;border:1px solid rgba(22,163,255,.15)}.chip:hover{background:#16a3ff29}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.bg-danger-subtle{background:#ffe0e0!important;color:#c62828}.bg-success-subtle{background:#a8e6a1}.bg-warning-subtle{background:#ffd889}.svc-thumb{width:200px;height:150px;-o-object-fit:cover;object-fit:cover;flex:0 0 200px}.visualservice{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:.5rem .5rem 0 0;background:#e9eef3}.visualservice img{width:100%;height:250px;-o-object-fit:cover;object-fit:cover}.hero--coaxial{background:linear-gradient(135deg,#0a2342,#0e63b7 45%,#19b5e7)}.service-card .card-body{padding:1rem;overflow:hidden}.hero--courant,.hero--pros,.hero--contact{background:linear-gradient(135deg,#0a2342,#0e63b7 45%,#19b5e7)}.icon-wrap i{line-height:1}.hero--devis{background:linear-gradient(135deg,#0a2342,#0e63b7 45%,#19b5e7)}.cta-over-dark{margin:3rem 0}.cta-card{position:relative;background:#fffffff5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:1.25rem}.cta-card .cta-border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.25rem;pointer-events:none;padding:1px;background:linear-gradient(135deg,#0e63b7,#19b5e7,#8be7ff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;content:""}.cta-visual-gradient{background:radial-gradient(120% 120% at 80% 10%,rgba(25,181,231,.35) 0%,rgba(14,99,183,.15) 40%,transparent 70%)}.chip-soft{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:999px;background:#0e63b714;color:#0a2342;border:1px solid rgba(14,99,183,.15)}.btn-call-ring{--ring: #19b5e7;position:relative;border:1px solid var(--ring);color:#0a2342;background:#fff}.btn-call-ring:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:999px;border:2px solid rgba(25,181,231,.45);opacity:.75;animation:ping 1.6s infinite}@keyframes ping{0%{transform:scale(1);opacity:.8}to{transform:scale(1.25);opacity:0}}@media (max-width: 991.98px){.cta-over-dark{margin-top:-2rem}}.process-card{transition:transform .2s ease,box-shadow .2s ease;border-radius:1rem;padding-top:1.5rem}.process-card:hover{transform:translateY(-5px);box-shadow:0 1rem 2rem #0000001a}.process-step{width:50px;height:50px;background:var(--brand, #0d6efd);color:#fff;font-weight:700;font-size:1.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.faq-card{border-radius:1rem;transition:transform .2s ease,box-shadow .2s ease}.faq-card:hover{transform:translateY(-4px);box-shadow:0 1rem 2rem #00000014}.faq-icon{width:60px;height:60px;border-radius:50%;background:var(--brand, #0d6efd);color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center}header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:10px 5%;background-color:#000;color:#fff;z-index:3}.logo{cursor:pointer;display:inline-block;vertical-align:middle;width:140px;height:80px;background-image:url(/build/assets/logo_opticable-C8lRIDNz.webp);background-repeat:no-repeat;background-position:center;background-size:cover}ul{margin-bottom:0;padding:0}nav{position:absolute;left:50%;transform:translate(-50%)}.nav__links a,.cta,.overlay__content a{font-weight:300;color:#f3f3f3;text-decoration:none}.nav__links .dropdown ul li a{color:#27272a;text-decoration:none}.nav__links{list-style:none;display:flex}.nav__links li{padding:0 20px}.nav__links li a{transition:color .3s ease 0s}.nav__links li a:hover{color:#1f8cf0}.nav__links li a.active{font-weight:700;color:#1f8cf0;border-bottom:1px solid #1478d1}a.navconnexion{text-decoration:none}a.navconnexion i{font-size:30px;color:#f3f3f3}a.navdevis{text-decoration:none;border:1px solid #fff;padding:10px 15px;border-radius:5px;color:#fff;text-transform:uppercase;transition:all .3s ease 0s}a.navdevis:hover{background-color:#fff;color:#000;text-decoration:none}.cta{display:flex;align-items:center}.cta li{list-style:none}.cta li>a>i{color:#27272a}.cta li>a.navconnexion>i{color:#f3f3f3}.cta .dropdown-toggle:after{display:none}.cta #nav_notifications{position:relative;margin-right:10px}.cta #nav_notifications a{transition:color .3s ease 0s;display:block;text-decoration:none;color:#27272a}.cta #nav_notifications a i{font-size:27px}.cta #nav_notifications a .nav-dot{position:absolute;top:5px;right:1px;width:10px;height:10px;border-radius:50%;background-color:red;text-align:center}.cta #nav_notifications a:hover{color:#1f8cf0}.cta #nav_notifications a.active{color:#1478d1}.menu{display:none;background:none;border:none}.nav_overlay{height:100vh;max-height:100%;overflow-y:auto;width:0;position:fixed;z-index:9999;left:0;top:0;transition:width .3s ease 0s}.overlay--active{width:100%}.overlay__content{position:relative;display:flex;height:100%;flex-direction:column;background-color:#f1f1f1;width:calc(100% - 50px);padding-top:100px}.nav_overlay a{position:relative;padding:10px 10px 10px 25px;border-bottom:1px solid #fff;font-size:1rem;text-transform:uppercase;display:block;color:#000;font-weight:700;transition:color .3s ease 0s}.nav_overlay a i{position:absolute;right:15px}.nav_overlay a.help{font-size:.9rem;color:#313131;font-weight:400;text-transform:none}.nav_overlay a.active{color:#0068c3}.nav_overlay a.active:before{content:"";position:absolute;left:0;top:50%;bottom:0;width:4px;height:70%;transform:translateY(-50%);background-color:#000}.nav_overlay a:hover,.nav_overlay a:focus{color:#1f8cf0}.nav_overlay #bt_menu_close{border:none;position:absolute;top:0;right:-50px;font-size:30px;background:#f8f8f8;color:#000;text-decoration:none;cursor:pointer;width:50px;height:50px;line-height:50px;padding:0;text-align:center;border-left:2px solid #d1d1d1}#nav_bottom{display:none;position:fixed;bottom:0;left:0;right:0;z-index:999}#nav_bottom #nav_bottom_content{display:none}#nav_bottom #nav_bottom_content a{padding:0 10px;text-align:center;text-decoration:none}#nav_bottom #nav_bottom_content a i{font-size:15px;color:#1f8cf0}#nav_bottom #nav_bottom_content a span{display:block;font-size:10px;color:#27272a}@media screen and (max-height: 450px){.nav_overlay a{font-size:20px}.nav_overlay .close{font-size:40px;top:15px;right:35px}}@media (max-width: 960px){.logo{width:80px;height:45px}nav,.nav__links{display:none}.menu{display:initial}#avatarspan{display:none}a.navdevis{padding:10px 15px;font-size:.8rem}a.navdevis span{display:none}#nav_bottom #nav_bottom_content.active{display:flex;justify-content:space-around;padding:2px 0;background-color:#fff;border-top:1px solid #f3f3f3}}.hero.hero_home .herobox{width:50%}.hero .container{position:relative;z-index:2}@media (max-width: 960px){.hero{padding:1rem 0}.hero.hero_home{padding:2rem 0 5rem}.hero.hero_home .herobox{width:100%}}h1{font-family:Russo One,sans-serif;font-weight:400;font-style:normal;text-transform:uppercase}.hero_home{min-height:72vh;display:flex;align-items:center}.text-white-75{color:#fffc!important}.xsmall{font-size:.8rem;opacity:.8}.hero_home{min-height:78vh;display:flex;align-items:center}.py-6{padding-block:4.5rem}.text-white-75{color:#ffffffd1!important}.xsmall{font-size:.82rem;opacity:.85}.gradient-text{background:linear-gradient(90deg,#e3f2fd,#b3e5fc,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.glass{background:linear-gradient(180deg,#ffffff1f,#ffffff0f);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 28px #00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge.glass-pill{white-space:normal!important;display:inline-flex;flex-wrap:wrap;align-items:center;max-width:100%;overflow-wrap:anywhere;border-radius:9999px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);padding:clamp(.35rem,1.2vw,.5rem) clamp(.8rem,2vw,1.5rem);line-height:1.2;animation:glow 3s ease-in-out infinite alternate;position:relative;overflow:hidden}.glass-pill:before{content:"";position:absolute;inset:0 auto 0 -100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes glow{0%{box-shadow:0 0 20px #6366f14d}to{box-shadow:0 0 40px #8b5cf680}}.chips{padding:.55rem 1.1rem;border-radius:20px;font-weight:600;color:#fff}.trust-ribbon .chips{font-size:.8rem;display:flex;align-items:center}.hero-bg{pointer-events:none;isolation:isolate}.hero-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background:linear-gradient(135deg,#0a2342,#0e63b7 45%,#19b5e7)}.blob{position:absolute;filter:blur(42px);opacity:.32;z-index:-2;border-radius:50%}.blob-1{width:520px;height:520px;left:-120px;top:-80px;background:radial-gradient(circle,#4fc3f7,transparent 60%);animation:float1 12s ease-in-out infinite alternate}.blob-2{width:620px;height:620px;right:-160px;bottom:-120px;background:radial-gradient(circle,#80deea,transparent 60%);animation:float2 14s ease-in-out infinite alternate}.mesh{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px,40px 40px;background-position:-1px -1px;opacity:.35}@keyframes float1{to{transform:translate(22px,16px) scale(1.06)}}@keyframes float2{to{transform:translate(-14px,-10px) scale(1.05)}}footer#footer{background-color:#000;padding:3rem 0}footer#footer #scrollToTop{background-color:#1478d1;color:#fff;border:none;border-radius:5px;cursor:pointer}footer#footer #footer_bottom{background-color:#000;padding:1rem 0;text-align:center}footer#footer #footer_bottom .container{padding:1rem 0}footer#footer .footer-link{color:#fff9;text-decoration:none}footer#footer .footer-link:hover{color:#fff;text-decoration:underline}footer#footer .hover-opacity:hover{opacity:.85}@media (max-width: 960px){footer#footer #scrollToTop{bottom:70px}}#appguest{min-height:100vh;background:#2980b9;background:linear-gradient(to left,#fff,#6dd5fa,#2980b9);display:flex;align-items:center;justify-content:center}#appguest>div{width:50%;min-height:100vh;display:flex;align-items:center;justify-content:center}#appguest>div.flexform>div{width:90%;max-width:450px;background-color:#fff;border-radius:6px;padding:3rem}#appguest>div.flexform>div #googlebtn{display:block;width:100%;margin:20px 0;padding:15px;background-color:#bae6fd;border-radius:6px;text-align:center;text-decoration:none;color:#212121;transition:all .3s ease;border:1px solid #38bdf8}#appguest>div.flexform>div #googlebtn:hover{background-color:#38bdf8}#appguest>div.flexform>div #por{position:relative;text-align:center;margin-bottom:20px}#appguest>div.flexform>div #por:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:1px;background-color:#bfbebe;z-index:0}#appguest>div.flexform>div #por span{position:relative;padding:0 10px;background-color:#fff;z-index:1}#appguest>div.flexform>div a{color:#1478d1}#appguest>div.apropos{background-color:#fff}#appguest>div.apropos #dlink{position:absolute;top:15px;right:25px;text-decoration:none;color:#1478d1;text-transform:uppercase;font-size:.9rem}#appguest>div.apropos>div{width:90%;padding:25px}@media (max-width: 960px){#appguest{flex-direction:column}#appguest>div{width:100%}}#apperrors{min-height:100vh;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center}#apperrors h1{color:#212121}#apperrors h1 span{text-align:start}#apperrors h2{margin-bottom:2rem}#apperrors img{max-width:300px;height:auto}.avatar{width:3rem;height:3rem;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:1px solid rgba(250,250,250,.5);margin:0 10px}.avatar.xl{width:10rem;height:10rem}input:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#000!important}.input-group .input-group-text{background-color:transparent}.blogContent img{max-width:100%;height:auto}