/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.header__mega-menu li{line-height:1.1;margin-bottom:0.7rem;}.revamp-footnotes-item p{font-weight:400;font-family:Foundry Sterling Medium,Arial,Helvetica,宋体,SimSun,Nimbus Sans L,sans-serif;}
#page > .container{max-width:100%;padding:0;}.l-general{max-width:100%;padding:0;}h2{font-size:2.5rem;font-weight:bold;}h2,h3{font-weight:bold;color:#00a0b0;}.header__mobile-trigger::after,.header__mobile-trigger::before,.hamburger-bar{background-color:#00a0b0;}.clariti-product .clariti-product-text{}.clariti-form{padding:5rem 0;display:none;}.clariti-video{text-align:center;min-height:341px;padding:6rem 0;background-image:url('https://coopervision.egroup-dev.com/img/clariti/bkg-video.jpg');background-size:cover;background-repeat:no-repeat;}.clariti-video p{font-weight:bold;font-size:4rem;color:white;}.clariti-video p span.blue{color:#79c4cc;white-space:nowrap;}.clariti-video .btn:hover{background-color:white;color:#00a0b0;}.clariti-video .btn{border:2px solid #fff;border-radius:10px;background-color:transparent;color:#fff;text-transform:uppercase;padding:14px 28px;font-size:16px;cursor:pointer;}.clariti-next-step .block2{color:white;}.clariti-next-step .block2 .small{text-transform:uppercase;}.clariti-sustainability{text-align:center;}.clariti-stat{text-align:center;}.clariti-social{text-align:center;padding:8rem 15%;color:white;min-height:600px;background-image:url('https://coopervision.egroup-dev.com/img/clariti/new/bkg-influencers.jpg');background-size:100%;background-repeat:no-repeat;background-position:center top;}.clariti-social-influencers{min-height:227px;background-image:url('https://coopervision.egroup-dev.com/img/clariti/bkg-influencers2.jpg');background-size:100%;background-repeat:no-repeat;background-position:center bottom;background-color:#03a0b0;}.clariti-sustainability h2{color:#00a0b0;}.clariti-social h2{color:white;}.btn-clariti:hover{background-color:#00a0b0;color:white;}.btn-clariti{border:2px solid #00a0b0;border-radius:10px;background-color:white;color:#00a0b0;text-transform:uppercase;padding:15px;margin:20px 0;font-size:15px;font-weight:bold;cursor:pointer;}.clariti-main{background-image:url('https://coopervision.egroup-dev.com/img/clariti/fca-main.jpg');min-height:200px;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;}form input[type=text]{border:3px solid #00a0b0;border-radius:10px;background-color:white;padding:8px 25px;width:100%;margin:5px 0;height:50px;color:#00a0b0;font-weight:bold;}form button.btn-form:hover{}form button.btn-form{width:100%;height:50px;margin:5px 0;border:3px solid #00a0b0;border-radius:10px;background-color:white;background-image:url('https://coopervision.egroup-dev.com/img/clariti/arrow.png');background-position:97% center;background-repeat:no-repeat;text-transform:uppercase;color:#00a0b0;font-weight:bold;padding:8px 25px;cursor:pointer;text-align:left;}form button.btn-form:after{content:'\00bb';position:absolute;opacity:0;top:0;right:-20px;transition:0.5s;}.clariti-footer{font-size:11px;padding:3rem 10%;}.clariti-footer .row{border-top:3px solid #00a0b0;}.modal-dialog{max-width:800px;margin:30px auto;}.modal-body{position:relative;padding:0px;}.close{position:absolute;right:-30px;top:0;z-index:999;font-size:2rem;font-weight:normal;color:#fff;opacity:1;}.clariti-next-step .block1{margin-bottom:5rem;}.text-smaller,.text-smaller > *{font-size:10px !important;}a{text-decoration:underline;color:#212529;}@media only screen and (max-width:414px){.clariti-next-step{background-image:url('https://coopervision.egroup-dev.com/img/clariti/bkg-beach-fam-mobile.jpg');background-position:center bottom;background-size:contain;background-repeat:no-repeat;}.clariti-social{padding:4rem 5%;background-image:url('https://coopervision.egroup-dev.com/img/clariti/bkg-influencers-mobile.jpg');background-size:cover;background-position:center top;background-repeat:no-repeat;min-height:550px;}.clariti-next-step .block1{margin-bottom:220px;}.clariti-next-step .block2{margin-top:50px;}.clariti-footer .row{border-top:none;}}@media only screen and (max-width:375px){.clariti-social{min-height:450px;}.clariti-next-step .block1{margin-bottom:120px;}}.jcarousel img{width:200px;}#mobile-header{margin-top:60px;}.header-thank-you	.header__text{margin-top:12%;}.banner{height:3.125rem;background-color:#00a0b0;}@media only screen and (min-width:667px){.clariti-next-step{background-image:url('https://coopervision.egroup-dev.com/img/clariti/bkg-beach-fam.jpg');background-size:100%;background-repeat:no-repeat;background-position:center bottom;}.clariti-next-step .block2{padding-top:8rem !important;}}@media only screen and (min-width:992px){.header .l-general{max-width:1140px;}.header__content{background-image:url('https://coopervision.ca/sites/coopervision.ca/files/sustainability-header-website.jpg');background-size:contain;background-repeat:no-repeat;}.header__text{margin-top:38%;padding-bottom:30px;}.header__nav{position:absolute;top:65px;left:-240px;}.main-nav .block-content > .nav > li > a,.main-nav .block-content > .nav > li > a:hover{font-family:unset;color:unset;text-transform:none;font-weight:normal;}.main-nav .block-content>.nav>li>.nolink:focus:before,.main-nav .block-content>.nav>li>.nolink:hover:before,.main-nav .block-content>.nav>li>a:focus:before,.main-nav .block-content>.nav>li>a:hover:before{background-color:unset;}.clariti-product{background-image:url('https://coopervision.egroup-dev.com/img/clariti/bkg-hike-mobile.jpg');background-size:contain;background-repeat:no-repeat;background-position:-10%;}.clariti-product-text{padding-bottom:50px;padding-right:20px;}.clariti-next-step .block1,.clariti-next-step .block2{min-height:620px;}}@media only screen and (min-width:768px) and (max-width:1024px){.clariti-next-step .block1 h2,.clariti-next-step .block1 p:nth-child(2){white-space:nowrap;}.clariti-social{min-height:350px;padding:4rem 0;}}@media only screen and (max-width:834px){.clariti-video p{font-size:2rem;}.clariti-social{min-height:500px;padding:4rem 8%;}h2{font-size:1.75rem;}h4{font-size:1rem;}}@media only screen and (max-width:736px){.clariti-next-step .block1 p:last-child{width:50%;}}@media only screen and (min-width:667px) and (max-width:736px){.clariti-next-step .block1{margin-bottom:100px;}.clariti-social{min-height:330px;padding:3rem 5%;}}@media only screen and (min-width:1024px){.clariti-social{background-size:cover;}.clariti-social{min-height:540px;padding:4rem 0;}.clariti-social h2{}}@media only screen and (min-width:1224px){.header__content{background-size:cover;}.clariti-social{padding:10% 20% 20% 20%;}}