.transitions-banner-wrapper{position:relative;width:100%;max-width:1920px;margin:0 auto}.transitions-banner-wrapper .video-box{border:none;position:relative;display:block;margin:0 auto;max-width:1920px;height:0;padding-bottom:34.6875%;overflow:hidden}.transitions-banner-wrapper .video-box .video-player{width:100%;border:none}.transitions-banner-wrapper .trans-logo{position:absolute;left:50%;bottom:89px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80%}.transitions-banner-wrapper .trans-logo-new{position:absolute;left:50%;bottom:106px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:300px}@media (max-width:768px){.transitions-banner-wrapper{max-width:768px}}.shop-transitions{display:inline-block;width:100%;max-width:200px;height:40px;padding:8px 10px;font-size:16px;color:#fff;background:transparent;border:1px solid #fff;border-radius:6px;text-align:center;cursor:pointer;transition:all .3s ease}.shop-transitions:hover{color:#000;border-color:#fff;background:#fff}.sup-tip{top:-6px;color:#9d6310;font-size:12px;font-weight:700;cursor:pointer}.transition-head-txt{position:absolute;top:46%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;max-width:1200px;margin:0 auto;color:#fff}@media (max-width:900px){.transition-head-txt{top:48%}}@media (max-width:768px){.transition-head-txt{position:relative;top:0;left:0;-webkit-transform:unset;transform:unset;width:100%;max-width:768px;background:#333}}.transition-head-txt .txt-box{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);max-width:580px;padding-left:calc(5% + 35px);padding-top:17px}.transition-head-txt .txt-box h1{margin:15px auto 27px;font-size:26px;font-weight:700;text-transform:unset}.transition-head-txt .txt-box .txt{font-size:16px;line-height:25px;margin-bottom:10px;padding-bottom:10px;max-width:460px}@media (max-width:1124px){.transition-head-txt .txt-box{max-width:475px;top:10px}.transition-head-txt .txt-box h1{margin:17px auto 10px;font-size:24px}.transition-head-txt .txt-box .txt{padding-bottom:0}}@media (max-width:910px){.transition-head-txt .txt-box{top:0;padding-left:20px}.transition-head-txt .txt-box h1{margin-top:3px;margin-bottom:10px}}@media (max-width:768px){.transition-head-txt .txt-box{position:relative;top:0;-webkit-transform:unset;transform:unset;max-width:768px;padding:30px 20px 25px}.transition-head-txt .txt-box h1{margin:10px auto 20px}.transition-head-txt .txt-box .txt{max-width:768px}}.transition-head-txt .logo-container{max-width:190px}.transition-head-txt .logo-container .logo-box{position:relative;display:block;margin:0 auto;max-width:260px;height:0;padding-bottom:26.92308%;overflow:hidden}.transition-head-txt .logo-container-new{max-width:186px}.transition-head-txt .logo-container-new .logo-box{position:relative;display:block;margin:0 auto;max-width:186px;height:0;padding-bottom:26.88172%;overflow:hidden}.certified-box .certified-logo{max-width:83px}.certified-box .certified-logo .certified-img{position:relative;display:block;margin:0 auto;max-width:83px;height:0;padding-bottom:48.19277%;overflow:hidden}.part-one-container{position:relative;width:100%;max-width:1200px;margin:96px auto}@media (max-width:768px){.part-one-container{margin-top:87px;margin-bottom:50px}}.part-one-container .transition-content{float:right;max-width:580px;width:50%;padding-left:5.3%;padding-right:36px}.part-one-container .transition-content h2{margin:0;font-size:24px;text-align:left;text-transform:unset}.part-one-container .transition-content p{padding-top:21px;font-size:16px;line-height:25px}.part-one-container .transition-content .sup-tip{top:-3px}@media (max-width:900px){.part-one-container .transition-content{padding-left:20px}}@media (max-width:768px){.part-one-container .transition-content{width:100%;padding:0 20px;max-width:740px}.part-one-container .transition-content h2{position:absolute;top:-32px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;line-height:1.2;text-align:center;padding:0 20px}}@media (max-width:480px){.part-one-container .transition-content h2{top:-50px;max-width:341px;text-align:left;left:0;-webkit-transform:none;transform:none}.part-one-container .transition-content p{padding-top:18px}}.part-one-container .translate-img-container{position:relative;float:left;width:50%;max-width:460px;margin:-3% auto 0;left:45px}@media (max-width:1200px){.part-one-container .translate-img-container{left:20px}}@media (max-width:768px){.part-one-container .translate-img-container{float:none;width:100%;max-width:600px;margin-top:0;left:0}}.part-one-container .cloud-glass{opacity:1;transition:opacity .6s ease-in}.part-one-container .sun-glass{position:absolute;top:0;left:0;opacity:0}.part-one-container .translate-img{position:relative;display:block;margin:0 auto;max-width:600px;height:0;padding-bottom:50%;overflow:hidden}.part-one-container .translate-img-btn{max-width:250px;cursor:pointer;margin:0 auto;vertical-align:middle}@media (max-width:767px){.part-one-container .translate-img-btn{margin-top:10px}}.part-one-container .translate-img-btn img{-webkit-tap-highlight-color:rgba(0,0,0,0);max-width:47px;max-height:47px;height:47px;vertical-align:middle}.write-info{color:rgba(0,0,0,.5);font-size:14px;margin-top:5px}.write-info .author{text-decoration:underline}.color-box{text-align:center}.color-box .change-lens-color{position:relative;bottom:15px}.color-box .change-lens-color span.current{border-color:#8b8b8b}.color-box .change-lens-color span{display:inline-block;cursor:pointer;width:34px;height:34px;padding:2px;border:1px solid #fff;border-radius:100%;font-size:0;line-height:0;margin-right:4px;position:relative}.color-box .change-lens-color em{display:block;width:28px;height:28px;background-color:red;border-radius:100%;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}.color-box .change-lens-color em.color-gray{background-color:#4d4d4d}.color-box .change-lens-color em.color-brown{background-color:#623100}.color-box .change-lens-color em.color-amethyst-purple{background-color:#4a3a5f}.color-box .change-lens-color em.color-sapphire-blue{background-color:#264262}.color-box .change-lens-color em.color-amber{background-color:#854b25}.color-box .change-lens-color em.color-ruby{background-color:#66263d}#prescription-lens-transitions .color-tips{padding:8px 12px;color:#000;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:2px;min-width:60px}#prescription-lens-transitions .color-tips em{font-style:normal;font-size:14px}.range-slide-box{display:inline-block;vertical-align:middle;height:48px;position:relative;margin:0 5px;padding-top:12px}.range-slide-box .cover{position:absolute;width:calc(100% - 28px);right:0;bottom:8px;height:100%}.range-slide-box .cover:before{display:block;content:" ";width:100%;height:7px;background:#e4e4e4;border-top-right-radius:3px;border-bottom-right-radius:3px;position:absolute;top:28px}.range-slide-box input[type=range]{-webkit-appearance:none;width:130px;border-radius:10px;outline:none;height:6px;background:#d39d4e}.range-slide-box input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:28px;width:28px;background:#fff;border-radius:50%;border:2px solid #d39d4e}.switch-btn{cursor:pointer;width:45px;height:28px;position:relative;border:1px solid #56b0d4;background-color:#56b0d4;box-shadow:inset 0 0 0 0 #56b0d4;border-radius:15px;background-clip:content-box;display:inline-block;-webkit-appearance:none;-webkit-user-select:none;user-select:none;outline:none;margin:0 16px}.switch-btn:before{content:"";width:25px;height:25px;position:absolute;top:0;left:0;border-radius:20px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}.switch-btn:checked{border-color:#dfdfdf;box-shadow:inset 0 0 0 16px #dfdfdf;background-color:#fff}.switch-btn:checked:before{left:18px}.switch-btn.switch-btn-animbg{transition:background-color .4s ease;background-color:#56b0d4;box-shadow:inset 0 0 0 0 #56b0d4}.switch-btn.switch-btn-animbg:before{transition:left .3s}.switch-btn.switch-btn-animbg:checked{box-shadow:inset 0 0 0 0 #dfdfdf;background-color:#fff;transition:border-color .4s,background-color .4s ease;-webkit-tap-highlight-color:rgba(0,0,0,0)}.switch-btn.switch-btn-animbg:checked:before{transition:left .3s}.part-two-container{position:relative;padding:45px 0;background:#f5f5f5}@media (max-width:768px){.part-two-container{padding:0;background:unset}}.part-two-container .part-two-content{max-width:1200px;margin:0 auto}.part-two-container .center-banner{width:100%;max-width:1200px;margin:0 auto}.part-two-container .center-banner .img-box{position:relative;display:block;margin:0 auto;max-width:1200px;height:0;padding-bottom:29.16667%;overflow:hidden}@media (max-width:768px){.part-two-container .center-banner{max-width:768px;padding:0 20px;padding-top:83px}.part-two-container .center-banner .img-box{position:relative;display:block;margin:0 auto;max-width:728px;height:0;padding-bottom:100%;overflow:hidden}}@media (max-width:480px){.part-two-container .center-banner{padding-top:103px}}@media (max-width:350px){.part-two-container .center-banner{padding-top:132px}}.part-two-container .transition-content{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:52%;max-width:558px;padding-left:5.1%;color:#fff}.part-two-container .transition-content h2{margin:0;max-width:450px;font-size:24px;font-weight:700;text-align:left;text-transform:unset;padding-bottom:7px}.part-two-container .transition-content p{padding-top:23px;font-size:16px;line-height:1.5}@media (max-width:1024px){.part-two-container .transition-content{width:55%}.part-two-container .transition-content p{padding-top:16px;line-height:1.4}}@media (max-width:900px){.part-two-container .transition-content{padding-left:20px}.part-two-container .transition-content h2{padding-bottom:0}.part-two-container .transition-content p{padding-top:15px;line-height:1.4}}@media (max-width:768px){.part-two-container .transition-content{position:static;top:0;-webkit-transform:unset;transform:unset;width:100%;max-width:768px;padding:0 20px;color:#000}.part-two-container .transition-content h2{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;max-width:630px;text-align:center;line-height:1.2;padding:0 20px}.part-two-container .transition-content p{padding-top:12px;line-height:1.5}}@media (max-width:480px){.part-two-container .transition-content p{padding-top:25px}.part-two-container .transition-content h2{max-width:350px;text-align:left;left:0;-webkit-transform:none;transform:none}}.transitions-container{width:90%;max-width:1200px;border-radius:10px;margin:80px auto}@media (max-width:1500px){.transitions-container{margin-bottom:60px}}.transitions-container .normal{display:table;width:100%;text-align:center;background-color:#f5f5f5}.transitions-container .transitions-title{height:240px;border-top-left-radius:10px;border-top-right-radius:10px}.transitions-container .title-list{display:table-cell;width:33.3333%;padding:40px 0;vertical-align:middle}.transitions-container .title-list:nth-child(2n){border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4}.transitions-container .title-list h3{margin:0 auto;padding:0 5px;font-size:20px;font-weight:500;line-height:1.3}.transitions-container .title-list h3.first{max-width:220px}.transitions-container .title-list h3.first.gens{max-width:260px}.transitions-container .title-list h3.second{max-width:310px}.transitions-container .title-list h3.third{max-width:290px}.transitions-container .svg-gens{width:90%;max-width:202px;margin:5px auto 20px}.transitions-container .svg-gens .svg-box{position:relative;display:block;margin:0 auto;max-width:202px;height:0;padding-bottom:37.12871%;overflow:hidden}.transitions-container .svg-signature{width:90%;max-width:258px;margin:0 auto 21px}.transitions-container .svg-signature .svg-box{position:relative;display:block;margin:0 auto;max-width:258px;height:0;padding-bottom:32.17054%;overflow:hidden}.transitions-container .svg-xtractive{width:90%;max-width:237px;margin:0 auto 20px}.transitions-container .svg-xtractive .svg-box{position:relative;display:block;margin:0 auto;max-width:237px;height:0;padding-bottom:35.86498%;overflow:hidden}.transitions-container .svg-xtractive-n{width:90%;max-width:258px;margin:-5px auto 15px}.transitions-container .svg-xtractive-n .svg-box{position:relative;display:block;margin:0 auto;max-width:258px;height:0;padding-bottom:35.65891%;overflow:hidden}.transitions-container .svg-drivewear{width:90%;max-width:270px;margin:0 auto 20px}.transitions-container .svg-drivewear .svg-box{position:relative;display:block;margin:0 auto;max-width:270px;height:0;padding-bottom:29.62963%;overflow:hidden}.transitions-container .svg-drivewear-n{width:90%;max-width:258px;margin:5px auto 20px}.transitions-container .svg-drivewear-n .svg-box{position:relative;display:block;margin:0 auto;max-width:258px;height:0;padding-bottom:29.84496%;overflow:hidden}.transitions-container .category{width:100%;height:50px;padding:13px 0;font-size:16px;font-weight:700;background:#e4e4e4;text-align:center}.transitions-container .color-list{display:table-cell;width:33.3333%;padding:20px 0;vertical-align:middle}.transitions-container .color-list:first-child{border-right:1px solid #e4e4e4}.transitions-container .color-list:last-child{border-left:1px solid #e4e4e4}.transitions-container .color-list:last-child p{max-width:260px;line-height:1.3}.transitions-container .color-list:nth-child(2n) .color-item{display:block}.transitions-container .color-list .color-item{display:inline-block;margin-bottom:12px}.transitions-container .color-list .color-item.ruby{width:100%;max-width:162px}.transitions-container .color-list p{padding:0 10px;font-size:16px;line-height:1}.transitions-container .lens-color-box{width:100%;max-width:162px;margin:0 auto}.transitions-container .lens-color-box .png-box{position:relative;display:block;margin:0 auto;max-width:162px;height:0;padding-bottom:46.2963%;overflow:hidden}.transitions-container .text-list{display:table-cell;width:33.3333%;padding:20px 10px;font-size:16px;vertical-align:middle}.transitions-container .text-list:first-child{border-right:1px solid #e4e4e4}.transitions-container .text-list:last-child{border-left:1px solid #e4e4e4}.transitions-container .text-list span{display:inline-block;max-width:260px}.transitions-container .svg-list{display:table-cell;width:33.3333%;padding:19px 0;vertical-align:middle}.transitions-container .svg-list:first-child{border-right:1px solid #e4e4e4}.transitions-container .svg-list:last-child{border-left:1px solid #e4e4e4}.transitions-container .svg-list .svg-section{max-width:24px;margin:0 auto}.transitions-container .svg-list .svg-box{position:relative;display:block;margin:0 auto;max-width:24px;height:0;padding-bottom:100%;overflow:hidden}.transitions-container .activation{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.transitions-mobile-container{margin-top:35px;margin-bottom:40px;padding:0 20px}.transitions-mobile-container .transitions-list{max-width:1200px;margin:0 auto 20px;border-radius:10px;background-color:#f5f5f5}.transitions-mobile-container .transitions-list:last-child .color-list .color-item{width:100%;max-width:unset}@media (min-width:600px){.transitions-mobile-container .transitions-list:last-child .color-list .color-item{width:50%}}.transitions-mobile-container .transitions-list:last-child .color-list .lens-color-box{width:49.5%}.transitions-mobile-container .transitions-list:last-child .color-list p{max-width:260px;margin:0 auto;line-height:1.3}.transitions-mobile-container .list-content{padding:30px 20px}@media (max-width:374px){.transitions-mobile-container .list-content{padding:30px 15px}}.transitions-mobile-container h3{margin:16px auto 11px 0;font-size:18px;font-weight:500}@media (max-width:480px){.transitions-mobile-container h3{max-width:300px}}.transitions-mobile-container .details{margin-left:13px}.transitions-mobile-container .details li{position:relative;padding:2px 0;font-size:16px;line-height:1.3}.transitions-mobile-container .details li:before{content:"";position:absolute;top:9px;left:-13px;width:6px;height:6px;border-radius:50%;background-color:#d39d4e}.transitions-mobile-container .svg-signature{max-width:220px}.transitions-mobile-container .svg-signature .svg-box{position:relative;display:block;margin:0 auto;max-width:220px;height:0;padding-bottom:31.81818%;overflow:hidden}.transitions-mobile-container .svg-gens{max-width:190px}.transitions-mobile-container .svg-gens .svg-box{position:relative;display:block;margin:0 auto;max-width:190px;height:0;padding-bottom:37.36842%;overflow:hidden}.transitions-mobile-container .svg-xtractive{max-width:220px}.transitions-mobile-container .svg-xtractive .svg-box{position:relative;display:block;margin:0 auto;max-width:220px;height:0;padding-bottom:35.45455%;overflow:hidden}.transitions-mobile-container .svg-xtractive-n{max-width:221px}.transitions-mobile-container .svg-xtractive-n .svg-box{position:relative;display:block;margin:0 auto;max-width:221px;height:0;padding-bottom:35.29412%;overflow:hidden}.transitions-mobile-container .svg-drivewear{max-width:220px;margin-left:-7px}.transitions-mobile-container .svg-drivewear .svg-box{position:relative;display:block;margin:0 auto;max-width:220px;height:0;padding-bottom:30.90909%;overflow:hidden}.transitions-mobile-container .svg-drivewear-n{max-width:222px}.transitions-mobile-container .svg-drivewear-n .svg-box{position:relative;display:block;margin:0 auto;max-width:222px;height:0;padding-bottom:29.72973%;overflow:hidden}.transitions-mobile-container .color-list{margin-top:8px;margin-bottom:20px}.transitions-mobile-container .color-list .color-item{display:inline-block;width:49.5%;max-width:162px;margin-bottom:12px;text-align:center}@media (max-width:374px){.transitions-mobile-container .color-list .color-item{width:49%}}.transitions-mobile-container .color-list .lens-color-box{max-width:162px;margin:0 auto}.transitions-mobile-container .color-list .png-box{position:relative;display:block;margin:0 auto;max-width:162px;height:0;padding-bottom:46.2963%;overflow:hidden}.transitions-mobile-container .color-list p{padding:0 10px;font-size:16px;line-height:1}.transitions-mobile-container .show-features{width:100%;height:60px;font-size:16px;font-weight:500;text-align:center;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#e4e4e4}.transitions-mobile-container .show-features.active .icon-arrow-down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.transitions-mobile-container .show-features .txt{display:inline-block;margin-right:6px;padding:18px 0;vertical-align:middle}.transitions-mobile-container .show-features .icon-arrow-down{display:inline-block;width:16px;height:16px;font-weight:700;vertical-align:middle}.features-container{margin-top:20px}.features-container .lens-colors{font-size:16px;font-weight:500}.features-container .features{padding:15px 20px;border-radius:10px;background-color:#fff}.features-container .features-list{display:table;padding:5px 0}.features-container .features-list img{display:table-cell;margin-right:7px;vertical-align:middle}.features-container .features-list p{display:table-cell;font-size:14px;font-weight:500;vertical-align:middle}.step-container{width:100%;padding:38px 0;background-color:#f5f5f5}@media (max-width:1100px){.step-container{padding-bottom:18px}}@media (max-width:1024px){.step-container{padding:33px 0}}.step-container .step-section{display:table;width:100%;max-width:1200px;margin:0 auto}@media (max-width:1100px){.step-container .step-section{width:90%}}.step-container .step-list{display:table-cell;width:33.3333%;vertical-align:middle}@media (max-width:1100px){.step-container .step-list{display:inline-block;width:auto;margin-bottom:20px;padding:0 20px}}@media (max-width:374px){.step-container .step-list{padding:0 5px}}.step-container .step-list:first-child .step-img{max-width:52px;margin-left:82px}@media (max-width:1100px){.step-container .step-list:first-child .step-img{margin-left:30px}}@media (max-width:1050px){.step-container .step-list:first-child .step-img{margin-left:0}}.step-container .step-list:first-child .img-box{position:relative;display:block;margin:0 auto;max-width:52px;height:0;padding-bottom:55.76923%;overflow:hidden}.step-container .step-list:nth-child(2n) .step-img{max-width:60px;margin-left:40px}@media (max-width:1100px){.step-container .step-list:nth-child(2n) .step-img{margin-left:20px}}@media (max-width:1050px){.step-container .step-list:nth-child(2n) .step-img{margin-left:0}}.step-container .step-list:nth-child(2n) .img-box{position:relative;display:block;margin:0 auto;max-width:60px;height:0;padding-bottom:48.33333%;overflow:hidden}.step-container .step-list:last-child .step-img{max-width:42px;margin-left:2px}.step-container .step-list:last-child .img-box{position:relative;display:block;margin:0 auto;max-width:42px;height:0;padding-bottom:66.66667%;overflow:hidden}.step-container .step-img{margin-right:8px}.step-container .step-img,.step-container .step-txt{display:inline-block;vertical-align:middle}.step-container .step-txt .title{margin:0 auto;font-size:18px;font-weight:700}.step-container .step-txt p{font-size:18px}@media (max-width:1100px){.step-container .step-txt .title,.step-container .step-txt p{font-size:16px}}.prescription-transitions-tips{width:100%;background-color:#f5f5f5}.prescription-transitions-tips .tip-list{width:100%;max-width:930px;margin:0 auto;padding:36px 15px 46px}@media (max-width:767px){.prescription-transitions-tips .tip-list{padding-bottom:36px}}.prescription-transitions-tips p{padding-bottom:10px;font-size:12px;line-height:16px;color:#484848}@media (min-width:769px){.device-desktop .certified-box,.device-tablet .certified-box{position:absolute;bottom:30px;right:33px}}@media (max-width:768px){.device-desktop .certified-box,.device-tablet .certified-box{margin-top:-1px;padding:0 11px 24px;background:#333}}.device-desktop .part-one-container .translate-img-btn,.device-tablet .part-one-container .translate-img-btn{max-width:190px}.device-desktop .part-one-container .translate-img-btn img,.device-tablet .part-one-container .translate-img-btn img{max-width:34px;max-height:34px;height:34px}.device-desktop .color-box .change-lens-color span,.device-tablet .color-box .change-lens-color span{width:28px;height:28px}.device-desktop .color-box .change-lens-color em,.device-tablet .color-box .change-lens-color em{width:22px;height:22px}.device-desktop .range-slide-box .cover,.device-tablet .range-slide-box .cover{width:calc(100% - 22px)}.device-desktop .range-slide-box .cover:before,.device-tablet .range-slide-box .cover:before{height:4px;border-top-right-radius:2px;border-bottom-right-radius:2px;top:30px}.device-desktop .range-slide-box input[type=range],.device-tablet .range-slide-box input[type=range]{width:100px;border-radius:2px;height:4px}.device-desktop .range-slide-box input[type=range]::-webkit-slider-thumb,.device-tablet .range-slide-box input[type=range]::-webkit-slider-thumb{height:22px;width:22px}.device-phone .transitions-banner-wrapper{max-width:768px}.device-phone .transitions-banner-wrapper .video-box{position:relative;display:block;margin:0 auto;max-width:768px;height:0;padding-bottom:156.25%;overflow:hidden}.device-phone .transition-head-txt{position:relative;top:0;left:0;-webkit-transform:unset;transform:unset;width:100%;margin:0 auto;color:#fff;background:#333}.device-phone .transition-head-txt .logo-container,.device-phone .transition-head-txt .logo-container-new{display:none}.device-phone .transition-head-txt .txt-box{position:relative;top:0;left:0;-webkit-transform:unset;transform:unset;width:100%;max-width:unset;padding:34px 20px 5px}.device-phone .transition-head-txt .txt-box h1{margin-top:0;margin-bottom:23px;line-height:30px}.device-phone .transition-head-txt .txt-box .txt{max-width:768px}.device-phone .trans-box{position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:226px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.6))}.device-phone .shop-transitions{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:30px}.device-phone .shop-transitions.new{bottom:47px}.device-phone .certified-box{padding:0 13px 16px;background:#333}.device-phone .step-container .step-section{width:95%}.device-phone .step-container .step-list:nth-child(2n) .step-img{max-width:50px}.device-phone .step-container .step-list:last-child{margin-left:5px;margin-right:18px;margin-bottom:0}.device-phone .step-container .step-img{margin-right:16px}@media (max-width:374px){.device-phone .step-container .step-img{margin-right:8px}}.device-phone .step-container .step-txt .title,.device-phone .step-container .step-txt p{font-size:18px}@media (max-width:374px){.device-phone .step-container .step-txt .title,.device-phone .step-container .step-txt p{font-size:16px}}html:lang(fr-CA) .shop-transitions,html:lang(fr-FR) .shop-transitions{max-width:260px}@media (max-width:767px){html:lang(fr-CA) .part-one-container .translate-img-container,html:lang(fr-FR) .part-one-container .translate-img-container{padding-top:35px}}@media (min-width:769px){html:lang(fr-CA) .part-one-container .transition-content,html:lang(fr-FR) .part-one-container .transition-content{max-width:570px}}@media (max-width:768px){html:lang(fr-CA) .part-two-container .transition-content,html:lang(fr-FR) .part-two-container .transition-content{width:100%}html:lang(fr-CA) .part-two-container .transition-content h2,html:lang(fr-FR) .part-two-container .transition-content h2{top:-20px}}html:lang(fr-CA) .transitions-container .title-list h3.second,html:lang(fr-FR) .transitions-container .title-list h3.second{max-width:410px}html:lang(fr-CA) .transitions-container .text-list.first span,html:lang(fr-FR) .transitions-container .text-list.first span{max-width:340px}html:lang(fr-CA) .step-container .step-list:first-child .step-img,html:lang(fr-CA) .step-container .step-list:nth-child(2n) .step-img,html:lang(fr-FR) .step-container .step-list:first-child .step-img,html:lang(fr-FR) .step-container .step-list:nth-child(2n) .step-img{margin-left:0}html:lang(fr-CA) .step-container .step-list:last-child,html:lang(fr-FR) .step-container .step-list:last-child{margin-left:0;margin-right:0;margin-bottom:0}html:lang(fr-CA) .step-container .step-list:last-child .step-img,html:lang(fr-FR) .step-container .step-list:last-child .step-img{margin-left:7px}@media (max-width:1300px){html:lang(fr-CA) .step-container .step-list:first-child,html:lang(fr-FR) .step-container .step-list:first-child{width:29%}}@media (max-width:1200px){html:lang(fr-CA) .step-container .step-list:first-child,html:lang(fr-FR) .step-container .step-list:first-child{width:auto}}@media (max-width:480px){html:lang(fr-CA) .step-container .step-list:first-child,html:lang(fr-FR) .step-container .step-list:first-child{width:100%}}@media (max-width:1200px){html:lang(fr-CA) .step-container .step-list,html:lang(fr-FR) .step-container .step-list{display:inline-block;width:auto;padding:0 20px;margin-bottom:20px}}@media (max-width:767px){html:lang(fr-CA) .step-container .step-list,html:lang(fr-FR) .step-container .step-list{padding:0 15px}}@media (max-width:480px){html:lang(fr-CA) .step-container .step-list,html:lang(fr-FR) .step-container .step-list{width:100%}}@media (max-width:1260px){html:lang(fr-CA) .step-container .step-section,html:lang(fr-FR) .step-container .step-section{width:90%}}@media (max-width:767px){html:lang(fr-CA) .step-container .step-section,html:lang(fr-FR) .step-container .step-section{width:100%}}@media (max-width:410px){html:lang(fr-CA) .step-container .step-img,html:lang(fr-FR) .step-container .step-img{width:18%;margin-right:0}}html:lang(fr-CA) .step-container .step-txt .title,html:lang(fr-CA) .step-container .step-txt p,html:lang(fr-FR) .step-container .step-txt .title,html:lang(fr-FR) .step-container .step-txt p{font-size:16px}@media (max-width:410px){html:lang(fr-CA) .step-container .step-txt,html:lang(fr-FR) .step-container .step-txt{width:80%;margin-left:2%}}@media (max-width:374px){html:lang(fr-CA) .step-container .step-txt,html:lang(fr-FR) .step-container .step-txt{margin-left:1%}}
/*# sourceMappingURL=../maps/css/prescription-lens-transitions.css.map */