/** Shopify CDN: Minification failed Line 566:8 Expected identifier but found whitespace Line 566:9 Unexpected "60%" **/ /* 5-March-2024 css */ #lensadvizor-prescription-modal .la-prescription-modal-content .la-choose-prescription-wrapper span.tooltip-span.custom-class-jtpl { top: 72px !important; } /* end */ .main_relenscolImage img { border: none !important; margin-top: 30px; } .free-travel-name { display: flex; align-items: center; } .free-travel-name span { flex: unset; } .add-free-travel img { width: 45px; } .tooltipsVisible{ display:none; } .formBothimages .hoverTooltips:hover .tooltipsvisible { display: block; } .formBothimages { position: relative; } .formBothimages img.hoverTooltips { display: block; width: 45px; cursor: pointer; } .formBothimages:hover img.tooltipsVisible { display: block; } img.tooltipsVisible { position: absolute; top: -175px; right: -100px; min-width: 185px; } #la_Rx_main_email_label span { display: block; } #la-lens-loadings.custom_spin{display:flex !important;} #la-lens-loadings.custom_spin { position: fixed; width: 100%; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(255,255,255,.7); z-index: 999999; justify-content: center!important; } #la-lens-loadings.custom_spin #lens-loaders::after { content: ''; display: block; position: absolute; left: 48%; top: 40%; width: 40px; height: 40px; border-style: solid; border-color: #000; border-top-color: transparent; border-width: 4px; border-radius: 50%; -webkit-animation: la-spin .8s linear infinite; animation: la-spin .8s linear infinite; } /* product page optical lenses css start */ .product-inner #sticky-container .product-description form .la-select-lenses-btn { margin: 0 0 0 !important; padding: 6px 16px 6px; line-height: 25px; text-transform: uppercase; font-size: 15px!important; font-weight: 500; letter-spacing: 1.5px; /* max-width: 250px; */ max-width: unset; width: 100%; border-radius: 0; height: unset; color: #FFF !important; background-color: #6da5a3; } .tab-content.prescription-details h3.tab-heading { font-family: 'CenturyGothic' !important; font-weight: 600; font-size: 17px; padding: 0px 0px 25px; } .Text-with-RayBan-Logo-Lenses img { border: 0 !important; } .tab-content.prescription-details #choose_options #la_choose-options_title{ padding-top: 25px; } .Text-with-RayBan-Logo-Lenses.StaticText { margin-top: 25px; } #choose_options #la_choose-options_title #la_choose-options_lens_title { display: block; } .la-modal-wrapper .prescription-choose-lens .choose-lens-card h6:empty { display: none; } #LensAdvizorModalWrapper .prescription-type div { font-size: 15px; } #LensAdvizorModalWrapper.la-modal-wrapper .tab-content .la-tab-pane { padding-top: 40px !IMPORTANT; padding-bottom: 11px !IMPORTANT; } #LensAdvizorModalWrapper.la-modal-wrapper :not(.fas){ font-family: 'CenturyGothic' !important;} .upload-option .od-right-container.od-container--modifier.js-od-container { padding-bottom: 10px; } .upload-manual-option .form-check input { height: unset; } #LensAdvizorModalWrapper.la-modal-wrapper .save-continue { width: 60%!important; margin: 0 auto!important; margin-bottom: 30px!important; margin-top: 10px!important; text-transform: uppercase; font-size: 14px!important; font-weight: 500!important; letter-spacing: .5px; height: 40px; border-radius: 0; display: flex; justify-content: center; align-items: center; line-height: 1; } #LensAdvizorModalWrapper.la-modal-wrapper #choose_addons .save-continue { width: 75%!important; margin-top: 20px !IMPORTANT; } .addon_or{font-weight: 700;text-align: center; } #LensAdvizorModalWrapper.la-modal-wrapper .save-continue p{ text-transform: uppercase; font-size: 14px!important; font-weight: 500 !IMPORTANT; letter-spacing: .5px; } #LensAdvizorModalWrapper.la-modal-wrapper .save-continue, #LensAdvizorModalWrapper.la-modal-wrapper .save-continue p { font-size:0 !Important; position:relative; } #LensAdvizorModalWrapper.la-modal-wrapper .save-continue:before{ content:"continue"; font-size:14px !important; } #review_selection #add-ons-products-info #review-addons-title { font-size: 0; } #review_selection #add-ons-products-info #review-addons-title:before {content: 'Upgrades';font-size: 16px;} #review_selection #full-width-cta-modifier-css:before { display: none; } #review_selection #full-width-cta-modifier-css, #review_selection #full-width-cta-modifier-css p { font-size:14px !important } .od-left .la_Rx_od-left input { height: unset; } .la-modal-wrapper .subtotal{padding: 10px 10px;margin-bottom: 10px;} .la-modal-wrapper .subtotal .row{width: 100%;} .la-modal-wrapper .prescription-modal .close{font-size: 25px !important; line-height: normal; margin-top: -3px; outline: none; } /* #full-width-cta-modifier-css, #choose_options #la_choose-options_title { color: #6da5a5; } */ .la-modal-wrapper .form-check label.la-label_button, .la-each-card-carousel label.la-label_button { display: flex; justify-content: space-between; align-items: center; } /* .la-modal-wrapper .form-check label.la-label_button { display: grid; justify-content: space-between; align-items: center; grid-template-columns: repeat(3, 1fr); } */ /* .choose-lens-card .la-lens-description { display: none; } */ #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label { padding: 15px 15px; text-align: left; } #LensAdvizorModalWrapper .la-each-card-carousel input[type=radio]:checked+label{ padding: 8px 15px;} .la-modal-wrapper .form-check label.la-label_button div, .la-each-card-carousel label.la-label_button div{ text-align: left; } .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label .la-option-img.truopticvisiohardCoating img { width: auto; } .la-modal-wrapper .form-check label.la-label_button p, .la-each-card-carousel label.la-label_button p{ text-align: right; font-weight: 600; color: #000; } .la-modal-wrapper .form-check label.la-label_button .radio-pricing{ text-align: right; font-weight: 600; color: #000; font-size: 12px;} .LA_collid_2336 .la-modal-wrapper .form-check label.la-label_button .radio-pricing, .LA_collid_2075 .la-modal-wrapper .form-check label.la-label_button .radio-pricing{ font-size: 16px; } .la-modal-wrapper .form-check label.la-label_button .la-add-on-title { text-align: center; padding: 0px 10px; } .la-modal-wrapper .form-check label.la-label_button .la-add-on-title span { display: block; } .la-modal-wrapper .form-check label.la-label_button .la-add-on-title span.Main-P-Title { font-weight: 600; font-size: 14px; } .LA_collid_2336 .la-modal-wrapper .form-check label.la-label_button .la-add-on-title span.Main-P-Title, .LA_collid_2075 .la-modal-wrapper .form-check label.la-label_button .la-add-on-title span.Main-P-Title,.LA_collid_2378 .la-modal-wrapper .form-check label.la-label_button .la-add-on-title span.Main-P-Title{ font-size:17px; font-weight:700 !important; } .tab-content.prescription-details .choose-lens-card p:empty { display: none; } #LensAdvizorModalWrapper.la-modal-wrapper .la_choose-addons-container .la-add-on-label .la-add-on-image-container { width: 140px; } #LensAdvizorModalWrapper.la-modal-wrapper .la_choose-addons-container .la-add-on-label .la-add-on-image-container img{ height: 70px; width: 140px;} .LA_collid_2336 #LensAdvizorModalWrapper.la-modal-wrapper .la_choose-addons-container .la-add-on-label .la-add-on-image-container,.LA_collid_2075 #LensAdvizorModalWrapper.la-modal-wrapper .la_choose-addons-container .la-add-on-label .la-add-on-image-container, .LA_collid_2378 #LensAdvizorModalWrapper.la-modal-wrapper .la_choose-addons-container .la-add-on-label .la-add-on-image-container { width: 100px; } .LA_collid_2336 #LensAdvizorModalWrapper.la-modal-wrapper .la_choose-addons-container .la-add-on-label .la-add-on-image-container img, .LA_collid_2075 #LensAdvizorModalWrapper.la-modal-wrapper .la_choose-addons-container .la-add-on-label .la-add-on-image-container img, .LA_collid_2378 #LensAdvizorModalWrapper.la-modal-wrapper .la_choose-addons-container .la-add-on-label .la-add-on-image-container img{ height: 70px; width: 100px;} .la-modal-wrapper .form-check label.la-label_button .la-add-on-title span.Main-P-Content { font-size: 12px; line-height: normal; } .la-modal-wrapper .prescription-choose-lens .choose-lens-card .la-lens-image-container { display: inline-block; width: 50%; margin: 0; text-align: center; } .la-modal-wrapper .prescription-choose-lens .choose-lens-card .Main-Lens-Name { width: 25%; font-size: 20px; } .la-modal-wrapper .prescription-choose-lens .choose-lens-card .radio-pricing { width: 25%; } .la-modal-wrapper .prescription-choose-lens .choose-lens-card .la-lens-image-container img { height: 20%; width: 25%; border: 0!important; } #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_bluelight_blocking-21790"] .Main-Lens-Name, #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21789"] .Main-Lens-Name , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_bluelight_blocking-21672"] .Main-Lens-Name, #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21671"] .Main-Lens-Name , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_bluelight_blocking-21666"] .Main-Lens-Name, #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21665"] .Main-Lens-Name , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_bluelight_blocking-21662"] .Main-Lens-Name, #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21661"] .Main-Lens-Name { display: none; } #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_bluelight_blocking-21790"] .la-lens-image-container, #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21789"] .la-lens-image-container , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_bluelight_blocking-21672"] .la-lens-image-container, #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21671"] .la-lens-image-container , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_bluelight_blocking-21666"] .la-lens-image-container, #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21665"] .la-lens-image-container , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_bluelight_blocking-21662"] .la-lens-image-container, #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21661"] .la-lens-image-container { width: 60%; text-align: left; } #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_bluelight_blocking-21790"] .radio-pricing, #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21789"] .radio-pricing , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_bluelight_blocking-21672"] .radio-pricing, #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21671"] .radio-pricing , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_bluelight_blocking-21666"] .radio-pricing, #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21665"] .radio-pricing , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_bluelight_blocking-21662"] .radio-pricing, #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21661"] .radio-pricing { width: 40%; font-size: 15px; } #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21790"] .la-lens-image-container img , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21789"] .la-lens-image-container img , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21672"] .la-lens-image-container img , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21671"] .la-lens-image-container img , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21665"] .la-lens-image-container img , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21665"] .la-lens-image-container img , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21661"] .la-lens-image-container img , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-19723"] .la-lens-image-container img , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-19729"] .la-lens-image-container img , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-19723"] .la-lens-image-container img { border: 0!important; height: unset; width: auto; } #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-20608"] .la-lens-image-container img , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-19804"] .la-lens-image-container img , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-19850"] .la-lens-image-container img { border: 0!important; height: unset; width: auto; } #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21376"] .la-lens-image-container img , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21355"] .la-lens-image-container img { width: 65px; height: auto; } .varifocal-col.Varifocalstatictitle.StaticText { margin-top: 50px; } #LensAdvizorModalWrapper.la-modal-wrapper .row--modifier{ margin: 0px auto !IMPORTANT;} /*******/ #LensAdvizorModalWrapper.la-modal-wrapper .la_choose-options-container .la-each-card-carousel label{ padding: 8px 15px;} .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label .la-title-carousel-items { width: 20%; word-break: break-word; } .LA_collid_2140 .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label .la-title-carousel-items { width: 30%; word-break: break-word; } .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label .la-option-img { width: 20%; padding: 0px 10px; } .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label p.afterImageContent { width: 40%; margin: 0; font-weight: 400; text-align: center; padding: 0px 5px 0px 0px; } .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label p.afterImageContent b{font-weight: inherit;} .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label .la-title-carousel-items-pricing { width: 20%; } .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label p.Custom-LenseType { width: 20%; text-align: left; margin: 0; font-weight: 400; padding: 0 10px; } .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label .la-option-img img { width: 100%; display: block; margin: 0px auto; } .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label p.afterContent { width: 40%; margin: 0; font-weight: 400; text-align: center; padding: 0px 5px 0px 0px; } .content_sticky { position: sticky; top: 0; background: #FFF; padding-bottom: 5px; padding-top: 0px; z-index: 9; } .content_sticky .subtotal { padding-right: 0; padding-left: 0; } .total_Price_Sticky { position: relative; background: #FFF; padding-bottom: 5px; padding-top: 0px; } /******/ .la-modal-wrapper .la_choose-options-container .la-title-carousel-items { font-size: 15px;} .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label p.Custom-LenseType{ font-size: 15px;} .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label p.afterContent{font-size: 15px;} .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label .la-title-carousel-items-pricing{ font-size: 15px;} .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label p.afterImageContent{ font-size: 15px;} .la-modal-wrapper .la_choose-options-container .coating-fontsize .la-each-card-carousel label p.afterImageContent { font-size: 14px;} .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label .la-title-carousel-items{font-size: 15px;} /*******/ .chanel-template-body-class .product-description .product-add #la-select-lenses-btn { width: 100% !important; max-width: 100%; margin: 20px 0px 5px 0px; } img.lensTooltips { width: 45px; cursor: pointer; border: none !important; float: left; } .lens_tooltip_content { display: none; } /* product page optical lenses css end */ #LensAdvizorModalWrapper .polarSunglasses label .la-title-carousel-items { width: 40%; } #LensAdvizorModalWrapper .la_choose-options-container.LA-custom-text-bold .la-title-carousel-items{ font-weight: 700; font-size: 17px; } .LA_collid_2140 #LensAdvizorModalWrapper .la_choose-options-container.LA-custom-text-bold .la-title-carousel-items{ font-weight: 400; } #LensAdvizorModalWrapper .polarSunglasses label p.afterContent { width: 30%; } #LensAdvizorModalWrapper .polarSunglasses label .la-title-carousel-items-pricing { width: 20%; } #LensAdvizorModalWrapper .polarSunglasses label .la-title-carousel-items img{border:0 !important;} #LensAdvizorModalWrapper .polarSunglasses .poliarisedImages label .la-title-carousel-items { width: 55%; } #LensAdvizorModalWrapper .gradientImagesunglasses label .la-title-carousel-items , .rayBan_Image_sunglasses .la-option-carousel-option3 label.la-label_button .la-title-carousel-items{ width: 30%; } #LensAdvizorModalWrapper .gradientImagesunglasses label .GradientImagetruoptics , .rayBan_Image_sunglasses .la-option-carousel-option3 label.la-label_button .Rayban_lens_colorSL { width: 40%; } #LensAdvizorModalWrapper .gradientImagesunglasses label .la-title-carousel-items-pricing , .rayBan_Image_sunglasses .la-option-carousel-option3 label.la-label_button .la-title-carousel-items-pricing{ width: 30%; } #LensAdvizorModalWrapper .gradientImagesunglasses label .GradientImagetruoptics img , .rayBan_Image_sunglasses .la-option-carousel-option3 label.la-label_button .Rayban_lens_colorSL img{ border: 0 !IMPORTANT; } #LensAdvizorModalWrapper .rayBan_Image_sunglasses .la-option-carousel-option3 label.la-label_button .Rayban_lens_colorSL img { max-width: 50%; } /* Start Rayban polarised and Non polarised sunglasses */ #LensAdvizorModalWrapper .RayBan_polarised_Image_sunglasses .la-option-carousel-option1 label.la-label_button .Rayban_lens_colorSL , #LensAdvizorModalWrapper .RayBan_polarised_Image_sunglasses .la-option-carousel-option2 label.la-label_button .Rayban_lens_colorSL , #LensAdvizorModalWrapper .RayBan_nonpolarised_Image_sunglasses .la-option-carousel-option1 label.la-label_button .Rayban_lens_colorSL , #LensAdvizorModalWrapper .RayBan_nonpolarised_Image_sunglasses .la-option-carousel-option2 label.la-label_button .Rayban_lens_colorSL { width: 40%; } #LensAdvizorModalWrapper .RayBan_nonpolarised_Image_sunglasses .la-option-carousel-option1 label.la-label_button .la-title-carousel-items , #LensAdvizorModalWrapper .RayBan_nonpolarised_Image_sunglasses .la-option-carousel-option1 label.la-label_button .la-title-carousel-items-pricing, #LensAdvizorModalWrapper .RayBan_polarised_Image_sunglasses .la-option-carousel-option1 label.la-label_button .la-title-carousel-items , #LensAdvizorModalWrapper .RayBan_polarised_Image_sunglasses .la-option-carousel-option1 label.la-label_button .la-title-carousel-items-pricing, #LensAdvizorModalWrapper .RayBan_polarised_Image_sunglasses .la-option-carousel-option2 label.la-label_button .la-title-carousel-items , #LensAdvizorModalWrapper .RayBan_polarised_Image_sunglasses .la-option-carousel-option2 label.la-label_button .la-title-carousel-items-pricing, #LensAdvizorModalWrapper .RayBan_nonpolarised_Image_sunglasses .la-option-carousel-option2 label.la-label_button .la-title-carousel-items , #LensAdvizorModalWrapper .RayBan_nonpolarised_Image_sunglasses .la-option-carousel-option2 label.la-label_button .la-title-carousel-items-pricing{ width: 30%; } #LensAdvizorModalWrapper .RayBan_polarised_Image_sunglasses .la-option-carousel-option1 label.la-label_button .Rayban_lens_colorSL img , #LensAdvizorModalWrapper .RayBan_nonpolarised_Image_sunglasses .la-option-carousel-option1 label.la-label_button .Rayban_lens_colorSL img, #LensAdvizorModalWrapper .RayBan_polarised_Image_sunglasses .la-option-carousel-option2 label.la-label_button .Rayban_lens_colorSL img, #LensAdvizorModalWrapper .RayBan_nonpolarised_Image_sunglasses .la-option-carousel-option2 label.la-label_button .Rayban_lens_colorSL img { max-width: 50%; border: 0 !important } #LensAdvizorModalWrapper .RayBan_polarised_Image_sunglasses .la-option-carousel-option1 label.la-label_button .Rayban_lens_colorSL img , #LensAdvizorModalWrapper .RayBan_nonpolarised_Image_sunglasses .la-option-carousel-option1 label.la-label_button .Rayban_lens_colorSL img { max-width: 70%; } /* End Rayban polarised and Non polarised sunglasses */ /***graphic font uv color css start****/ #LensAdvizorModalWrapper .polarSunglasses label .la-title-carousel-items .thinning span { font-weight: 900; font-size: 1.2em; color: #000; } #LensAdvizorModalWrapper .polarSunglasses label .la-title-carousel-items .thinning span.uvcolor { color: #5f5389; padding: 0px 3px; } #LensAdvizorModalWrapper .polarSunglasses .poliarisedImages label .la-title-carousel-items .LensColor span { font-weight: 900; font-size: 1.1em; color: #000; } #LensAdvizorModalWrapper .polarSunglasses .poliarisedImages label .la-title-carousel-items .LensColor span.uvcolor { color: #5f5389; padding: 0 3px; } #LensAdvizorModalWrapper .polarSunglasses .poliarisedImages .la-each-card-carousel:nth-child(+1) span.polarColour { color: #4e321e; } #LensAdvizorModalWrapper .polarSunglasses .poliarisedImages .la-each-card-carousel:nth-child(+2) span.polarColour { color: #605c6d; } #LensAdvizorModalWrapper .polarSunglasses .poliarisedImages .la-each-card-carousel:nth-child(+3) span.polarColour { color: #4a543e; } /*******/ #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_bluelight_blocking-21666"] .Main-Lens-Name, #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21665"] .Main-Lens-Name , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_bluelight_blocking-21662"] .Main-Lens-Name, #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21661"] .Main-Lens-Name { display: none; } #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_bluelight_blocking-21666"] .la-lens-image-container, #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21665"] .la-lens-image-container , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_bluelight_blocking-21662"] .la-lens-image-container, #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21661"] .la-lens-image-container , width: 60%; text-align: left; } #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_bluelight_blocking-21666"] .radio-pricing, #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21665"] .radio-pricing , #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_bluelight_blocking-21662"] .radio-pricing, #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for="clear_standard-21661"] .radio-pricing { width: 40%; font-size: 15px; } /******/ #LensAdvizorModalWrapper.la-modal-wrapper .LA_raybanText label[for="clear_standard-19723"] .la-lens-description , #LensAdvizorModalWrapper.la-modal-wrapper .LA_raybanText label[for="clear_standard-19729"] .la-lens-description { display:none; } #LensAdvizorModalWrapper.la-modal-wrapper .LA_raybanText label[for="clear_standard-19723"] .Main-Lens-Name , #LensAdvizorModalWrapper.la-modal-wrapper .LA_raybanText label[for="clear_standard-19729"] .Main-Lens-Name , #LensAdvizorModalWrapper.la-modal-wrapper .LA_raybanText label[for="clear_standard-19723"] #radio_pricing_normal_style , #LensAdvizorModalWrapper.la-modal-wrapper .LA_raybanText label[for="clear_standard-19729"] #radio_pricing_normal_style { width: 35%; } #LensAdvizorModalWrapper.la-modal-wrapper .LA_raybanText label[for="clear_standard-19723"] .la-lens-image-container , #LensAdvizorModalWrapper.la-modal-wrapper .LA_raybanText label[for="clear_standard-19729"] .la-lens-image-container { width: 30%; } #LensAdvizorModalWrapper.la-modal-wrapper .LA_raybanText label[for="clear_standard-19723"] .Main-Lens-Name , #LensAdvizorModalWrapper.la-modal-wrapper .LA_raybanText label[for="clear_standard-19729"] .Main-Lens-Name { font-size: 13px; } #LensAdvizorModalWrapper.la-modal-wrapper .LA_raybanText label[for="clear_standard-19723"] .la-lens-image-container , #LensAdvizorModalWrapper.la-modal-wrapper .LA_raybanText label[for="clear_standard-19729"] .la-lens-image-container { max-width: 120px; } /*******/ /******/ .StaticText .lenscard-text { display: block; margin: 0px 0px 30px; } .StaticText .lenscard-text h2 { font-weight: 700; font-size: 16px; margin: 0px 0px 10px; } .StaticText .lenscard-text p { margin: 0; font-size: 16px; line-height: normal; } .StaticText .lenscard-text:last-child { margin: 0; } .la-option-carousel-container.mainsatinOnly .la-option-img img { border: 0 !IMPORTANT; } #LensAdvizorModalWrapper .SatinOnly.la-option-img img { width: auto; } #LensAdvizorModalWrapper .LA_custom_raybansungalss img { height: unset; width: auto; } #LensAdvizorModalWrapper .LA_custom_raybansungalss .Main-Lens-Name { font-size: 13px; } #LensAdvizorModalWrapper .LA_custom_raybansungalss .Main-Lens-Name , #LensAdvizorModalWrapper .LA_custom_raybansungalss .radio-pricing { width: 35%; } #LensAdvizorModalWrapper .LA_custom_raybansungalss .la-lens-image-container { width: 30%; } /***graphic font uv color css end****/ /*******/ #LensAdvizorModalWrapper .LA_varifocals_order .la-lens-image-container { width: 20%; } #LensAdvizorModalWrapper .LA_varifocals_order .la-lens-image-container img { width: auto; height: auto; } #LensAdvizorModalWrapper .LA_varifocals_order .Main-Lens-Name { width: 60%; text-align: center; font-weight: 600; font-size: 18px; padding: 0 10px; order: 2; } #LensAdvizorModalWrapper .LA_varifocals_order .radio-pricing { width: 20%; font-size: 13px; order: 3; } .custom-presception-lenses.Varifocalstatictitle { margin-top: 30px; } /***9/29/21 css start***/ #LensAdvizorModalWrapper.la-modal-wrapper .tab-content #add_prescription .add-prescription-container { margin-bottom: 30px; } #LensAdvizorModalWrapper.la-modal-wrapper .tab-content #select_prescription .prescription-type .select-prescription-container label div { text-transform: uppercase; font-weight: 600; font-size: 14px; } #LensAdvizorModalWrapper.la-modal-wrapper .tab-content #add_prescription .add-prescription-container h6 { text-transform: uppercase; } .preta_simple_text { text-align: center; /* font-weight: 600; */ font-size: 18px; margin: 10px 0 0; font-family: 'CenturyGothic'; } #sticky-container .product-description form .la-select-lenses-btn { margin-top: 15px !important; } /***9/29/21 css end***/ /***app given css start****/ #shopify-section-chanel-product-template .la-select-lenses-btn { font-family: 'ABChanel Corpo' !important; font-size: 14px !important; border-color: black !important; color: white !important; background-color: black !important; padding-left:10px; padding-right:10px; } #shopify-section-chanel-product-template .la-select-lenses-btn:hover { color: black !important; background-color: white !important; } #shopify-section-chanel-product-template .preta_simple_text { font-family: 'ABChanel Corpo' !important; font-size: 13px !important; color: grey; } /***app given css end****/ #select_prescription #la_prescriptionSelect_title { display: none; } /*******/ .colorCombinationText span , .LA_raybanText .la-lens-image-container span { font-weight: 900; font-size: 1.2em; color: #000; } .colorCombinationText span.cb_UV , .LA_raybanText .la-lens-image-container span.cb_UV{ color: #5f5389; padding: 0 3px; } /* Start custom review https://pretavoir.co.uk/products/aspinal-asp-m520-01 */ .TrustpilotsCustomReviews { text-align: center; margin-top: 50px; font-weight: bold; margin-bottom: 50px; } .TrustpilotsCustomReviews .customreviewCount { margin-right: 4px; } .nonPrescLensOptions .la-lens-image-container { /* display: none !important; */ } .la-modal-wrapper .prescription-choose-lens.nonPrescLensOptions .choose-lens-card .Main-Lens-Name { /* width: 75%; */ font-weight: 500; color: #000; } .la-modal-wrapper .prescription-choose-lens.nonPrescLensOptions .form-check label.la-label_button .radio-pricing { font-size: 16px; } .la-modal-wrapper .crizalTitleCss .form-check label.la-label_button .la-add-on-title span.Main-P-Title { font-weight: 100; } .crizalTitleCss .choose-lens-card p:first-child { display: none !important; opacity: 0; visibility: hidden; } .la-title-carousel-items-pricing:empty:before { content: "Selected"; } .main-trustpilotsReview .trustpilotsTexts svg { position: static !important; } .main-trustpilotsReview .trustpilotsTexts .custom-starrating svg { width: 85px !important; display: block; } .main-trustpilotsReview .trustpilotsTexts .ImageReviews svg { width: 55px !important; } .main-trustpilotsReview .trustpilotsTexts span { font-size: 14px; padding: 0 3px; margin-bottom: 5px; } .main-trustpilotsReview .trustpilotsTexts span.excellent , .main-trustpilotsReview .trustpilotsTexts span.numberOfReviews{ font-weight: bold; } .main-trustpilotsReview .trustpilotsTexts { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; display: -webkit-flex; -webkit-align-items: center; -webkit-flex-wrap: wrap; -webkit-justify-content: center; margin-top: 35px; margin-bottom: 35px; } .main-trustpilotsReview { width: 100%; } span.custom-starrating g.tp-star path.tp-star__canvas, span.custom-starrating g.tp-star path.tp-star__canvas--half { fill: #0eb67c; } .manual-option .manuallyPresPD {padding-bottom: 30px;} .manual-option #pd-text-reading { padding-bottom: 10px;} .upload-option .manuallyPresPD { padding-bottom: 30px; padding-top: 10px; } .upload-option #pd-container-upload { padding-bottom: 10px;} #choose-lens-card .Main-Lens-Name { text-transform: uppercase; font-weight: 600; font-size: 15px; } #choose_addons .la-skip-add-on.js-addon-skip { font-weight: 600; } /* .crizalTitle_hiddenDesc .Main-P-Content { display: none !important; } */ #choose_addons .la-skip-add-on.js-addon-skip:hover { text-decoration: none; } #choose_addons .la-skip-add-on.js-addon-skip { padding: 6px 21px 6px; line-height: 25px; font-weight: 500; letter-spacing: 1.5px; width: fit-content; border-radius: 0; color: #fff!important; background-color: #6da5a3; margin: 30px auto; } .la-modal-wrapper .prescription-choose-lens .choose-lens-card label.la-label_button[for="clear_standard-18781"] .la-lens-image-container { display: none; } .la-modal-wrapper .prescription-choose-lens .choose-lens-card label.la-label_button[for="clear_standard-18781"] .Main-Lens-Name { width: 75%; } #choose_lens .choose-lens-card h6 { display: none !important; } #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21657] .Main-Lens-Name, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21658] .Main-Lens-Name , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21532] .Main-Lens-Name, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21533] .Main-Lens-Name , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22648] .Main-Lens-Name, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22649] .Main-Lens-Name , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22588] .Main-Lens-Name, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21375] .Main-Lens-Name, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21374] .Main-Lens-Name , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21316] .Main-Lens-Name, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21318] .Main-Lens-Name { width: 20%; margin: 0; order: 1; font-size: 15px; font-weight: 400; text-transform: capitalize; text-align: left; padding: 0; } #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21657] .la-lens-image-container, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21658] .la-lens-image-container , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21532] .la-lens-image-container, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21533] .la-lens-image-container , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22648] .la-lens-image-container, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22649] .la-lens-image-container , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22588] .la-lens-image-container, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21375] .la-lens-image-container, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21374] .la-lens-image-container , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21316] .la-lens-image-container, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21318] .la-lens-image-container { width: 20%; text-align: left; padding: 0 10px; order: 2; } #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21657] .afterImageContent, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21658] .afterImageContent , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21532] .afterImageContent, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21533] .afterImageContent , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22648] .afterImageContent, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22649] .afterImageContent , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22588] .afterImageContent, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21375] .afterImageContent, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21374] .afterImageContent , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21316] .afterImageContent, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21318] .afterImageContent { width: 40%; font-weight: 400; text-align: center; padding: 0 5px 0 0px; order: 3; margin: 0; font-size: 14px; } #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21657] .radio-pricing, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21658] .radio-pricing , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21532] .radio-pricing, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21533] .radio-pricing , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22648] .radio-pricing, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22649] .radio-pricing , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22588] .radio-pricing, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21375] .radio-pricing, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21374] .radio-pricing , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21316] .radio-pricing, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21318] .radio-pricing { order: 4; width: 20%; font-size: 15px; } #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21657] .la-lens-image-container img, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21658] .la-lens-image-container img , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21532] .la-lens-image-container img, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21533] .la-lens-image-container img , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22648] .la-lens-image-container img, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22649] .la-lens-image-container img , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22588] .la-lens-image-container img, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21375] .la-lens-image-container img, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21374] .la-lens-image-container img , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21316] .la-lens-image-container img, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21318] .la-lens-image-container img { width: auto; height: unset; } .digitelSurfaceTech.la-option-img img { border: none !important; } .la-modal-wrapper .Main_officalRayban .la_choose-options-container .la-each-card-carousel label .la-title-carousel-items{ width: 45%; } .la-modal-wrapper .Main_officalRayban .la_choose-options-container .la-each-card-carousel label .la-option-img { width: 25%; } .la-modal-wrapper .Main_officalRayban .la_choose-options-container .la-each-card-carousel label .la-title-carousel-items-pricing { width: 30%; } .la-modal-wrapper .Main_officalRayban .la_choose-options-container .la-each-card-carousel label .la-option-img img { border: 0 !IMPORTANT; } .la-modal-wrapper .Main_officalRayban .la_choose-options-container .la-option-carousel-option1 .la-each-card-carousel label .la-title-carousel-items , .la-modal-wrapper .Main_officalRayban .la_choose-options-container .la-option-carousel-option1 .la-each-card-carousel label .la-title-carousel-items-pricing { width: 35%; } .la-modal-wrapper .Main_officalRayban .la_choose-options-container .la-option-carousel-option1 .la-each-card-carousel label .la-option-img { width: 30%; } .RayBan_polarised_Image_sunglasses img { border: 0 !important; } .la-modal-wrapper .Main_officalRayban .la_choose-options-container .la-option-carousel-option3 .la-each-card-carousel label .la-title-carousel-items , .la-modal-wrapper .Main_officalRayban .la_choose-options-container .la-option-carousel-option3 .la-each-card-carousel label .la-title-carousel-items-pricing { width: 35%; } .la-modal-wrapper .Main_officalRayban .la_choose-options-container .la-option-carousel-option1 .la-each-card-carousel label .la-option-img { width: 30%; } .la-modal-wrapper .Main_officalRayban .la_choose-options-container .la-option-carousel-option1 .la-each-card-carousel .la-option-img img , .la-modal-wrapper .Main_officalRayban .la_choose-options-container .la-option-carousel-option3 .la-each-card-carousel .la-option-img img { max-width: 80%; } .la-modal-wrapper .Main_RaybanProgressive .la_choose-options-container .la-each-card-carousel label .la-title-carousel-items{ width: 45%; } .la-modal-wrapper .Main_RaybanProgressive .la_choose-options-container .la-each-card-carousel label .la-option-img { width: 25%; } .la-modal-wrapper .Main_RaybanProgressive .la_choose-options-container .la-each-card-carousel label .la-title-carousel-items-pricing { width: 30%; } .la-modal-wrapper .Main_RaybanProgressive .la_choose-options-container .la-each-card-carousel label .la-option-img img { border: 0 !IMPORTANT; } /* Start Offical Ray ban ME */ .ForOrder_Main_officalRayban { /* display: flex; */ flex-wrap: wrap; width: 100%; } .ForOrder_Main_officalRayban .form-check { width: 100%; } .ForOrder_Main_officalRayban .form-check:nth-child(+1) { order: 1; } .ForOrder_Main_officalRayban .form-check:nth-child(+2) { order: 5; } .ForOrder_Main_officalRayban .form-check:nth-child(+3) { order: 3; } .ForOrder_Main_officalRayban .form-check:nth-child(+4) { order: 2; } .ForOrder_Main_officalRayban .main-trustpilotsReview { order: 6; } .ForOrder_Main_officalRayban .OfficalRayBanText { order: 4; text-align: center; margin: 40px auto; width: 100%; font-weight: 600; } .ForOrder_Main_Rayban_Progressive .Progressive_RayBanText{ text-align: center; margin: 40px auto; width: 100%; font-weight: 600; } .ForOrder_Main_Rayban_Progressive { display: flex; flex-wrap: wrap; width: 100%; } .ForOrder_Main_Rayban_Progressive .form-check { width: 100%; } .ForOrder_Main_Rayban_Progressive .form-check:nth-child(+1) { order: 1; } .ForOrder_Main_Rayban_Progressive .form-check:nth-child(+2) { order: 2; } .ForOrder_Main_Rayban_Progressive .form-check:nth-child(+4) { order: 3; } .ForOrder_Main_Rayban_Progressive .Progressive_RayBanText { order: 4; } .ForOrder_Main_Rayban_Progressive .form-check:nth-child(+3) { order: 5; } .ForOrder_Main_Rayban_Progressive .ChooseLens.mainvarfocalNormalData { order: 6; } .ForOrder_Main_Rayban_Progressive .main-trustpilotsReview { order: 7; } /******/ .Main-Rayban-Banner-Text .rayban-authentic { display: flex; flex-wrap: wrap; width: 100%; margin: 50px 0px 0px; } .Main-Rayban-Banner-Text .rayban-authentic img { max-width: 100%; margin: 0px auto !Important; display: block; } .Main-Rayban-Banner-Text .rayban_static_text { display: block; max-width: 900px; margin: 30px auto; } .Main-Rayban-Banner-Text .rayban_static_text p { margin: 0px 0px 5px; font-size: 18px; } .Main-Rayban-Banner-Text .rayban-threeimage{ display: flex; flex-wrap: wrap; width: 100%; margin: 0px 0px 50px; } .Main-Rayban-Banner-Text .rayban-threeimage img { display: block; margin: 0px auto !Important; max-width: 100%; } .Main-Rayban-Banner-Text .rayban-threeimage img.Rayban-mobile-image { display: none; } .Main-Rayban-Banner-Text .rayban-authentic img.Rayban-mobile-image { display: none; } .LA-custom-text-bold .la-carousel-heading , #LensAdvizorModalWrapper .Main_RaybanProgressive h6.la-carousel-heading , #LensAdvizorModalWrapper .Main_officalRayban h6.la-carousel-heading , #LensAdvizorModalWrapper .RayBan_polarised_Image_sunglasses .la-carousel-heading , #LensAdvizorModalWrapper .RayBan_nonpolarised_Image_sunglasses .la-carousel-heading{ text-align: center; font-weight: 500 !important; } #LensAdvizorModalWrapper .LA_raybanText label[for="clear_photochromic-21461"] img , #LensAdvizorModalWrapper .LA_raybanText label[for="clear_photochromic-21466"] img { max-width: 100px; } #LensAdvizorModalWrapper .RayBan_polarised_Image_sunglasses .show_non_polarisedtext .la-title-carousel-items , #LensAdvizorModalWrapper .RayBan_nonpolarised_Image_sunglasses#choose_options .show_polarisedtext .la-title-carousel-items { width: auto !important; font-size: 16px; } #la_Rx_main_email_label a { text-transform: none; } .choose-lens-card .form-check label[for="clear_standard-21789"] , .choose-lens-card .form-check label[for="clear_bluelight_blocking-21790"] { display: none !important; } .lense_wrap.step4lense { display: flex; align-items: center; margin: 30px 0px 15px 0px; } .lense_wrap.step4lense h6.la-carousel-heading { margin: 0 !IMPORTANT; } .lense_wrap.step4lense .lens_tooltip.step4 { margin: 0; } .lense_wrap.step4lense img.lensTooltips { width: 25px; height: 25px; margin-right: 10px; } /* End Offical Ray ban ME */ .lense-medium{display:none;} .LA_collid_2140 label.la-label_button.la-prescription-frame_only, .LA_collid_2075 label.la-label_button.la-prescription-single_vision { background-color: #6da5a3; color: #fff; border: none; } .LA_collid_2140 label.la-label_button.la-prescription-frame_only p, .LA_collid_2075 label.la-label_button.la-prescription-single_vision p{color:#fff;} .LA_collid_2140 label.la-label_button.la-prescription-frame_only:hover{ background-color: #6da5a3; } .tmenu_nav .tmenu_item--root > .tmenu_item_link { font-size: 14px !important; padding-left:10px !important; padding-right: 10px !important; } body #shopify-section-header > header.header-section div#navigation .nav-container ul.tmenu_nav a.tmenu_item_link{ padding-left: 15px!important; padding-right: 5px!important; } body #shopify-section-header > header.header-section div#navigation .nav-container ul.tmenu_nav li.tmenu_item_level_0:first-child a.tmenu_item_link{ padding-left: 5px!important; padding-right: 5px!important; } /*********** Prescription Modal css ************/ .la-modal-wrapper .product-title-below-modal-image { bottom: 100px !important; } /* 7-3-24 start css */ .new-lensadvisor-prescription-text .la-prescription-modal .la-prescription-modal-content-body .la-label-wrapper h1.prescription-type-custom-text { margin-top: 57px; margin-bottom: 20px; text-align: center; font-weight: 500; } .template-lensdvisor-jtpl.new-lensadvisor-prescription-text #lensadvizor-prescription-modal .la-prescription-modal-content .la-prescription-modal-content-body div .la-label-btn-wrapper:first-child { padding-top: 36px !important; padding-bottom: 1px !important; } /* end css */ @media only screen and (max-width:1419px) { body #shopify-section-header > header.header-section div#navigation .tmenu_item_social_icons { padding-left: 7px !important; padding-right: 7px !important; } body #shopify-section-header > header.header-section div#navigation .nav-container ul.tmenu_nav a.tmenu_item_link { padding-left: 7px!important; padding-right: 7px!important; letter-spacing: 1px; } #shopify-section-header > header.header-section div#navigation .nav-container ul.tmenu_nav .tmenu_item_social_icons .tmenu_item_social_link .tmenu_item_link { padding-left: 0 !important; padding-right: 0 !important; } } @media only screen and (min-width: 1024px) and (max-width: 1291px) { header.header-section div#navigation .row { max-width: calc(100% - 30px); width: 100%; } body #shopify-section-header > header.header-section div#navigation .nav-container ul.tmenu_nav a.tmenu_item_link { padding-left: 5px!important; padding-right: 5px!important; font-size: 12px !important; letter-spacing: normal; } body #shopify-section-header > header.header-section div#navigation .nav-container ul.tmenu_nav a.tmenu_item_link span.tmenu_indicator { margin-left: 4px; transform: translateY(-2px); } body #shopify-section-header > header.header-section div#navigation .nav-container ul.tmenu_nav .sale-image-menu a.tmenu_item_link .tmenu_image img { padding-right: 0 !important; max-width: 130px !important; } } @media only screen and (max-width:1023px){ .tmenu_alignment_center .tmenu_nav { justify-content: flex-start!important; overflow-x: auto; overflow-y: hidden; max-height: 75px; height: auto; flex-wrap: nowrap; } } @media (max-width:1200px) and (min-width:630px){ .lense-small{display:none;} .lense-medium{display:block;} } @media only screen and (max-width:1199px){ .main-trustpilotsReview .trustpilotsTexts span { font-size: 13px; padding: 0 3px; } .la-modal-wrapper .product-title-below-modal-image { bottom: 0px !important; } } /* End custom review */ @media(min-width:768px){ .RayBanVarifocalsLens.custom-presception-lenses.Varifocalstatictitle.StaticText { margin-left: 50px; max-width: 80%; } } @media(max-width:1400px) { #LensAdvizorModalWrapper .polarSunglasses label .la-title-carousel-items .thinning span{font-size: 1em;} .colorCombinationText span , .LA_raybanText .la-lens-image-container span {font-size: 1em;} #LensAdvizorModalWrapper .polarSunglasses .poliarisedImages label .la-title-carousel-items .LensColor span{font-size: 1em;} } @media only screen and (max-width:1200px){ #LensAdvizorModalWrapper.la-modal-wrapper .prescription-body{ overflow-x: inherit;} .la-modal-wrapper .prescription-modal .close{ margin-top: 0; top: 3px !IMPORTANT; right: 15px !IMPORTANT;} .Main-Rayban-Banner-Text .rayban_static_text { padding: 0px 20px; } } @media(max-width:768px) { #snize-search-results-grid-mode div.snize-product-label.top-left{ font-size: 12px;} .free-travel-name{ margin: 0;} .product-page .swatch.clearfix { margin-bottom: 0px; } .new-lensadvisor-prescription-text .la-prescription-modal .la-prescription-modal-content-body .la-label-wrapper h1.prescription-type-custom-text { font-size: 16px; } } @media only screen and (min-width:576px){ #choose-lens-card .radio-pricing { font-size: 14px; } } @media(max-width:740px) { #product-content .full-width-container .grid_wrapper{ padding-left: 10px; margin-left: 0; padding-right: 10px; margin-right: 0; } } @media only screen and (max-width:575px){ /* product page optical lenses css start */ .custom-presception-lenses.Varifocalstatictitle { margin-top: 15px; } #LensAdvizorModalWrapper.la-modal-wrapper .row--modifier{ margin: 0px auto !IMPORTANT;} #LensAdvizorModalWrapper.la-modal-wrapper .save-continue { width: 80%!important; font-size: 14px!important; margin-bottom: 10px!important; } #LensAdvizorModalWrapper.la-modal-wrapper .save-continue p { font-size: 14px!important; } #LensAdvizorModalWrapper.la-modal-wrapper #choose_addons .save-continue { width: 100%!important; } .choose-lens-card h6 { text-align: center; } .choose-lens-card { text-align: center; } .tab-content.prescription-details h3.tab-heading{ font-size: 16px;} /******/ .la-modal-wrapper .la_choose-options-container .la-title-carousel-items { font-size: 13px;} .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label p.Custom-LenseType{ padding: 0px 5px; font-size: 13px;} .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label p.afterContent{font-size: 13px; padding: 0px 5px 0px 0px;} .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label .la-title-carousel-items-pricing{ font-size: 13px;} .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label p.afterImageContent , .la-modal-wrapper .la_choose-options-container .coating-fontsize .la-each-card-carousel label p.afterImageContent{ font-size: 13px;} .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label .la-option-img{ padding: 0 5px;} .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label .la-title-carousel-items{font-size: 13px;} .la-modal-wrapper .subtotal .row .col { font-size: 14px; } .la-modal-wrapper .prescription-choose-lens .choose-lens-card .Main-Lens-Name{ font-size: 17px;} #LensAdvizorModalWrapper.la-modal-wrapper .tab-content .la-tab-pane.less-space { padding-left: 0 !IMPORTANT; padding-right: 0 !IMPORTANT; } #LensAdvizorModalWrapper.la-modal-wrapper .tab-content .la-tab-pane .inner_wrap_space { padding: 0px 15px; } .content_sticky { padding-left: 15px; padding-right: 15px; } .la-modal-wrapper .prescription-choose-lens .choose-lens-card .la-lens-image-container{ padding: 0px 10px;} /* product page optical lenses css end */ #LensAdvizorModalWrapper .polarSunglasses label .la-title-carousel-items .thinning span{font-size: 1em;} .colorCombinationText span , .LA_raybanText .la-lens-image-container span {font-size: 1em;} #LensAdvizorModalWrapper .polarSunglasses .poliarisedImages label .la-title-carousel-items .LensColor span{font-size: 1em;} #LensAdvizorModalWrapper .polarSunglasses .poliarisedImages label .la-title-carousel-items { width: 60%; } #LensAdvizorModalWrapper .LA_varifocals_order .Main-Lens-Name{font-size: 16px;} #LensAdvizorModalWrapper.la-modal-wrapper .tab-content #select_prescription .prescription-type .select-prescription-container label div { font-size: 12px; } #LensAdvizorModalWrapper.la-modal-wrapper .tab-content #add_prescription .add-prescription-container { margin-bottom: 20px; } #LensAdvizorModalWrapper .la_choose-options-container.LA-custom-text-bold .la-title-carousel-items{font-size:13px} #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for=clear_standard-19723] .radio-pricing, #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for=clear_standard-19729] .radio-pricing{font-size:12px;} #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for=clear_standard-19850] .radio-pricing, #LensAdvizorModalWrapper.la-modal-wrapper .prescription-choose-lens .form-check-label[for=clear_standard-20608] .radio-pricing{font-size:12px;} #snize-search-results-grid-mode div.snize-product-label.top-left{ font-size: 8px;} #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21532] .radio-pricing, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21533] .radio-pricing , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22648] .radio-pricing, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22649] .radio-pricing , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22588] .radio-pricing, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21316] .radio-pricing, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21318] .radio-pricing { font-size: 12px; } #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21532] .Main-Lens-Name, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21533] .Main-Lens-Name , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22648] .Main-Lens-Name, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22649] .Main-Lens-Name , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22588] .Main-Lens-Name, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21316] .Main-Lens-Name, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21318] .Main-Lens-Name { font-size: 12px; } #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21532] .afterImageContent, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21533] .afterImageContent , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22648] .afterImageContent, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22649] .afterImageContent , #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-22588] .afterImageContent, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21316] .afterImageContent, #LensAdvizorModalWrapper .choose-lens-card label.la-label_button[for=clear_standard-21318] .afterImageContent { font-size: 12px; } /*****/ .Main-Rayban-Banner-Text .rayban-authentic img.Rayban-desktop-image, .Main-Rayban-Banner-Text .rayban-threeimage img.Rayban-desktop-image { display: none; } .Main-Rayban-Banner-Text .rayban-authentic img.Rayban-mobile-image, .Main-Rayban-Banner-Text .rayban-threeimage img.Rayban-mobile-image{ display: block; } #LensAdvizorModalWrapper.la-modal-wrapper .total_Price_Sticky .save-continue { font-size: 0 !important; } #LensAdvizorModalWrapper.la-modal-wrapper .LA_raybanText label[for=clear_standard-19723] .la-lens-image-container, #LensAdvizorModalWrapper.la-modal-wrapper .LA_raybanText label[for=clear_standard-19729] .la-lens-image-container { max-width: unset; } #LensAdvizorModalWrapper.la-modal-wrapper .LA_raybanText label[for=clear_standard-19723] .la-lens-image-container img, #LensAdvizorModalWrapper.la-modal-wrapper .LA_raybanText label[for=clear_standard-19729] .la-lens-image-container img { min-width: 100px; } #LensAdvizorModalWrapper .LA_raybanText label[for=clear_photochromic-21461] img, #LensAdvizorModalWrapper .LA_raybanText label[for=clear_photochromic-21466] img { max-width: 100px; } } @media only screen and (max-width:480px){ .la-modal-wrapper .prescription-choose-lens.nonPrescLensOptions .choose-lens-card .Main-Lens-Name , #choose-lens-card .Main-Lens-Name { font-size: 14px; } /* .la-modal-wrapper .prescription-choose-lens .choose-lens-card .la-lens-image-container img { width: 60%; } */ .la-modal-wrapper .prescription-choose-lens .choose-lens-card .radio-pricing { width: 25%; } .la-modal-wrapper .prescription-choose-lens.nonPrescLensOptions .form-check label.la-label_button .radio-pricing { font-size: 12px; } .la-modal-wrapper .crizalTitleCss .form-check label.la-label_button .la-add-on-title span.Main-P-Title { font-size: 12px; line-height: normal; } } @media(max-width:370px) and (min-width:320px){ #LensAdvizorModalWrapper.la-modal-wrapper .LA_raybanText label[for=clear_standard-19723] .la-lens-image-container img, #LensAdvizorModalWrapper.la-modal-wrapper .LA_raybanText label[for=clear_standard-19729] .la-lens-image-container img { min-width: 80px; } #LensAdvizorModalWrapper .LA_raybanText label[for=clear_photochromic-21461] img, #LensAdvizorModalWrapper .LA_raybanText label[for=clear_photochromic-21466] img { max-width: 85px; } } @media(max-width:335px) and (min-width:320px) { #LensAdvizorModalWrapper.la-modal-wrapper .LA_raybanText label[for=clear_standard-19723] .la-lens-image-container img, #LensAdvizorModalWrapper.la-modal-wrapper .LA_raybanText label[for=clear_standard-19729] .la-lens-image-container img { min-width: 70px; } #LensAdvizorModalWrapper .LA_raybanText label[for=clear_photochromic-21461] img, #LensAdvizorModalWrapper .LA_raybanText label[for=clear_photochromic-21466] img { max-width: 70px; } #LensAdvizorModalWrapper .LA_custom_raybansungalss .Main-Lens-Name { font-size: 11px; } /******/ .la-modal-wrapper .la_choose-options-container .la-title-carousel-items { font-size: 12px;} .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label p.Custom-LenseType{ font-size: 12px;} .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label p.afterContent{font-size: 12px;} .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label .la-title-carousel-items-pricing{ font-size: 12px;} .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label p.afterImageContent , .la-modal-wrapper .la_choose-options-container .coating-fontsize .la-each-card-carousel label p.afterImageContent{ font-size: 12px;} .la-modal-wrapper .la_choose-options-container .la-each-card-carousel label .la-title-carousel-items{font-size: 12px;} #LensAdvizorModalWrapper.la-modal-wrapper #choose_addons .save-continue { font-size: 13px !IMPORTANT; } #LensAdvizorModalWrapper .polarSunglasses label .la-title-carousel-items .thinning span{ font-size: 10px;} .colorCombinationText span , .LA_raybanText .la-lens-image-container span {font-size: 10px;} #LensAdvizorModalWrapper .polarSunglasses .poliarisedImages label .la-title-carousel-items .LensColor span{font-size: 10px;} #LensAdvizorModalWrapper .la_choose-options-container.LA-custom-text-bold .la-title-carousel-items{font-size:12px} } .spurit-po-wrapper button[data-pre-order-atc-button="1"] { display: block !important; }