.right_eye_mobile_custom,
.left_eye_mobile_custom {
    display: flex;
}

.right_eye_od_sec,
.left_eye_os_sec {
    display: flex;
}

.custom_text_learn_more {
    display: none;
}

.near_pd_sec {
    width: 20%;
    padding-left: 16px;
}

.pd_left,
.pd_right,
.pd_near_text,
.os_segoc_left,
.od_segoc_right {
    font-size: 1.6rem;
    font-family: "Lato";
    color: #666666 !important;
    margin-bottom: 5px;
    text-align: center;
}

#step2 select {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' width='32' height='20'><path d='M1 1l5 6 5-6' fill='none' stroke='rgb(96,96,96)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    /*    background-image: url(https://dev.overnightglasses.com/content/uploads/2025/12/drop-arrow1.png);*/
    background-size: 10px 7px;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

#step2 .rx-eye-name .prescription-step-too .rx-product-name {
    color: #333333;
}

.description-review-order.rv-order-f .info-provide-later {
    margin-top: 10px;
    margin-left: 0;
}

.left_icon_rx,
.right_icon_rx {
    margin-bottom: 4px;
}

img.back_icon_rx {
    margin-bottom: 2px;
}

#nb_step2 .btn.btn-warning.footer.first_button img.left_icon_rx,
#nb_step2_distance .btn.btn-warning.footer.first_button img.left_icon_rx,
#nb_step2_progressive_premium .btn.btn-warning.footer.first_button img.left_icon_rx,
#nb_step2_progressive .btn.btn-warning.footer.first_button img.left_icon_rx {
    display: none;
}

.btn.btn-back.footer {
    border-radius: 5px;
    text-align: center;
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 23px;
    font-weight: bold;
    padding: 0 10px;
    padding: 0 1rem;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    color: #727171;
    background: #ffffff;
    border: 1px solid #b7b6b4 !important;
    cursor: pointer;
    -webkit-transition: background-color .25s ease-out, color .25s ease-out;
    transition: background-color .25s ease-out, color .25s ease-out;
    font-family: 'KelsonBold';
}

.custom_prism_checkbox .popup-rx-tooltip {
    display: none;
}

.read_prescription_custom {
    font-family: "Lato";
    font-weight: normal;
    color: #454545;
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
}

.read_prescription_custom:hover {
    color: #d48e31;
}

.rx-product-name.rx-product-name_mobile {
    text-transform: capitalize;
    color: #424242;
    padding: 13px 0;
    border-bottom: 1px solid #cccccc;
    background-color: #fffaf4;
}

.rx-product-name.rx-product-name-addition {
    text-transform: capitalize;
    color: #424242;
    padding: 13px 0;
    border-bottom: 1px solid #cccccc;
    background-color: #fffaf4;
}

.rx-product-name.rx-product-name-segoc {
    text-transform: capitalize;
    color: #424242;
    padding: 13px 0;
    background-color: #fffaf4;
}

.rx-product-name.rx-product-name-prism {
    text-transform: capitalize;
    color: #424242;
    padding: 13px 0;
    border-bottom: 1px solid #cccccc;
    background-color: #fffaf4;
}

.prescription-step-too-segoc {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.label_segoc,
.value_segoc {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.label_segoc {
    border-right: 1px solid #cccccc;
    background-color: #fffaf4;
}

.rx-value-name_mobile {
    padding: 13px 31px;
}

.rx-value-name_addition {
    padding: 13px 35px;
}

.rx-value-name-segoc {
    padding: 13px 0;
}

.rx-value-name-prism {
    padding: 13px 31px;
}

.rx-value-name_mobile .rx-core-select {
    width: auto;
}

.rx-value-name_addition .rx-core-select {
    width: auto;
}

.left_eye_mobile,
.right_eye_mobile {
    color: #333333;
}

.PD_sec {
    border: 1px solid #cccccc;
    background-color: #f7f6f6;
}

.PD_heading_top {
    border-bottom: 1px solid #cccccc;
    text-align: left;
}

.PD_heading {
    text-align: left;
    margin-left: 16px;
    font-family: "Lato-Bold";
    font-weight: bold;
    color: #333333;
}

.PD_heading .popup-rx-tooltip {
    margin-top: 8px;
}

.container.rx-form-container.is-step-2 .checkboxes label {
    background-color: transparent;
}

.rx-core-select#pd_1,
.rx-core-select#pd_2,
.rx-core-select#pd_near {
    background-color: transparent;
}

.custom_prism_checkbox .popup-rx-tooltip {
    margin-top: 6px;
}

.custom_prism_value .popup-rx-tooltip {
    margin-top: 6px;
}

.container_prescriptionimage p .popup-rx-tooltip {
    margin-top: 8px;
}

#nb_step2 #back_button {
    display: block !important;
}

.order_review_tick_img {
    margin-right: 10px;
}

p#div_diamond_check_label {
    width: 90%;
}

div#diamond {
    background-color: #f7f6f6;
}

.commentbox textarea {
    border: 1px solid #ccc !important;
}

.custom_diamond_heading {
    background-color: #f7f6f6;
    border: 1px solid #ccc;
    padding: 10px;
    font-family: "Lato-Bold" !important;
    font-weight: bold;
    color: #333333;
}

div#diamond .selector_tile {
    border: 1px solid #ccc;
    margin-top: 0;
}

.diamond-content {
    font-family: "Lato";
}

#frame_title_mobile {
    font-family: "KelsonBold" !important;
    font-weight: bold;
    color: #333333;
}

.description-review-order .right-eye-review {
    border-right: 1px solid #000 !important;
}

.review_order_heading {
    font-family: "KelsonBold" !important;
    font-weight: bold !important;
    margin-bottom: 10px;
}

.review_order_desc {
    font-size: 16px !important;
    line-height: 24px !important;
    font-family: "Lato" !important;
    font-weight: normal !important;
    color: #454545 !important;
    margin-bottom: 0;
}

.review_order_desc_span {
    font-family: "Lato-Bold" !important;
    font-weight: bold !important;
    color: #cb811f !important;
}

.img-down-text {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#accordionContent,
#accessoriesContent {
    display: none;
    border: 1px solid #cccccc;
    padding: 10px;
    background-color: #f7f6f6;
    margin-bottom: 10px;
}

.view-pres-dropdown-but {
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    font-family: "KelsonBold";
    display: block;
    position: relative;
    padding: 10px;
    border: 1px solid #cccccc;
    background-color: #f7f6f6;
}

.custom_column {
    margin-bottom: 10px;
}

.view-pres-dropdown-but:hover {
    color: #d48e31;
}

.view-pres-dropdown-but:active {
    color: #d48e31;
}

.view-pres-dropdown-but.active {
    color: #d48e31;
}

.review_order_custom {
    margin-bottom: 0;
}

.order_review_tick_img {
    margin-right: 10px;
}


.mb-right-eye-review {
    border-right: none !important;
}

.view-pres-dropdown-but:after {
    position: absolute;
    content: "";
    color: #a9a9a9;
    font-size: 1.5rem !important;
    content: "";
    border: solid #a9a9a9;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: transform 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    right: 10px;
}

.view-pres-dropdown-but.active:after {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    bottom: 10px;
    transition: .2s;
    color: #d48e31;
    border-color: #d48e31;
}

.view-pres-dropdown-but:hover:after {
    color: #d48e31;
}

.view-pres-dropdown-but:active:after {
    color: #d48e31;
}

.panel-tabs-3-content #div_rx_ps10_l2 div#tint_color_green_gray {
    display: none !important;
}

.checkboxes label {
    display: block;
    float: left;
    padding-right: 10px;
    white-space: nowrap;
}

.checkboxes input {
    vertical-align: middle;
}

.checkboxes label span {
    vertical-align: middle;
}

OPTGROUP.group {
    color: #737373;
    font-style: normal;
    font-weight: normal;
}

option.black {
    color: #000;
    font-style: normal;
    font-weight: normal;
}

.fadein {
    position: relative;
    height: 300px;
    width: 300px;
}

.fadein img {
    position: absolute;
    left: 0;
    top: 0;
}

.header_step {
    text-transform: uppercase;
    text-decoration: none;
    color: #8CC5DB;
    border-bottom: 2px solid #D2D2D2;
    border-left: 2px solid #D2D2D2;
    display: block;
    width: 100%;
    padding-left: 5px;
}

.header_step:hover {
    color: #36457C;
    border-bottom: 2px solid #36457C;
    border-left: 2px solid #36457C;
}

#tooltip {
    background-color: white;
    border: 1px solid #D2D2D2;
    box-shadow: 5px 5px 20px gray;
}

.tipHeader {
    background-color: transparent !important;
    display: none !important;
}

.tipBody {
    background-color: transparent !important;
    padding-top: 10px !important;
    text-align: justify !important;
}

.ico_check {
    width: 13px;
    height: 18px;
    background: url("../image/ico_check.png") left center no-repeat;
    display: block;
}

.ico_info {
    width: 19px;
    height: 19px;
    background: url("../image/ico_info.png") left center no-repeat;
    display: inline-block;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.selector {
    cursor: pointer;
}

.selector_tile {
    border: 3px solid #fff;
}

#tooltip {
    position: absolute;
    z-index: 9999;
    /*color: $contentbg;*/
    font-size: 13px;
    width: 240px;
    text-align: left;
    color: #000;
}

#tooltip .tipHeader {
    height: 23px;
    width: 240px;
    background: url("../image/top_tooltip.png") no-repeat;
}

#tooltip .tipBody {
    background-color: #d3b687;
    padding: 0 10px 10px 10px;
    margin-top: -1px;
}

#tooltip .tipBody b {
    color: #000;
    text-decoration: none;
}

#tooltip .tipFooter {
    height: 8px;
    /*background: url(../image/tipFooter.gif) no-repeat;*/
}

.ui-button-text {
    background-color: #18A7BE;
    color: #fff;
}

.nav-progress {
    display: table;
    overflow: hidden;
    margin-left: -5px;
    width: 96%;
    height: 58px;
}

.nav-progress-spacer {
    display: table-cell;
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    width: 25%;
}

.nav-progress-line {
    width: 95%;
    height: 6px;
    margin: 0 auto;
}

.nav-progress-line-active {
    border-top: 2px solid orange;
}

.nav-progress-line-passive {
    border-top: 2px solid #666666;
}

.nav-step-lbl {
    display: table-cell;
    position: absolute;
    text-align: center;
    left: -57px;
    top: 36px;
    width: 80px;
    z-index: 2;
}

.nav-progress-passive {
    background-color: #fff;
    color: #666666;
}

.nav-progress-active {
    background-color: #fff;
    color: orange;
}

.numberCircle {
    border-radius: 50%;
    display: table-cell;
    width: 31px;
    height: 31px;
    z-index: 2;
    text-align: center;
    font: 16px bold;
    line-height: 25px;
    display: inline-block;
}

.circleActive {
    background: #fff;
    border: 3px solid orange;
    color: orange;
}

.circlePassive {
    background: #fff;
    border: 3px solid #666666;
    color: #666666;
}

.nav-cap {
    position: relative;
    display: table-cell;
    padding: 14px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    box-sizing: border-box;
}

.ong_checkbox {
    cursor: pointer;
}

.on_tile {
    position: relative;
    top: 107px;
}

.selector_check {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    z-index: 2;
    color: #333;
    text-align: center;
    font: 16px bold;
    line-height: 30px;
    top: 50%;
    margin-right: 15px;
    border: 1px solid #92844d;
    position: absolute;
    right: 0;
    transform: translateY(-50%);
}

#step6 .selector_check {
    top: 20%;
    width: 29px;
    height: 29px;
}


.selector_check_passive {
    border: 1px solid #92844d;
    background: #fff;
}

#rx_container {
    padding-left: 5px;
    /* LC width */
    padding-right: 350px;
    /* RC width */
    max-width: 1200px;
    margin: 0 auto;
}

.rx_center {
    width: 100%;
    min-height: 585px;
}

#rx_right {
    box-sizing: border-box;
}

.rx-mini-box,
.rx-hide-box {
    margin: 10px 5px 10px 5px;
}

.rx-add-lens-package-top .rx-packages.rx-packages_prescription {
    margin-bottom: -30px;
}



@media screen and (max-width: 800px) {
    .rx-hide-box {
        display: block;
    }

    .rx-core-spacer {
        display: inline-block;
    }

    .rx-sm {
        display: block;
    }

    .rx-lg {
        display: none;
    }

    .rx-core-label {
        width: 150px;
        display: inline-block;
    }

    .nav-progress {
        display: none;
    }

    .feature_icon {
        height: 35px;
        width: auto;
    }
}

@media screen and (min-width: 800px) {
    .rx-hide-box {
        display: none;
    }

    .rx-sm {
        display: none;
    }

    .rx-core-spacer {
        display: none;
    }

    .rx-lg {
        display: block;
    }
}

/*@media screen and (min-width:  1200px) {*/
/*#rx_right {*/
/*min-height: 585px;*/
/*border-left: 1px solid #747c84;*/
/*}*/
/*}*/
#rx_container .column {
    float: left;
    position: relative;
}

#package_data_header {
    width: 95%;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 5px;
    background: #333333;
    text-align: center;
    color: #fff;
}

.rx-core-select {
    width: auto;
    font-weight: normal;
}

.rx-core-label {
    font-weight: bold;
    font-size: 12px !important;
    margin-right: 10px;
}

.rx_hr {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #999999;
    /* old IE */
    background-color: #999999;
    /* Modern Browsers */
    margin: 7px 7px 7px 0;
    width: 100%;
}

hr.hr.rx_form_hr {
    border-color: #c3c1c1;
}

.rx_section {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #999999;
    /* old IE */
    background-color: #999999;
    /* Modern Browsers */
    margin: 20px 20px 20px 0;
    width: 94%;
}

.color_selector {
    display: inline-block;
    cursor: pointer;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    background: #fff;
}

.selector_ubound {
    display: table-cell;
    cursor: pointer;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    font: 16px bold;
    line-height: 30px;
    background: #fff;
}

.tint_selector_block {
    display: inline-block;
    width: 90px;
    height: 40px;
    margin-left: 10px;
    color: white;
}

/** rx */
.selector_tile {
    padding: 18px 16px;
    box-sizing: border-box;
    border: 1px solid #92844d;
    margin-top: 17px;
    position: relative;
}

/* for last two blocks because of content */
#div_rdo_purpose_office_tile.selector_tile,
#div_rdo_purpose_sports_tile.selector_tile {
    padding: 9px 15px 18px;
}

/* END */
.selector .selector_check.on_text_tile.center-block {
    top: 28px;
}

.rx-product-name {
    margin-left: 0;
    font-family: "Lato";
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 23px;
    line-height: 2.3rem;
    text-transform: uppercase;
    color: #000000;
    font-weight: 500;
    margin-bottom: 0;
    width: unset;
}

.rx-product-header-name {
    font-family: "Kelson" !important;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 23px;
    line-height: 2.3rem;
    color: #000000;
    font-weight: 500 !important;
    margin-bottom: 20px;
}

.rx-product-header-name p {
    font-family: 'Lato';
}

.rx-product-price {
    margin-left: 0;
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 23px;
    line-height: 2.3rem;
    text-transform: uppercase;
    color: #d48e31;
    font-weight: 600;
}

.rx-product-delimiter {
    margin-top: 27px;
    text-align: center;
    font-family: "Lato";
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 23px;
    line-height: 2.3rem;
    color: #333333;
    font-weight: 500;
    padding-top: 20px;
}

.btn.btn-warning.footer,
.btn.btn-info.footer {
    border-radius: 0;
    text-align: center;
    display: block;
    width: 100%;
    height: auto;
    text-transform: uppercase;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 38px;
    line-height: 3.8rem;
    letter-spacing: 0.13em;
    /*padding: 0 10px;*/
    /*padding: 0 1rem;*/
    margin-bottom: 10px;
    margin-bottom: 1rem;
    color: #fff;
    background: #000000;
    border: 1px solid #d48e31 !important;
    cursor: pointer;
    -webkit-transition: background-color .25s ease-out, color .25s ease-out;
    transition: background-color .25s ease-out, color .25s ease-out;
    font-family: 'KelsonBold';
}

.btn.btn-warning.footer.first_button {
    background: #cb811f;
    border: 1px solid #cb811f !important;
}

.btn.btn-warning.footer.last {
    background: #333333;
    border: 1px solid #333333 !important;
}

.btn.btn-warning.footer:hover,
.btn.btn-info.footer :hover {
    color: #d48e31 !important;
    background: white;
}

.btn.btn-warning.footer:focus,
.btn.btn-info.footer :focus {
    outline: 0;
}

.btn.btn-warning.footer.first_button:hover {
    background: #ffffff;
    color: #cb811f !important;
    border: 1px solid #cb811f !important;
}

.btn.btn-warning.footer.last:hover {
    background: #ffffff;
    color: #cb811f !important;
    border: 1px solid #cb811f !important;
}

.option_selected,
.option_selected_checkbox {
    background: #222222;
    color: #d48e31 !important;
    margin-right: 15px;
    border: 1px solid #d48e31;
    position: absolute;
    right: 0;
    transform: translateY(-50%);
}

.prescription_type-selector-tile,
.purpose-selector-tile {
    padding: 9px 15px 18px;
}

.border_orange {
    padding-bottom: 2px;
    box-sizing: border-box;
    border: solid 1px #d48e31;
    margin-top: 17px;
    position: relative;
}

.rdo_purpose-selector-tile,
.material-selector-tile,
.rdo_premium-selector-tile,
.rdo_tint-selector-tile,
.rdo_material-selector-tile,
.rdo_coating_treatment-selector-tile {
    padding: 18px 16px;
}

#package_frame {
    border-bottom: 1px solid #d48e31;
    margin-bottom: 5px;
}

#package_frame .rx-package-description {
    font-family: "KelsonBold";
    font-size: 1.5rem;
    line-height: 23px;
    color: #000000;
    margin-bottom: 10px;
    font-weight: bold;
}

#c_subtotal_wrapper .rx-package-description {
    font-weight: bold !important;
}

#price_subtotal.rx-product-name.rx-product-custom-price {
    color: #d48e31;
    font-weight: bold;
}

#c_discount .new-price {
    color: #dc0000;
}

.rx-product-description {
    margin-left: 0;
    font-family: "Lato";
    font-size: 1.8rem;
    line-height: 23px;
    color: #333333;
    font-weight: 300;
    margin-bottom: 0;
    list-style-type: none;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 40px;
}


.rx-product-description-ul {
    font-family: "Lato";
    font-size: 1.5rem;
    line-height: 23px;
    color: #333333;
    font-weight: 300;
}

.rx-product-description .bottom_text_purpose {
    font-size: 1.4rem;
    color: #666666;
}

#purpose .rx-product-description {
    font-size: 14px;
    line-height: 18px;
}

#purpose .rx-product-name {
    line-height: 18px;
    font-weight: bold;
}

#container_distance .rx-product-description {
    color: #333333;
}

.prescription-step-too {
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    margin-right: 0;
    padding: 13px 13px;
}

.prescription-step-too_mobile {
    border: 1px solid #cccccc;
    padding: 0;
    width: 100%;
}

.prescription-step-too_addition {
    border: 1px solid #cccccc;
    padding: 0;
    width: 100%;
}

.prescription-step-too-segoc {
    border: 1px solid #cccccc;
    padding: 0;
    width: 100%;
}

.prescription-step-too-prism {
    border: 1px solid #cccccc;
    padding: 0;
    width: 100%;
}

.prescription-step-too.prescription-step-too_mobile_center {
    border-right: 0;
    border-left: 0;
}

.prescription-step-too.prescription-step-too_border_center {
    border-right: 0;
    border-left: 0;
}

.prescription-step-too.prescription-border_right {
    border-right: 0;
}

.prescription-step-too-wrap.custom_pd_sec .prescription-step-too select.rx-core-select#pd_2 {
    display: none;
}

.rx-core-select {
    border: none;
    font-size: 1.6rem;
    height: 100%;
    color: #666666 !important;
    padding: 0 1.5rem 0 0;
    border: none !important;
    outline: none !important;
}

.rx-eye-name {
    font-family: "Lato" !important;
    font-size: 20px !important;
    font-size: 1.8rem !important;
    line-height: 23px !important;
    line-height: 2.3rem !important;
    color: #333333;
    font-weight: 500 !important;
    margin-bottom: 10px;
}

.rx-eye-name span {
    margin: 0;
    display: inline-block;
}

.images-packages {
    margin-top: 30px;
    text-align: right;
}

.rx-text-package {
    margin-top: 20px;
}

.rx-description-packages {
    /*    margin-left: 10px;*/
    font-family: "Lato";
    font-size: 1.8rem;
    line-height: 23px;
    line-height: 2.3rem;
    color: #666666;
    font-weight: 500;
    margin-top: 15px;
}

.rx-packages {
    background: #eaeaea52;
    padding-bottom: 20px;
    padding-right: 10px;
    margin-bottom: 20px;
    margin-top: 17px;
}

.packages_selected {
    background: #d48e31;
    color: #d48e31 !important;
    float: right;
    margin-right: 15px;
    border: 1px solid #d48e31;
    position: relative;
}

.customize-package {
    /*margin-bottom: 30px;*/
}

.clear-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
    /*margin-top: 10px;*/
}

.rx-product-icon {
    float: right;
    margin-right: 0;
    margin-top: 10px;
}

.feature_icon {
    height: 35px !important;
    /*padding-right: 10px;*/
}

.margin-top {
    margin-top: 15px;
}

.lens-tint-color {
    background: #EAEAEA;
    margin-left: 20px !important;
    margin-right: 20px !important;
    margin-bottom: 20px !important;
    padding-left: 10px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.l2_select {
    border: none !important;
    z-index: 998;
}

.border_tint_color {
    border: 2px solid #000000;
    padding: 5px;
    cursor: pointer;
    margin-left: 10px;
    font-family: "Lato" !important;
    font-size: 18px !important;
    font-size: 1.8rem !important;
    line-height: 23px !important;
    line-height: 2.3rem !important;
    text-transform: uppercase !important;
    color: #EAEAEA !important;
    font-weight: 500 !important;
    margin-top: 15px;
    margin-bottom: 10px;
}

.selector_option {
    margin-left: 22px;
    margin-right: 22px;
    border: 2px solid #d48e31;
    padding: 5px;
    cursor: pointer;
    /*margin-left: 10px;*/
    font-family: "Lato" !important;
    font-size: 18px !important;
    font-size: 1.8rem !important;
    line-height: 23px !important;
    line-height: 2.3rem !important;
    text-transform: uppercase !important;
    color: #EAEAEA !important;
    font-weight: 500 !important;
    margin-top: 15px;
    margin-bottom: 10px;
}

.rx-product-review {
    font-family: "Lato";
    font-size: 1.6rem;
    line-height: 23px;
    color: #333333;
    font-weight: 300;
    margin-bottom: 2px;
}

.rx-product-review .info-cart-value {
    margin-left: 15px;
}

.rx-eye-review {
    font-family: "Lato";
    font-size: 1.8rem;
    line-height: 23px;
    color: #333333;
    font-weight: 300;
    margin-bottom: 2px;
}

.rx-eye-review .info-cart-value {
    margin-left: 15px;
}

#mypd {
    display: none;
    position: absolute;
    left: 50px;
    top: 20px;
    width: 90%;
    height: 90%;
    background: #fff;
    border: 1px solid #333333;
    z-index: 3;
    overflow: scroll;
}

/*
.popup-rx-tooltip {
    background: url(https://dev.overnightglasses.com/content/uploads/2025/11/info-icon.png) no-repeat;
    display: inline-block;
    height: 13px;
    width: 13px;
    margin-left: 3px;
    vertical-align: top;
    margin-top: 4px;
}
*/
.popup-rx-tooltip {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-left: 3px;
    margin-top: 4px;
    vertical-align: top;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g fill='%239F9F9F' opacity='1'><path d='M6.99198818,3.946029 L7.99043767,4.07145666 L7.99043767,2.99882134 L6.99198818,2.99882134 L6.99198818,3.946029 Z M6.0169021,10.9973779 L8.99828059,10.9973779 L8.99828059,9.99661728 L7.99043767,9.99661728 L7.99043767,5.00850139 L6.0169021,5.00850139 L6.0169021,6.0144514 L6.99198818,6.0144514 L6.99198818,9.99661728 L6.0169021,9.99661728 L6.0169021,10.9973779 Z'/><path d='M7.5,14.0225661 C11.004884,14.0225661 13.9932077,11.004884 13.9932077,7.5 C13.9932077,3.99511601 11.004884,1.00997336 7.5,1.00997336 C3.99511601,1.00997336 0.990396625,3.99511601 0.990396625,7.5 C0.990396625,11.004884 3.99511601,14.0225661 7.5,14.0225661 Z M7.5,15 C3.35786438,15 0,11.6421356 0,7.5 C0,3.35786438 3.35786438,0 7.5,0 C11.6421356,0 15,3.35786438 15,7.5 C15,11.6421356 11.6421356,15 7.5,15 Z'/></g></svg>") no-repeat;
    background-size: contain;
}

.popup-rx-text {
    font-family: "Lato";
    font-size: 1.8rem;
    line-height: 23px;
    color: #333333;
    font-weight: 300;
    list-style-type: none;
    margin: 15px 10px 15px 10px !important;
}

.gold-line {
    display: block;
    border: 0;
    border-top: 2px solid #d48e31;
    margin: 1em 0;
    padding: 0;
    width: 58px;
    margin-left: 10px;
}

.close-button,
.close-button.medium {
    font-size: 3em !important;
    top: -6px !important;
}

.popup-rx-title {
    margin-left: 10px;
    font-family: "KelsonBold";
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 23px;
    line-height: 2.3rem;
    text-transform: uppercase;
    color: #333333;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 10px;
}

/*
    rx new styles
*/
.container.rx-form-container.is-step-2 {
    padding: 0;
}

.container.rx-form-container.is-step-2 .prescription-step-too-wrap .prescription-step-too,
.prescription-step-too-post-wrap .prescription-step-too {
    padding: 13px !important;
    display: inline-block;
    margin-bottom: 0;
}

/*
.container.rx-form-container.is-step-2 .prescription-step-too-wrap.custom_pd_sec .prescription-step-too {
    padding: 14px 13px !important;
    margin: 10px 0;
}
*/

.prescription-step-too-wrap.custom_pd_sec {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    margin-bottom: 15px;
    margin-left: 16px;
}

.container.rx-form-container.is-step-2 .checkboxes {
    overflow: hidden;
    text-align: center;
}

.container.rx-form-container.is-step-2 .rx-eye-name {
    margin: 10px 0;
}


.container.rx-form-container.is-step-2 .rx-eye-name.custom_prism_wrap {
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}

.container.rx-form-container.is-step-2 .rx-eye-name.custom_prism_wrap .custom_prism_value {
    border-bottom: 1px solid #cccccc;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    font-family: "Lato-Bold";
    font-weight: bold;
}

.container.rx-form-container.is-step-2 .rx-eye-name .custom_prism_checkbox {
    overflow: hidden;
    text-align: center;
}

.container.rx-form-container.is-step-2 .checkboxes input {
    display: none;
}

.container.rx-form-container.is-step-2 .rx-eye-name .custom_prism_checkbox input {
    display: none;
}

.container.rx-form-container.is-step-2 .checkboxes label {
    display: inline-block;
    position: relative;
    font-weight: 300;
    font-size: 1.35em;
    /*margin: 0 auto;*/
    cursor: pointer;
    transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    /*max-width: 88px;*/
    /*width: 100%;*/
    z-index: 99;
    background-color: transparent;
    white-space: nowrap;
    float: none;
    padding-left: 10px;
}

.container.rx-form-container.is-step-2 .rx-eye-name .custom_prism_checkbox label {
    display: inline-block;
    position: relative;
    font-weight: 300;
    font-size: 1em;
    line-height: 1.35em;
    /*margin: 0 auto;*/
    margin-left: 1.5rem;
    cursor: pointer;
    transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    /*max-width: 88px;*/
    /*width: 100%;*/
    z-index: 99;
    background: #fff;
    white-space: nowrap;
    float: none;
    padding-left: 10px;
    color: #333333;
}

.container.rx-form-container.is-step-2 .checkboxes label:before {
    content: "";
    position: absolute;
    left: -12px;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 2px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #999898;
    border-radius: 4px;
}

.container.rx-form-container.is-step-2 .rx-eye-name .custom_prism_checkbox label:before {
    content: "";
    position: absolute;
    left: -12px;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 2px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #999898;
    border-radius: 4px;
}

.container.rx-form-container.is-step-2 input[type="checkbox"]:checked + label:before {
    border: 1px solid #999898;
    background-image: url(https://dev.overnightglasses.com/content/uploads/2025/12/checkmark2.png);
    background-repeat: no-repeat;
    background-position: center;
}

.container.rx-form-container.is-step-2 input[type="checkbox"]:checked + label:before.prism {
    margin-bottom: 15px;
}

.container.rx-form-container.is-step-2 input[type="checkbox"]:checked + label {
    /*    color: #d48e31;*/
}

.container.rx-form-container.is-step-2 input[type="checkbox"] + label:before,
.container.rx-form-container.is-step-2 input[type="checkbox"]:checked + label:before {
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}

/*
.container.rx-form-container.is-step-2 .prescription-step-too-wrap.custom_pd_sec .prescription-step-too {
    all: unset !important;
}
*/

.container.rx-form-container.is-step-2 .prescription-step-too-wrap.custom_pd_sec div_pd_2.prescription-step-too {
    display: none;
}

.container.rx-form-container.is-step-7 {
    padding: 0 200px;
}

.container.rx-form-container.is-step-7 .selector-wrapper {
    padding-right: 35px;
}

.container.rx-form-container.is-step-7 .rx-packages {
    padding-bottom: 20px;
    padding-right: 0;
    margin-bottom: 0;
    margin-top: 0;
}

.container.rx-form-container.is-step-7 .rx-text-package .rx-product-description {
    white-space: inherit !important;
    font-size: 15px !important;
}

.container.rx-form-container.is-step-7 .rx-packages.clear-padding {
    position: relative;
    left: 50%;
    transform: translateX(-46%);
}

.container.rx-form-container.is-step-7 .customize-package.clear-padding {
    padding-right: 35px;
}

.container.rx-form-container.is-step-7 #nb_step7 {
    padding-right: 35px;
}

.container.rx-form-container.is-step-7 .btn.btn-warning.footer {
    font-size: 13px !important;
}

/*.container.rx-form-container.is-step-7 #nb_step6{*/
/*width: 75% !important;*/
/*}*/
/*.container.rx-form-container.is-step-7 #nb_step3{*/
/*padding-left: 10px;*/
/*}*/
#step1 {
    /*padding-left: 18px;*/
}

.wrap-center--block {
    max-width: 950px;
}

/*#nb_step1{*/
/*padding-left: 26px;*/
/*}*/
#nb_step3,
#nb_step4,
#nb_step5,
#nb_step6 {
    /*padding-left: 9px;*/
}

#nb_step2 {
    padding: 0 10px;
}

#step3 .selector_check {
    top: 50px;
    margin-top: 0;
}

/*
.prescription-step-too-wrap,
.prescription-step-too-post-wrap {
    padding: 10px;
}
*/

#step7 > .row {
    padding: 0;
    margin: 0;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .container.rx-form-container.is-step-7 {
        padding: 0 !important;
    }

    .container.rx-form-container {
        padding: 0 !important;
    }

    #step5 {
        padding-left: 0;
    }

    #nb_step1 {
        /*padding-left: 19px;*/
    }

    #nb_step1 .large-5.columns.clear-padding .btn.btn-warning.footer.last,
    #nb_step3 .large-5.columns.clear-padding .btn.btn-warning.footer.last,
    #nb_step4 .large-5.columns.clear-padding .btn.btn-warning.footer.last,
    #nb_step6 .large-5.columns.clear-padding .btn.btn-warning.footer.last {
        margin-left: 0;
    }

    #nb_step7 {
        /*margin-left: -7px;*/
    }

    #nb_step2,
    #nb_step5,
    #nb_step4,
    #nb_step3,
    #nb_step6 {
        padding-left: 0;
        /*padding-left: 4px;*/
        /*padding-right: 9px;*/
    }

    .rx-core-select {
        font-size: 1.4rem;
    }

    .btn.btn-warning.footer {
        font-size: 11px !important;
        font-size: 1.1rem !important;
        line-height: 28px !important;
        line-height: 2.8rem !important;
        font-family: "KelsonBold";
        font-weight: normal;
    }
}

/* Medium and up */
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    #step5 {
        padding-left: 0;
    }

    .container.rx-form-container.is-step-7 {
        padding: 0 !important;
    }

    .container.rx-form-container {
        padding: 0 !important;
    }

    #nb_step1 {
        /*padding-left: 19px;*/
    }

    #nb_step1 .large-5.columns.clear-padding .btn.btn-warning.footer.last,
    #nb_step3 .large-5.columns.clear-padding .btn.btn-warning.footer.last,
    #nb_step4 .large-5.columns.clear-padding .btn.btn-warning.footer.last,
    #nb_step6 .large-5.columns.clear-padding .btn.btn-warning.footer.last {
        margin-left: 0;
    }

    #nb_step7 {
        /*margin-left: -7px;*/
    }

    #nb_step2,
    #nb_step5,
    #nb_step4,
    #nb_step3,
    #nb_step6 {
        padding-left: 0;
    }

    .btn.btn-warning.footer {
        font-size: 11px !important;
        font-size: 1.1rem !important;
        line-height: 28px !important;
        line-height: 2.8rem !important;
    }
}

/* Large and up */
/* Large only */
.color_button_border {
    border: 2px solid rgba(0, 0, 0, 0.4);
}

.rx-mini-box .checkboxes {
    padding-left: 18px;
    display: inline-block;
}

.woocommerce span.onsale {
    margin-left: 18px !important;
    margin-top: 13px !important;
    background-color: #d48e31 !important;
    z-index: 9999;
    padding: 0;
    font-size: 1.5em;
}

.product--brand-img {
    margin-top: 5px;
    margin-right: 5px;
}

.product--cost del .woocommerce-Price-amount.amount {
    text-decoration: none !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-size: 20px;
    font-weight: 600;
    color: #d48e31;
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
    font-size: 27px;
    font-weight: 700;
    color: #d48e31;
    margin-left: 5px;
    text-decoration: none;
}

.summary.entry-summary .cart .quantity,
.single_add_to_cart_button.button.alt {
    display: none;
}

.shopping-sum-content .tax-rate span {
    font-size: 12px !important;
    font-size: 1.2rem !important;
    line-height: 18px;
    line-height: 1.8rem;
    color: #333;
}

.container-progressive-lense {
    width: 100%;
    margin-top: -1px;
    display: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.type-progressive-lense {
    width: 100%;
    display: flex;
    flex-flow: column;
    padding: 30px 0;
    background: #fff;
}

.type-progressive-lense .title-type-lense {
    width: 100%;
}

.type-progressive-lense h1,
.type-progressive-lense h2,
.type-progressive-lense h3,
.type-progressive-lense h4,
.type-progressive-lense h5,
.type-progressive-lense h6,
.type-progressive-lense p,
.type-progressive-lense a {
    font-family: "KelsonBold";
}

.type-progressive-lense .title-box {
    color: #646464;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    padding: 22px 10px 5px 15px;
    display: block;
    text-transform: uppercase;
}

.type-progressive-lense .rx-product-description {
    color: #AAAAAA !important;
    font-size: 14px !important;
    line-height: 16px !important;
    padding-left: 15px;
    padding-right: 50px;
}

.type-progressive-lense .dropdown-href:after {
    border-color: #979797 transparent transparent !important;
    right: -6px !important;
}

.type-progressive-lense .selector_tile {
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
}

.type-progressive-lense .progressive-img {
    height: 105px;
    width: 150px;
}

.type-progressive-lense .progressive-img img {
    display: block;
    width: 100%;
    height: 100%;
}

.type-progressive-lense .content-type-of-progress {
    width: 285px;
}

.selector-wrapper .dropdown.menu {
    background-color: #E7E7E7;
    margin: 0 -15px -18px;
}

.selector-wrapper .dropdown.menu .is-dropdown-submenu-parent {
    width: 100%;
    display: block;
    padding: 15px;
}

.selector-wrapper .dropdown.menu .is-dropdown-submenu-parent .dropdown-href {
    padding: 11px 0 11px 11px;
    background: #fff;
    border: 1px solid #979797;
}

.selector-wrapper .dropdown.menu .is-dropdown-submenu-parent .pod-menu-iner {
    width: 100%;
    position: inherit;
}

.selector-wrapper .dropdown.menu .is-dropdown-submenu-parent .pod-menu-iner:hover,
.selector-wrapper .dropdown.menu .is-dropdown-submenu-parent .pod-menu-iner:focus {
    outline: none;
}

.selector-wrapper .dropdown.menu .is-dropdown-submenu-parent .pod-menu-iner li {
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
}

.selector-wrapper .dropdown.menu .is-dropdown-submenu-parent .pod-menu-iner li:hover {
    background-color: #D5CEB7;
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1);
}

.selector-wrapper .dropdown.menu .is-dropdown-submenu-parent .pod-menu-iner .href-pod-menu {
    color: #646464;
    font-size: 14px;
    line-height: 19px;
    padding: 13px 0 13px 34px;
}

.selector-wrapper .dropdown.menu .is-dropdown-submenu-parent .pod-menu-iner .href-pod-menu span {
    font-weight: bold;
}

.selector-wrapper .dropdown.menu:hover,
.selector-wrapper .dropdown.menu:focus {
    outline: none;
}

.selector-wrapper .dropdown-href {
    color: #646464;
    font-size: 16px;
    line-height: 20px;
}

.selector-wrapper .dropdown-href:after {
    border-color: #979797 transparent transparent !important;
    right: 5px !important;
}

#container_premium .selector-wrapper.last .selector_check {
    top: 42px !important;
}

#step1_2_office .rx-product-description {
    font-size: 15px !important;
    line-height: 19px !important;
    padding: 23px 50px 23px 15px;
}

#step1_2_office .rx-product-description span {
    font-weight: bold;
}

.rx-popup-material {
    margin-top: 15px;
    margin-left: 0;
    display: inline-block !important;
    font-size: 18px !important;
    line-height: 23px !important;
    color: #333 !important;
    font-weight: 600 !important;
}

.rx-popup-material_text {
    margin-left: 0;
    display: inline-block !important;
    font-size: 15px !important;
    line-height: 23px !important;
    color: #333 !important;
    font-weight: 400 !important;
    opacity: 0.7;
    font-style: italic;
}

.popup-yes-btn {
    background: #93854d !important;
    color: #fff !important;
    margin-left: -25px;
}

.popup-no-btn {
    margin-left: 25px;
}

.sale-wrapper {
    position: relative;
    background: #fff;
    border: 1px dashed rgba(151, 151, 151, 0.8);
    position: relative;
    overflow: hidden;
    padding: 15px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: nowrap;
    text-align: center;
}

.sale-wrapper .content {
    width: 100%;
}

.sale-wrapper .title-coupon {
    color: #000000;
    font-family: "KelsonBold";
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 15px;
}

.sale-wrapper .sale-in-coupon {
    font-size: 24px;
}

.sale-wrapper .content-coupon {
    opacity: 0.8;
    color: #000000;
    font-family: "Lato";
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
}

.sale-wrapper .btn-container {
    justify-content: center;
    position: relative;
}

.sale-wrapper .tooltiptext {
    position: absolute;
    display: none;
    top: -67%;
    left: 14%;
    width: 70%;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    font-size: 15px;
}

.sale-wrapper .final-total {
    color: #BF3602;
    font-family: "KelsonBold";
    font-size: 18px;
    font-weight: bold;
    line-height: 23px;
    margin-top: 15px;
    margin-bottom: 0;
}

.title-before-coupon {
    text-align: center;
    color: #000000;
    font-family: "KelsonBold";
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 15px;
}

.button-show-container,
.button-hide-container {
    width: 100%;
    border: 1px solid #ccc;
    background: #ffffff;
    text-align: center;
}

.button-show-container .view-packages,
.button-show-container .hide-packages,
.button-hide-container .view-packages,
.button-hide-container .hide-packages {
    font-weight: bold;
    text-align: center;
    font-family: "KelsonBold";
    font-size: 14px;
    line-height: 23px;
    text-transform: uppercase;
    color: #646464;
    padding: 1.25rem 0;
}

.button-show-container:hover,
.button-hide-container:hover {
    border: 1px solid #93854d;
}

.button-show-container:hover .view-packages,
.button-show-container:hover .hide-packages,
.button-hide-container:hover .view-packages,
.button-hide-container:hover .hide-packages {
    color: #93854d;
    outline: none;
}

.button-show-container:hover .view-packages:active,
.button-show-container:hover .view-packages:hover,
.button-show-container:hover .hide-packages:active,
.button-show-container:hover .hide-packages:hover,
.button-hide-container:hover .view-packages:active,
.button-hide-container:hover .view-packages:hover,
.button-hide-container:hover .hide-packages:active,
.button-hide-container:hover .hide-packages:hover {
    outline: none;
}

.button-hide-container {
    display: none;
}

.modalRXpackages {
    display: none;
    top: 0 !important;
    margin: 0 auto;
    background: #fff;
    max-width: 600px;
    padding: 17px;
    position: relative;
}

.modalRXpackages .close {
    position: relative;
    top: 0;
    right: 15px;
    text-align: right;
    font-size: 23px;
    color: #000000;
    transition: all .3s;
    background-color: transparent;
}

.modalRXpackages .description-packages {
    font-size: 18px;
    line-height: 22px;
    color: #262626;
}

.rx-package-free {
    color: #000000;
}

.include-span {
    color: #000000;
    font-weight: bold;
}

#c_coating,
#c_easy_clean,
#c_uv,
#c_scratch {
    height: 32px;
    width: 49%;
    display: inline-block;
    font-size: 12px;
}

li.rx-package-free {
    position: relative;
    padding-left: 40px;
    line-height: 32px;
}

li.rx-package-free:before {
    color: #646464;
    content: "";
    position: absolute;
    padding-right: 10px;
    background: url("../image/Premium-Anti-Glare-glasses.svg");
    background-size: contain;
    height: 32px;
    width: 32px;
    top: 0;
    left: 0;
}

#c_easy_clean li.rx-package-free:before {
    background: url("../image/Easy-Clean-glasses.svg");
}

#c_uv li.rx-package-free:before {
    background: url("../image/UV-glasses.svg");
}

#c_scratch li.rx-package-free:before {
    background: url("../image/Anti-Scratch-glasses.svg");
}

.wrap-free-packages {
    display: none;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.21), inset 0 1px 0 0 rgba(0, 0, 0, 0.2);
    padding: 20px 0px;
    margin: 20px 0;
}

.rx-product-icon {
    display: flex;
    align-items: start;
    width: 158px;
    margin-top: -8px;
    margin-right: -7px;
}

.rx-product-icon img {
    margin-right: 5px;
    width: 35px;
    height: 16px !important;
}

.rx-product-icon:hover {
    cursor: pointer;
}

#c_tint .rx-package-free {
    color: #000000;
    opacity: 1;
    padding-left: 0;
}

#c_tint .rx-package-free:before {
    display: none;
}

.wrap-free-packages.extras-on {
    padding: 0;
    margin: 5px 0 0;
    box-shadow: none;
}

.wrap-free-packages.extras-on #c_easy_clean,
.wrap-free-packages.extras-on #c_coating {
    display: block;
    margin-bottom: 5px;
    width: 100%;
}

.wrap-free-packages.extras-on #include,
.wrap-free-packages.extras-on #c_uv,
.wrap-free-packages.extras-on #c_scratch {
    display: none;
}

.packages-icon {
    width: 50px;
    height: 50px;
}

.brand-icon {
    height: 60px;
    padding-bottom: 30px;
    position: relative;
}

.brand-icon:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 27px;
    width: 218px;
}

.brand-icon.transition-icon:after {
    background: url("../image/Logo_Transition.jpg");
}

.brand-icon.drivewear-icon {
    background: url('../image/transitions_drivewear_color.png');
    background-repeat: no-repeat;
    background-position-y: bottom;
}

.brand-icon.infinite-icon {
    background: url('../image/infinite_gray.png');
    background-repeat: no-repeat;
    background-position-y: bottom;
}

.brand-icon.vantage-icon {
    background: url('../image/transitions_vantage.png');
    background-repeat: no-repeat;
    background-position-y: bottom;
}

.brand-icon.blue-armor-icon:after {
    background: url("../image/BlueArmor.jpg");
    background-repeat: no-repeat;
}

.brand-icon.polarized-icon:after {
    width: 297px;
    background: url("../image/NuPolar.jpg");
}

.brand-icon.clear-icon {
    height: auto;
    padding-bottom: 0;
}

.brand-icon.clear-icon:after {
    display: none;
}

.image-info {
    font-size: 15px;
    line-height: 17px;
    color: #262626;
    font-family: "Lato";
    margin: 0;
}

.popover {
    z-index: 9999;
    position: fixed;
}

.rx-product-info-package {
    font-family: "Lato";
    font-size: 18px;
    line-height: 23px;
    color: #333;
    margin-bottom: 0;
    margin-top: 10px;
}

.tabs-title {
    text-align: center;
    padding-bottom: 1.25rem;
}

.tabs-title .rx-product-name-package {
    text-align: center;
    font-weight: bold;
    text-align: center;
    font-family: "Lato";
    font-size: 14px;
    line-height: 23px;
    text-transform: uppercase;
    color: #646464;
    padding: 1.25rem 0 .5rem;
}

.tabs-title {
    border: 1px solid #ccc;
    font-weight: bold;
    width: 33.333%;
}

.tabs-title > a.rx-product-name-package:focus,
.tabs-title > a.rx-product-name-package:hover,
.tabs-title > a.rx-product-name-package[aria-selected="true"] {
    color: #646464;
    background-color: transparent;
}

.tabs-title:focus,
.tabs-title.is-active {
    background: #e6e6e6;
}

.wrapper-diamond {
    background: #e7e7e7;
    padding: 20px 15px;
    text-align: center;
    margin: 15px 20px 0;
    position: relative;
}

.wrapper-diamond p {
    color: #333333;
    font-size: 16px;
    line-height: 20px;
}

.wrapper-diamond p.title-upgrade {
    font-size: 18px;
}

.wrapper-diamond p.title-upgrade i.fa-check {
    display: none;
    color: #333333;
    font-size: 18px;
}

.wrapper-diamond .diamond-logo {
    position: absolute;
    top: 5px;
    left: 6px;
    height: 30px;
    width: 30px;
}

.wrapper-diamond .content-diamond {
    border: 1px solid #333333;
    padding: 10px;
    min-height: 49px;
    -webkit-appearance: none;
    outline: none;
}

.wrapper-diamond .content-diamond p {
    display: inline-block;
    line-height: 25px;
    margin-bottom: 0;
}

.wrapper-diamond .content-diamond .red-price {
    color: #a00;
    font-weight: bold;
    margin-left: 5px;
}

.wrapper-diamond .content-diamond.active-diamond {
    cursor: pointer;
    outline: none;
    background: rgba(146, 132, 77, 0.3);
    -webkit-appearance: none;
}

.diamond-content img.diamond-logo-order,
.diamond-content img.rush-logo-order {
    margin: 0 10px 7px 0;
}

.rush-logo-order {
    margin: 0 10px 7px 0;
}

@media screen and (max-width: 1079px) {
    .brand-icon {
        height: 75px;
    }

    li.rx-package-free {
        line-height: 16px;
    }
}

@media screen and (max-width: 425px) {
    #step1_2_office .type-progressive-lense .selector_tile .selector_check {
        top: 50%;
    }

    .type-progressive-lense .selector_tile {
        flex-direction: column;
        padding: 0;
    }

    .type-progressive-lense .selector_tile .selector_check {
        top: 82%;
    }

    .type-progressive-lense .selector_tile .rx-product-description {
        padding-bottom: 15px;
    }

    .type-progressive-lense .selector_tile .progressive-img {
        width: 100%;
        height: 220px;
    }

    #step6 .selector_check.selector_check_passive.ong_checkbox,
    #step6 .selector_check.ong_checkbox.option_selected {
        top: unset;
        transform: unset;
    }
}

@media screen and (max-width: 396px) {
    .type-progressive-lense .selector_tile .progressive-img {
        width: 100%;
        height: 189px;
    }

    .rx-product-icon {
        width: 98px;
    }

    .l2_select {
        margin-top: 10px;
    }

    .tabs-title {
        min-height: 115px;
    }

    /*
    .tabs-title:last-child {
        padding-top: 10px;
    }
*/

    .tabs-title .rx-product-name-package {
        padding: 1.25rem 0.3rem !important;
    }

    .rx-packages {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 320px) {
    .type-progressive-lense .selector_tile .progressive-img {
        width: 100%;
        height: 158px;
    }
}

.class {
    display: block;
}

.parent-sale {
    position: absolute;
    width: 80px;
    height: 118px;
    top: 1px;
    left: 6px;
    overflow: hidden;
}

.parent-sale span.onsale {
    margin: 0 !important;
    border-radius: 0;
    z-index: 9;
    padding: 17px 40px 3px;
    transform: rotate(-45deg);
    line-height: 26px;
    top: -6px;
    left: -41px;
    margin: 0;
    background-color: #BF3602 !important;
    color: #fff;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}

.selector-is-on-sale .parent-sale {
    width: 49px;
    height: 49px;
    top: -1px;
    left: -1px;
}

.selector-is-on-sale .parent-sale span.onsale {
    min-height: 20px;
    padding: 12px 40px 2px;
    line-height: 14px;
    top: -4px;
    left: -44px;
    font-size: 12px;
}

.selector-is-on-sale .old-price {
    text-decoration: line-through;
    font-weight: 400;
}

.selector-is-on-sale .new-price {
    color: #d48e31;
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
}

#step7 .rx-product-price {
    color: #999999;
}

.old-price {
    text-decoration: line-through;
    font-weight: 400;
    font-size: 15px;
    color: #999999;
    font-family: "KelsonBold";
}

#rx_ps312_price .old-price {
    display: none;
}

.new-price {
    color: #d48e31;
    font-size: 15px;
    font-weight: bold;
    line-height: 19px;
}

@media only screen and (max-width: 542px) {
    .roundclor .rx-description-packages {
        float: none !important;
        text-align: center;
        padding-top: 10px;
        margin-top: 0px !important;
    }

    .parent-sale {
        left: 16px;
    }
}

.progressive-lens-package-banner {
    background: url("../image/progressive-package/top-picture.jpg") no-repeat center;
    padding: 90px 0;
    text-align: center;
}

.progressive-lens-package-banner .title-banner-progressive {
    color: #fff;
    font-family: "KelsonBold";
    font-size: 24px;
    line-height: 32px;
}

.progressive-lens-package-banner .title-banner-progressive span {
    font-weight: bold;
}

.grey-background {
    background: #f2f2f2;
    padding: 50px 0;
}

.lens-package-wrapper {
    text-align: center;
}

.lens-package-wrapper .title-lens-package {
    color: #333333;
}

.lens-package-wrapper .title-lens-package .title-text {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    font-family: "KelsonBold";
    margin: 0;
    text-transform: uppercase;
}

.lens-package-wrapper .title-lens-package .text-about,
.lens-package-wrapper .title-lens-package .lenses-for,
.lens-package-wrapper .title-lens-package .office-text-info {
    font-family: "Lato";
    font-size: 16px;
    line-height: 30px;
    margin: 0;
}

.lens-package-wrapper .title-lens-package .lenses-for {
    font-weight: bold;
    margin: 15px 0;
}

.lens-package-wrapper .title-lens-package .office-text-info {
    line-height: 22px;
    margin: 30px 0 15px;
}

.lens-package-wrapper .title-lens-package .office-text-info span {
    font-weight: bold;
    text-transform: uppercase;
}

.type-lenses-wrapper,
.office-package-wrapper,
.preferred-design-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.type-lenses-wrapper .lenses-box,
.type-lenses-wrapper .distance-box,
.type-lenses-wrapper .premium-box,
.office-package-wrapper .lenses-box,
.office-package-wrapper .distance-box,
.office-package-wrapper .premium-box,
.preferred-design-wrapper .lenses-box,
.preferred-design-wrapper .distance-box,
.preferred-design-wrapper .premium-box {
    width: 235px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 4px 4px 0 rgba(0, 0, 0, 0.1);
    transition: all .3s;
    margin: 0 15px 25px;
}

.type-lenses-wrapper .lenses-box:hover,
.type-lenses-wrapper .distance-box:hover,
.type-lenses-wrapper .premium-box:hover,
.office-package-wrapper .lenses-box:hover,
.office-package-wrapper .distance-box:hover,
.office-package-wrapper .premium-box:hover,
.preferred-design-wrapper .lenses-box:hover,
.preferred-design-wrapper .distance-box:hover,
.preferred-design-wrapper .premium-box:hover {
    cursor: pointer;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.15), -5px 14px 14px 0 rgba(0, 0, 0, 0.1);
}

.type-lenses-wrapper .lenses-box img,
.type-lenses-wrapper .distance-box img,
.type-lenses-wrapper .premium-box img,
.office-package-wrapper .lenses-box img,
.office-package-wrapper .distance-box img,
.office-package-wrapper .premium-box img,
.preferred-design-wrapper .lenses-box img,
.preferred-design-wrapper .distance-box img,
.preferred-design-wrapper .premium-box img {
    display: block;
    width: 100%;
    height: auto;
}

.type-lenses-wrapper .lenses-box .title-lens,
.type-lenses-wrapper .lenses-box .content-lens,
.type-lenses-wrapper .lenses-box .distance-info,
.type-lenses-wrapper .distance-box .title-lens,
.type-lenses-wrapper .distance-box .content-lens,
.type-lenses-wrapper .distance-box .distance-info,
.type-lenses-wrapper .premium-box .title-lens,
.type-lenses-wrapper .premium-box .content-lens,
.type-lenses-wrapper .premium-box .distance-info,
.office-package-wrapper .lenses-box .title-lens,
.office-package-wrapper .lenses-box .content-lens,
.office-package-wrapper .lenses-box .distance-info,
.office-package-wrapper .distance-box .title-lens,
.office-package-wrapper .distance-box .content-lens,
.office-package-wrapper .distance-box .distance-info,
.office-package-wrapper .premium-box .title-lens,
.office-package-wrapper .premium-box .content-lens,
.office-package-wrapper .premium-box .distance-info,
.preferred-design-wrapper .lenses-box .title-lens,
.preferred-design-wrapper .lenses-box .content-lens,
.preferred-design-wrapper .lenses-box .distance-info,
.preferred-design-wrapper .distance-box .title-lens,
.preferred-design-wrapper .distance-box .content-lens,
.preferred-design-wrapper .distance-box .distance-info,
.preferred-design-wrapper .premium-box .title-lens,
.preferred-design-wrapper .premium-box .content-lens,
.preferred-design-wrapper .premium-box .distance-info {
    color: #333333;
    font-family: "Lato";
    margin: 0;
}

.type-lenses-wrapper .lenses-box .title-lens,
.type-lenses-wrapper .distance-box .title-lens,
.type-lenses-wrapper .premium-box .title-lens,
.office-package-wrapper .lenses-box .title-lens,
.office-package-wrapper .distance-box .title-lens,
.office-package-wrapper .premium-box .title-lens,
.preferred-design-wrapper .lenses-box .title-lens,
.preferred-design-wrapper .distance-box .title-lens,
.preferred-design-wrapper .premium-box .title-lens {
    font-size: 18px;
    font-weight: bold;
    line-height: 23px;
    margin: 20px 0 5px;
}

.type-lenses-wrapper .lenses-box .content-lens,
.type-lenses-wrapper .distance-box .content-lens,
.type-lenses-wrapper .premium-box .content-lens,
.office-package-wrapper .lenses-box .content-lens,
.office-package-wrapper .distance-box .content-lens,
.office-package-wrapper .premium-box .content-lens,
.preferred-design-wrapper .lenses-box .content-lens,
.preferred-design-wrapper .distance-box .content-lens,
.preferred-design-wrapper .premium-box .content-lens {
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    padding: 0 20px 25px;
}

.office-package-wrapper .distance-img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 25px;
}

.office-package-wrapper .distance-box {
    position: relative;
    padding: 23px 33px;
}

.office-package-wrapper .distance-box .distance-info {
    text-align: center;
    padding: 0 15px 20px;
    font-size: 16px;
    line-height: 22px;
}

.office-package-wrapper .distance-box .distance-info span {
    font-weight: bold;
}

.office-package-wrapper .distance-box.green-line:before,
.office-package-wrapper .distance-box.blue-line:before,
.office-package-wrapper .distance-box.red-line:before,
.office-package-wrapper .distance-box.golden-line:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #4B9F51;
}

.office-package-wrapper .distance-box.green-line .distance-info span,
.office-package-wrapper .distance-box.blue-line .distance-info span,
.office-package-wrapper .distance-box.red-line .distance-info span,
.office-package-wrapper .distance-box.golden-line .distance-info span {
    color: #4B9F51;
}

.office-package-wrapper .distance-box.blue-line:before {
    background: #362791;
}

.office-package-wrapper .distance-box.blue-line .distance-info span {
    color: #362791;
}

.office-package-wrapper .distance-box.red-line:before {
    background: #C7332D;
}

.office-package-wrapper .distance-box.red-line .distance-info span {
    color: #C7332D;
}

.office-package-wrapper .distance-box.golden-line:before {
    background: #E29D14;
}

.office-package-wrapper .distance-box.golden-line .distance-info span {
    color: #E29D14;
}

.btn-next-step {
    padding: 10px 11px;
    background-color: #d48e31;
    color: #fff;
    font-family: "KelsonBold";
    font-size: 14px;
    line-height: 19px;
}

.preferred-design-wrapper {
    justify-content: space-around;
    margin-top: 20px;
}

.preferred-design-wrapper .premium-box {
    padding: 30px 28px;
    width: 294px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.preferred-design-wrapper .premium-box .title-premium {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
}

.preferred-design-wrapper .premium-box .info-premium {
    font-size: 16px;
    line-height: 20px;
}

.preferred-design-wrapper .premium-box .price-premium {
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 20px;
}

.preferred-design-wrapper .premium-box .btn-next-step {
    max-width: 198px;
    margin: 0 auto;
}

.lens-packages-wrapper {
    margin-bottom: -20px;
}

@media screen and (max-width: 1035px) {

    .type-lenses-wrapper,
    .office-package-wrapper,
    .preferred-design-wrapper {
        justify-content: space-around;
    }
}

@media screen and (max-width: 768px) {
    .office-package-wrapper .distance-img {
        height: 150px;
    }

    .progressive-lens-package-banner {
        padding: 50px 0;
        background-position: -500px center;
    }
}

@media screen and (max-width: 600px) {
    .office-package-wrapper .distance-img {
        height: 100px;
    }

    .progressive-lens-package-banner .title-banner-progressive {
        font-size: 20px;
        line-height: 28px;
    }
}

@media screen and (max-width: 425px) {
    .progressive-lens-package-banner {
        padding: 40px 0;
    }

    .progressive-lens-package-banner .title-banner-progressive {
        font-size: 16px;
        line-height: 24px;
    }

    .lens-package-wrapper .title-lens-package .title-text {
        font-size: 18px;
        line-height: 26px;
    }
}

.continue-shopping-wrapper {
    background: rgba(232, 232, 232, 0.6);
    border: 1px solid #d6d6d6;
    float: right;
    padding: 20px 15px;
    text-align: center;
}

.continue-shopping-wrapper .continue-shopping-text {
    font-family: "Lato";
    font-size: 18px;
    line-height: 24px;
}

.continue-shopping-wrapper .continue-shopping-text span {
    font-weight: bold;
    font-family: "KelsonBold";
    font-size: 18px;
    line-height: 24px;
}

.continue-shopping-wrapper p.select-text {
    font-family: "Lato";
    font-size: 16px !important;
    line-height: 20px;
    margin: 0;
}

.continue-shopping-wrapper a.btn-gold {
    background: #d48e31;
    color: #fff;
    font-weight: bold;
    font-family: "KelsonBold";
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    border-radius: 0;
    padding: 8px 11px;
    margin: 15px 0;
    transition: all .3s;
    white-space: normal;
    max-height: 36px;
}

.continue-shopping-wrapper a.btn-gold:hover {
    cursor: pointer;
    background: #fff;
    color: #d48e31;
    border: 1px solid #d48e31;
}

.description-lens-package-is-in-the-cart {
    border: 1px solid #919191;
    padding: 0 !important;
    margin-bottom: 20px;
    max-width: 314px;
}

.description-lens-package-is-in-the-cart .box-step-lense,
.description-lens-package-is-in-the-cart .box-step-frame {
    padding: 14px 18px;
}

.description-lens-package-is-in-the-cart .box-step-lense {
    background-color: #F3F3F3;
}

.description-lens-package-is-in-the-cart .description-text,
.description-lens-package-is-in-the-cart .step {
    font-family: "Lato";
    font-size: 14px;
    color: #232222;
    padding: 0;
    font-weight: 300;
    font-style: normal;
    margin: 0;
}

.description-lens-package-is-in-the-cart .description-text span,
.description-lens-package-is-in-the-cart .step span {
    font-weight: bold;
    font-family: "Lato-Bold" !important;
}

.description-lens-package-is-in-the-cart .description-text {
    opacity: .7;
    padding-left: 35px !important;
}

.description-lens-package-is-in-the-cart .step {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.description-lens-package-is-in-the-cart .step .span-step {
    display: inline-block;
    line-height: 18px;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.description-lens-package-is-in-the-cart .step.first span {
    background: #d48e31;
    color: #fff;
    padding: 4px 5px;
}

.description-lens-package-is-in-the-cart .step.second span {
    padding: 4px 8px;
    border: 1px solid #333;
}

#single-product-wrap .secure-icons-wrap.icons-RX {
    margin-top: 60px;
}

@media screen and (max-width: 1025px) {
    .description-lens-package-is-in-the-cart {
        max-width: 343px;
    }
}

@media only screen and (max-width: 640px) {

    .selector_tile.purpose-selector-tile,
    .purpose-selector-tile.border_orange {
        background-image: none !important;
    }

    .container.rx-form-container.is-step-2 .right-eye.rx-eye-name {
        margin-bottom: 0;
        margin-top: 0;
    }

    .container.rx-form-container.is-step-2 .left-eye.rx-eye-name {
        margin-top: 0;
        margin-bottom: 0;
    }

    #package_data {
        margin: 20px 0 0 !important;
    }

    .right-box-order-det_wrap .rx-product-header-order-summary {
        margin-top: 0 !important;
    }

    .rx-product-name.rx-product-name-addition {
        border-bottom: 0;
    }

    .rx-product-name.rx-product-name-segoc {
        border-bottom: 0;
    }

    .rx-product-name.rx-product-name-prism {
        border-bottom: 0;
    }

    .right_eye_od_sec,
    .left_eye_os_sec {
        display: unset;
    }

    .enter-prescription_heading,
    .custom_text_learn_more {
        text-align: center;
    }

    .select_a_lens_package {
        text-align: center;
    }

    .modalRXpackages .close {
        position: fixed;
        top: 0;
        right: 15px;
        width: 100%;
        text-align: right;
        font-size: 23px;
        color: #000000;
        transition: all .3s;
        background-color: #ffffff;
    }

    #glasseson-app.webapp.glasseson.go-fullpage {
        z-index: 111111111;
    }

    h1#progress-step-name.rx-product-header-name.heading-purpose {
        font-size: 1.7rem;
        color: #333333;
    }

    .rx-product-delimiter.heading-purpose {
        font-size: 1.7rem;
        color: #333333;
    }

    .near_pd_sec {
        width: 30%;
    }

    #step150 h1#progress-step-name {
        text-align: center !important;
    }

    h1#progress-step-name {
        margin-top: 0 !important;
    }

    h1#progress-step-name.rx-product-header-name {
        margin-top: 0 !important;
        text-align: center !important;
    }

    ul#example-tabs {
        margin-top: 0 !important;
    }

    .container_prescriptionimage p .popup-rx-tooltip {
        margin-top: 8px;
    }

    .rx-product-name.rx-product-name_mobile {
        float: none;
    }

    .rx-value-name_mobile {
        float: none;
    }

    .label_addition {
        float: none;
    }

    .golden-box.golden-box-mobile {
        border: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    #nb_step2 #back_button {
        display: block !important;
    }

    .additional_heading {
        text-align: left;
        color: #666666;
    }

    p#div_diamond_check_label {
        width: 90%;
    }

    div#diamond {
        background-color: #f7f6f6;
    }

    .commentbox textarea {
        border: 1px solid #ccc !important;
    }

    .custom_diamond_heading {
        background-color: #f7f6f6;
        border: 1px solid #ccc;
        padding: 10px;
        font-family: "Lato-Bold" !important;
        font-weight: bold;
        color: #333333;
    }

    div#diamond .selector_tile {
        border: 1px solid #ccc;
        margin-top: 0;
    }

    .diamond-content {
        font-family: "Lato";
    }

    #frame_title_mobile {
        font-family: "KelsonBold" !important;
        font-weight: bold;
        color: #333333;
    }

    .description-review-order .right-eye-review {
        border-right: 1px solid #000 !important;
    }

    h1.progress-step-name.review_order_heading {
        font-family: "KelsonBold" !important;
        font-weight: bold !important;
        margin-bottom: 10px;
        margin-top: 0;
        text-align: center !important;
    }

    .review_order_desc {
        font-size: 16px !important;
        line-height: 24px !important;
        font-family: "Lato" !important;
        font-weight: normal !important;
        color: #454545 !important;
        margin-bottom: 0;
        text-align: center;
    }

    .review_order_desc_span {
        font-family: "Lato-Bold" !important;
        font-weight: bold !important;
        color: #cb811f !important;
    }

    .description-lens-package-is-in-the-cart {
        max-width: 100%;
    }

    .rx-add-lens-package-top .rx-packages,
    .rx-add-lens-package-top .rx-packages.rx-packages_prescription {
        margin-bottom: -40px;
        margin-top: 30px;
    }

    .rx-add-lens-package-top .rx-packages {
        margin-bottom: -20px;
    }

    .rx-add-lens-package-top .rx-packages .rx-product-delimiter {
        margin-top: 10px;
    }

    .rx_form_btn {
        position: fixed !important;
        bottom: 0 !important;
        z-index: 11111111 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto !important;
        background: #f1efed !important;
        width: 100% !important;
        box-shadow: 0 -6px 10px rgba(0, 0, 0, 0.15);
        overflow: visible;
    }

    .row.middle--row.header--top-menu {
        z-index: 111111111 !important;
    }

    .rx_form_btn .margin-top {
        margin-top: 0;
        border-top: 1px solid #999999;
    }

    /*
    #right-box-order-det {
        position: fixed;
        bottom: 0;
        left: 0;
        background: #ffffff;
        z-index: 10000000;
        width: 100%;
        margin: 0 auto !important;
        padding-bottom: 5.4rem !important;
        border-width: 1px 0 0 0 !important;
    }
    */


    /*CSS for Modal */

    .modal {
        display: none;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
    }

    .modal-content {
        background: #fff;
        margin: 10% auto;
        padding: 20px;
        width: 60%;
        border-radius: 5px;
        text-align: center;
    }

    .close {
        float: right;
        font-size: 24px;
        cursor: pointer;
    }

    .img-down-text {
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
    }

    #accordionContent,
    #accessoriesContent {
        display: none;
        border: 1px solid #cccccc;
        padding: 10px;
        background-color: #f7f6f6;
        margin-bottom: 10px;
    }

    .view-pres-dropdown-but {
        font-size: 14px;
        line-height: 20px;
        color: #000000;
        font-family: "KelsonBold";
        display: block;
        position: relative;
        padding: 10px;
        border: 1px solid #cccccc;
        background-color: #f7f6f6;
    }

    .view-pres-dropdown-but:hover {
        color: #d48e31;
    }

    .view-pres-dropdown-but:active {
        color: #d48e31;
    }

    .view-pres-dropdown-but.active {
        color: #d48e31;
    }

    .review_order_custom {
        margin-bottom: 0;
    }

    .order_review_tick_img {
        margin-right: 10px;
    }


    .mb-right-eye-review {
        border-right: none !important;
    }

    .view-pres-dropdown-but:after {
        position: absolute;
        content: "";
        color: #a9a9a9;
        font-size: 1.5rem !important;
        content: "";
        border: solid #a9a9a9;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 5px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transition: transform 0.2s ease, border-color 0.2s ease, color 0.2s ease;
        right: 10px;
    }

    .view-pres-dropdown-but.active:after {
        transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        bottom: 10px;
        transition: .2s;
        color: #d48e31;
        border-color: #d48e31;
    }

    .view-pres-dropdown-but:hover:after {
        color: #d48e31;
    }

    .view-pres-dropdown-but:active:after {
        color: #d48e31;
    }

    .cart-subtotal {
        font-weight: bold;
        font-size: 16px;
        font-family: 'KelsonBold';
        color: #666666;
        margin-top: 15px;
    }

    #custom_subtotal {
        color: #333333;
    }

    .remaining_amount_text {
        color: #da3d23;
        font-size: 15px;
        font-family: 'Lato';
        font-weight: normal;
    }

    .inc-h3-upg {
        font-size: 14px;
        font-family: 'KelsonBold';
        font-weight: bold;
        color: #333333;
    }

    .inc-h3-inner-div {
        float: unset;
        display: inline-block;
        margin-top: unset;
        margin-right: unset;
        width: 0;
    }

    .custom_premium_anti {
        font-size: 12px;
        font-family: 'Lato';
        font-weight: normal;
    }

    .right_eye_mobile_custom,
    .left_eye_mobile_custom {
        display: flex;
    }

    .left_eye_mobile,
    .right_eye_mobile {
        text-align: left;
        font-family: "Lato-Bold";
    }

    .row_custom_mobile {
        padding: 0 20px;
    }

    #step2 .enter-prescription_sec {
        margin-bottom: 0 !important;
        background-color: transparent;
        padding: 0 20px;
    }

    .read_prescription_custom {
        font-family: "Lato";
        font-weight: normal;
        color: #454545;
        font-size: 14px;
        line-height: 22px;
        text-decoration: underline;
    }

    .prescription-step-too_mobile {
        border: 1px solid #cccccc;
        padding: 0;
        width: 100%;
    }

    .prescription-step-too.prescription-step-too_mobile_center {
        border-right: 0;
        border-left: 0;
    }

    .prescription-step-too.prescription-step-too_border_center {
        border-right: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
    }

    .prescription-step-too.prescription-border_right {
        border-right: 1px solid #cccccc;
    }

    .prescription-step-too_addition {
        border: 1px solid #cccccc;
        padding: 0;
        width: 100%;
    }

    .rx-product-name_mobile {
        padding: 13px 0;
        border-bottom: 1px solid #cccccc;
        background-color: #fffaf4;
    }

    .rx-value-name_mobile {
        padding: 13px 13px;
    }

    .rx-value-name_addition {
        padding: 13px 30px;
    }

    .rx-value-name-segoc {
        padding: 13px 0;
    }

    .rx-value-name-prism {
        padding: 13px 30px;
    }

    .rx-value-name_mobile .rx-core-select {
        width: auto;
    }

    .rx-value-name_addition .rx-core-select {
        width: 100%;
    }

    .prescription-step-too_addition {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .label_addition,
    .value_addition {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .label_addition {
        border-right: 1px solid #cccccc;
        background-color: #fffaf4;
    }

    .prescription-step-too-segoc {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .label_segoc,
    .value_segoc {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .label_segoc {
        border-right: 1px solid #cccccc;
        background-color: #fffaf4;
    }

    .prescription-step-too-prism {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .label_prism,
    .value_prism {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .label_prism {
        border-right: 1px solid #cccccc;
        background-color: #fffaf4;
    }

    .left_eye_mobile,
    .right_eye_mobile {
        color: #333333;
    }

    .PD_sec {
        border: 1px solid #cccccc;
        background-color: #f7f6f6;
    }

    .PD_heading_top {
        border-bottom: 1px solid #cccccc;
        text-align: left;
    }

    .PD_heading {
        text-align: left;
        margin-left: 10px;
        font-family: "Lato-Bold";
        font-weight: bold;
        color: #333333;
    }

    .PD_heading .popup-rx-tooltip {
        margin-top: 8px;
    }

    .custom_prism_checkbox .popup-rx-tooltip {
        margin-top: 6px;
    }

    .custom_prism_value .popup-rx-tooltip {
        margin-top: 6px;
    }

    .rx-product-icon.inc-h3-inner-div .popup-rx-tooltip {
        margin-top: -1px;
        width: 20px;
        height: 20px;
    }

    .container.rx-form-container.is-step-2 .checkboxes label {
        background-color: transparent;
        padding-right: 0;
        margin-right: 0;
    }

    .rx-core-select#pd_1,
    .rx-core-select#pd_2 {
        background-color: transparent;
    }

    #pd .prescription-step-too {
        border: 1px solid #cccccc;
    }

    .container.rx-form-container.is-step-2 .rx-eye-name.custom_prism_wrap {
        flex-direction: column;
        align-items: flex-start;
    }

    .container.rx-form-container.is-step-2 .checkboxes,
    .container.rx-form-container.is-step-2 .rx-eye-name .custom_prism_checkbox {
        text-align: left;
    }

    .prescription-step-too {
        border: 1px solid #cccccc;
    }

    .container.rx-form-container.is-step-2 .rx-eye-name.custom_prism_wrap .custom_prism_value {
        border-bottom: 1px solid #cccccc;
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
        padding-bottom: 10px;
        margin-top: 10px;
        font-family: "Lato-Bold";
        font-weight: bold;
    }

    .right-eye.rx-eye-name p,
    .left-eye.rx-eye-name p {
        font-family: "Lato-Bold";
        font-weight: bold;
        text-align: left;
    }

    .prescription-step-too-wrap.custom_pd_sec {
        margin-left: 11px;
    }

    .pd_left,
    .pd_right,
    .pd_near_text,
    .os_segoc_left,
    .od_segoc_right {
        font-size: 1.6rem;
        font-family: "Lato" !important;
        font-weight: normal !important;
        color: #666666 !important;
        margin-bottom: 5px;
        text-align: center !important;
    }

}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 14pt;
}

.alert-danger .alert-link {
    color: #843534;
}

.alert .alert-link {
    font-weight: 700;
}

#office_distances {
    width: 100%;
    height: auto;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

/*rx_purpose.php */
.selector_image {
    display: none;
    width: 100%;
    height: auto;
}

.selector_purpose .selector_tile,
.selector_purpose .border_orange {
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 110px;
    padding-left: 180px;
    overflow: hidden;
}

#purpose .selector_purpose .selector_tile,
#purpose .selector_purpose .border_orange {
    padding-left: 195px;
}

.progressive-lens-package-banner {
    background: url("../image/progressive-package/top-picture.jpg") no-repeat center;
    padding: 90px 0;
    text-align: center;
}

.progressive-lens-package-banner .title-banner-progressive {
    color: #fff;
    font-family: "KelsonBold";
    font-size: 24px;
    line-height: 32px;
}

.progressive-lens-package-banner .title-banner-progressive span {
    font-weight: bold;
}

.grey-background {
    background: #f2f2f2;
    padding: 50px 0;
}

.lens-package-wrapper {
    text-align: center;
}

.lens-package-wrapper .title-lens-package {
    color: #333333;
}

.lens-package-wrapper .title-lens-package .title-text {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    font-family: "KelsonBold";
    margin: 0;
    text-transform: uppercase;
}

.lens-package-wrapper .title-lens-package .text-about,
.lens-package-wrapper .title-lens-package .lenses-for,
.lens-package-wrapper .title-lens-package .office-text-info {
    font-family: "Lato";
    font-size: 16px;
    line-height: 30px;
    margin: 0;
}

.lens-package-wrapper .title-lens-package .lenses-for {
    font-weight: bold;
    margin: 15px 0;
}

.lens-package-wrapper .title-lens-package .office-text-info {
    line-height: 22px;
    margin: 30px 0 15px;
}

.lens-package-wrapper .title-lens-package .office-text-info span {
    font-weight: bold;
    text-transform: uppercase;
}

.type-lenses-wrapper,
.office-package-wrapper,
.preferred-design-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.type-lenses-wrapper .lenses-box,
.type-lenses-wrapper .distance-box,
.type-lenses-wrapper .premium-box,
.office-package-wrapper .lenses-box,
.office-package-wrapper .distance-box,
.office-package-wrapper .premium-box,
.preferred-design-wrapper .lenses-box,
.preferred-design-wrapper .distance-box,
.preferred-design-wrapper .premium-box {
    width: 235px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 4px 4px 0 rgba(0, 0, 0, 0.1);
    transition: all .3s;
    margin: 0 15px 25px;
}

.type-lenses-wrapper .lenses-box:hover,
.type-lenses-wrapper .distance-box:hover,
.type-lenses-wrapper .premium-box:hover,
.office-package-wrapper .lenses-box:hover,
.office-package-wrapper .distance-box:hover,
.office-package-wrapper .premium-box:hover,
.preferred-design-wrapper .lenses-box:hover,
.preferred-design-wrapper .distance-box:hover,
.preferred-design-wrapper .premium-box:hover {
    cursor: pointer;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.15), -5px 14px 14px 0 rgba(0, 0, 0, 0.1);
}

.type-lenses-wrapper .lenses-box img,
.type-lenses-wrapper .distance-box img,
.type-lenses-wrapper .premium-box img,
.office-package-wrapper .lenses-box img,
.office-package-wrapper .distance-box img,
.office-package-wrapper .premium-box img,
.preferred-design-wrapper .lenses-box img,
.preferred-design-wrapper .distance-box img,
.preferred-design-wrapper .premium-box img {
    display: block;
    width: 100%;
    height: auto;
}

.type-lenses-wrapper .lenses-box .title-lens,
.type-lenses-wrapper .lenses-box .content-lens,
.type-lenses-wrapper .lenses-box .distance-info,
.type-lenses-wrapper .distance-box .title-lens,
.type-lenses-wrapper .distance-box .content-lens,
.type-lenses-wrapper .distance-box .distance-info,
.type-lenses-wrapper .premium-box .title-lens,
.type-lenses-wrapper .premium-box .content-lens,
.type-lenses-wrapper .premium-box .distance-info,
.office-package-wrapper .lenses-box .title-lens,
.office-package-wrapper .lenses-box .content-lens,
.office-package-wrapper .lenses-box .distance-info,
.office-package-wrapper .distance-box .title-lens,
.office-package-wrapper .distance-box .content-lens,
.office-package-wrapper .distance-box .distance-info,
.office-package-wrapper .premium-box .title-lens,
.office-package-wrapper .premium-box .content-lens,
.office-package-wrapper .premium-box .distance-info,
.preferred-design-wrapper .lenses-box .title-lens,
.preferred-design-wrapper .lenses-box .content-lens,
.preferred-design-wrapper .lenses-box .distance-info,
.preferred-design-wrapper .distance-box .title-lens,
.preferred-design-wrapper .distance-box .content-lens,
.preferred-design-wrapper .distance-box .distance-info,
.preferred-design-wrapper .premium-box .title-lens,
.preferred-design-wrapper .premium-box .content-lens,
.preferred-design-wrapper .premium-box .distance-info {
    color: #333333;
    font-family: "Lato";
    margin: 0;
}

.type-lenses-wrapper .lenses-box .title-lens,
.type-lenses-wrapper .distance-box .title-lens,
.type-lenses-wrapper .premium-box .title-lens,
.office-package-wrapper .lenses-box .title-lens,
.office-package-wrapper .distance-box .title-lens,
.office-package-wrapper .premium-box .title-lens,
.preferred-design-wrapper .lenses-box .title-lens,
.preferred-design-wrapper .distance-box .title-lens,
.preferred-design-wrapper .premium-box .title-lens {
    font-size: 18px;
    font-weight: bold;
    line-height: 23px;
    margin: 20px 0 5px;
}

.type-lenses-wrapper .lenses-box .content-lens,
.type-lenses-wrapper .distance-box .content-lens,
.type-lenses-wrapper .premium-box .content-lens,
.office-package-wrapper .lenses-box .content-lens,
.office-package-wrapper .distance-box .content-lens,
.office-package-wrapper .premium-box .content-lens,
.preferred-design-wrapper .lenses-box .content-lens,
.preferred-design-wrapper .distance-box .content-lens,
.preferred-design-wrapper .premium-box .content-lens {
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    padding: 0 20px 25px;
}

.office-package-wrapper .distance-img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 25px;
}

.office-package-wrapper .distance-box {
    position: relative;
    padding: 23px 33px;
}

.office-package-wrapper .distance-box .distance-info {
    text-align: center;
    padding: 0 15px 20px;
    font-size: 16px;
    line-height: 22px;
}

.office-package-wrapper .distance-box .distance-info span {
    font-weight: bold;
}

.office-package-wrapper .distance-box.green-line:before,
.office-package-wrapper .distance-box.blue-line:before,
.office-package-wrapper .distance-box.red-line:before,
.office-package-wrapper .distance-box.golden-line:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #4B9F51;
}

.office-package-wrapper .distance-box.green-line .distance-info span,
.office-package-wrapper .distance-box.blue-line .distance-info span,
.office-package-wrapper .distance-box.red-line .distance-info span,
.office-package-wrapper .distance-box.golden-line .distance-info span {
    color: #4B9F51;
}

.office-package-wrapper .distance-box.blue-line:before {
    background: #362791;
}

.office-package-wrapper .distance-box.blue-line .distance-info span {
    color: #362791;
}

.office-package-wrapper .distance-box.red-line:before {
    background: #C7332D;
}

.office-package-wrapper .distance-box.red-line .distance-info span {
    color: #C7332D;
}

.office-package-wrapper .distance-box.golden-line:before {
    background: #E29D14;
}

.office-package-wrapper .distance-box.golden-line .distance-info span {
    color: #E29D14;
}

.btn-next-step {
    padding: 10px 11px;
    background-color: #d48e31;
    color: #fff;
    font-family: "KelsonBold";
    font-size: 14px;
    line-height: 19px;
}

.preferred-design-wrapper {
    justify-content: space-around;
    margin-top: 20px;
}

.preferred-design-wrapper .premium-box {
    padding: 30px 28px;
    width: 294px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.preferred-design-wrapper .premium-box .title-premium {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
}

.preferred-design-wrapper .premium-box .info-premium {
    font-size: 16px;
    line-height: 20px;
}

.preferred-design-wrapper .premium-box .price-premium {
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 20px;
}

.preferred-design-wrapper .premium-box .btn-next-step {
    max-width: 198px;
    margin: 0 auto;
}

.padding-for-step-6 {
    padding: 0 20px 0 20px;
}

.info-provide-later {
    margin-left: 2rem;
    font-size: 1.6rem;
    margin-top: -1rem;
}

.rx-product-custom-price {
    font-size: 14px;
    font-size: 1.4rem;
}

@media screen and (max-width: 1035px) {

    .type-lenses-wrapper,
    .office-package-wrapper,
    .preferred-design-wrapper {
        justify-content: space-around;
    }
}

@media screen and (max-width: 768px) {
    .info-provide-later {
        margin-left: 0;
    }
    .office-package-wrapper .distance-img {
        height: 150px;
    }

    .progressive-lens-package-banner {
        padding: 50px 0;
        background-position: -500px center;
    }

    .reveal {
        top: 50px !important;
        height: 80vh !important;
        min-height: 80vh !important;
    }

    .close-button,
    .close-button.medium {
        top: 5px !important;
    }
}

@media screen and (max-width: 600px) {
    .office-package-wrapper .distance-img {
        height: 100px;
    }

    .progressive-lens-package-banner .title-banner-progressive {
        font-size: 20px;
        line-height: 28px;
    }
}

@media screen and (max-width: 425px) {
    .progressive-lens-package-banner {
        padding: 40px 0;
    }

    .progressive-lens-package-banner .title-banner-progressive {
        font-size: 16px;
        line-height: 24px;
    }

    .lens-package-wrapper .title-lens-package .title-text {
        font-size: 18px;
        line-height: 26px;
    }

    .selector_tile.purpose-selector-tile,
    .purpose-selector-tile.border_orange {
        background-image: none !important;
    }

    .selector_purpose .selector_tile,
    .selector_purpose .border_orange {
        padding: 7px 7px 5px 165px;
    }

    #div_rdo_purpose_office_tile.selector_tile,
    #div_rdo_purpose_sports_tile.selector_tile {
        padding: 7px 15px 18px;
    }

    .rx-product-description {
        font-size: 1.5rem;
    }

    .rx-product-description .bottom_text_purpose {
        font-size: 1.2rem;
        color: #666666;
    }

    #purpose .selector_purpose .selector_tile,
    #purpose .selector_purpose .border_orange {
        padding-left: 20px;
    }

    .btn.btn-warning.footer,
    .btn.btn-info.footer {
        font-size: 13px !important;
        font-size: 1.3rem !important;
        line-height: 38px !important;
        line-height: 3.8rem !important;
        letter-spacing: 1px !important;
    }
}

.special_pkg_brd {
    border: 1px solid #d48e31 !important;
    outline: none !important;
    box-shadow: 0px 0px 10px #d48e31 !important;
    margin-top: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 15px !important;
}

.special_pkg_b {
    background-color: #d48e31 !important;
    background-image: url('https://www.overnightglasses.com/content/uploads/2024/11/upload-bg.png') !important;
    color: white !important;
}

.btn.btn-warning.footer.special_pkg_b:hover {
    color: #ffffff !important;
    background-color: #d48e31 !important;
}

.special_pkg_b_safari {
    background-color: #d48e31 !important;
    background-image: url('https://www.overnightglasses.com/content/uploads/2024/11/upload-bg.png') !important;
    -webkit-appearance: none !important;
}

.btn.btn-warning.footer.special_pkg_b_safari:hover {
    color: #ffffff !important;
    background-color: #d48e31 !important;
}

#purpose .rx-product-description {
    font-size: 13px !important;
}

/*# sourceMappingURL=rx_style.css.map */
.bigtitle {
    text-transform: uppercase;
    font-family: "KelsonBold" !important;
    font-size: 1.5rem !important;
    color: #d48e31 !important;
    letter-spacing: 0.3em !important;
    text-align: center;
}


.mirror_box {
    display: inline-block;
    margin-left: 3px;
    margin-top: 3px;
    margin-bottom: 2px;
    cursor: pointer;
    border: 1px solid #d48e31;
    padding: 5px;
    background: white;
}

.mirror_box img {
    margin-top: 2px;
}

.mirror_option {
    border: 1px solid #d48e31;
}

.mirror_option .toltip {
    display: none;
}

.roundclor .mirror_option,
.roundclor .selector_option,
.roundclor .active_mirror,
.roundclor .not_active_mirror {
    display: inline-block;
    border: 1px solid #d48e31;
    width: 2.5em !important;
    overflow: hidden;
    height: 2.5em;
    border-radius: 50%;
    margin: 8px 4px;
    text-indent: -9999px;
    white-space: nowrap;
    font-size: 14px !important;
}

.not_active_mirror {
    border: 1px solid #d48e31;
}

.roundclor .active_mirror {
    border: 2px solid #d48e31;
}

.active_mirror {
    border: 2px solid #d48e31;
}

.roundclor .not_active_mirror {
    border: 1px solid #d48e31;
}

.mirror_box.selection_option.not_active_mirror {
    border: 1px solid #d48e31;
}

.mirror_box.selection_option.active_mirror {
    border: 2px solid #d48e31;
}

.roundclor .rx-description-packages {
    float: left;
    margin-right: 10px;
    text-transform: uppercase;
    color: #000000;
    margin-top: 0px;
    line-height: 1.6em;
    margin: 8px;
    font-size: 14px;
}


#tint_options_template .rx-description-packages,
#tint_options_template.roundclor .rx-description-packages {
    float: none;
    padding-top: 10px;
    margin-top: 0;
}

#tint_options_template {
    text-align: center;
}

div.tinttitle {
    background-color: #404040;
    text-align: center;
    position: relative;
    color: #ffffff;
    letter-spacing: 1px;
    font-family: "Kelson";
    line-height: 40px;
    font-size: 1.4em;
}


div.newbox:before {
    content: "NEW";
    position: absolute;
    line-height: 20px;
    top: 10px;
    left: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #BF3602;
    color: #fff;
    border-radius: 2px;
    font-family: "Kelson";
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased;

}

.rx_tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    /* If you want dots under the hoverable text */
    overflow: initial !important;
    text-indent: 0px !important;
}

/* Tooltip text */
.rx_tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    text-transform: capitalize;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 10567;
    left: -47px;
    top: 30px;
}

#tint_color_brown1.rx_tooltip .tooltiptext,
#tint_color_brown.rx_tooltip .tooltiptext,
#tint_color_gray1.rx_tooltip .tooltiptext,
#tint_color_gray.rx_tooltip .tooltiptext,
#emerald.rx_tooltip .tooltiptext,
#amber.rx_tooltip .tooltiptext,
#ruby.rx_tooltip .tooltiptext {
    width: 60px;
    left: -14px;
}

#amethyst.rx_tooltip .tooltiptext,
#sapphire.rx_tooltip .tooltiptext {
    width: 70px;
    left: -20px;
}

#tint_gradient_color_blue.rx_tooltip .tooltiptext,
#tint_gradient_color_gold.rx_tooltip .tooltiptext,
#tint_gradient_color_gray.rx_tooltip .tooltiptext {
    width: 100px;
    left: -26px;
}

#tint_color_outdoors.rx_tooltip .tooltiptext,
#tint_color_indoors.rx_tooltip .tooltiptext {
    width: 80px;
    left: -22px;
}


/* Show the tooltip text when you mouse over the tooltip container */
.rx_tooltip:hover .tooltiptext {
    visibility: visible;
}

/* arrow */
.rx_tooltip:hover .tooltiptext:before {
    left: 58px;
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    top: 0;
    border-width: 3px 0px 0px 3px;
    border-color: #000;
    background-color: #000;
    position: absolute;
    content: "";
    border-style: solid;
    transform: rotate(45deg);
    top: -5px;
    z-index: 10568;
}

#tint_color_brown1.rx_tooltip:hover .tooltiptext:before,
#tint_color_brown.rx_tooltip:hover .tooltiptext:before,
#tint_color_gray1.rx_tooltip:hover .tooltiptext:before,
#tint_color_gray.rx_tooltip:hover .tooltiptext:before,
#emerald.rx_tooltip:hover .tooltiptext:before,
#amber.rx_tooltip:hover .tooltiptext:before,
#ruby.rx_tooltip:hover .tooltiptext:before {
    left: 26px;
}

#amethyst.rx_tooltip:hover .tooltiptext:before,
#sapphire.rx_tooltip:hover .tooltiptext:before {
    left: 30px;
}

#tint_gradient_color_blue.rx_tooltip:hover .tooltiptext:before,
#tint_gradient_color_gold.rx_tooltip:hover .tooltiptext:before,
#tint_gradient_color_gray.rx_tooltip:hover .tooltiptext:before {
    left: 38px;
}

#tint_color_outdoors.rx_tooltip:hover .tooltiptext:before,
#tint_color_indoors.rx_tooltip:hover .tooltiptext:before {
    left: 34px;
}

.select_a_lens_package {
    font-family: 'Kelson';
}

#c_discount div.float-left {
    font-family: 'KelsonBold';
}

.custom_learn_more_step_2 {
    font-family: 'KelsonBold';
    font-weight: bold;
}

h1#progress-step-name,
.progress-step-name {
    font-family: 'Kelson' !important;
    font-size: 2rem;
    text-align: left !important;
}

h1#progress-step-name.rx-product-header-name.heading-purpose {
    font-size: 1.7rem;
    color: #333333;
}

.rx-product-delimiter.heading-purpose {
    font-size: 1.7rem;
    color: #333333;
}

.custom_all_lens_packages {
    font-family: 'Lato' !important;
    border-bottom: 1px solid #d48e31;
    margin-bottom: 5px;
    font-weight: 500;
    padding-bottom: 10px;
}

.enter-prescription_sec {
    background-color: #eaeaea;
    color: #000000;
    padding: 20px;
    font-family: 'Lato';
    margin-bottom: 20px !important;
}

.enter-prescription_heading {
    font-family: 'Lato';
    font-size: 16px;
}

.custom_text_learn_more {
    color: #333333;
    font-size: 16px;
    line-height: 1.6;
    font-weight: normal;
    font-family: 'Lato';
}

.custom_learn_more_step_2 {
    color: #d48e31;
    font-size: 16px;
}

.custom_learn_more_step_2:hover,
.custom_learn_more_step_2:active,
.custom_learn_more_step_2:focus {
    color: #d48e31;
}

/* Preview lens colors when selecting lens packages */
#preview-lens.preview-lens {
    position: relative;
    width: 100%;
    height: 100%;
}

#preview-lens.preview-lens .background-image {
    width: 100%;
    height: 100%;
}

#preview-lens.preview-lens > .preview_frame {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: 200;
}

#preview-lens.preview-lens .preview_lens_color {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 98%;
    min-height: 98%;
    z-index: 100;
}

#preview-lens.preview-lens .preview_frame > img {
    min-width: 100%;
    min-height: 100%;
}

.animate-flicker {
    animation: flickerAnimation 4s linear infinite;
}

@keyframes flickerAnimation {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}

#free_shipping.rx-product-header-name {
    font-family: 'Lato' !important;
}