.clear{clear:both}.bg-white{background-color:#fff}footer.bg--dark *:not(a){color:#fff}footer.bg--dark .icon--circle i{color:#025180}.footer-font-size{font-size:13px}.equal-height{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap}.equal-height.row>[class*='col-']{display:flex;flex-direction:column}@media (max-width:991px){.footer-font-size a{font-size:16px!important;line-height:normal}.footer-font-size br{display:none}.footer-font-size p{display:flex;flex-direction:column}.footer-font-size a{margin:10px 0;margin-right:0!important}.footer-contact{margin-bottom:50px}.form-job .item-form:not(:last-child){padding-right:0px!important}}.nav-mobile-toggle{right:0}.slider-logo{display:block}#nav-icon1{width:32px;height:32px;position:relative;margin:45px auto;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}.nav-container .bg--primary{background:#025180!important}#nav-icon1 span{display:block;position:absolute;height:2px;width:100%;background:#025180;border-radius:25px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#nav-icon1 span:nth-child(1){top:0}#nav-icon1 span:nth-child(2){top:9px}#nav-icon1 span:nth-child(3){top:18px}#nav-icon1.open span:nth-child(1){top:9px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}#nav-icon1.open span:nth-child(2){opacity:0;left:-60px}#nav-icon1.open span:nth-child(3){top:9px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}.pos-vertical-center .body-pos{background-color:#fff;padding:30px;color:#000}footer .footer-auxilary span{color:#fff}.topmenu i{background-color:#025180;padding:8px 9px;border-radius:100%;color:#fff;text-align:center;margin-right:3px;font-size:11px}.topmenu a:hover i{background-color:#009ddc}.topmenu a:hover{color:#009ddc}.pos-vertical-center .body-pos h1,.pos-vertical-center .body-pos h2{font-size:35px;margin:0;color:#000;line-height:40px;padding-bottom:35px}.pos-vertical-center .body-pos .findbtn{float:none;background-color:#025180;padding:15px 15px;font-size:16px;color:#fff;font-weight:800;margin-top:20px;text-transform:uppercase;width:fit-content}.mt-20{margin-top:20px!important}.nav-open .nav-bar{max-height:100000px!important;display:block}.nav-bar .nav-module{position:relative}.nav-bar .menu>#about-menu{position:relative}.nav-bar .menu>li{position:unset}.nav-bar .menu .submenu-opto-megamenu,.nav-bar .menu .submenu-opto{padding:43px 30px;z-index:999}.submenu-opto-megamenu .megamenu-desc strong{padding-bottom:5px;display:inline-block}.submenu-opto a:last-child>.megamenu-desc{margin-bottom:0}.submenu-opto-megamenu .megamenu-title,.submenu-opto .megamenu-title{margin-bottom:2px}.nav-bar .menu .submenu-opto-megamenu a,.nav-bar .menu .submenu-opto a{padding:0}.submenu-opto-megamenu .megamenu-title,.submenu-opto-megamenu .megamenu-title a,.submenu-opto .megamenu-title{font-size:15px;font-weight:700;color:#000!important;text-transform:uppercase}#optometrist-menu .submenu-opto-megamenu:before{left:195px}#patients-menu .submenu-opto-megamenu:before{left:350px}#optometrist-menu:lang(fr) .submenu-opto-megamenu:before{left:245px}#patients-menu:lang(fr) .submenu-opto-megamenu:before{left:465px}.submenu-opto:before{left:1.5em!important}.submenu-opto-megamenu .megamenu-desc,.submenu-opto .megamenu-desc{margin-bottom:30px}.submenu-opto-megamenu .btn{padding:15px 30px!important;margin-top:15px}.submenu-opto-megamenu .megamenu-desc img{margin-top:10px;margin-bottom:0}.submenu-opto-megamenu .megamenu-desc,.submenu-opto-megamenu .megamenu-desc a,.submenu-opto .megamenu-desc,.submenu-opto a{font-size:15px;color:#4f5560!important;padding:0;line-height:22px}.nav-bar .menu .submenu-opto{min-width:350px}.submenu-opto-megamenu span,.submenu-opto span{color:#4f5560}.submenu-opto-megamenu .megamenu-desc a{padding-bottom:5px}.opto-nav-bar{background-color:#fff;padding:23px 0 30px 0;max-height:115px}.opto-nav-bar img{height:70px;}.opto-nav-bar img,.opto-nav-bar ul{margin-bottom:0}.opto-nav-bar .container{display:flex}.opto-nav-bar .container .center-flow{align-self:center}.opto-nav-bar .container ul{text-align:right}.opto-nav-bar .container ul li{display:inline-block;padding-left:35px}.opto-nav-bar .container ul li a,.opto-nav-bar .container ul li a .btn__text{color:#025180;text-transform:uppercase}.opto-nav-bar .container ul li:last-child{font-weight:700}.opto-blue-bg{background-color:#025180}.menu a{opacity:1}.opto-blue-bg .container .menu-module ul li a,.opto-blue-bg .container .has-dropdown>a:after{color:#fff}.opto-blue-bg .container .menu-module ul li a:hover,.opto-blue-bg .container .has-dropdown .submenu-opto li a:hover,.submenu-opto a:hover .megamenu-title,.submenu-opto a:hover .megamenu-desc,.nav-bar .menu .submenu-opto-megamenu a:hover .megamenu-title,.nav-bar .menu .submenu-opto-megamenu a:hover .megamenu-desc,.submenu-opto-megamenu a:hover span,.submenu-opto-megamenu a:hover span i,.submenu-opto a:hover span,.submenu-opto a:hover span i,.nav-bar .menu .submenu-opto-megamenu a:hover .megamenu-desc i{color:#009ddc!important}.opto-news-home{padding-left:30px;padding-right:30px}.opto-services-body,.titles{max-width:800px;margin:0 auto;padding:0 20px;text-align:center}.opto-services h5,.titles h5{font-size:18px;text-transform:uppercase;color:#025180;font-weight:700;text-align:center;margin-bottom:10px}.opto-services h2,.titles h2{font-size:32px;text-transform:uppercase;color:#42464e;text-align:center;margin-bottom:60px}.opto-services p{color:#42464e}.opto-services p strong{color:#025180}.opto-news-home .news-body-title{min-height:85px}.services-opto .container,.section--pullup .container{padding-left:30px;padding-right:30px}.opto-news-home .ellipsis{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:66px}.services-opto{text-align:center}.services-opto p{margin-bottom:10px}.services-opto .col-md-4 a{color:#025180;padding-bottom:20px;display:block}.services-opto .col-md-4 a:hover{opacity:.7}.flexslider{margin-bottom:10px}.flex-control-nav{position:relative;bottom:auto}.custom-navigation{display:table;width:100%;table-layout:fixed}.custom-navigation>*{display:table-cell}.custom-navigation>a{width:50px}.custom-navigation .flex-next{text-align:right}.col-md-6.homeNews{width:46%!important}@media screen and (max-width:992px){.col-md-6.homeNews{width:100%!important}}@media only screen and (max-width:1199px) and (min-width:992px){.news-57 .news-article-snippet a h3{margin-bottom:-18px!important}}.btn{padding:16px;margin:0}.img-news{margin-bottom:0}.imgcreditbanner{font-size:11px;float:right;position:absolute;bottom:65px;right:10px;padding:7px;color:#FFF;opacity:.8}.imgcreditpage{font-size:11px;float:right;position:absolute;bottom:25px;right:25px;padding:7px;color:#FFF;opacity:.8}.imgcredit{font-size:11px;float:right;position:absolute;bottom:0;right:10px;padding:7px;color:#FFF;opacity:.8}.imgcreditbannerservices{font-size:11px;float:right;position:absolute;bottom:25px;right:25px;padding:7px;color:#FFF;opacity:.8}.imgcreditlink{color:#FFF}.imgcreditlink:hover{color:#FFF}.mt50{padding-top:50px}.no-margin{margin:0}.no-padding{padding:0}.no-pad-left{padding-left:0}.pad-20{padding:20px}.pad-10{padding:10px}.d-md-none{display:none}@media (max-width:1470px){.news-body-title{font-size:20px}}@media (max-width:1400px){.news-body-title{font-size:18px}.news-article-snippet.boxed{padding:25px}}@media (max-width:1200px){.pos-vertical-center{top:180px}}@media (max-width:767px){.d-md-none{display:block}.mobile-slide{padding:20px 0!important}.mobile-slide .mobile-bg{position:absolute;top:0;width:100%;background:#000;background:linear-gradient(180deg,rgb(0 0 0 / .65) 10%,rgb(0 0 0 / .65) 70%,rgb(0 0 0 / .4) 100%)}.pos-vertical-center{height:100%;top:0}.mobile-slide .bg-img-mobile-right{background-position:right!important}.pos-vertical-center .body-pos{background-color:#fff0;padding:30px;color:#000}.pos-vertical-center .body-pos h1,.pos-vertical-center .body-pos span,.pos-vertical-center .body-pos p{color:#fff}.pos-vertical-center .body-pos img{margin-bottom:30px}.pos-vertical-center .body-pos .findbtn{margin-top:50px}}@media (max-width:991px){.opto-news-home .news-body-title{min-height:60px}.nav-bar{display:none}.nav-open .menu{width:100%}.nav-bar .menu .submenu-opto{min-width:auto}.nav-bar .nav-module{text-align:left}.menu>li>a{padding-left:0}.submenu-opto-megamenu .left-btn{text-align:left!important}.submenu-opto-megamenu .megamenu-desc,.submenu-opto .megamenu-desc{margin-bottom:15px}.submenu-opto-megamenu .megamenu-title{margin-top:20px}.m-mt-20{margin-top:0px!important}}@media (max-width:767px){.center-sm{text-align:center}.opto-news-home .news-body-title{min-height:auto}.opto-blue-header-bg{font-size:21px;line-height:32px}.opto-news-home .ellipsis{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:visible;min-height:auto}.topmenu .container-fluid{padding:6px 15px}.opto-services h2,.titles h2{margin-bottom:30px}}.height-limit-news-photos{height:180px;overflow:hidden}.searchresults .list{padding:25px}.searchresults .listdetails{text-align:center;padding:0 20px}.searchresults .listdetails .btn{width:100%}.searchresults .listdetails .btn.outline{margin:20px 0}.searchresults .listdetails .btn.darkblue{color:#fff}@media (max-width:991px){.searchresults .listdetails .btn.darkblue{margin:0}}.searchresults .list h3{font-weight:400;font-size:25px}.searchresults .list i.fa.fa-map-marker{padding-right:5px;color:#6797ce}.searchresults .list i.fa.fa-envelope-o,.searchresults .list i.fa.fa-television,.searchresults .list i.fa.fa-phone,.searchresults .list i.fa.fa-info,.searchresults .list i.fa.fa-cloud,.searchresults .list i.fa.fa-fax{border-radius:50%;color:#90bed5;font-size:13px;border:1px solid #90bed5;width:23px;height:23px;padding:4px 3px;text-align:center;vertical-align:middle}.searchresults .list .fa-tv:before,.fa-television:before{content:"\f26c";padding-left:1px}.searchresults .list ul li{display:inline-block;margin-right:20px;font-size:14px}.searchresults .list ul li.website a,.searchresults .listdetails a.details{color:#6797ce;font-weight:600;font-size:14px}.searchresults .list ul{border-top:1px solid #e6e8ea;padding-top:15px;margin-bottom:0}.searchresults .container .row{margin:25px 0}.news-57 .news-article-snippet a h3{margin-bottom:4px}.news-summary .row{display:flex;flex-wrap:wrap}.accordion{background-color:#eee;color:#444;cursor:pointer;padding:18px;width:100%;text-align:left;border:none;outline:none;transition:0.4s}.panel-careers{padding:0 30px;background-color:#fff;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out}.offer-content{margin:30px 0}.item-offer{margin-bottom:30px}.accordion:after{content:'\002B';font-size:15px;color:#777;float:right;margin-left:5px}.accordion.active:after{content:'\005F';font-weight:700;margin-top:-8px;margin-right:1px}.item-test .accordion{background-color:#7db2ce;color:white!important;text-transform:uppercase}.item-test .accordion:after{color:#fff}.item-test{margin-bottom:10px}.breadcrumb>.active{color:black!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:0.25rem!important}.mt-1,.my-1{margin-top:0.25rem!important}.mr-1,.mx-1{margin-right:0.25rem!important}.mb-1,.my-1{margin-bottom:0.25rem!important}.ml-1,.mx-1{margin-left:0.25rem!important}.m-2{margin:0.5rem!important}.mt-2,.my-2{margin-top:0.5rem!important}.mr-2,.mx-2{margin-right:0.5rem!important}.mb-2,.my-2{margin-bottom:0.5rem!important}.ml-2,.mx-2{margin-left:0.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:0.25rem!important}.pt-1,.py-1{padding-top:0.25rem!important}.pr-1,.px-1{padding-right:0.25rem!important}.pb-1,.py-1{padding-bottom:0.25rem!important}.pl-1,.px-1{padding-left:0.25rem!important}.p-2{padding:0.5rem!important}.pt-2,.py-2{padding-top:0.5rem!important}.pr-2,.px-2{padding-right:0.5rem!important}.pb-2,.py-2{padding-bottom:0.5rem!important}.pl-2,.px-2{padding-left:0.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-0.25rem!important}.mt-n1,.my-n1{margin-top:-0.25rem!important}.mr-n1,.mx-n1{margin-right:-0.25rem!important}.mb-n1,.my-n1{margin-bottom:-0.25rem!important}.ml-n1,.mx-n1{margin-left:-0.25rem!important}.m-n2{margin:-0.5rem!important}.mt-n2,.my-n2{margin-top:-0.5rem!important}.mr-n2,.mx-n2{margin-right:-0.5rem!important}.mb-n2,.my-n2{margin-bottom:-0.5rem!important}.ml-n2,.mx-n2{margin-left:-0.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}.attempted-submit .field-error{border-bottom:1px solid #D84D4D!important}.toggle-pill{margin-right:15px}.toggle-pill input[type="checkbox"]{display:none}.toggle-pill input[type="checkbox"]+label{display:block;position:relative;width:3em;height:1.6em;margin-bottom:20px;border-radius:1em;background:#f3f3f3;box-shadow:inset 0 0 3px 1px rgb(0 0 0 / .3);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-transition:background 0.1s ease-in-out;transition:background 0.1s ease-in-out}.toggle-pill input[type="checkbox"]+label:before{content:"";display:block;width:1.2em;height:1.2em;border-radius:1em;background:#868688;box-shadow:2px 0 5px rgb(0 0 0 / .2);position:absolute;left:.2em;top:.2em;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.toggle-pill input[type="checkbox"]:checked+label{background:#fff}.toggle-pill input[type="checkbox"]:checked+label:before{box-shadow:-2px 0 5px rgb(0 0 0 / .2);background:#025180;left:1.6em}.list-style{line-height:1.8em!important;list-style:disc;margin-left:20px}.contact-column{display:flex;flex-direction:column;justify-content:space-between;align-content:space-between;height:100%}.d-flex{display:flex}.flex-40{flex-basis:40%;box-sizing:border-box}.flex-60{flex-basis:60%;box-sizing:border-box}.contact-social{display:flex;justify-content:center;margin-top:40px}.contact-social .icon--circle{display:flex;justify-content:center;align-items:center;padding:0;margin-right:10px;transition:all 0.3s ease;background-color:#009ddc}.contact-social .icon--circle i{padding:0;margin:0;color:#fff}.contact-social .icon--circle:hover{background-color:#025180}.section-contact-1{background:transparent!important}.section-contact-1 .form-title h1{margin:0;font-size:30px}.section-contact-1 .form-title .lead{font-size:15px;margin-top:10px;margin-bottom:0}.overlay-contact{height:350px;position:absolute;width:100%;top:0;background:#000;background:linear-gradient(180deg,#fff0 0%,rgb(0 0 0 / .1) 0%,rgb(242 243 244) 98%)}.section-contact-1 .card{background-color:#fff}.section-contact-1 .email-list{display:flex;flex-direction:column;justify-content:center;align-items:baseline;width:fit-content;margin:0 auto}.section-contact-1 .email-list div{margin-top:5px}.section-contact-1 .email-list i{padding-bottom:0}@media screen and (min-width:992px){.mt-md-0{margin-top:0!important}}@media screen and (max-width:993px){.contact-column{flex-direction:row;flex-wrap:wrap}.d-flex:not(.flex-row){flex-direction:column}.flex-40{flex-basis:100%;box-sizing:border-box}.flex-60{flex-basis:100%;box-sizing:border-box}}@media screen and (max-width:768px){.d-flex{margin:0 20px}.contact-column{justify-content:center}.contact-column .col-12{width:100%}}.img-container img{min-height:110%;min-width:fit-content}@media screen and (max-width:1200px){.img-container img{min-height:100%;min-width:fit-content}}@media screen and (max-width:1125px){.img-container img{min-height:80%;min-width:fit-content}}.menu-clinic{display:flex;justify-content:space-between;align-items:center;width:100%}.menu-clinic .logo-module img{max-height:70px;width:auto}.menu-clinic ul{display:flex;align-items:center;justify-content:flex-end}.menu-clinic p{margin-bottom:0}.menu-clinic-toggle{top:-7px}.micro-clinic .d-flex{display:flex}.micro-clinic .topmenu{padding:2px 30px}.micro-clinic .topmenu .d-flex div{width:50%}.micro-clinic .info-clinic{background-color:#fff;padding:40px}.micro-clinic .team img{width:100%}.mb-50{margin-bottom:50px}.micro-clinic .team-name{font-size:17px;margin-bottom:5px;line-height:20px}.micro-clinic .intro-clinic{background:linear-gradient(to right,#e9ebee 0%,#e9ebee 50%,white 50%,white 100%);padding:60px 0}.micro-clinic .intro-clinic .img-contenant{max-height:280px;overflow:hidden;margin-bottom:30px}.micro-clinic .intro-clinic img{width:100%;object-fit:cover}.micro-clinic .intro-clinic p,.micro-clinic .intro-clinic h1{margin:0}.micro-clinic .contact-us p{margin:0 0 5px 0!important}.micro-clinic .lunch-container{width:35%;font-style:italic;font-size:13px;color:#9f9f9f}.micro-clinic .lunch-container img{margin-bottom:4px}.micro-clinic .lunch-container span{padding-top:5px}.micro-clinic .contact-us i{color:#5d5c5c}.micro-clinic .network i{font-size:25px!important}.micro-clinic footer .network i{font-size:20px!important}.micro-clinic .contact-us .network i:hover{color:#000}.micro-clinic footer ul li{display:block}footer ul li{margin-left:0}.micro-clinic .maliste2{columns:2}.flex-column{flex-direction:column}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.job-offers-clinic{background:url(https://images.opto.com/opto/images/job-banner.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;padding:50px 0}.job-offers-clinic a{background-color:#fff;border-color:#fff}.job-offers-clinic h2{font-weight:bolder}@media (max-width:990px){.micro-clinic .text-right,.micro-clinic .text-left,.intro-clinic p{text-align:center!important}.micro-clinic .mt-sm-mobile{margin-top:10px!important}.micro-clinic .maliste2{columns:1!important}.micro-clinic footer h3{margin-top:30px}.intro-clinic{padding-top:0!important}.micro-clinic .topmenu .d-flex{flex-direction:column}.micro-clinic .topmenu .d-flex div{width:100%}.intro-clinic-text{flex-direction:column!important}}#equipe .img-cont,#team .img-cont{position:relative;width:100%;height:auto}#equipe .overlay,#team .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff0;transition:background 0.5s ease}#equipe .img-cont:hover .overlay,#team .img-cont:hover .overlay{display:block;background:rgb(0 0 0 / .3)}#equipe .img-sommaire-staff,#team .img-sommaire-staff{position:relative;width:100%;height:auto;left:0;transition:all 1s;margin-bottom:0}#equipe .button,#team .button{position:absolute;width:100%;left:0;top:45%;text-align:center;opacity:0;transition:opacity .35s ease}#equipe .button a,#team .button a{width:100%;background-color:#025180;color:#fff;text-transform:uppercase;font-size:14px;line-height:1.5625em;font-weight:600;letter-spacing:.05em;padding:16px;margin:0;text-decoration:none;border-radius:.25em}#equipe .img-cont:hover .button,#team .img-cont:hover .button{opacity:1}.modal-container .height--natural{height:auto!important;width:auto!important}@media (max-width:590px){.micro-clinic h1{font-size:26px;line-height:1.3}}.form-job .job-select:after{display:inline-block;font-family:Ionicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f123";position:absolute;right:0;pointer-events:none;top:38%;right:1.2em;font-size:.87em;transform:translate3d(0,-50%,0);-webkit-transform:translate3d(0,-50%,0)}.form-job{background-color:#fff0;padding:0}.form-job .item-form{padding-left:0;padding-right:0}.form-job .item-form:not(:last-child){padding-right:4px}.form-job input,.form-job select{margin-bottom:30px;background-color:#ffffff!important;border:1px solid #a2a2a2;border-radius:.25em;padding:16px;width:100%}.search-btn{margin-bottom:30px;background-color:#025180!important;border:1px solid #025180;border-radius:.25em;padding:16px;width:100%}.search-btn .btn__text{color:#fff}.form-job .keyword-search{border-right:0;border-radius:.25em 0 0 .25em}.form-job .job-search{border-radius:0 .25em .25em 0;padding-bottom:13px}.job-opto .h2{font-weight:bolder;margin-bottom:3px;margin-top:20px}.job-box{display:flex;flex-direction:column;position:static;margin-bottom:30px;border:1px solid #dee2e6;border-radius:20px;padding:30px 25px;height:100%}.job-opto .tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.job-single .modal-instance{display:flex;justify-content:space-between;align-items:center}.social-share .jssocials-share{display:flex}.social-share .jssocials-share a{border-radius:100%;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.uppercase{text-transform:uppercase}.job-opto .tags p{border:1px solid #dee2e6;border-radius:.25em;padding:5px 10px;margin-bottom:0;font-weight:lighter}.job-container-padding .job-box p,.job-container-padding .job-box ul,.job-container-padding .job-box ol,.job-container-padding .job-box span,.job-container-padding .job-box a,.job-container-padding .job-box li{margin-bottom:0}.job-opto .btn+.btn{margin-left:0}.job-opto i{margin-right:5px}.job-opto .btn{opacity:1!important;margin-right:10px!important}.job-opto .btn2{margin-left:5px;text-decoration:none!important}.job-date{position:absolute;margin-right:42px;opacity:.7;right:0;top:19px}.job-opto .bio{font-size:18px;margin-bottom:25px;margin-top:25px}.job-opto .bio{font-size:18px;margin-bottom:25px;margin-top:25px}.job-opto .maLigne{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.job-opto .maLigne *{display:inline;font-size:18px!important;font-weight:normal!important;font-family:'Open Sans','Helvetica','Arial',sans-serif!important}.job-opto .job-container-padding:not(.filter-header)>div{width:100%;margin:0!important}.job-opto .job-container-padding .row>div:not(.item-form){padding-right:15px!important;padding-left:15px!important}.job-opto .hr{margin-bottom:35px}.breadcrumb-white>li+li:before,.breadcrumb-white>.active,.breadcrumb-white a{color:#ffffff!important}.job-container-padding{padding:0 30px}.job-btn{flex-direction:row;margin-top:auto}@media (max-width:800px){.job-container-padding{padding:0}}@media screen and (max-width:700px){.job-btn{flex-direction:column;margin:0}.job-date{position:relative;margin-bottom:3px;top:0}.job-btn .btn2{margin-top:10px}.job-btn .btn{width:fit-content}.job-opto .btn+.btn{margin-top:10px}.job-single .modal-trigger{margin-top:10px}.job-single .modal-instance{display:block}.job-single .job-action-container{display:flex!important;flex-wrap:wrap}}@media screen and (max-width:480px){.job-single .job-action-container{flex-direction:column}.job-single .job-action-container .share-container{margin-top:30px}}.job-opto .lab,.job-opto .lab .h2,.job-opto .lab .btn__text,.job-opto .lab .tags p{background-color:#d2e3de!important;color:#21462b!important;border-color:#84b192!important}.job-opto .lab .btn2,.job-opto .lab .btn{border-color:#21462b!important}.job-opto .lab .tags .location{background-color:#a9cbbb!important}.job-opto .lab .btn2 .btn__text,.job-opto .lab .btn2{background-color:#21462b!important;color:#ffffff!important}.job-opto .lab .btn i{color:#21462b!important}.job-opto .admin,.job-opto .admin .h2,.job-opto .admin .btn__text,.job-opto .admin .tags p{background-color:#efe0f7;color:#5c095d!important;border-color:#b690c3!important}.job-opto .admin .bio *{color:#5c095d!important}.job-opto .admin .btn2,.job-opto .admin .btn{border-color:#5c095d!important}.job-opto .admin .tags .location{background-color:#dfbee7!important}.job-opto .admin .btn2 .btn__text,.job-opto .admin .btn2{background-color:#5c095d!important;color:#ffffff!important}.job-opto .admin .btn i{color:#5c095d!important}.job-opto .manager,.job-opto .manager .h2,.job-opto .manager .btn__text,.job-opto .manager .tags p{background-color:#cde9ed;color:#235052!important;border-color:#5d9c9f!important}.job-opto .manager .bio *{color:#235052!important}.job-opto .manager .btn2,.job-opto .manager .btn{border-color:#235052!important}.job-opto .manager .tags .location{background-color:#9dcfd1!important}.job-opto .manager .btn2 .btn__text,.job-opto .manager .btn2{background-color:#235052!important;color:#ffffff!important}.job-opto .manager .btn i{color:#235052!important}.job-opto .assistant,.job-opto .assistant .h2,.job-opto .assistant .btn__text,.job-opto .assistant .tags p{background-color:#e1e8eb;color:#435b66!important;border-color:#a3b2b9!important}.job-opto .assistant .bio *{color:#435b66!important}.job-opto .assistant .btn2,.job-opto .assistant .btn{border-color:#435b66!important}.job-opto .assistant .tags .location{background-color:#d1dce1!important}.job-opto .assistant .btn2 .btn__text,.job-opto .assistant .btn2{background-color:#435b66!important;color:#ffffff!important}.job-opto .assistant .btn i{color:#435b66!important}.job-opto .optician,.job-opto .optician .h2,.job-opto .optician .btn__text,.job-opto .optician .tags p{background-color:#dce4fb;color:#3f2b63!important;border-color:#929ca9!important}.job-opto .optician .bio *{color:#3f2b63!important}.job-opto .optician .btn2,.job-opto .optician .btn{border-color:#3f2b63!important}.job-opto .optician .tags .location{background-color:#cbcbf1!important}.job-opto .optician .btn2 .btn__text,.job-opto .optician .btn2{background-color:#3f2b63!important;color:#ffffff!important}.job-opto .optician .btn i{color:#3f2b63!important}.job-opto .optometrist,.job-opto .optometrist .h2,.job-opto .optometrist .btn__text,.job-opto .optometrist .tags p{background-color:#d4edf9;color:#09425d!important;border-color:#85bbd5!important}.job-opto .optometrist .bio *{color:#09425d!important}.job-opto .optometrist .btn2,.job-opto .optometrist .btn{border-color:#09425d!important}.job-opto .optometrist .tags .location{background-color:#acd5e9!important}.job-opto .optometrist .btn2 .btn__text,.job-opto .optometrist .btn2{background-color:#09425d!important;color:#ffffff!important}.job-opto .optometrist .btn i{color:#09425d!important}.job-opto .student,.job-opto .student .h2,.job-opto .student .btn__text,.job-opto .student .tags p{background-color:#e7e9dd;color:#505f52!important;border-color:#b4b8a1!important}.job-opto .student .bio *{color:#505f52!important}.job-opto .student .btn2,.job-opto .student .btn{border-color:#6e8170!important}.job-opto .student .tags .location{background-color:#c8cabb!important}.job-opto .student .btn2 .btn__text,.job-opto .student .btn2{background-color:#6e8170!important;color:#ffffff!important}.job-opto .student .btn i{color:#6e8170!important}.job-opto .optometrist .tags p,.job-opto .optician .tags p,.job-opto .admin .tags p,.job-opto .manager .tags p,.job-opto .assistant .tags p,.job-opto .lab .tags p,.job-opto .student .tags p{background-color:#ffffff!important}.job-opto .optometrist .btn2 i,.job-opto .optician .btn2 i,.job-opto .admin .btn2 i,.job-opto .manager .btn2 i,.job-opto .assistant .btn2 i,.job-opto .lab .btn2 i,.job-opto .student .btn2 i{color:#ffffff!important}.job-single .optometrist,.job-single .optometrist .h2,.job-single .optician,.job-single .optician .h2,.job-single .admin,.job-single .admin .h2,.job-single .manager,.job-single .manager .h2,.job-single .assistant,.job-single .assistant .h2,.job-single .lab,.job-single .lab .h2,.job-single .student,.job-single .student .h2{background-color:#ffffff!important}.job-opto a .h2:hover{color:black!important;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}.how-to-container{border:1px solid rgb(0 0 0 / .25);border-radius:20px;margin-top:50px;color:black!important}.how-to-container .info{display:flex;gap:54px}.how-to-container img{width:200px}@media (max-width:1200px){.how-to-container .info{display:flex;flex-direction:column;gap:20px}}@media (max-width:1000px){.how-to-container .btn{margin-bottom:20px}}.job-opto .how-to-container .btn{border-color:black!important}.how-to-container .btn .btn__text{background-color:white!important;color:black!important}.job-opto .how-to-container .btn i{color:#000000!important}.jssocials-share-twitter .jssocials-share-link{background:#232323}.jssocials-share-twitter .jssocials-share-link:hover{background:#000}.jssocials-share-facebook .jssocials-share-link{background:#3b5998}.jssocials-share-facebook .jssocials-share-link:hover{background:#2d4373}.jssocials-share-email .jssocials-share-link{background:#3490F3}.jssocials-share-email .jssocials-share-link:hover{background:#0e76e6}.jssocials-share-link{padding:.5em .6em;color:#fff;-webkit-transition:background 200ms ease-in-out,border-color 200ms ease-in-out;transition:background 200ms ease-in-out,border-color 200ms ease-in-out}.jssocials-share-link:hover,.jssocials-share-link:focus,.jssocials-share-link:active{color:#fff}.jssocials-share-count-box{position:relative;height:2.5em;padding:0 .3em;margin-left:.3em;background:#f5f5f5;-webkit-transition:background 200ms ease-in-out,border-color 200ms ease-in-out;transition:background 200ms ease-in-out,border-color 200ms ease-in-out}.jssocials-share-count-box:hover{background:gainsboro}.jssocials-share-count-box:hover:after{border-color:#fff0 gainsboro #fff0 #fff0}.jssocials-share-count-box:after{content:"";display:block;position:absolute;top:.85em;left:-.3em;width:0;height:0;border-width:.4em .4em .4em 0;border-style:solid;border-color:#fff0 #f5f5f5 #fff0 #fff0;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:background 200ms ease-in-out,border-color 200ms ease-in-out;transition:background 200ms ease-in-out,border-color 200ms ease-in-out}.jssocials-share-count-box .jssocials-share-count{line-height:2.5em}.job-opto .jssocials i{margin-right:0}.jssocials-shares{display:flex!important;gap:8px!important}.job-opto li{list-style:disc;line-height:1.5}.job-opto ul,.job-opto ul{margin-left:40px}.job-banner{background:url(https://images.opto.com/opto/images/job-banner.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}input[type="submit"]:not(.btn--primary){opacity:1}#equipe .button,#team .button{top:50%}#submit_message,#error_message{font-size:14px;height:50px;display:none;line-height:50px;color:#202020;font-weight:500;left:50%;bottom:40px;background-color:#fff;position:fixed;border-radius:10px;box-shadow:15px 30px 80px 4px rgb(0 0 0 / .18);margin:0;padding:0 30px 0 0;border:none;cursor:pointer;width:auto;z-index:1500;-ms-transform:translateX(-50%) translateZ(0);-webkit-transform:translateX(-50%) translateZ(0);transform:translateX(-50%) translateZ(0);-webkit-transition:bottom 0.3s,box-shadow 0.3s;-moz-transition:bottom 0.3s,box-shadow 0.3s;transition:bottom 0.3s,box-shadow 0.3s}#submit_message i,#error_message i{display:block;float:left;position:relative;left:-2px;color:#fff;line-height:50px;width:50px;height:50px;text-align:center;border-top-left-radius:10px;border-bottom-left-radius:10px;background:#c41f1f}#submit_message i{background:#7fb924}#submit_message span,#error_message span{padding-left:10px}#submit_message:hover,#error_message:hover{bottom:37px;box-shadow:3px 5px 10px 0 rgb(0 0 0 / .1)}@media only screen and (max-width:1110px){#submit_message,#error_message{width:90%;max-width:500px;font-size:13px;letter-spacing:-.4px}}@media only screen and (max-width:480px){#submit_message span,#error_message span{font-size:12px;width:75%;width:calc(100% - 50px);position:absolute;top:50%;display:inline-block;line-height:14px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}}@media only screen and (min-width:1450px){body.left-side-menu-active #submit_message,body.left-side-menu-active #error_message{left:calc(50% + 150px)}}@media only screen and (max-width:580px){#submit_message,#error_message{display:none}}.x-twitter{display:inline-block;width:16px;height:13px;background-repeat:no-repeat;background-position:center center;background-image:url(/images/x-twitter.svg)}.topbar-alert{position:relative;background:#009ddc;color:#fff;font-size:16px;padding:15px 0;z-index:500}.topbar-alert .close{color:#fff;opacity:1;filter:alpha(opacity=100);position:absolute;top:15px;right:10px}@media (max-width:540px){.topbar-alert{padding:25px 0 15px 0}.topbar-alert .close{top:5px}}
input.error, textarea.error, .select-ve.error {
    margin-bottom: 5px !important;
}
.input-select.error {
    margin-bottom: 40px !important;
}
/* label error */
label.error {
    font-size: 13px;
    padding-bottom: 10px;
}
input.valid label.error , textarea.valid label.error , .select-ve.valid label.error {
    padding-bottom: 0px;
}
.input-select label.error{
    position: absolute;
    top: 35px;
    padding-bottom: 0;
}

/* landing page */
#landing_page label.error{
    padding-bottom: 0;
}
#landing_page .input-select.error {
    margin-bottom: 20px !important;
}
.clear {
    clear: both;
}
.bg-white{
    background-color: white;
}
footer.bg--dark *:not(a) {
    color: #fff;
}

footer.bg--dark .icon--circle i {
    color: #025180;
}

.footer-font-size {

    font-size: 13px;
}

.equal-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.equal-height.row>[class*='col-'] {
    display: flex;
    flex-direction: column;
}


@media (max-width:991px) {
    .footer-font-size a {

        font-size: 16px !important;
        line-height: normal;

    }

    .footer-font-size br {
        display: none;
    }

    .footer-font-size p {
        display: flex;
        flex-direction: column;


    }

    .footer-font-size a {

        margin: 10px 0;
        margin-right: 0 !important;

    }

    .footer-contact {
        margin-bottom: 50px;
    }

    .form-job .item-form:not(:last-child) {
        padding-right: 0px !important;
    }
}

.nav-mobile-toggle {
    right: 0;
}

.slider-logo {
    display: block;
}

#nav-icon1 {
    width: 32px;
    height: 32px;
    position: relative;
    margin: 45px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.nav-container .bg--primary {
    background: #025180 !important;
}


#nav-icon1 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #025180;
    border-radius: 25px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
    top: 0px;
}

#nav-icon1 span:nth-child(2) {
    top: 9px;
}

#nav-icon1 span:nth-child(3) {
    top: 18px;
}

#nav-icon1.open span:nth-child(1) {
    top: 9px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

#nav-icon1.open span:nth-child(3) {
    top: 9px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.pos-vertical-center .body-pos {
    background-color: #ffffff;
    padding: 30px;
    color: #000;
}

footer .footer-auxilary span {
    color: #fff;
}

.topmenu i {
    background-color: #025180;
    padding: 8px 9px;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    margin-right: 3px;
    font-size: 11px;
}

.topmenu a:hover i {
    background-color: #009ddc;
}

.topmenu a:hover {
    color: #009ddc;
}

.pos-vertical-center .body-pos h1,
.pos-vertical-center .body-pos h2 {
    font-size: 35px;
    margin: 0;
    color: #000;
    line-height: 40px;
    padding-bottom: 35px;
}

.pos-vertical-center .body-pos .findbtn {
    float: none;
    background-color: #025180;
    padding: 15px 15px;
    font-size: 16px;
    color: #fff;
    font-weight: 800;
    margin-top: 20px;
    text-transform: uppercase;
    width: fit-content;
}

.mt-20 {
    margin-top: 20px !important;
}

.nav-open .nav-bar {
    max-height: 100000px !important;
    display: block;
}

.nav-bar .nav-module {
    position: relative;
}

.nav-bar .menu>#about-menu {
    position: relative;
}

.nav-bar .menu>li {
    position: unset;
}

.nav-bar .menu .submenu-opto-megamenu,
.nav-bar .menu .submenu-opto {
    padding: 43px 30px;
    z-index: 999;
}

.submenu-opto-megamenu .megamenu-desc strong {
    padding-bottom: 5px;
    display: inline-block;
}

.submenu-opto a:last-child>.megamenu-desc {
    margin-bottom: 0;
}

.submenu-opto-megamenu .megamenu-title,
.submenu-opto .megamenu-title {
    margin-bottom: 2px;
}

.nav-bar .menu .submenu-opto-megamenu a,
.nav-bar .menu .submenu-opto a {
    padding: 0;
}

.submenu-opto-megamenu .megamenu-title,
.submenu-opto-megamenu .megamenu-title a,
.submenu-opto .megamenu-title {
    font-size: 15px;
    font-weight: 700;
    color: #000 !important;
    text-transform: uppercase;
}

#optometrist-menu .submenu-opto-megamenu:before {
    left: 195px;
}

#patients-menu .submenu-opto-megamenu:before {
    left: 350px;
}

#optometrist-menu:lang(fr) .submenu-opto-megamenu:before {
    left: 245px;
}

#patients-menu:lang(fr) .submenu-opto-megamenu:before {
    left: 465px;
}

.submenu-opto:before {
    left: 1.5em !important;
}

.submenu-opto-megamenu .megamenu-desc,
.submenu-opto .megamenu-desc {
    margin-bottom: 30px;
}

.submenu-opto-megamenu .btn {
    padding: 15px 30px !important;
    margin-top: 15px;
}

.submenu-opto-megamenu .megamenu-desc img {
    margin-top: 10px;
    margin-bottom: 0px;
}

.submenu-opto-megamenu .megamenu-desc,
.submenu-opto-megamenu .megamenu-desc a,
.submenu-opto .megamenu-desc,
.submenu-opto a {
    font-size: 15px;
    color: #4f5560 !important;
    padding: 0;
    line-height: 22px;
}

.nav-bar .menu .submenu-opto {
    min-width: 350px;
}

.submenu-opto-megamenu span,
.submenu-opto span {
    color: #4f5560;
}

.submenu-opto-megamenu .megamenu-desc a {
    padding-bottom: 5px;
}

.opto-nav-bar {
    background-color: #fff;
    padding: 23px 0 30px;
    max-height: 115px;
}

.opto-nav-bar img {
    height:70px;
}

.opto-nav-bar img,
.opto-nav-bar ul {
    margin-bottom: 0px;
}

.opto-nav-bar .container {
    display: flex;
}

.opto-nav-bar .container .center-flow {
    align-self: center;
}

.opto-nav-bar .container ul {
    text-align: right;
}

.opto-nav-bar .container ul li {
    display: inline-block;
    padding-left: 35px;
}

.opto-nav-bar .container ul li a,
.opto-nav-bar .container ul li a .btn__text {
    color: #025180;
    text-transform: uppercase;
}

.opto-nav-bar .container ul li:last-child {
    font-weight: 700;
}


.opto-blue-bg {
    background-color: #025180;
}

.menu a {
    opacity: 1;
}

.opto-blue-bg .container .menu-module ul li a,
.opto-blue-bg .container .has-dropdown>a:after {
    color: #fff;
}

.opto-blue-bg .container .menu-module ul li a:hover,
.opto-blue-bg .container .has-dropdown .submenu-opto li a:hover,
.submenu-opto a:hover .megamenu-title,
.submenu-opto a:hover .megamenu-desc,
.nav-bar .menu .submenu-opto-megamenu a:hover .megamenu-title,
.nav-bar .menu .submenu-opto-megamenu a:hover .megamenu-desc,
.submenu-opto-megamenu a:hover span,
.submenu-opto-megamenu a:hover span i,
.submenu-opto a:hover span,
.submenu-opto a:hover span i,
.nav-bar .menu .submenu-opto-megamenu a:hover .megamenu-desc i {
    color: #009ddc !important;
}

.opto-news-home {
    padding-left: 30px;
    padding-right: 30px;
}

.opto-services-body,
.titles {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}

.opto-services h5,
.titles h5 {
    font-size: 18px;
    text-transform: uppercase;
    color: #025180;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}

.opto-services h2,
.titles h2 {
    font-size: 32px;
    text-transform: uppercase;
    color: #42464e;
    text-align: center;
    margin-bottom: 60px;
}

.opto-services p {
    color: #42464e;
}

.opto-services p strong {
    color: #025180;
}

.opto-news-home .news-body-title {
    min-height: 85px;
}

.services-opto .container,
.section--pullup .container {
    padding-left: 30px;
    padding-right: 30px;
}

.opto-news-home .ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 66px;
}

.services-opto {
    text-align: center;
}

.services-opto p {
    margin-bottom: 10px;
}

.services-opto .col-md-4 a {
    color: #025180;
    padding-bottom: 20px;
    display: block;
}

.services-opto .col-md-4 a:hover {
    opacity: .7;
}

.flexslider {
    margin-bottom: 10px;
}

.flex-control-nav {
    position: relative;
    bottom: auto;
}

.custom-navigation {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.custom-navigation>* {
    display: table-cell;
}

.custom-navigation>a {
    width: 50px;
}

.custom-navigation .flex-next {
    text-align: right;
}

.col-md-6.homeNews {
    width: 46% !important;
}

@media screen and (max-width: 992px) {
    .col-md-6.homeNews {
        width: 100% !important;
    }

}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .news-57 .news-article-snippet a h3 {
        margin-bottom: -18px !important;
    }
}

.btn {
    padding: 16px;
    margin: 0;
}

.img-news {
    margin-bottom: 0px;
}

.imgcreditbanner {
    font-size: 11px;
    float: right;
    position: absolute;
    bottom: 65px;
    right: 10px;
    padding: 7px;
    color: #FFF;
    opacity: 0.8;
}

.imgcreditpage {
    font-size: 11px;
    float: right;
    position: absolute;
    bottom: 25px;
    right: 25px;
    padding: 7px;
    color: #FFF;
    opacity: 0.8;
}

.imgcredit {
    font-size: 11px;
    float: right;
    position: absolute;
    bottom: 0;
    right: 10px;
    padding: 7px;
    color: #FFF;
    opacity: 0.8;
}

.imgcreditbannerservices {
    font-size: 11px;
    float: right;
    position: absolute;
    bottom: 25px;
    right: 25px;
    padding: 7px;
    color: #FFF;
    opacity: 0.8;
}

.imgcreditlink {
    color: #FFF;
}

.imgcreditlink:hover {
    color: #FFF;
}

.mt50 {
    padding-top: 50px;
}

.no-margin {
    margin: 0;
}

.no-padding {
    padding: 0;
}

.no-pad-left {
    padding-left: 0px;
}

.pad-20 {
    padding: 20px;
}

.pad-10 {
    padding: 10px;
}

.d-md-none {
    display: none;
}

@media (max-width: 1470px) {
    .news-body-title {
        font-size: 20px;
    }
}

@media (max-width: 1400px) {
    .news-body-title {
        font-size: 18px;
    }

    .news-article-snippet.boxed {
        padding: 25px;
    }
}

@media (max-width: 1200px) {
    .pos-vertical-center {
        top: 180px;
    }
}

@media (max-width: 767px) {
    .d-md-none {
        display: block;
    }

    .mobile-slide {
        padding: 20px 0 !important;
    }

    .mobile-slide .mobile-bg {
        position: absolute;
        top: 0;
        width: 100%;

        background: rgb(0, 0, 0);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) 10%, rgba(0, 0, 0, 0.65) 70%, rgba(0, 0, 0, 0.4) 100%);
    }

    .pos-vertical-center {
        height: 100%;
        top: 0;
    }

    .mobile-slide .bg-img-mobile-right {
        background-position: right !important;
    }

    .pos-vertical-center .body-pos {
        background-color: transparent;
        padding: 30px;
        color: #000;

    }

    .pos-vertical-center .body-pos h1,
    .pos-vertical-center .body-pos span,
    .pos-vertical-center .body-pos p {
        color: #fff;
    }

    .pos-vertical-center .body-pos img {
        margin-bottom: 30px;
    }

    .pos-vertical-center .body-pos .findbtn {
        margin-top: 50px;
    }
}

@media (max-width: 991px) {
    .opto-news-home .news-body-title {
        min-height: 60px;
    }

    .nav-bar {
        display: none;
    }

    .nav-open .menu {
        width: 100%;
    }

    .nav-bar .menu .submenu-opto {
        min-width: auto;
    }

    .nav-bar .nav-module {
        text-align: left;
    }

    .menu>li>a {
        padding-left: 0;
    }

    .submenu-opto-megamenu .left-btn {
        text-align: left !important;
    }

    .submenu-opto-megamenu .megamenu-desc,
    .submenu-opto .megamenu-desc {
        margin-bottom: 15px;
    }

    .submenu-opto-megamenu .megamenu-title {
        margin-top: 20px;
    }

    .m-mt-20 {
        margin-top: 0px !important;
    }
}

@media (max-width:767px) {
    .center-sm {
        text-align: center;
    }

    .opto-news-home .news-body-title {
        min-height: auto;
    }

    .opto-blue-header-bg {
        font-size: 21px;
        line-height: 32px;
    }

    .opto-news-home .ellipsis {
        display: block;
        -webkit-line-clamp: unset;
        -webkit-box-orient: unset;
        overflow: visible;
        min-height: auto;
    }

    .topmenu .container-fluid {
        padding: 6px 15px;
    }

    .opto-services h2,
    .titles h2 {
        margin-bottom: 30px;
    }
}

.height-limit-news-photos {
    height: 180px;
    overflow: hidden;
}

/* SEARCH RESULTS */
.searchresults .list {
    padding: 25px;
}

.searchresults .listdetails {
    text-align: center;
    padding: 0 20px;
}

.searchresults .listdetails .btn {
    width: 100%;
}

.searchresults .listdetails .btn.outline {
    margin: 20px 0
}

.searchresults .listdetails .btn.darkblue {
    color: #fff;
}

@media (max-width:991px) {
    .searchresults .listdetails .btn.darkblue {
        margin: 0;
    }
}

.searchresults .list h3 {
    font-weight: 400;
    font-size: 25px;
}

.searchresults .list i.fa.fa-map-marker {
    padding-right: 5px;
    color: #6797ce;
}

.searchresults .list i.fa.fa-envelope-o,
.searchresults .list i.fa.fa-television,
.searchresults .list i.fa.fa-phone,
.searchresults .list i.fa.fa-info,
.searchresults .list i.fa.fa-cloud,
.searchresults .list i.fa.fa-fax {
    border-radius: 50%;
    color: #90bed5;
    font-size: 13px;
    border: 1px solid #90bed5;
    width: 23px;
    height: 23px;
    padding: 4px 3px;
    text-align: center;
    vertical-align: middle;
}

.searchresults .list .fa-tv:before,
.fa-television:before {
    content: "\f26c";
    padding-left: 1px;
}

.searchresults .list ul li {
    display: inline-block;
    margin-right: 20px;
    font-size: 14px;
}

.searchresults .list ul li.website a,
.searchresults .listdetails a.details {
    color: #6797ce;
    font-weight: 600;
    font-size: 14px;
}

.searchresults .list ul {
    border-top: 1px solid #e6e8ea;
    padding-top: 15px;
    margin-bottom: 0;
}

.searchresults .container .row {
    margin: 25px 0;
}

.news-57 .news-article-snippet a h3 {
    margin-bottom: 4px;
}

.news-summary .row {
    display: flex;
    flex-wrap: wrap;
}

/* Careers  */
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active,
.accordion:hover {
    /*background-color: #ccc;*/
}

/* Style the accordion panel. Note: hidden by default */
.panel-careers {
    padding: 0 30px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.offer-content {
    margin: 30px 0;
}

.item-offer {
    margin-bottom: 30px;
}


.accordion:after {
    content: '\002B';
    /* Unicode character for "plus" sign (+) \002B */
    font-size: 15px;
    color: #777;
    float: right;
    margin-left: 5px;
}
.accordion.active:after {
    content: '\005F';
    font-weight: 700;
    margin-top: -8px;
    margin-right: 1px;
}

/* style accordion eye exam */
.item-test .accordion{
    background-color:#7db2ce;
    color: white!important;
    text-transform: uppercase;
}
.item-test .accordion:after {
    color: white;
}
.item-test {
    margin-bottom: 10px;
}

.active:after {
    /*content: "\2212"; !* Unicode character for "minus" sign (-) \2212 *!*/
}

.breadcrumb>.active {
    color: black !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

.attempted-submit .field-error {
    border-bottom: 1px solid #D84D4D !important;
}


/* toggle-pill */
.toggle-pill {
    margin-right: 15px;
}

.toggle-pill input[type="checkbox"] {
    display: none;
}

.toggle-pill input[type="checkbox"]+label {
    display: block;
    position: relative;
    width: 3em;
    height: 1.6em;
    margin-bottom: 20px;
    border-radius: 1em;
    background: #f3f3f3;
    box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-transition: background 0.1s ease-in-out;
    transition: background 0.1s ease-in-out;
}

.toggle-pill input[type="checkbox"]+label:before {
    content: "";
    display: block;
    width: 1.2em;
    height: 1.2em;
    border-radius: 1em;
    background: #868688;
    box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0.2em;
    top: 0.2em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.toggle-pill input[type="checkbox"]:checked+label {
    background: #fff;
}

.toggle-pill input[type="checkbox"]:checked+label:before {
    box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
    background: #025180;
    left: 1.6em;
}

/* toggle-pill end */

.list-style {
    line-height: 1.8em !important;
    list-style: disc;
    margin-left: 20px;
}

.contact-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: space-between;
    height: 100%;
}

.d-flex {
    display: flex;
}

.flex-40 {
    flex-basis: 40%;
    box-sizing: border-box;
}

.flex-60 {
    flex-basis: 60%;
    box-sizing: border-box;
}

.contact-social {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}


.contact-social .icon--circle {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin-right: 10px;
    transition: all 0.3s ease;
    background-color: #009ddc;
}

.contact-social .icon--circle i {
    padding: 0;
    margin: 0;
    color: white;
}

.contact-social .icon--circle:hover {
    background-color: #025180;
}

.section-contact-1 {
    background: transparent !important;
}

.section-contact-1 .form-title h1 {
    margin: 0;
    font-size: 30px;
}

.section-contact-1 .form-title .lead {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 0;
}

.overlay-contact {
    height: 350px;
    position: absolute;
    width: 100%;
    top: 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 0%, rgba(242, 243, 244, 1) 98%);
}

.section-contact-1 .card {
    background-color: white;
}

.section-contact-1 .email-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    width: fit-content;
    margin: 0 auto;
}

.section-contact-1 .email-list div {
    margin-top: 5px;
}

.section-contact-1 .email-list i {
    padding-bottom: 0;

}

@media screen and (min-width: 992px) {
    .mt-md-0 {
        margin-top: 0 !important;
    }
}

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

    .contact-column {
        flex-direction: row;
        flex-wrap: wrap;

    }

    .d-flex:not(.flex-row) {
        flex-direction: column;

    }

    .flex-40 {
        flex-basis: 100%;
        box-sizing: border-box;
    }

    .flex-60 {
        flex-basis: 100%;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 768px) {
    .d-flex {
        margin: 0 20px;
    }

    .contact-column {

        justify-content: center;

    }

    .contact-column .col-12 {
        width: 100%;
    }

}

.img-container img {
    min-height: 110%;
    min-width: fit-content;
}

@media screen and (max-width: 1200px) {
    .img-container img {
        min-height: 100%;
        min-width: fit-content;
    }
}

@media screen and (max-width: 1125px) {
    .img-container img {
        min-height: 80%;
        min-width: fit-content;
    }
}

/* ==== Style pour les nouvelles fiches cliniques ==== */
.menu-clinic {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;

}

.menu-clinic .logo-module img {
    max-height: 70px;
    width: auto;
}

.menu-clinic ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.menu-clinic p {
    margin-bottom: 0;
}

.menu-clinic-toggle {
    top: -7px;
}

.micro-clinic .d-flex {
    display: flex;
}

.micro-clinic .topmenu {
    padding: 2px 30px;
}

.micro-clinic .topmenu .d-flex div {
    width: 50%;
}

.micro-clinic .info-clinic {
    background-color: white;
    padding: 40px;
}

.micro-clinic .team img {
    width: 100%;
}

.mb-50 {
    margin-bottom: 50px;
}

.micro-clinic .team-name {
    font-size: 17px;
    margin-bottom: 5px;
    line-height: 20px;
}

.micro-clinic .intro-clinic {
    background: linear-gradient(to right,
    #e9ebee 0%,
    #e9ebee 50%,
    white 50%,
    white 100%);
    padding: 60px 0;
}

.micro-clinic .intro-clinic .img-contenant {
    max-height: 280px;

    overflow: hidden;
    margin-bottom: 30px;
}

.micro-clinic .intro-clinic img {
    width: 100%;
    object-fit: cover;
}

.micro-clinic .intro-clinic p,
.micro-clinic .intro-clinic h1 {
    margin: 0;
}

.micro-clinic .contact-us p {
    margin: 0 0 5px 0 !important;
}

.micro-clinic .lunch-container {
    width: 35%;
    font-style: italic;
    font-size: 13px;
    color: #9f9f9f;
}

.micro-clinic .lunch-container img {
    margin-bottom: 4px
}

.micro-clinic .lunch-container span {
    padding-top: 5px;
}

.micro-clinic .contact-us i {
    color: #5d5c5c;
}

.micro-clinic .network i {
    font-size: 25px !important;
}

.micro-clinic footer .network i {
    font-size: 20px !important;
}

.micro-clinic .contact-us .network i:hover {
    color: black;
}

.micro-clinic footer ul li {
    display: block;
}

footer ul li {
    margin-left: 0;
}

.micro-clinic .maliste2 {
    columns: 2;
}

.flex-column {
    flex-direction: column;
}

.align-items-center {
    align-items: center;
}

.justify-content-center {
    justify-content: center;
}

.job-offers-clinic {
    background: url(https://images.opto.com/opto/images/job-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 50px 0;

}

.job-offers-clinic a {
    background-color: white;
    border-color: white;
}

.job-offers-clinic h2 {
    font-weight: bolder;
}

@media (max-width: 990px) {

    .micro-clinic .text-right,
    .micro-clinic .text-left,
    .intro-clinic p {
        text-align: center !important;
    }

    .micro-clinic .mt-sm-mobile {
        margin-top: 10px !important;
    }

    .micro-clinic .maliste2 {
        columns: 1 !important;
    }

    .micro-clinic footer h3 {
        margin-top: 30px;
    }

    .intro-clinic {
        padding-top: 0 !important;
    }

    .micro-clinic .topmenu .d-flex {
        flex-direction: column;
    }

    .micro-clinic .topmenu .d-flex div {
        width: 100%;
    }

    .intro-clinic-text {
        flex-direction: column !important;
    }

}

#equipe .img-cont,
#team .img-cont {
    position: relative;
    width: 100%;
    height: auto;
}

#equipe .overlay,
#team .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.5s ease;
}

#equipe .img-cont:hover .overlay,
#team .img-cont:hover .overlay {
    display: block;
    background: rgba(0, 0, 0, .3);
}

#equipe .img-sommaire-staff,
#team .img-sommaire-staff {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    transition: all 1s;
    margin-bottom: 0;
}


#equipe .button,
#team .button {
    position: absolute;
    width: 100%;
    left: 0;
    top: 45%;
    text-align: center;
    opacity: 0;
    transition: opacity .35s ease;
}

#equipe .button a,
#team .button a {
    width: 100%;
    background-color: #025180;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.5625em;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: 16px;
    margin: 0;
    text-decoration: none;
    border-radius: 0.25em;
}

#equipe .img-cont:hover .button,
#team .img-cont:hover .button {
    opacity: 1;
}

.modal-container .height--natural {
    height: auto !important;
    width: auto !important;
}

@media (max-width: 590px) {
    .micro-clinic h1 {
        font-size: 26px;
        line-height: 1.3;
    }

}

/* =============== JOB OPPORTUNITIES =============== */

.form-job .job-select:after {
    display: inline-block;
    font-family: Ionicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f123";
    position: absolute;
    right: 0;
    pointer-events: none;
    top: 38%;
    right: 1.2em;
    font-size: .87em;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
}

.form-job {
    background-color: transparent;
    padding: 0;
}

.form-job .item-form {
    padding-left: 0;
    padding-right: 0;
}

.form-job .item-form:not(:last-child) {
    padding-right: 4px;
}

.form-job input,
.form-job select {
    margin-bottom: 30px;
    background-color: #ffffff !important;
    border: 1px solid #a2a2a2;
    border-radius: 0.25em;
    padding: 16px;
    width: 100%;
}

.search-btn {
    margin-bottom: 30px;
    background-color: #025180 !important;
    border: 1px solid #025180;
    border-radius: 0.25em;
    padding: 16px;
    width: 100%;
}

.search-btn .btn__text {
    color: white;
}

.form-job .keyword-search {
    border-right: 0;
    border-radius: 0.25em 0 0 0.25em;
}

.form-job .job-search {
    border-radius: 0 0.25em .25em 0;
    padding-bottom: 13px;
}

.job-opto .h2 {
    font-weight: bolder;
    margin-bottom: 3px;
    margin-top:20px;
}

.job-box {
    display: flex;
    flex-direction: column;
    position: static;
    margin-bottom: 30px;
    border: 1px solid #dee2e6;
    border-radius: 20px;
    padding: 30px 25px;
    height: 100%;
}

.job-opto .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
}

.job-single .modal-instance {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.social-share .jssocials-share{
    display: flex;
}
.social-share .jssocials-share a{
    border-radius: 100%;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.uppercase{text-transform: uppercase;}
.job-opto .tags p {
    border: 1px solid #dee2e6;
    border-radius: 0.25em;
    padding: 5px 10px;
    margin-bottom: 0;
    font-weight: lighter;
}

.job-container-padding .job-box p,
.job-container-padding .job-box ul,
.job-container-padding .job-box ol,
.job-container-padding .job-box span,
.job-container-padding .job-box a,
.job-container-padding .job-box li {
    margin-bottom: 0;
}

.job-opto .btn+.btn {
    margin-left: 0;
}

.job-opto i {
    margin-right: 5px;
}

.job-opto .btn {
    opacity: 1 !important;
    margin-right: 10px !important;
}

.job-opto .btn2 {
    margin-left: 5px;
    text-decoration: none !important;
}

.job-date {
    position: absolute;
    margin-right: 42px;
    opacity: 0.7;
    right: 0;
    top: 19px;
}

.job-opto .bio {
    font-size: 18px;
    margin-bottom: 25px;
    margin-top: 25px;
}

.job-opto .bio {
    font-size: 18px;
    margin-bottom: 25px;
    margin-top: 25px;
}

.job-opto .maLigne {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.job-opto .maLigne * {
    display: inline;
    font-size: 18px!important;
    font-weight: normal!important;
    font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif!important;
}

.job-opto .job-container-padding:not(.filter-header)>div {
    width: 100%;
    margin: 0 !important;
}

.job-opto .job-container-padding .row>div:not(.item-form) {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.job-opto .hr {
    margin-bottom: 35px;
}

.breadcrumb-white>li+li:before,
.breadcrumb-white>.active,
.breadcrumb-white a {
    color: #ffffff !important;
}

.job-container-padding {
    padding: 0 30px;
}

.job-btn {
    flex-direction: row;
    margin-top: auto;
}

@media (max-width: 800px) {
    .job-container-padding {
        padding: 0;
    }

}

@media screen and (max-width: 700px) {
    .job-btn {
        flex-direction: column;
        margin: 0;
    }

    .job-date {
        position: relative;
        margin-bottom: 3px;
        top: 0px;
    }

    .job-btn .btn2 {
        margin-top: 10px;
    }

    .job-btn .btn {
        width: fit-content;
    }

    .job-opto .btn+.btn {
        margin-top: 10px;
    }

    .job-single .modal-trigger {
        margin-top: 10px;
    }

    .job-single .modal-instance {
        display: block;
    }
    .job-single .job-action-container{
        display: flex!important;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 480px) {
    .job-single .job-action-container{

        flex-direction: column;
    }
    .job-single .job-action-container .share-container{
        margin-top: 30px;
    }
}

/*Colori Lab*/
.job-opto .lab,
.job-opto .lab .h2,
.job-opto .lab .btn__text,
.job-opto .lab .tags p {
    background-color: #d2e3de !important;
    color: #21462b !important;
    border-color: #84b192 !important;
}

.job-opto .lab .btn2,
.job-opto .lab .btn {
    border-color: #21462b !important;
}

.job-opto .lab .tags .location {
    background-color: #a9cbbb !important;
}

.job-opto .lab .btn2 .btn__text,
.job-opto .lab .btn2 {
    background-color: #21462b !important;
    color: #ffffff !important;
}

.job-opto .lab .btn i {
    color: #21462b !important;
}

/*Colori Admin*/
.job-opto .admin,
.job-opto .admin .h2,
.job-opto .admin .btn__text,
.job-opto .admin .tags p {
    background-color: #efe0f7;
    color: #5c095d !important;
    border-color: #b690c3 !important;
}
.job-opto .admin .bio *{
    color: #5c095d !important;

}
.job-opto .admin .btn2,
.job-opto .admin .btn {
    border-color: #5c095d !important;
}

.job-opto .admin .tags .location {
    background-color: #dfbee7 !important;
}

.job-opto .admin .btn2 .btn__text,
.job-opto .admin .btn2 {
    background-color: #5c095d !important;
    color: #ffffff !important;
}

.job-opto .admin .btn i {
    color: #5c095d !important;
}

/*Colori Manager*/
.job-opto .manager,
.job-opto .manager .h2,
.job-opto .manager .btn__text,
.job-opto .manager .tags p {
    background-color: #cde9ed;
    color: #235052 !important;
    border-color: #5d9c9f !important;
}
.job-opto .manager .bio *{
    color: #235052 !important;
}

.job-opto .manager .btn2,
.job-opto .manager .btn {
    border-color: #235052 !important;
}

.job-opto .manager .tags .location {
    background-color: #9dcfd1 !important;
}

.job-opto .manager .btn2 .btn__text,
.job-opto .manager .btn2 {
    background-color: #235052 !important;
    color: #ffffff !important;
}

.job-opto .manager .btn i {
    color: #235052 !important;
}

/*Colori Assistant*/
.job-opto .assistant,
.job-opto .assistant .h2,
.job-opto .assistant .btn__text,
.job-opto .assistant .tags p {
    background-color: #e1e8eb;
    color: #435b66 !important;
    border-color: #a3b2b9 !important
}
.job-opto .assistant .bio *{
    color: #435b66 !important;
}
.job-opto .assistant .btn2,
.job-opto .assistant .btn {
    border-color: #435b66 !important;
}

.job-opto .assistant .tags .location {
    background-color: #d1dce1 !important;
}

.job-opto .assistant .btn2 .btn__text,
.job-opto .assistant .btn2 {
    background-color: #435b66 !important;
    color: #ffffff !important;
}

.job-opto .assistant .btn i {
    color: #435b66 !important;
}

/*Colori Optician*/
.job-opto .optician,
.job-opto .optician .h2,
.job-opto .optician .btn__text,
.job-opto .optician .tags p {
    background-color: #dce4fb;
    color: #3f2b63 !important;
    border-color: #929ca9 !important;
}
.job-opto .optician .bio *{
    color: #3f2b63 !important;
}
.job-opto .optician .btn2,
.job-opto .optician .btn {
    border-color: #3f2b63 !important;
}

.job-opto .optician .tags .location {
    background-color: #cbcbf1 !important;
}

.job-opto .optician .btn2 .btn__text,
.job-opto .optician .btn2 {
    background-color: #3f2b63 !important;
    color: #ffffff !important;
}

.job-opto .optician .btn i {
    color: #3f2b63 !important;
}

/*Colori Optometrist*/
.job-opto .optometrist,
.job-opto .optometrist .h2,
.job-opto .optometrist .btn__text,
.job-opto .optometrist .tags p {
    background-color: #d4edf9;
    color: #09425d !important;
    border-color: #85bbd5 !important;
}
.job-opto .optometrist .bio *{
    color: #09425d !important;
}

.job-opto .optometrist .btn2,
.job-opto .optometrist .btn {
    border-color: #09425d !important;
}

.job-opto .optometrist .tags .location {
    background-color: #acd5e9 !important;
}

.job-opto .optometrist .btn2 .btn__text,
.job-opto .optometrist .btn2 {
    background-color: #09425d !important;
    color: #ffffff !important;
}

.job-opto .optometrist .btn i {
    color: #09425d !important;
}

/*Colori Student*/
.job-opto .student,
.job-opto .student .h2,
.job-opto .student .btn__text,
.job-opto .student .tags p {
    background-color: #e7e9dd;
    color: #505f52 !important;
    border-color: #b4b8a1 !important;
}

.job-opto .student .bio *{
    color: #505f52 !important;
}

.job-opto .student .btn2,
.job-opto .student .btn {
    border-color: #6e8170 !important;
}

.job-opto .student .tags .location {
    background-color: #c8cabb !important;
}

.job-opto .student .btn2 .btn__text,
.job-opto .student .btn2 {
    background-color: #6e8170 !important;
    color: #ffffff !important;
}

.job-opto .student .btn i {
    color: #6e8170 !important;
}

/*Colori pour tous*/
.job-opto .optometrist .tags p,
.job-opto .optician .tags p,
.job-opto .admin .tags p,
.job-opto .manager .tags p,
.job-opto .assistant .tags p,
.job-opto .lab .tags p ,
.job-opto .student .tags p {
    background-color: #ffffff !important;
}

.job-opto .optometrist .btn2 i,
.job-opto .optician .btn2 i,
.job-opto .admin .btn2 i,
.job-opto .manager .btn2 i,
.job-opto .assistant .btn2 i,
.job-opto .lab .btn2 i ,
.job-opto .student .btn2 i{
    color: #ffffff !important;
}

.job-single .optometrist,
.job-single .optometrist .h2,
.job-single .optician,
.job-single .optician .h2,
.job-single .admin,
.job-single .admin .h2,
.job-single .manager,
.job-single .manager .h2,
.job-single .assistant,
.job-single .assistant .h2,
.job-single .lab,
.job-single .lab .h2 ,
.job-single .student,
.job-single .student .h2 {
    background-color: #ffffff !important;
}

.job-opto a .h2:hover {
    color: black !important;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

/*Single job*/
.how-to-container {
    border: 1px solid rgba(0, 0, 0, .25);
    border-radius: 20px;
    margin-top: 50px;
    color: black !important;
}

.how-to-container .info {
    display: flex;
    gap: 54px;
}

.how-to-container img {
    width: 200px;
}

@media (max-width: 1200px) {
    .how-to-container .info {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}

@media (max-width: 1000px) {
    .how-to-container .btn {
        margin-bottom: 20px;
    }
}

.job-opto .how-to-container .btn {
    border-color: black !important;
}

.how-to-container .btn .btn__text {
    background-color: white !important;
    color: black !important;
}

.job-opto .how-to-container .btn i {
    color: #000000 !important;
}

.jssocials-share-twitter .jssocials-share-link {
    background: #232323;
}

.jssocials-share-twitter .jssocials-share-link:hover {
    background: #000000;
}

.jssocials-share-facebook .jssocials-share-link {
    background: #3b5998;
}

.jssocials-share-facebook .jssocials-share-link:hover {
    background: #2d4373;
}


.jssocials-share-email .jssocials-share-link {
    background: #3490F3;
}
.jssocials-share-logo{
    font-size: 16px!important
}
.jssocials-share-twitter .jssocials-share-link {
    background: rgb(35, 35, 35)!important;
}

.jssocials-share-email .jssocials-share-link:hover {
    background: #0e76e6;
}

.jssocials-share-link {
    padding: .5em .6em;
    color: #fff;
    -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
    transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}

.jssocials-share-link:hover,
.jssocials-share-link:focus,
.jssocials-share-link:active {
    color: #fff;
}

.jssocials-share-count-box {
    position: relative;
    height: 2.5em;
    padding: 0 .3em;
    margin-left: 0.3em;
    background: #f5f5f5;
    -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
    transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}

.jssocials-share-count-box:hover {
    background: gainsboro;
}

.jssocials-share-count-box:hover:after {
    border-color: transparent gainsboro transparent transparent;
}

.jssocials-share-count-box:after {
    content: "";
    display: block;
    position: absolute;
    top: 0.85em;
    left: -0.3em;
    width: 0;
    height: 0;
    border-width: 0.4em 0.4em 0.4em 0;
    border-style: solid;
    border-color: transparent #f5f5f5 transparent transparent;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
    transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}

.jssocials-share-count-box .jssocials-share-count {
    line-height: 2.5em;
}

.job-opto .jssocials i {
    margin-right: 0px;
}

.jssocials-shares {
    display: flex !important;
    gap: 8px !important;
}

.job-opto li {
    list-style: disc;
    line-height: 1.5;
}

.job-opto ul,
.job-opto ul {
    margin-left: 40px;
}

.job-banner {
    background: url('https://images.opto.com/opto/images/job-banner.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* == Fin Job == */

input[type="submit"]:not(.btn--primary) {
    opacity: 1;
}


#equipe .button,
#team .button {
    top: 50%;
}

/* Contact Form effects */
#submit_message,
#error_message {
    font-size: 14px;
    height: 50px;
    display: none;
    line-height: 50px;
    color: #202020;
    font-weight: 500;
    left: 50%;
    bottom: 40px;
    background-color: #fff;
    position: fixed;
    border-radius: 10px;
    box-shadow: 15px 30px 80px 4px rgba(0, 0, 0, 0.18);
    margin: 0;
    padding: 0 30px 0 0;
    border: none;
    cursor: pointer;
    width: auto;
    z-index: 1500;
    -ms-transform: translateX(-50%) translateZ(0);
    -webkit-transform: translateX(-50%) translateZ(0);
    transform: translateX(-50%) translateZ(0);
    -webkit-transition: bottom 0.3s, box-shadow 0.3s;
    -moz-transition: bottom 0.3s, box-shadow 0.3s;
    transition: bottom 0.3s, box-shadow 0.3s;
}

#submit_message i,
#error_message i {
    display: block;
    float: left;
    position: relative;
    left: -2px;
    color: #fff;
    line-height: 50px;
    width: 50px;
    height: 50px;
    text-align: center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #c41f1f;
}

#submit_message i {
    background: #7fb924;
}

#submit_message span,
#error_message span {
    padding-left: 10px;
}

#submit_message:hover,
#error_message:hover {
    bottom: 37px;
    box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.1);
}

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

    #submit_message,
    #error_message {
        width: 90%;
        max-width: 500px;
        font-size: 13px;
        letter-spacing: -0.4px;
    }
}

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

    #submit_message span,
    #error_message span {
        font-size: 12px;
        width: 75%;
        width: calc(100% - 50px);
        position: absolute;
        top: 50%;
        display: inline-block;
        line-height: 14px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media only screen and (min-width: 1450px) {

    body.left-side-menu-active #submit_message,
    body.left-side-menu-active #error_message {
        left: calc(50% + 150px);
    }
}

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

    #submit_message,
    #error_message {
        display: none;
    }
}

.x-twitter{
    display: inline-block;
    width: 16px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/images/x-twitter.svg);
}

.topbar-alert {
    position: relative;
    background: #009ddc;
    color: white;
    font-size: 16px;
    padding: 15px 0;
    z-index: 500;
}
.topbar-alert .close {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100);
    position: absolute;
    top: 15px;
    right: 10px;
}
@media (max-width: 540px) {
    .topbar-alert {
        padding: 25px 0 15px 0;
    }
    .topbar-alert .close {
        top: 5px;
    }
}

.legal-container h2 {
    font-weight: 300;
    margin-top: 50px;
    margin-bottom: 30px;
}

.legal-container hr {
    margin-top: 50px;
}
.policy-container h2 {
    font-weight: 300;
    margin-top: 50px;
    margin-bottom: 30px;
}


.policy-container hr {
    margin-top: 50px;
}
.policy-container ol {
    line-height: 1.42857143em !important;
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 17px;
}


.policy-container ul {
    line-height: 1.42857143em !important;
    list-style-type: disc;
    list-style-position: outside;
    margin-top: 1em;
    margin-left: 17px;
}

.policy-container li {
    margin-bottom: 1em;
}


.cookie-policy ol {
    line-height: 1.42857143em !important;
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 17px;
}

.cookie-policy ul {
    line-height: 1.42857143em !important;
    list-style-type: disc;
    list-style-position: outside;
    margin-top: 1em;
    margin-left: 17px;
}

.cookie-policy li {
    margin-bottom: 1em;
}

.cookie-policy a {
    text-decoration: underline;
    font-weight: 600;
}

.cookie-policy h2 {
    font-weight: 300;
    margin-top: 50px;
    margin-bottom: 30px;
}

.cookie-policy hr {
    margin-top: 50px;
}



.micro-clinic .btn.bg--dark{
    opacity: 1;
    border-color: #025180;
    color: white;
}
.micro-clinic .btn.bg--dark *{
    color: white;
}

.micro-clinic .btn-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.micro-clinic .btn-container.justify-content-start{
    justify-content: start;

}
.micro-clinic .btn-container .btn{
    width: 100%;
}

.micro-clinic .btn-container .btn .btn__text{
    text-wrap: auto;
}
@media (max-width: 993px) {
   .micro-clinic .hours .d-flex{
      flex-direction: row;
      margin: 0;
    }
}
@media (min-width: 768px) {
    .micro-clinic  .btn-container {
    flex-direction: row!important;
    flex-wrap: wrap;
    padding-top: 10px;
  }
  .micro-clinic .btn-container .btn{
    width: fit-content;
    margin-right: 10px;
  }
}



button[type="submit"].loading{
    background: rgba(255, 2555, 255, .5);
}
button[type="submit"] {
    position: relative;
    overflow: hidden;
}

button[type="submit"] span.loader {
    background-color: inherit;
    border-radius: inherit;
}

button[type="submit"].loading span.loader:before {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    border: 1px solid #194669;
    border-radius: 50%;
    z-index: 2;
    border-left-color: transparent;
    border-right-color: transparent;
    animation: cssload-spin 650ms infinite linear;
    -o-animation: cssload-spin 650ms infinite linear;
    -ms-animation: cssload-spin 650ms infinite linear;
    -webkit-animation: cssload-spin 650ms infinite linear;
    -moz-animation: cssload-spin 650ms infinite linear;
}

button[type="submit"].loading span.loader:after {
    background-color: inherit;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    z-index: 1;
}

button[type="submit"].loading.dark-loading span.loader:before {
    border: 1px solid rgb(0, 0, 0);
    border-left-color: transparent;
    border-right-color: transparent;
}

@keyframes cssload-spin {
    100% {
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-spin {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-spin {
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-spin {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}