.faces-banner-wrapper{width:100%;max-width:1920px;margin:0 auto;background:#dde5e8}@media (min-width:768px){.faces-banner-wrapper{background:linear-gradient(90deg,#dde5e8 0,#d9e2e7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#dde5e8",endColorstr="#d9e2e7",GradientType=1)}}.faces-banner{position:relative;max-width:1300px;margin:0 auto;background:#dde5e8}@media (max-width:1024px){.faces-banner{padding-right:0}}@media (max-width:767px){.faces-banner{padding:0}}.faces-banner .faces-txt{display:inline-block;float:left;width:40%;position:absolute;top:50%;left:4%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:3}.faces-banner .faces-txt .title{margin:0;padding-bottom:22px;font-weight:500;line-height:43px}@media (max-width:900px){.faces-banner .faces-txt .title{font-size:31px;padding-bottom:23px}}@media (max-width:767px){.faces-banner .faces-txt .title{padding-bottom:10px}}.faces-banner .faces-txt .txt{padding-bottom:14px;font-size:16px;font-weight:500;line-height:1.5}@media (max-width:900px){.faces-banner .faces-txt .txt{font-size:15px}}@media (max-width:1024px){.faces-banner .faces-txt{width:41.7%;left:2.5%}}@media (max-width:767px){.faces-banner .faces-txt{display:block;width:100%;padding:0 27px;position:static;left:0;top:0;-webkit-transform:unset;transform:unset}.faces-banner .faces-txt .title{margin-top:30px;margin-bottom:5px;font-size:35px}.faces-banner .faces-txt .txt{padding-bottom:40px;font-size:16px}}@media (max-width:480px){.faces-banner .faces-txt{padding:0 20px}}.faces-banner .faces-img{display:inline-block;float:right;width:60%;max-width:520px}.faces-banner .faces-img .img-box{position:relative;display:block;margin:0 auto;max-width:520px;height:0;padding-bottom:67.30769%;overflow:hidden}.faces-banner .faces-img img{display:block}@media (max-width:767px){.faces-banner .faces-img{display:block;width:100%;max-width:767px}.faces-banner .faces-img .img-box{position:relative;display:block;margin:0 auto;max-width:767px;height:0;padding-bottom:78.22686%;overflow:hidden}}.faces-content{margin:0 auto;max-width:1254px;padding:0 27px;text-align:center;color:#000}@media (max-width:480px){.faces-content{padding:0 20px}}.faces-content .faces-title{margin:60px auto 65px;text-transform:unset}@media (max-width:1200px){.faces-content .faces-title{margin:53px auto 56px}}@media (max-width:990px){.faces-content .faces-title{max-width:700px;margin:53px auto 56px}}@media (max-width:480px){.faces-content .faces-title{margin:42px auto 27px;font-size:22px;line-height:28px;letter-spacing:0}}.special-content{margin:0 auto;max-width:1254px;padding:0 27px;text-align:center;color:#000}@media (max-width:767px){.special-content{padding:0}}.special-content .special-container{position:relative;overflow:hidden;padding-bottom:75px}@media (max-width:767px){.special-content .special-container{padding-bottom:35px}}@media (max-width:480px){.special-content .special-container{padding-bottom:10px}}.special-content .special-container dd{float:left;width:33.33%;padding:0 3%}@media (max-width:767px){.special-content .special-container dd{width:100%;padding:0 20px}}.special-content .special-container .list-txt>h3{margin:0;margin-top:28px;padding-bottom:24px;font-size:24px;font-weight:700}.special-content .special-container .list-txt>p{width:100%;max-width:500px;margin:0 auto;font-size:16px;font-weight:500;line-height:1.4}@media (min-width:768px) and (max-width:915px){.special-content .special-container .list-txt>h3{height:76px}}@media (max-width:767px){.special-content .special-container .list-txt>h3{padding-bottom:16px}.special-content .special-container .list-txt>p{padding-bottom:40px}}@media (max-width:480px){.special-content .special-container .list-txt>h3{font-size:18px}.special-content .special-container .list-txt>p{max-width:300px;font-size:14px}}.special-content .special-container .list-img{width:100%}.special-content .special-container .video-box{width:100%;position:relative;display:block;margin:0 auto;padding-bottom:100%;max-width:250px;border-radius:50%;height:0;padding-bottom:250px;overflow:hidden}@media (min-width:768px) and (max-width:990px){.special-content .special-container .video-box{padding-bottom:100%}}.special-content .video-player{width:100%;border-radius:50%}.list-end{padding:33.5px 20px;font-size:24px;font-weight:700;text-align:center;background:#52a8bf;color:#fff}@media (max-width:767px){.list-end{padding:15px 8%}}@media (max-width:480px){.list-end{padding:15px 6%;font-size:18px}}.device-phone .js-list-slide{position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;transition-property:left}.device-phone .js-list-slide>dd{float:left;width:33.33%}@media (max-width:767px){.device-phone .js-list-slide .list-txt p{padding-bottom:20px}}.device-phone .control-list{margin-bottom:30px;text-align:center}@media screen and (min-width:768px){.device-phone .control-list{display:none}}.device-phone .control-list>li{display:inline-block;width:12px;height:12px;margin-right:5px;background:#fff;border:1px solid #000;border-radius:100%}.device-phone .control-list>li:last-child{margin-right:0}.device-phone .control-list .current{background:#000}.shop-low-container{width:100%;max-width:720px;margin:0 auto;padding:0 20px;text-align:center}.shop-low-container h4{margin:0 auto;max-width:510px;color:#000;font-weight:500;line-height:1.3}@media (max-width:375px){.shop-low-container h4{max-width:340px}}.shop-low-container .shop-btn{margin:46px auto 62px}.shop-low-container .btn-box{width:100%;max-width:200px;padding:12px 10px;color:#fff;background-color:#262626;border:1px solid #262626}.shop-low-container .btn-box:hover{background-color:#fff!important;color:#404040!important}@media (max-width:767px){.shop-low-container .btn-box{display:block;margin:0 auto;padding:14px 10px;max-width:230px}}.shop-low-container .shop-eyeglass{margin-right:29px}@media (max-width:767px){.shop-low-container .shop-eyeglass{margin-right:auto;margin-bottom:15px}}.wide-banner{background:#e6d8cb}.wide-banner .faces-banner{background:none}@media (min-width:768px){.wide-banner .faces-banner{padding:0 20px}}@media (min-width:768px) and (max-width:850px){.wide-banner .faces-txt .title{padding-bottom:5px;line-height:32px;font-size:28px}.wide-banner .faces-txt .txt{line-height:21px}}@media (max-width:767px){.wide-banner .faces-txt .txt{padding-bottom:0}}@media (min-width:768px){.wide-banner .faces-img{width:60%;max-width:710px}.wide-banner .faces-img .img-box{position:relative;display:block;margin:0 auto;max-width:710px;height:0;padding-bottom:49.29577%;overflow:hidden}}@media (max-width:767px){.wide-banner .faces-img .img-box{position:relative;display:block;margin:0 auto;max-width:767px;height:0;padding-bottom:89.309%;overflow:hidden}}@media (max-width:990px){.wide-content .faces-title{max-width:none}}@media (max-width:810px){.wide-content .faces-title{max-width:600px}}.wide-content .list-txt>h3{height:auto}html:lang(fr-CA) .shop-container .btn-box,html:lang(fr-FR) .shop-container .btn-box{max-width:230px}@media (min-width:768px) and (max-width:942px){html:lang(fr-CA) .special-container .list-txt>h3,html:lang(fr-FR) .special-container .list-txt>h3{height:102px}}@media (min-width:768px){html:lang(fr-CA) .special-container .list-txt>h3,html:lang(fr-FR) .special-container .list-txt>h3{max-width:300px;margin:22px auto 0}}@media (min-width:768px) and (max-width:830px){html:lang(fr-CA) .wide-banner .faces-txt .txt,html:lang(fr-FR) .wide-banner .faces-txt .txt{line-height:19px}}
/*# sourceMappingURL=../maps/css/eyeglasses-list-small-faces.css.map */