a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

h1 {
  font-size: 2.375rem;
  line-height: 3.325rem;
}

h1,
h2 {
  font-family: Sailec Medium;
  padding-bottom: 1.25rem;
  font-weight: 700;
}

h2 {
  font-size: 2rem;
  line-height: 2.8rem;
}

p {
  font-family: Sailec Regular;
  padding-bottom: 1.25rem;
}

.slate {
  color: #96aab9;
}

.aqua {
  color: #a5e0f0;
}

b,
strong {
  font-weight: 700;
}

.rounded-button a {
  text-decoration: none;
  color: #fff;
  display: inline-block;
  padding: 0.25rem 2.5rem 0;
}

.white-button {
  border-color: #14145a;
  transition: all .25s ease;
}

.column-hide {
  display: none;
}

.header-spacer {
  display: block;
  height: 40px;
}

.first-page-element {
  padding-top: 8rem;
}
.lens-type-modal-trigger,.lens-colour-modal-trigger {
  cursor: pointer;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  text-decoration: none;
}
h3, h4 {
  font-family: Sailec Medium;
  padding-bottom: 1.25rem;
  font-weight: 700;
}

h3 {
  font-size: 1.5rem;
  line-height: 2.1rem;
}
.product-carousel-purchase-section {
  position: absolute;
  margin-top: 5px;
  z-index: 0;
}

.product-breadcrumbs .breadcrumb-links {
  color: #96aab9;
  display: inline-flex;
}
.product-breadcrumbs .breadcrumb-links li {
  padding-right: 0.5rem;
  display: inline-flex;
  align-items: center;
}
/* .product-breadcrumbs .breadcrumb-links li a {
  padding-right: 0.5rem;
} */
.product-breadcrumbs .breadcrumb-links li a:after {
  content: '/';
  padding-left: 0.3rem;
}
.product-breadcrumbs .breadcrumb-links li:last-child a:after  {
  display: none;
}
.text-style-breadcrumb:hover{ 
  opacity: 100%;
}
.text-style-breadcrumb {
font-size: 0.75rem;
 line-height: 1.5;
 opacity: 80%;
}
.product-title-section .product-title h1 {
  padding-bottom: 0.75rem;
}
.product-title-section .product-title h1 small {
  display: block;
  font-size: 1rem;
  font-family: Sailec Regular;
}
body.product_detail .product-info .lens-type-option .selection-details span.regular{ 
  position: absolute;
  top: -10px;
  padding: 2px 15px;
  font-size: 13px;
  border-radius: 21px;
  right: 20px; 
  background: linear-gradient(to right, #e0a245, #ffbe7d, #f9a12f, #f9b974, #e08e19);
 
}
.swiper-slide {
  width: 100% !important;
 
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom,8px);
  top: var(--swiper-pagination-top,auto);
  left: 0;
  width: 100%;
}

body.product_detail .lens-type-select .lens-type-option:nth-child(2) .selection-details span:first-child {
  position: absolute;
  top: -10px;
  padding: 2px 15px;
  font-size: 13px;
  border-radius: 21px;
  right: 20px;
  background: linear-gradient(to right, #c0d0dc, #929eaa, #bbbbbb, #e7e7ec, #9a9a9a);
}
/* 16-11-2025, Dheeraj, Fixes related to lens type option regular icon */
body.product_detail .product-info .lens-type-option .selection-details span:first-child {
  position: absolute;
  top: -10px;
  padding: 2px 15px;
  font-size: 13px;
  border-radius: 21px;
  right: 20px;
  background: linear-gradient(to right, #e0a245, #ffbe7d, #f9a12f, #f9b974, #e08e19);
  color: #14145a;
}

body.product_detail .product-info .lens-type-option .selection-details span.Regular {
    background: linear-gradient(to right, #e0a245, #ffbe7d, #f9a12f, #f9b974, #e08e19);
}
.product-carousel-purchase-section {
    position: fixed;
    background-color: #fff;
    border: 1px solid #d3dae8;
    right: 2.5rem;
    z-index: 100;
    margin-top: 0rem;
    width: calc(33.33333% - 2.5rem);
    border-radius: 0.5rem;
    box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
    overflow-x: hidden;
    overflow-y: auto;
    height: 85vh;
}
.product-carousel-purchase-section::-webkit-scrollbar {
    width: 6px;  
}

.product-carousel-purchase-section .product-carousel {
  position: relative;
}
.product-carousel-purchase-section .product-carousel-container {
    border: none;
}

.product-carousel-images #ex1 {
  display: block;
  text-align: center;
}

.product-carousel-images #ex1 img {
  max-width: 595px;
  margin: auto 0;
  aspect-ratio: 12 / 9;
  width: 100%;
  height: auto;
}

.product-carousel .owl-item .item a img {
  max-width: 50px;
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
  display: block;
}

#thumbnails-carousel-copy .item img {
  max-width: 50px;
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
}

.accessories-select-section .mobileHide .content-container img {
  max-width: 630px;
  aspect-ratio: 15 / 10;
  width: 100%;
  height: auto;
}

.accessories-select-section .mobileShow img {
  max-width: 304px;
  aspect-ratio: 15 / 10;
  width: 100%;
  height: auto;
}

.product_modal h1 {
  font-size: 20px;
}
.product_modal button {
  margin: 0px auto;
  margin-top: 20px;
}
.product_modal {
  position: fixed;
  visibility: hidden;
  top: 0px;
  pointer-events: none;
  left: 0px;
  background: rgba(51, 51, 51, 0.9);
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product_modal.active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  display: block;
}
.product_modal.active .box {
  top: 0%;
}
.product_modal#success h1 {
  font-size: 1.5em;
}
.product_modal .close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  color: #ddd;
  font-size: unset;
  line-height: 0;
}
.product_modal .box {
  position: absolute;
  background-color: #fff;
  border-radius: 0;
  overflow-x: hidden;
  width: calc(80% - 0rem);
  left: 50%;
  transform: translateX(-50%);
  padding: 2.5rem;
  z-index: 550;
  margin-top: 2.5rem;
  max-height: calc(100vh - 5rem);
  overflow-y: scroll;
  box-sizing: border-box;
  text-align: center;
  transition: 0.3s;
}
/* .cart-link-wrapper:hover .cart-preview-hover {
  visibility: visible;
  opacity: 1;
} */

.overflow-thumbnails-carousel.clearfix {
    width: 70%;
    margin: 0 auto;
}
a.popup-image {
  width: 50px !important;
  height: 50px;
  margin: 0 auto;
  border: 1px solid #d3dae8;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  box-sizing: border-box;
  outline: 0;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
}
.desktop-product-summary-scroller {
    max-height: 95px;
    overflow-y: auto;
}
.desktop-product-summary-scroller {
  scrollbar-color: #437d8d #e0e5e9;
  scrollbar-width: thin;
}
ol, ul {
  list-style: none;
}


.features-details.things_to_know.mobile-view, .included-details.pad-r-2, .product-notes.pad-r-2 {
    padding-top: 2.25rem;
}

.product-detail-heading.price-old {
    color: #f07350;
}
a {
  color: inherit;
  transition: color 0.25s ease;
}
.desktop-product-summary .accessories, .desktop-product-summary .lens-colour, .desktop-product-summary .lens-type, .desktop-product-summary .pairs, .desktop-product-summary .shipping {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 0;
  border-bottom: 1px solid #d3dae8;
}

.desktop-product-summary .accessories-selected, .desktop-product-summary .lens-colour-selected, .desktop-product-summary .lens-type-selected, .desktop-product-summary .shipping-selected {
  color: #14145a;
  text-align: right;
  padding-left: 0.5rem;
}
.desktop-product-summary .slate-text {
  color: #96aab9;
}

.desktop-product-summary .product-amount {
  display: inline-flex;
  align-items: center;
}
.desktop-product-summary .product-amount .reduce-amount {
  padding-right: 0.5rem;
  cursor: pointer;
}
.desktop-product-summary .product-amount .increase-amount {
  padding-left: 0.5rem;
  cursor: pointer;
}
.desktop-product-purchase-summary .product-total {
  padding-bottom: 0.75rem;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.aqua {
  color: #a5e0f0;
}
.desktop-product-purchase-summary .product-total span.aqua {
  color: #f07350;
}
.desktop-add-to-cart-button .rounded-button {
  width: 100%;
}
.selection-options-wrapper {
  background-color: #f0f0f0;
  border-top: 1px solid #d3dae8;
  border-bottom: 1px solid #d3dae8;
  width: 100%;
}
.choose-lens-options .choose-lens-type {
  padding-right: 2.5rem;
}
.choose-lens-options .heading-area {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
}
.choose-lens-options .heading-area small {
  font-size: 0.875rem;
  color: #96aab9;
  text-decoration: underline;
  cursor: pointer;
  transition: color 0.25s ease;
  text-align: right;
  padding-left: 2rem;
}
.product-type-modals {
  display: none;
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 500;
  left: 0;
}
.product-type-modals .type-modal-background {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.product-type-modals .lens-type-modal-container {
  position: absolute;
  display: none;
  background-color: #fff;
  border-radius: 0;
  width: calc(80% - 5rem);
  left: 50%;
  transform: translateX(-50%);
  padding: 2.5rem;
  z-index: 550;
  margin-top: 2.5rem;
  max-height: calc(100vh - 10rem);
  overflow-y: scroll;
}
.product-type-modals .lens-type-modal-container .close-modal-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
}
.product-type-modals .lens-type-modal-container .table-container {
  overflow-x: auto;
}
.product-type-modals .lens-type-modal-container .lens-type-comparison-table {
  width: 100%;
  border: 1px solid #000;
  border-collapse: collapse;
  border-radius: 1rem;
}
.product-type-modals .lens-type-modal-container .lens-type-comparison-table td, .product-type-modals .lens-type-modal-container .lens-type-comparison-table th {
  border: 1px solid #d3dae8;
  text-align: left;
  padding: 0.75rem;
  vertical-align: middle;
}
.select-shipping {
  border-color: #14145a;
  display: block;
  font-size: 1rem;
  font-family: Sailec Regular, sans-serif;
  color: #14145a;
  line-height: 2rem;
  padding: 0.75rem 2rem;
  outline: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid #d3dae8;
  border-radius: 5rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  cursor: pointer;
}

.shipping-select {
  position: relative;
}
.shipping-select:after {
  content: "\f078";
  font: normal normal normal 15px/1 FontAwesome;
  color: #14145a;
  right: 20px;
  top: 6px;
  height: 34px;
  padding: 15px 0px 0px 8px;
  position: absolute;
  pointer-events: none;
}

.form-group.sunglass-product-page-option {
  width: 100%;
  grid-column: span 12;
  margin: 0;
  }
  
.content-landing > div > div:first-child {
  padding: 0 100px 0 50px;
}
section.brand-page-banner-upload-page.background-color.first-page-element.content-landing {
  padding-top: 180px;
}
.content-landing h2 {
  font-size: 40px;
  color: #f07350;
}
.content-landing p {
  font-weight: 100 !important;
  line-height: 26px;
  font-size: 22px !important;
}
.content-landing > div > div:first-child {
  padding: 0 100px 0 50px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.content-landing > div > div:last-child img {
  margin-left: -110px;
}
.content-landing p{
font-family: system-ui;
  padding-right: 180px;
}

.form-group.sunglass-product-page-option input{
min-height: 50px;
  width: 95% !important;
  background: #fff !important;
  border-color: #ccc !important;
  border-radius: 30px !important;
  padding: 0 0 0 30px;
  margin-bottom: 30px;

}
.form-group.sunglass-product-page-option input {
  width: 60%;
  font-size: 16px;
  grid-column: span 12;
}
.product-text {
  display: block;
  width: 300px;
  height: 45px;
  border-radius: 0 !important;
  border: 1px solid #eaeaea !important;
  background: #fff !important;
  padding: 0px 10px;
  font-size: xx-large;
}
#input-image {
  height: 100px;
}
.img-limit{
  font-size: 0.75rem;
opacity: .7;
}	

.files input {
  
  outline-offset: -10px;
  -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
  transition: outline-offset .15s ease-in-out, background-color .15s linear;
  padding: 10px 50px 85px 70% !important;
  margin: 0;
  width: 100% !important;
}
.files input:focus{     outline: 2px dashed #92b0b3;  outline-offset: -10px;
  -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
  transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
}
.files{ position:relative}
.files:after {  pointer-events: none;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100px;
  right: 0;
  height: 56px;
  content: "";
  display: block;
  margin: 0 auto;
  background-size: 100%;
  background-repeat: no-repeat;
}
.color input{ background-color:#f1f1f1;}
.files:before {
  position: absolute;
  bottom: 10px;
  left: 0;  pointer-events: none;
  width: 100%;
  right: 0;
  height: 57px;
  display: block;
  margin: 0 auto;
  color: #2ea591;
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
}
.content-landing p {
  font-weight: 100 !important;
  line-height: 26px;
  font-family: system-ui;
  font-size: 19px;
}

.new-section {
  width: 60%;
  overflow: hidden;
}

.form-group.required.sunglass-product-page-option {
  display: flex;
  align-items: center;
}

.form-group.required.sunglass-product-page-option > div {
  width: 100%;
  margin: 0;
}

.form-group.required.sunglass-product-page-option > h3 {
  width: 40px;
  padding: 0 24px;
  font-size: 18px;
}

.upload-img .button, .btn.btn-primary, .btn {
  background: #fff !important;
  border-color: #ccc !important;
  padding: 1;
  min-height: 50px;
  width: 100%;
  border-radius: 30px;
  margin: 0 !important;
}

.sunglass-product-page-option .form-group.files.color input {
  padding: 0 !important;
  cursor: pointer;
  min-height: 40px;
  border: 1px solid #ccc !important;
  border-radius: 30px !important;
  width: 99% !important;
  -webkit-app-region: none;
  color: transparent;
  color: transparent;
  /* opacity: 0; */
}



.sunglass-product-page-option .form-group.files.color:before {
  position: absolute;
  padding-top: 3px;
  content: "";
  white-space: pre;
  background: #fff;
  border: 1px solid #ccc;
  height: 99%;
  width: 99%;
  border-radius: 30px;
  top: 0;
  left: -1px;
  color: #14145a;
  text-align: center;
  line-height: 46px;
  cursor: pointer;
  font-size: 13px;
  font-weight: normal;
}
.form-group.files.color {
  position: relative;
  border-radius: 30px;
  cursor: pointer;
}

.color > span {
  position: absolute;
  text-align: center;
  font-size: 13px;
  line-height: 18px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.sunglass-product-page-option .form-group.files.color input{
  min-height: 100px;
}
.sunglass-product-page-option .form-group.files.color:before{
border: 2px dashed #14145a;
  height: 85px;
line-height: 25px;
}

.sunglass-product-page-option .form-group.files.color:before{
    line-height: 23px !important;
    top: 9px;
     width: 97%;
     height: 75px;
}
.form-group.required.sunglass-product-page-option > div {
  width: 100%;
  padding: 0;
}
.form-group.required.sunglass-product-page-option > div input {
  
  height: 100%;
  opacity: 0;
}



section.brand-page-banner-upload-page.background-color.first-page-element.content-landing {
  padding-top: 170px;
}
section.brand-page-banner-upload-page.background-color.first-page-element.content-landing .product-breadcrumbs .breadcrumb-links li a {
  color: #14145a;
}
section.brand-page-banner-upload-page.background-color.first-page-element.content-landing .product-breadcrumbs .breadcrumb-links li a:hover {
  color: #f07350;
}
.content-landing > div > div:first-child {
  padding-bottom: 20px;
}
input.custom-input {
  min-height: 50px;
  width: 95%;
  background: #fff;
  border-color: #ccc;
  border-radius: 30px;
  padding: 0 0 0 30px;
  margin-bottom: 30px;
}
input.custom-input::placeholder {
  text-transform: capitalize;
  color: #14145a;
  font-size: 14px;
}
.product-page-search-bar.sfx-trust-pilot-section{
background-color: white;
}


body {
  overflow-x: hidden;
}
section.product-extra-details.pad-h-2 {
  width: 60%;
}

#upload-load-wrap {
      top: 29px;
      left: 48%;
      display: none;
      background: no-repeat;
      height: auto;
      width: auto;
}

#upload-load-wrap i.fa.fa-bolt {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #000;
font-size: 12px;
}

#upload-load-wrap .cssload-box-loading {
height: 35px;
width: 35px;
border-top: 5px solid #3498db !important;
border: 5px solid #eaeaea;
}

div#uploaded_image_details{
  padding-bottom: 3px;
  }
.product-text::placeholder {
  color: #9f9ec0;
}
.form-group.required.sunglass-product-page-option + input + .text-danger {
  padding-bottom: 25px;
}
.form-group.required.sunglass-product-page-option + input + .text-danger {
  padding-top: 0px !important;
  }
.product-text{
  outline: none;
}
.color .text-danger {
position: absolute;
bottom: -25px;
font-size: 14px;
left: 10px;
}
.form-group.files.color{
position:relative;
}
.new-section {
overflow: inherit;
}

.brand-page-banner-upload-page {
  background-color: #1e73dc;
  color: #fff;
  min-height: 30rem;
}
a.rounded-button.white-button{
display: flex;
max-width: 500px;
margin: 5px auto;
justify-content:center;

}
a.rounded-button.white-button:hover {
  justify-content:center;
  color: #fff;
  
}
.sfx-rw-widget-review:last-of-type{
border-bottom: none;
}
.brand-company-reply {
  display: flex;
  border-left: 3px solid #1a66ff;
  padding: 16px 16px 16px 0;
  background-color: #f2f2f5;
}

.brand-company-reply__icon-wrapper {
  width: 28px;
}
.brand-company-reply__icon {
  display: block;
  width: 12px;
  height: 12px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  fill: #c5c5d6;
}
.brand-company-reply__content-wrapper {
  flex: 1;
  min-width: 0;
}
.brand-company-reply__info {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.brand-company-reply__company {
  flex: 1;
  min-width: 0;
  color: #454554;
}
.brand-company-reply__date {
  color: #73738f;
  margin-left: 16px;
}
.brand-company-reply__content {
  margin-top: 12px;
  color: #515174;
  font-size: initial;
  line-height: initial;
}
.brand-company-reply__icon {
  fill: #c5c5d6;
}
#lens-installation-video-scroll {
  max-width: 750px;
}
.no-reviews-yet {
  text-align: center;
padding-bottom: 10px;
}
  .form-group.sunglass-product-page-option input {
  width: 60%;
  font-size: 16px;
  grid-column: span 12;
  }
  .form-group.required.sunglass-product-page-option + input + .text-danger {
    grid-column: span 12;
    padding-top: 10px;
    font-size: 14px;
    font-weight: lighter;
}

.choose-lens-options .choose-lens-colour-section {
  padding-right: 1.25rem;
  position: relative;
}
section.choose-lens-colour-section {
  height: 100%;
  min-height: 290px;
}
.product-colour-modals {
  display: none;
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 500;
  left: 0;
}
.product-colour-modals .colour-modal-background {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.product-colour-modals .lens-colour-modal-container {
  border-radius: 0;
  position: absolute;
    display: none;
    background-color: #fff;
    width: calc(80% - 5rem);
    left: 50%;
    transform: translateX(-50%);
    padding: 2.5rem;
    z-index: 550;
    margin-top: 2.5rem;
    max-height: calc(100vh - 10rem);
    overflow-y: scroll;
}
.lens-details-listing {
  display: flex;
}

.desktop-view .image-lens-comparison-slider .image-comparison-container, .desktop-view .beforeafterthemedark.cndkbeforeafter-theme-dark.cndkbeforeafter.cndkbeforeafter-root.cndkbeforeafter-hover {
  max-height: 372px;
  overflow: hidden;
  border-radius: 1rem;
}

.mobile-view .image-lens-comparison-slider .image-comparison-container, .mobile-view .beforeafterthemedark.cndkbeforeafter-theme-dark.cndkbeforeafter.cndkbeforeafter-root.cndkbeforeafter-hover {
  max-height: 300px;
  overflow: hidden;
  border-radius: 1rem;
}

.beforeafterthemedark.cndkbeforeafter-theme-dark.cndkbeforeafter.cndkbeforeafter-root.cndkbeforeafter-hover {
 
  /* border-radius: 15px !important; */
  overflow: hidden;
}
.product-colour-modals .lens-colour-modal-container .close-modal-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
}
.content-container h1, .content-container h2 {
  text-align: center;
}
.content-container p:last-of-type {
  padding-bottom: 0;
}
.choose-lens-options .choose-lens-type .lens-type-option .selection-radio {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-right: 0.75rem;
}
b, strong {
  font-weight: 700;
}

.choose-lens-options .choose-lens-type .lens-type-option span {
  display: block;
}
.choose-lens-options .choose-lens-type .lens-type-option h3 {
  font-size: 14px;
  padding-bottom: 0;
  font-family: "Sailec Regular";
  font-weight: 100;
}
.choose-lens-options .choose-lens-type .lens-type-option .selection-details {
  flex: 1 1 auto;
  text-align: right;
  align-self: center;
}
.choose-lens-options .choose-lens-colour-section .lens-colour-select {
  display: inline-flex;
  flex-wrap: wrap;
  width: 80%;
}
.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .lens-colour-option.selected {
    width: auto;
    max-width: 25rem;
    border-radius: 2.5rem;
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .lens-colour-option {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: #000;
    margin-right: 1rem;
    margin-bottom: 1rem;
    cursor: pointer;
    transition: max-width 0.5s ease;
    position: relative;
}
.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .black-gradient {
    background: linear-gradient(180deg, #1b1b1b, #7f8079);
}
p, span {
  font-size: 1rem;
  line-height: 1.4rem;
}
.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .black-solid {
    background-color: #262626;
}
.choose-lens-options
.choose-lens-colour-section
.lens-colour-select
.closest-match {
    background: radial-gradient(circle, #007bff, #0056b3);
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .black-extreme {
  background: radial-gradient(circle, #777c86 -30%, #262626 75%);
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .black-gradient {
  background: linear-gradient(180deg, #1b1b1b, #7f8079);
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .brown-solid {
  background-color: #775456;
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .brown-gradient {
  background: linear-gradient(180deg, #572f1f, #926f5d);
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .blue-mirrored {
  background: linear-gradient(180deg, #481e06, #5d2351 49.76%, #3a4b75);
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .silver-mirrored {
  background: radial-gradient(circle, #dddddd -60%, #262626 75%);
}
.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .green-G15 {
  background-color: #6f844c;
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .yellow-solid {
  background-color: #f5d191;
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .clear-solid {
  background-color: hsla(0, 0%, 100%, 0.5);
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .clear-solid
  .name {
  color: #14145a !important;
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .clear-solid
  svg
  path {
  stroke: #14145a;
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .red-orange {
  background: linear-gradient(180deg, #ff9400, #b9494d);
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .green-mirrored {
  background: linear-gradient(180deg, #00692f, #5d2f77);
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .gold-solid {
  background-color: #d4af37;
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .rose-gold-gradient-flash {
  background: linear-gradient(#e58c95 0%, #fce9e0 100%);
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .rose-gold-flash {
  background: linear-gradient(to left, #f8d0cc 0%, #f5c9cb 50%, #f5c9cb 100%);
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .chesnut-gradient-gold-flash {
  background: linear-gradient(#906457 0%, #efe4da 100%);
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .steel-blue-polarised {
  background: linear-gradient(to left, #405270 0%, #405270 50%, #405270 100%);
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .french-blue {
  background: linear-gradient(to left, #6b95d8 0%, #81a6dd 50%, #6b95d8 100%);
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .french-blue-gradient {
  background: linear-gradient(to top, #cfd7e6 0%, #5383ce 100%);
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .green-mirror {
  background: radial-gradient(circle, #0fc37b 0%, #19607c 100%);
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .light-blue-mirror {
  background: radial-gradient(circle, #8cdffc 0%, #277ecd 100%);
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .light-blue-regular-mirror {
  background: radial-gradient(circle, #7ec8e1 0%, #05559d 100%);
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .gold-mirror {
  background: radial-gradient(circle, #e5d59b 0%, #d5b172 100%);
}

.choose-lens-options
  .choose-lens-colour-section
  .lens-colour-select
  .red-mirror {
  background: radial-gradient(circle, #d03a33 0%, #e67e27 100%);
}

.choose-lens-options
    .choose-lens-colour-section
    .lens-colour-select
    .green-G15-gradient {
    background: linear-gradient(to top, #F2FDF6 0%, #1B4129 100%);
  }
  
      .choose-lens-options
    .choose-lens-colour-section
    .lens-colour-select
    .black-photo-pol {
    background: linear-gradient(90deg, #69726D 0%, #69726D 50%, #1E2220 50%, #1E2220 100%);
  }
  
        .choose-lens-options
    .choose-lens-colour-section
    .lens-colour-select
    .brown-photo-pol {
    background: linear-gradient(90deg, #9D8789 0%, #9D8789 50%, #775456 50%, #775456 100%);
  }
    
      .choose-lens-options
    .choose-lens-colour-section
    .lens-colour-select
    .black-photo-reg {
    background: linear-gradient(90deg, #D5D7D6 0%, #D5D7D6 50%, #1E2220 50%, #1E2220 100%);
  }
  
        .choose-lens-options
    .choose-lens-colour-section
    .lens-colour-select
    .brown-photo-reg {
    background: linear-gradient(90deg, #DBD2CC 0%, #DBD2CC 50%, #775456 50%, #775456 100%);
  }
  .choose-lens-options .choose-lens-type .lens-type-option:hover {
    border-color: #14145a;
}  
.choose-lens-options .accessories-select-section {
  padding-right: 1.5rem;
}
.lens-installation-video .video-container video {
  max-width: 100%;
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  height: auto;
  outline: 0;
}
.product-reviews .column-12 {
  padding-right: 2rem;
}
.trustedsite-product-label {
    margin-bottom: 15px;
    padding: 0 1.5rem;
}
.product-type-modals {
    display: none;
}
.lens-type-modal-container.active, .product-type-modals.active {
  display: block;
}

.choose-lens-options .choose-lens-type .lens-type-option {
  background-color: #fff;
  border: 1px solid #d3dae8;
  padding: 0.75rem;
  display: flex;
  border-radius: 0.5rem;
  position: relative;
    margin-bottom: 23px;
  cursor: pointer;
  transition: border 0.25s ease;
}
.selection-name {
    padding-left: 10px;
}

ol, ul {
  list-style: none;
}
.product-detail-heading {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-family: Sailec Medium;
    padding-bottom: 1.25rem;
    font-weight: 700;
}

.small-text {
    line-height: 1rem;
}


section.accessories-select-section {
    grid-column: span 8;
    padding-top: 0 !important;
}




.modal-links {
  font-size: 0.875rem;
  color: #96aab9;
  text-decoration: underline;
  cursor: pointer;
  transition: color 0.25s ease;
  text-align: right;
  padding-left:2rem;
  margin-bottom:4px;
}
.product-accessory-modals {
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 500;
    left: 0;
}
section.product-extra-details.pad-h-2 {
  line-height: 1.4;
  padding-top: 1.25rem;
}
.product-title-section .product-title h1 small:after {
  content: unset !important;
}
section.product-extra-details h2.main_heading_sec {
  font-size: 20px;
}

.lens-installation-video-container > h2 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.choose-lens-options .accessories-select-section .accessories-select .select-accessories {
    display: block;
    font-size: 1rem;
    font-family: Sailec Regular, sans-serif;
    color: #14145a;
    line-height: 2rem;
    padding: 0.75rem 2rem;
    outline: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid #d3dae8;
    border-radius: 5rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    cursor: pointer;
}

.accessories-select:after {
    content: "\f078";
    font: normal normal normal 15px/1 FontAwesome;
    color: #14145a;
    right: 20px;
    top: 6px;
    height: 34px;
    padding: 15px 0px 0px 8px;
    position: absolute;
    pointer-events: none;
}
.mobile-product-summary {
    display: none;
}
.product-summary-fixed-footer {
  width: calc(100% - 1.5rem);
  background-color: #fff;
  border-top: 1px solid #d3dae8;
  position: fixed;
  bottom: 0;
  display: flex;
  padding: 0.75rem;
  align-items: center;
  justify-content: space-between;
  z-index: 200;
}
.product-summary-fixed-footer .show-order-toggle {
  position: relative;
  flex: 1 1 auto;
}
.product-summary-fixed-footer .show-order-toggle .order-updated-note {
  visibility: hidden;
  opacity: 0;
}
.product-summary-fixed-footer .show-order-toggle .show-order {
  visibility: visible;
  opacity: 1;
}
.product-summary-fixed-footer .show-order-toggle .order-updated-note, .product-summary-fixed-footer .show-order-toggle .show-order {
  position: absolute;
  display: inline-flex;
  align-items: center;
  top: -0.75rem;
  transition: all 0.25s ease;
}
.product-summary-fixed-footer .show-order-toggle .order-updated-note span, .product-summary-fixed-footer .show-order-toggle .show-order span {
  padding-left: 0.5rem;
  padding-top: 0.25rem;
}
.product-summary-fixed-footer .cart-summary-mobile {
  display: inline-flex;
  align-items: center;
}
.product-summary-fixed-footer .total-cost {
  color: #f07350;
  padding: 0 0.5rem;
  font-weight: 700;
}
.product-detail-heading-mobile.price-old {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-family: Sailec Medium;
  font-weight: 700;
}


.lens-accessory-modal-container.active, .product-accessory-modals.active {
    display: block;
}

.product-accessory-modals .accessory-modal-background {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.6);
}
.lens-accessory-modal-container.active, .product-accessory-modals.active {
    display: block;
}
.product-accessory-modals .lens-accessory-modal-container {
    position: absolute;
    display: none;
    background-color: #fff;
    border-radius: 1rem;
    width: calc(80% - 5rem);
    left: 50%;
    transform: translateX(-50%);
    padding: 2.5rem;
    z-index: 550;
    margin-top: 2.5rem;
    max-height: calc(100vh - 10rem);
    overflow-y: scroll;
}
.product-accessory-modals .lens-accessory-modal-container {
    border-radius: 0rem !important;
}
.heading-font {
    font-size: 10rem;
    line-height: 8.5rem;
    font-family: Akkordeon Three;
    font-weight: 400;
    letter-spacing: -2px;
    text-transform: uppercase;
    text-align: center;
}

.second-heading-font {
    font-size: 2rem;
    line-height: 2.8rem;
    font-family: Sailec Medium;
    padding-bottom: 1rem;
    font-weight: 700;
    text-align: center;
}

.lens-accessory-modal-container.active, .product-accessory-modals.active {
    display: block;
}

.product-accessory-modals .lens-accessory-modal-container .close-modal-button {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
}
.third-heading-font {
    font-family: Sailec Medium;
    padding-bottom: 1.25rem;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2.1rem;
}
.lens-text-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    padding: 0 4px;
    padding: 0 4px;
    flex-wrap: wrap;
}
.diamond-lens-col {
    -ms-flex: 20%;
    flex: 20%;
    max-width: 18%;
    padding: 0 4px;
    margin: 0 auto;
}
.diamond-lens-col img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
}
.lens-text {
    text-align: center;
}
.lens-type-select .selection-name span:nth-child(2) {
    font-size: 14px;
}
.lens-type-select .selection-details .aqua {
    margin-left: auto;
    color: #14145a;
    font-weight: bold;
}
.choose-lens-options
.choose-lens-colour-section
.lens-colour-select
.closest-match {
    background: radial-gradient(circle, #007bff, #0056b3);
}
.closest-match::after {
  content: '?';
  color: white;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.closest-match.active::after {
  right: 6px;
  left: auto;
}
.col-xs-11.col-sm-3.alert.alert-success.animated.fadeInDown {
  top: 50px !important;
  background: #f07350 !important;
  color: white;
  font-size: 11px !important;
  padding: 5px;
  right: 0 !important;
  display: flex !important;
  flex-direction: row-reverse;
}
.col-xs-11.col-sm-3.alert.alert-success.animated.fadeInDown > button.close {
  background: none;
  border: none;
  color: white;
  padding: 5px;
  font-size: 20px;
  line-height: 0;
  margin-left: 10px;
}
.col-xs-11.col-sm-3.alert.alert-success.animated.fadeInDown > span {
  font-size: 0.8rem !important;
}
.col-xs-11.col-sm-3.alert.alert-success.animated.fadeInDown a:hover {
  color: #fff !important;
  text-decoration: underline;
}

  
  .choose-lens-options
    .choose-lens-colour-section
    .lens-colour-select
    .lens-colour-option
    .inner-elements {
    visibility: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 1.5rem;
    position: relative;
  }

  
  .choose-lens-options
    .choose-lens-colour-section
    .lens-colour-select
    .lens-colour-option.selected
    .inner-elements {
    visibility: visible;
    opacity: 1;
    transition: all 0.25s ease;
    transition-delay: 0.5s;
  }
  
  .choose-lens-options
    .choose-lens-colour-section
    .lens-colour-select
    .lens-colour-option.selected
    .inner-elements
    .name {
    color: #fff;
    padding-left: 0.5rem;
    padding-top: 0.15rem;
  }
  .lens-details {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-family: Sailec Medium;
    font-weight: 700;
    display: block;
  }
  
  .product-colour-modals .lens-colour-modal-container .table-container {
    overflow-x: auto;
  }
  
  .product-colour-modals
    .lens-colour-modal-container
    .lens-type-comparison-table {
    width: 100%;
    border: 1px solid #000;
    border-collapse: collapse;
    border-radius: 1rem;
  }
  
  .product-colour-modals
    .lens-colour-modal-container
    .lens-type-comparison-table
    td,
  .product-colour-modals
    .lens-colour-modal-container
    .lens-type-comparison-table
    th {
    border: 1px solid #d3dae8;
    text-align: left;
    padding: 0.75rem;
    vertical-align: middle;
  }

.sfx-rw-widget-wrapper h2 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-align: center;
  
}

.product-reviews.tp-reviews {
  padding: 2.5rem 0;
}

.sfx-rw-stars.sfx-rw-stars--5{
  color: #1b1b21;
  box-sizing: border-box;
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;

}
.starRating{
  color: #1b1b21;
  font: inherit;
  font-size: 100%;
  box-sizing: border-box;
}
.sfx-rw-star{
  color: #1b1b21;
  font: inherit;
  font-size: 100%;
  box-sizing: border-box;
}

.sfx-rw-star__shape{
  color: #1b1b21;
  font: inherit;
  font-size: 100%;
  
  box-sizing: border-box;
  fill: #fff;
}
.sfx-rw-widget-content{
  color: #1b1b21;
  box-sizing: border-box;
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  overflow-y: auto;
  padding: 0;
}
.sfx-rw-widget-reviews-container{
  color: #1b1b21;
  box-sizing: border-box;
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
.sfx-rw-widget-reviews{
  color: #1b1b21;
  box-sizing: border-box;
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
.sfx-rw-widget-review{
  color: #1b1b21;
  box-sizing: border-box;
  font: inherit;
  margin: 0;
  vertical-align: baseline;
  font-size: 13px;
  padding: 16px 0;
  position: relative;
  border: none;
}
.sfx-rw-widget-review__date{
  box-sizing: border-box;
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  color: #5c5c70;
  position: absolute;
  right: 12px;
  top: 16px;
}
.sfx-rw-widget-review__heading{
  color: #1b1b21;
  box-sizing: border-box;
  border: 0;
  font: inherit;
  font-size: 100%;
  padding: 0;
  vertical-align: baseline;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0 0 12px;
  position: relative;
}
.sfx-rw-widget-review__text{
  color: #1b1b21;
  box-sizing: border-box;
  border: 0;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-size: 14px;
  line-height: 24px;
}
.sfx-rw-widget-review__score{
  color: #1b1b21;
  box-sizing: border-box;
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sfx-rw-widget-review__stars{
  width: 135px;
}
.sfx-rw-star__canvas{
  color: #1b1b21;
  font: inherit;
  font-size: 100%;
  
  box-sizing: border-box;
  fill: #dcdce6;
} 

.sfx-rw-widget-review{
border-top: 1px solid #d6d6d6;
font-size: 13px;
padding: 16px 0;
position: relative;
}
.sfx-rw-stars--5 .sfx-rw-star:nth-of-type(-n+5) .sfx-rw-star__canvas.color-50, .sfx-rw-stars--5 .sfx-rw-star:nth-of-type(-n+5) .sfx-rw-star__canvas--half.color-50{
fill: #00b67a;
}
.sfx-rw-stars--5 .sfx-rw-star:nth-of-type(-n+4) .sfx-rw-star__canvas.color-45, .sfx-rw-stars--5 .sfx-rw-star:nth-of-type(-n+5) .sfx-rw-star__canvas--half.color-45{
fill: #00b67a;
}
.sfx-rw-stars--5 .sfx-rw-star:nth-of-type(-n+4) .sfx-rw-star__canvas.color-40, .sfx-rw-stars--5 .sfx-rw-star:nth-of-type(-n+4) .sfx-rw-star__canvas--half.color-40{
fill: #73cf11;
}
.sfx-rw-stars--5 .sfx-rw-star:nth-of-type(-n+3) .sfx-rw-star__canvas.color-35, .sfx-rw-stars--5 .sfx-rw-star:nth-of-type(-n+4) .sfx-rw-star__canvas--half.color-35{
fill: #73cf11;
}
.sfx-rw-stars--5 .sfx-rw-star:nth-of-type(-n+3) .sfx-rw-star__canvas.color-30, .sfx-rw-stars--5 .sfx-rw-star:nth-of-type(-n+3) .sfx-rw-star__canvas--half.color-30{
fill: #ffce00;
}
.sfx-rw-stars--5 .sfx-rw-star:nth-of-type(-n+2) .sfx-rw-star__canvas.color-25, .sfx-rw-stars--5 .sfx-rw-star:nth-of-type(-n+3) .sfx-rw-star__canvas--half.color-25{
fill: #ffce00;
}
.sfx-rw-stars--5 .sfx-rw-star:nth-of-type(-n+2) .sfx-rw-star__canvas.color-20, .sfx-rw-stars--5 .sfx-rw-star:nth-of-type(-n+2) .sfx-rw-star__canvas--half.color-20{
fill: #ff8622;
}
.sfx-rw-stars--5 .sfx-rw-star:nth-of-type(-n+1) .sfx-rw-star__canvas.color-15, .sfx-rw-stars--5 .sfx-rw-star:nth-of-type(-n+2) .sfx-rw-star__canvas--half.color-15{
fill: #ff8622;
}
.sfx-rw-stars--5 .sfx-rw-star:nth-of-type(-n+1) .sfx-rw-star__canvas.color-10, .sfx-rw-stars--5 .sfx-rw-star:nth-of-type(-n+1) .sfx-rw-star__canvas--half.color-10{
fill: #ff3722;
}
.sfx-rw-stars .sfx-rw-star__shape {
  fill: #fff;
}

.to-top-bar {
  display: flex;
justify-content: flex-start;
align-items: center;
padding-top:10px;
}
.sfx-rw-widget-summary__stars.sfx-rw-widget-stars.topbar{
padding: 0 10px;
width: 120px;
}
  
a.rounded-button.white-button:hover {
  justify-content: center;
  color: #fff;
} 
.op li {
  width: auto;
  float: left;
}
.op {
  padding: 10px;
  margin: 0;
}
a.rounded-button.white-button {
  display: flex;
  max-width: 500px;
  margin: 5px auto;
  justify-content: center;
}

  .lens-colour-modal-container.active,
  .product-colour-modals.active {
    display: block;
  }

  .product-info {
    min-height: 400px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  /* Reduce height when no options exist */
  .product-info.no-options {
    min-height: 0px;
  }
  .ul-bullet-description div p img {
    max-width: 915px;
    aspect-ratio: 13.9/3;
    width: 100%;
    height: auto;
    object-fit: cover;
  }

body.product_detail .product-info .lens-type-option .selection-details span.premium {
    background: linear-gradient(to right, #c0d0dc, #929eaa, #bbbbbb, #e7e7ec, #9a9a9a);
}
body.product_detail .product-info .lens-type-option .selection-details span.ultimate {
  background: linear-gradient(to right, #f1cb10, #f9eb5e, #efd523, #f7eb71, #eabc13);
  color: #14145a;
}
/* review popup start */
.product-reviews.tp-reviews .rounded-button {
  width: 100%;
}
.tp-popup-close {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
  cursor: pointer;
  z-index: 9999;
}
.tp-popup-close:hover {
  opacity: 1;
}
.tp-popup-close::before, .tp-popup-close::after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.tp-popup-close::before {
  transform: rotate(45deg);
}
.tp-popup-close::after {
  transform: rotate(-45deg);
}
.tp-popup-content {
  height: 90%;
}
.sfx-rw-widget-wrapper.visible.total-review {
  height: 15%;
}

.sfx-rw-widget-wrapper-layout {
  color: #1b1b21;
  box-sizing: border-box;
  border: 0;
  font: inherit;
      font-size: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 80%;
}
.sfx-rw-widget-summary {
  color: #1b1b21;
  box-sizing: border-box;
  border: 0;
      border-bottom-color: currentcolor;
      border-bottom-style: none;
      border-bottom-width: 0px;
  font: inherit;
      font-size: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  border-bottom: 1px solid #d6d6d6;
  display: flex;
  flex-shrink: 0;
  padding: 0 0 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
.sfx-rw-widget-summary__information {
  color: #1b1b21;
  box-sizing: border-box;
  border: 0;
  font: inherit;
      font-size: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.sfx-rw-widget-stars {
  color: #1b1b21;
  box-sizing: border-box;
  border: 0;
  font: inherit;
      font-size: inherit;
  font-size: 100%;
  padding: 0;
  vertical-align: baseline;
}
.sfx-rw-widget-summary__stars {
  margin: 0 16px 0 0;
  width: 160px;
}
.sfx-rw-widget-summary__rating {
  margin-left: 20px;
}
.sfx-rw-widget-wrapper.visible.filters {
  height: 10%;
}
.sfx-rw-widget-wrapper {
  box-sizing: border-box;
  border: 0;
  font: inherit;
      font-size: inherit;
  font-size: 100%;
  padding: 0;
  vertical-align: baseline;
  height: 100%;
  margin-left: 1.5rem;
  width: 90%;
  position: relative;
  color: #1b1b21;
}
.tab {
  overflow: hidden;
  background-color: #fff;
  display: flex;
  justify-content: center;
}
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
  overflow-y: scroll;
  height: 90%;
}
.list-element5,.list-element4, .list-element3, .list-element2, .list-element1 {    
  display: block;
}
#loadmore5, #loadmore4, #loadmore3, #loadmore2, #loadmore1 {
  margin: 50px auto 0px;
  display: table;
  border: 1px solid;
  padding: 10px 20px;
  font-size: 18px;
  cursor: pointer;
  color: #fff;
  border-radius: 1.25rem;
  background-color: #14145a;
}
#loadmore5:hover, #loadmore4:hover, #loadmore3:hover, #loadmore2:hover, #loadmore1:hover {
  color: #fff;
  background-color: #f07350;
  border-color: #f07350;
}
.no-reviews-yet {
  text-align: center;
padding-bottom: 10px;
}

.tab {
  overflow: hidden;
  background-color: #fff;
  display: flex;
  justify-content: center;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.fiveStar.active {
  background-color: #00b67a;
  color: #fff;
  font-weight: bold;
}
.tab button.fourStar.active {
  background-color: #73cf11;
  color: #fff;
  font-weight: bold;
}
.tab button.threeStar.active {
  background-color: #ffce00;
  color: #fff;
  font-weight: bold;
}
.tab button.twoStar.active {
  background-color: #ff8622;
  color: #fff;
  font-weight: bold;
}
.tab button.oneStar.active {
  background-color: #ff3722;
  color: #fff;
  font-weight: bold;
}

/* Style the tab content */


.no-reviews-yet {
    text-align: center;
	padding-bottom: 10px;
 }

.popup { display: none; }
.popup.open { display: block; }
.blocker {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: ' ';
  background: rgba(0,0,0,.5);
z-index : 500;
}
.popup .contents {
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 70%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFF;
  position: fixed;
  top: 50vh;
  left: 50vw;
  transform: translate(-50%, -50%);
  z-index: 600;
}

#TPloader::after {
  content: '';
  display: block;
  position: absolute;
  left: 48%;
  top: 40%;
  width: 40px;
  height: 40px;
  border-style: solid;
  border-color: black;
  border-top-color: transparent;
  border-width: 4px;
  border-radius: 50%;
  -webkit-animation: spin .8s linear infinite;
  animation: spin .8s linear infinite;
}
.tp-popup-button.rounded-button.white-button:hover{
  color: white;
  cursor: pointer;
}
/* Review popup end */


.product-title-section .product-title h1 small:after {
  content: "\A";
}
.desktop-product-summary .accessories-title,
.desktop-product-summary .lens-colour-title,
.desktop-product-summary .lens-type-title,
.desktop-product-summary .shipping-title {
  color: #96aab9;
}

.desktop-product-summary .product-amount .reduce-amount:hover svg path {
  fill: #14145a;
}
.desktop-product-summary .product-amount .increase-amount:hover svg path {
  fill: #14145a;
}

.choose-lens-options .heading-area small:hover {
  color: #f07350;
}
.choose-lens-options .choose-lens-type .lens-type-option.selected {
  border-color: #14145a;
}

.choose-lens-options .accessories-select-section {
  padding-top: 1.5rem;
  padding-right: 1.5rem;
}

.choose-lens-options .accessories-select-section .accessories-select {
  position: relative;
}

.choose-lens-options
  .accessories-select-section
  .accessories-select
  .select-accessories:active,
.choose-lens-options
  .accessories-select-section
  .accessories-select
  .select-accessories:hover {
  border-color: #14145a;
}

.choose-lens-options .shipping-select-section {
  padding-top: 1.5rem;
  padding-right: 1.5rem;
}

.choose-lens-options .shipping-select-section .shipping-select {
  position: relative;
}


.lens-installation-video {
  border-top: 1px solid #d3dae8;
}

.lens-installation-video .video-container video {
  max-width: 100%;
  height: auto;
  outline: 0;
}

.product-type-modals {
  display: none;
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 500;
  left: 0;
}

.product-type-modals .type-modal-background {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.product-type-modals .lens-type-modal-container {
  position: absolute;
  display: none;
  background-color: #fff;
  border-radius: 1rem;
  width: calc(80% - 5rem);
  left: 50%;
  transform: translateX(-50%);
  padding: 2.5rem;
  z-index: 550;
  margin-top: 2.5rem;
  max-height: calc(100vh - 10rem);
  overflow-y: scroll;
}

.product-type-modals .lens-type-modal-container .close-modal-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
}

.product-type-modals .lens-type-modal-container .table-container {
  overflow-x: auto;
}

.product-type-modals .lens-type-modal-container .lens-type-comparison-table {
  width: 100%;
  border: 1px solid #000;
  border-collapse: collapse;
  border-radius: 1rem;
}

.product-type-modals .lens-type-modal-container .lens-type-comparison-table td,
.product-type-modals .lens-type-modal-container .lens-type-comparison-table th {
  border: 1px solid #d3dae8;
  text-align: left;
  padding: 0.75rem;
  vertical-align: middle;
}

.lens-type-modal-container.active,
.product-type-modals.active {
  display: block;
}

/*accessory pop up [STARTS] */

.product-accessory-modals .lens-accessory-modal-container .table-container {
  overflow-x: auto;
}


.desktop-add-to-cart-button .orange-button:hover {
    background: #14145a;
    border: 1px solid #14145a;
    color: #fff;
}
@media (max-height: 768px) and (max-width: 1366px){
  .zoomContainer {
      width: 350px !important;
  }
  section.product-carousel-purchase-section {
      transform: scale(.85);
  }

}

.zoomContainer {
  display: none;
}

html {
  height: auto !important;
}