:root{--primary-color:rgba(13,110,139,0.75);--overlay-color:rgba(24,39,51,0.85);--menu-speed:0.75s}.square{height:20rem;width:20rem;background:#0d99d5;margin:10rem}.tech{background-image:url(https://ophtalmo-vitre.fr/wp-content/themes/optico/images/titlebar-bg.jpg);background-position:100%;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;height:20rem}.tech-1 .tech-1-a{max-width:1300px;margin:0 auto;display:flex;flex-wrap:wrap;padding:5rem 0;justify-content:center}@media only screen and (min-width:768px){.tech-1 .tech-1-a{flex-direction:row}}.tech-1 .tech-1-a .tech-1-aa{width:48%;margin:.5rem;display:flex;flex-direction:column;border-radius:10px;box-shadow:10px 10px 13px -7px rgba(0,0,0,.09)}.tech-1 .tech-1-a .tech-1-aa img{width:100%;height:auto;flex-grow:1}.tech-1 .tech-1-a .tech-1-aa p{text-align:center;word-break:break-word;padding:.5rem 0;color:#a20067;font-weight:600}@media only screen and (min-width:768px){.tech-1 .tech-1-a .tech-1-aa{width:24%}}.tech-1 .tech-1-a .tech-1-aa:first-child,.tech-1 .tech-1-a .tech-1-aa:nth-child(5){margin-left:0}.tech-1 .tech-1-a .tech-1-aa:nth-child(4),.tech-1 .tech-1-a .tech-1-aa:nth-child(8){margin-right:0}.tech-2 .responsive-tab-wrapper{box-shadow:0 3px 25px -5px rgba(0,0,0,.75);padding:15px;max-width:1300px;margin:0 auto 5rem;display:flex;border-radius:10px}.tech-2 .responsive-tab-wrapper .resp-tabs-container .resp-tabs-container-item .prod-tab-content h4{padding:.5rem 0;font-size:1.5rem}@media only screen and (min-width:980px){.tech-2 .responsive-tab-wrapper .tab-items-list{width:21%}.tech-2 .responsive-tab-wrapper .resp-tabs-container{width:79%;padding:30px}}.tech-2 .resp-tabs-container{width:100%}.tech-2 .resp-tabs-list{padding:0}.tech-2 .resp-tabs-list i{margin-right:15px;font-size:24px}.tech-2 .resp-tabs-list li{cursor:pointer;border-bottom:1px solid #e4eae1;line-height:55px;padding-left:15px;font-weight:300;font-size:18px;transition:all .5s ease;text-transform:uppercase;border-left:2px solid #fff;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tech-2 .resp-tabs-list li.resp-tab-active,.tech-2 .resp-tabs-list li:hover,.tech-2 h3.resp-accordion:hover{background-color:#a20067;border-left:2px solid #a20067}.tech-2 h3.resp-accordion,.tech-2 h3.resp-tab-active,.tech-2 h3.resp-tab-active:hover{border-bottom:1px solid #e7edee}.tech-2 h3.resp-accordion{cursor:pointer;font-size:18px;display:none;font-weight:300;margin:0;line-height:66px;transition:all .7s ease}.tech-2 .resp-tab-content{display:none}.tech-2 .resp-accordion-active,.tech-2 .resp-content-active{display:block}.tech-2 .resp-arrow{width:0;height:0;float:right;margin-top:27px;margin-right:15px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid}.tech-2 h3.resp-tab-active span.resp-arrow{border:5px solid transparent;border-top:none;border-bottom:7px solid}.tech-2 h3.resp-tab-active{background:#dbfdcc;border-color:#d3efc8}.tech-2 .resp-easy-accordion h3.resp-accordion{display:block}.tech-2 .resp-jfit{width:100%;margin:0}.tech-2 .resp-tab-content-active{display:block;background:#e7edee;padding:0 25px 25px}@media only screen and (max-width:980px){.tech-2 ul.resp-tabs-list{display:none}.tech-2 h3.resp-accordion{display:block}}@media only screen and (max-width:980px) and (min-width:980px){.tech-2 h3.resp-accordion{padding-left:25px}}@media only screen and (max-width:980px){.tech-2 .resp-accordion-closed{display:none!important}}@media only screen and (max-width:980px) and (min-width:980px){.tech-2 .prod-tab-content{padding:10px}}