/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.slider__arrow___3tHSH {
        border: none;
        cursor: pointer;
        width: 15px;
        height: 100%;
    }

.slider__arrow___3tHSH::before {
            content: "";
            position: absolute;
            border: 5px solid transparent;
            border-right: 11px solid #6b6b6b;
            display: block;
            width: 0;
            height: 0;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
        }

.slider__arrowNext___2kll_ {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.tryonSlider__tryonSliderV___3Icuc .tryonSlider__selectedFrame___ykov2 {
            margin: 90px 0 0;
            background: none;
            position: relative;
            padding: 3px 0 4px;
            width: 50px;
            height: 63px;
        }

.tryonSlider__tryonSliderV___3Icuc .tryonSlider__selectedFrame___ykov2::before, .tryonSlider__tryonSliderV___3Icuc .tryonSlider__selectedFrame___ykov2::after {
                content: '';
                width: 50px;
                height: 1px;
                bottom: 0;
                background: #747d83;
                display: block;
                position: absolute;
            }

.tryonSlider__tryonSliderV___3Icuc .tryonSlider__selectedFrame___ykov2::after {
                bottom: -1px;
                background: #d8d8d8;
            }

.tryonSlider__tryonSliderV___3Icuc .tryonSlider__frameSet___nr-fO {
            position: relative;
            white-space: nowrap;
            cursor: pointer;
        }

.tryonSlider__tryonSliderV___3Icuc .tryonSlider__frame___hcQ53 {
            cursor: pointer;
            padding: 3px 0;
            width: 50px;
            height: 63px;
            opacity: .6;
            border: 0;
            background: transparent;
            outline: none;
        }

.tryonSlider__tryonSliderV___3Icuc .tryonSlider__frame___hcQ53:focus {
                outline: none;
            }

.tryonSlider__tryonSliderV___3Icuc .tryonSlider__frame___hcQ53:hover {
                opacity: 1;
            }

.tryonSlider__tryonSlider___2Iuki {
        float: left;
        margin-left: 13px;
    }

.tryonSlider__tryonSlider___2Iuki .tryonSlider__separator___3MsA6 {
            float: left;
            width: 3px;
            height: 50px;
            margin: 0 4px;
            background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/69a436170c2c75e5dddbfee4a4bedf24.png) no-repeat right 2px;
        }

.tryonSlider__tryonSlider___2Iuki .tryonSlider__selectedPhoto___2y8mR {
            opacity: 1;
            float: left;
        }

.tryonSlider__tryonSlider___2Iuki .tryonSlider__sliderWrapper___fJIdd {
            width: 150px;
            float: left;
        }

.tryonSlider__tryonSlider___2Iuki .tryonSlider__sliderItem___2Ei_Z {
            opacity: .6;
            border: 0;
            background: transparent;
            outline: none;
        }

.tryonSlider__tryonSlider___2Iuki .tryonSlider__sliderItem___2Ei_Z:focus {
                outline: none;
            }

.tryonSlider__tryonSlider___2Iuki .tryonSlider__sliderItem___2Ei_Z:hover {
                opacity: 1;
            }

.tryonSlider__tryonSlider___2Iuki .tryonSlider__photoFrame___26SWH {
            cursor: pointer;
            padding: 0 5px;
        }

.tryonSlider__tryonSlider___2Iuki .tryonSlider__photo___1o-FS {
            width: 38px;
            height: 49px;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.header__header___3-qnI {
        border-bottom: 1px solid #d8d8d8;
        background: #fff;
        height: 55px;
        position: fixed;
        -webkit-transition: height 200ms linear;
        transition: height 200ms linear;
        width: 930px;
        z-index: 110;
    }

.header__header_open___3LXvd {
            height: 110px;
        }

.header__header_open___3LXvd .header__title___3sw-0 {
                border-color: #d8d8d8;
            }

.header__header_open___3LXvd .header__toolbar___3DtRt {
                right: 0;
                width: 565px;
            }

.header__header_blocked___3g-uE .header__toolbar___3DtRt {
                display: none;
            }

.header__title___3sw-0 {
        color: #23aae2;
        font: normal 36px/55px Roboto, Arial, sans-serif;
        height: 55px;
        letter-spacing: .1em;
        -webkit-transition: 200ms border-color linear;
        transition: 200ms border-color linear;
    }

.header__buttonClose___2TyFq {
        color: #6cf;
        cursor: pointer;
        font: normal 10px/14px Roboto, Arial, sans-serif;
        height: 40px;
        letter-spacing: .18em;
        position: absolute;
        right: 0;
        text-transform: uppercase;
        text-decoration: underline;
        text-align: center;
        top: 13px;
        width: 40px;
    }

.header__buttonClose___2TyFq:hover {
            color: #2186c0;
        }

.header__picksCount___UMl6m {
        color: #8d8d8d;
        display: inline-block;
        font: italic 16px/1 Georgia;
        letter-spacing: .16em;
        vertical-align: middle;
    }

.header__toolbar___3DtRt {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        bottom: 0;
        position: absolute;
        right: 50px;
        -webkit-transition: all 200ms linear;
        transition: all 200ms linear;
        width: 515px;
        height: 55px;
        padding-top: 10px;
    }

.header__toolbarButtons___3-_RX {
        padding: 0;
        font-size: 0;
        left: auto;
        position: relative;
        width: 200px;
    }

.header__toolbarBtn___10xCu {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        height: 19px;
        margin: 0 10px;
        position: relative;
        width: 52px;
    }

.header__toolbarBtn_front___2ecom {
            background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/fbbca942924d5096ff6cf095e5067f06.png) no-repeat;
            width: 31px;
        }

.header__toolbarBtn_front___2ecom.header__active___3YYmK, .header__toolbarBtn_front___2ecom:hover {
                background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/2f6856687a2fa2fc138f79826960182b.png) no-repeat;
            }

.header__toolbarBtn_diagonal___21eHY {
            background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/7deea43172cea438888caef152821e59.png) no-repeat;
        }

.header__toolbarBtn_diagonal___21eHY.header__active___3YYmK, .header__toolbarBtn_diagonal___21eHY:hover {
                background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/fa23a6f03d2c988d5b0aad33f38cc33d.png) no-repeat;
            }

.header__toolbarBtn_tryon___29RM9 {
            background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/485c710f757677b4b53bfc8ade3355b5.png) no-repeat;
            height: 27px;
            width: 27px;
        }

.header__toolbarBtn_tryon___29RM9.header__active___3YYmK, .header__toolbarBtn_tryon___29RM9:hover {
                background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/3edd5325083883390ae97a9197a852e5.png) no-repeat;
            }

.header__tooltip___cEIj3 {
        background-color: #fff;
        -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
                box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
        height: 27px;
        line-height: 27px;
        position: absolute;
        right: -40px;
        text-align: center;
        top: 0;
        vertical-align: middle;
        width: 42px;
        z-index: 20;
    }

.header__tooltip___cEIj3 .header__tooltipArrow___2C5R9 {
            background-color: #fff;
            -webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
                    box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
            height: 6px;
            left: -3px;
            margin-top: -3px;
            position: absolute;
            top: 50%;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
            width: 6px;
        }

.header__tooltip___cEIj3 .header__tooltipTitle___20vqa {
            color: #2d2d2d;
            font-size: 11px;
        }

.header__slider___318rt {
        position: absolute;
        right: 0;
        top: 0;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.tab__signInBtn___2V9Yu, .tab__link___3xHd3 {
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font: 700 12px/38px Roboto, Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    width: 150px;
    letter-spacing: .18em;
    border: none;
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms;
}

.tab__hide___30usd {
        display: none;
    }

.tab__guest___3HJxy {
        background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/bb0c96104058c07a4cd5ebde7bae28b2.png) center no-repeat;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        height: 380px;
        margin-top: 55px;
    }

.tab__title___nYFUI {
        color: #23aae2;
        font: normal 54px/56px Roboto, Arial, sans-serif;
        letter-spacing: .08em;
        margin: 130px 0 15px;
        text-align: center;
    }

.tab__subtitle___GE5kf {
        color: #8d8d8d;
        font: italic 22px/36px Georgia;
        letter-spacing: .08em;
        margin-bottom: 40px;
        text-align: center;
    }

.tab__icon___Dj9Cf {
        background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/0105925e582a8469690c4d134fa29644.png) no-repeat;
        display: inline-block;
        height: 18px;
        margin: 0 5px;
        position: relative;
        top: 2px;
        width: 22px;
    }

.tab__buttons___2nt1- {
        position: relative;
        width: 325px;
        margin: 0 auto;
        text-align: center;
    }

.tab__notice___2tvTp {
        font-size: 13px;
        line-height: 21px;
        margin-bottom: 5px;
        color: #6d6d6d;
    }

.tab__signInBtn___2V9Yu {

        background-color: #6cf;
        color: #fff;
    }

.tab__signInBtn___2V9Yu:hover {
            background-color: #2186c0;
        }

.tab__linksContainer___wNkLP {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

.tab__link___3xHd3 {

        line-height: 32px;
        color: #23aae2;
        border: 3px solid #6cf;
        background-color: #fff;
    }

.tab__link___3xHd3:hover {
            background-color: #edf5f5;
        }

.mypicks-tab-data {
    margin-top: 125px;
}

.mypicks-tab-data .mypicks-manage-buttons {
        margin: 10px 0 20px;
    }

.mypicks-tab-data .mypicks-manage-buttons .spoiler-description-details {
            border-bottom: 1px solid;
            color: #6cf;
            cursor: pointer;
            font: italic 12px/19px Georgia;
            float: left;
            text-transform: lowercase;
            letter-spacing: .12em;
        }

.mypicks-tab-data .mypicks-manage-buttons .spoiler-description-details:hover {
                color: #2186c0;
            }

.mypicks-tab-data .mypicks-manage-buttons .spoiler-description-details.collapsed::before {
                content: '+ ';
            }

.mypicks-tab-data .mypicks-manage-buttons .spoiler-description-details.expanded::before {
                content: '− ';
            }

.mypicks-tab-data .mypicks-manage-buttons .button-clear-all {
            border-bottom: 1px solid;
            color: #8d8d8d;
            cursor: pointer;
            float: right;
            font: normal 14px/19px Roboto, Arial, sans-serif;
            letter-spacing: .16em;
        }

.mypicks-tab-data .mypicks-manage-buttons.button-detailed-view {
            background-color: #6cf;
            color: #fff;
            cursor: pointer;
            font: normal 16px/40px Roboto, Arial, sans-serif;
            margin: 35px 0 0;
            text-align: center;
            letter-spacing: .08em;
        }

.mypicks-tab-data .mypicks-manage-buttons.button-detailed-view:hover {
                background-color: #2186c0;
            }

.mypicks-tab-data .mypicks-manage-buttons.button-detailed-view .triangle::after {
                bottom: 7px;
                border: 6px solid rgba(0, 0, 0, 0);
                border-top: 10px solid #fff;
                content: '';
                position: absolute;
                right: 360px;
            }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.faceImage__faceImage___xIui- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.faceImage__wrapper___7DDJm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.faceImage__wrapFaceFrame___2D9WU {
    position: relative;
}

.faceImage__wrapFaceFrame___2D9WU.faceImage__loading___xTII8 {
        opacity: 0;
    }

.faceImage__face___Kiyx5 {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.faceImage__frame___286K9 {
    position: absolute;
    z-index: 10;
}

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.item__itemMyPicks___17nli {
        float: left;
        margin: 0 30px 70px;
        position: relative;
        width: 270px;
    }

.item__itemMyPicks___17nli:nth-child(3n+1) {
            margin-left: 0;
        }

.item__itemMyPicks___17nli:nth-child(3n) {
            margin-right: 0;
        }

.item__itemMyPicks___17nli:hover .item__thumbHover___3oAvl {
                display: block;
            }

.item__itemMyPicks___17nli:hover .item__thumbBase___2TYHc {
                display: none;
            }

.item__itemMyPicks___17nli:hover .item__cellButton___22bxp {
                display: block;
            }

.item__thumbHover___3oAvl {
        display: none;
    }

.item__thumbBase___2TYHc {
        display: block;
    }

.item__cellButton___22bxp {
        bottom: 6px;
        display: none;
        left: 0;
        position: absolute;
        right: 0;
    }

.item__imageBlock___3y_iy {
        position: relative;
        text-align: center;
        padding-bottom: 40px;
    }

.item__removeBtn___36nRM {
        background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/0735d75f1d7251fbccce9056aff89810.png);
        cursor: pointer;
        height: 11px;
        position: absolute;
        right: 0;
        top: 0;
        width: 9px;
        z-index: 10;
    }

.item__outOfStock___1qUED {
        background-color: #c5e5f1;
        color: #3eabbf;
        font: normal 11px/16px Roboto, Arial, sans-serif;
        letter-spacing: .16em;
        position: absolute;
        text-transform: uppercase;
        text-align: center;
        top: -2px;
        width: 130px;
    }

.item__name___BMlev {
        color: #1c1c1c;
        display: block;
        font: bold 13px/23px Roboto, Arial, sans-serif;
        letter-spacing: .16em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.item__itemPrice___TvvUA.item__itemPriceRevert___1JEc0 .price-box {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: baseline;
                        -ms-flex-align: baseline;
                            align-items: baseline;
                }

.item__itemPrice___TvvUA.item__itemPriceRevert___1JEc0 .special-price {
                    -webkit-box-ordinal-group: 3;
                        -ms-flex-order: 2;
                            order: 2;
                    margin-right: 6px;
                }

.item__itemPrice___TvvUA.item__itemPriceRevert___1JEc0 .old-price {
                    -webkit-box-ordinal-group: 2;
                        -ms-flex-order: 1;
                            order: 1;
                    margin-right: 6px;
                }

.item__itemPrice___TvvUA.item__itemPriceRevert___1JEc0 .including-lences {
                    -webkit-box-ordinal-group: 4;
                        -ms-flex-order: 3;
                            order: 3;
                }

/* Backend content */

.item__itemPrice___TvvUA .total-price {
                display: none;
            }

.item__itemPrice___TvvUA .price {
                color: #23aae2;
                float: none;
                font: bold 13px/23px Roboto, Arial, sans-serif;
                letter-spacing: .16em;
            }

.item__itemPrice___TvvUA .special-price .price {
                color: #ff910f;
            }

.item__itemPrice___TvvUA .old-price .price {
                color: #8d8d8d;
                text-decoration: line-through;
            }

.item__itemPrice___TvvUA .including-lences {
                color: #8d8d8d;
                display: inline-block;
                font: italic 12px/19px Georgia;
                letter-spacing: .08em;
                margin-top: 5px;
            }

.item__itemPrice___TvvUA .price-label {
                color: #23aae2;
            }

.item__itemPrice___TvvUA .price-label._black {
                    color: #000;
                }

.item__quickLookButton___Y9hEC {
        background: #efefef;
        border: 1px solid #eae9e5;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        cursor: pointer;
        display: inline-block;
        font: 10px/17px Roboto, Arial, sans-serif;
        height: 23px;
        margin-right: 7px;
        padding: 2px 1px;
        vertical-align: middle;
        width: 92px;
    }

.item__quickLookButton___Y9hEC:hover {
            border-color: #8d8d8d;
        }

.item__selectLensButton___1jyNN {
        background: #ff6c00;
        border: 1px solid transparent;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 10px;
        height: 23px;
        line-height: 17px;
        letter-spacing: .1em;
        padding: 2px 1px;
        vertical-align: middle;
        width: 92px;
    }

.item__selectLensButton___1jyNN:hover {
            border-color: #891600;
        }

.item__image___12DHD {
        margin-top: 20px;
        position: relative;
    }

.item__mirrorImage___3qBQG {
        position: relative;
    }

.item__mirrorGlasses___hr9dK {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 200px;
    }

.item__options___2mlmO {
        position: absolute;
        right: 0;
        top: 247px;
        width: 95px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.item__lensType___3Ojq4 {
        background: #efefef;
        color: #c8c8c8;
        float: left;
        height: 13px;
        width: 19px;
    }

.item__lensType___3Ojq4::before {
            content: 'Pr.';
            display: block;
            font-size: 11px;
            height: 100%;
            line-height: 13px;
            text-align: center;
            width: 100%;
        }

.item__lensType___3Ojq4.item__active___1hQPh {
            background-color: #23aae2;
            color: #fff;
        }

.item__lensType___3Ojq4.item__sunglasses___3lIJc {
            background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/4879173a157bc01c1dcc4a67a52f315d.png) -3px -22px no-repeat;
        }

.item__lensType___3Ojq4.item__sunglasses___3lIJc::before {
                display: none;
            }

.item__lensType___3Ojq4.item__sunglasses___3lIJc.item__active___1hQPh {
                background-position: -3px -4px;
            }

.item__sizesBlock___a2tgP {
        position: relative;
    }

.item__sizeItem___1eifb {
        background: #efefef;
        float: left;
        height: 13px;
        margin: 0 2px;
        width: 15px;
    }

.item__sizeItem___1eifb::before {
            content: ' ';
            display: block;
            font-size: 10px;
            line-height: 13px;
            text-align: center;
            text-transform: uppercase;
            width: 100%;
        }

.item__sizeItem___1eifb.item__active___1hQPh {
            background-color: #23aae2;
            color: #fff;
        }

.item__sizeItem___1eifb:last-child {
            margin-right: 0;
        }

.item__sizeItem___1eifb.item__small___3WhCn::before {
                content: 's';
            }

.item__sizeItem___1eifb.item__medium___3XNAV::before {
                content: 'm';
            }

.item__sizeItem___1eifb.item__large___39_tF::before {
                content: 'l';
            }

.item__sizeItem___1eifb.item__xLarge___DhiY8::before {
                content: 'xl';
            }

.item__hidden___3WrJD {
        display: none;
    }

.item__details___3SGLt {
        background-color: #eef0f3;
        color: #1c1c1c;
        display: none;
        font: normal 12px/27px Roboto, Arial, sans-serif;
        margin-top: 35px;
        padding: 15px;
        text-transform: uppercase;
        letter-spacing: .18em;
    }

.item__details___3SGLt.item__show___3sO_d {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        }

.item__detailsTitle___3B1QZ {
        width: 50%;
        margin: 0;
    }

.item__detailsValue___1jj3O {
        color: #6d6d6d;
        overflow: hidden;
        white-space: nowrap;
        width: 50%;
        margin: 0;
    }

.mirror-products .item__options___2mlmO {
                top: 430px;
            }

.mirror-products .item__imageBlock___3y_iy {
                padding-bottom: 0;
                margin-bottom: 5px;
            }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.data__mypicksManageButtons___2-q0e {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 10px 0 20px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

.data__myPicksProducts___3lZKn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

.data__spoilerDescription___7n6bx {
        border-bottom: 1px solid;
        color: #6cf;
        cursor: pointer;
        font-size: 12px;
        line-height: 19px;
        font-style: italic;
        font-family: Georgia;
        text-transform: lowercase;
        letter-spacing: .12em;
    }

.data__buttonClear___3hJA- {
        border-bottom: 1px solid;
        color: #8d8d8d;
        cursor: pointer;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: .16em;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.mypicks-no-scrollbar-y {
    overflow: hidden;
}

.mypicks-no-scrollbar-y .base-width-hor-align, .mypicks-no-scrollbar-y .top-strip {
        padding-right: 15px;
    }

.mypicks-tab-container-wrapper {
    display: none;
    position: fixed;
    top: 35px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: calc(100 + 14);
    overflow-y: scroll;
    background-color: rgba(255, 255, 255, 0.95);
}

.mypicks-tab-container-wrapper.active {
        display: block;
    }

.mypicks-tab-container-wrapper.active .products-listing {
            position: relative;
        }

.mypicks-tab-container-wrapper.active .viewport {
            width: 930px;
            overflow: hidden;
        }

.flag-sticky .mypicks-tab-container-wrapper, .checkout-header .mypicks-tab-container-wrapper {
        top: 35px;
    }

.mypicks-tab-container-wrapper.active {
    display: block;
}

.mypicks-tab-container {
    background-color: #fff;
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.32);
            box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.32);
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    left: 50%;
    margin-left: -485px;
    min-height: 300px;
    position: absolute;
    padding: 0 20px;
    margin-bottom: 80px;
    width: 930px;
    z-index: 1000;
}

.mypicks-tab-container.loading {
        background: #fff url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/203d1199e7aef04c0a347a0502248ee8.gif) 50% 50% no-repeat;
    }

.mypicks-tab-container.loading .mypicks-manage-buttons {
            display: none;
        }

.mypicks-tab-container .buttons {
        margin: 0 auto;
        position: relative;
        text-align: center;
        width: 325px;
    }

.mypicks-button {
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font: bold 12px/38px Roboto, Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    width: 150px;

    letter-spacing: (180 / 1000) + em;
}

.mypicks-button.talign-center {
        margin: 0 auto;
    }

.mypicks-button.small {
        width: 100px;
        line-height: 30px;
    }

.mypicks-button.mini {
        font-size: 9px;
        line-height: 25px;
        width: 85px;

        letter-spacing: (100 / 1000) + em;
    }

.mypicks-button.blue {
        background-color: #6cf;
        color: #fff;
    }

.mypicks-button.blue:hover {
            background-color: #23aae2;
        }

.mypicks-button.transparent {
        line-height: 34px;
        color: #3fabe6;
        border: 2px solid #6cf;
    }

.mypicks-button.transparent.small {
            line-height: 26px;
        }

.mypicks-button.transparent.mini {
            line-height: 21px;
        }

.mypicks-button.transparent:hover {
            background-color: #efefef;
        }

.mypicks-button.white {
        line-height: 32px;
        color: #3fabe6;
        border: 3px solid #6cf;
        background-color: #fff;
    }

.mypicks-button.white.small {
            line-height: 26px;
        }

.mypicks-button.white.mini {
            line-height: 21px;
        }

.mypicks-button.white:hover {
            background-color: #edf5f5;
        }

.mypicks-clear-all-confirm {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 140px;
    margin: 20px 0;
    border: 1px solid #6cf;
    background-color: #edf5f5;
}

.mypicks-clear-all-confirm .title {
        margin: 25px 0 20px;
        font: normal 21px/27px Roboto, Arial, sans-serif;
        color: #3fabe6;
        text-align: center;

        letter-spacing: (100 / 1000) + em;
    }

.product_list.try-on-view .product-item-container .product-mypicks-link {
        right: 0;
    }

.product_list .product-item-container .simple-product.active:hover .product-mypicks-link {
        display: block;
    }

.product-container .product-mypicks-link {
    right: 2px;
    z-index: 20;
    position: absolute;
}

.product-container .product-mypicks-link .mypicks-heart {
        width: 22px;
        height: 18px;
        background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/0105925e582a8469690c4d134fa29644.png);
    }

.product-container .product-mypicks-link .mypicks-heart:hover, .product-container .product-mypicks-link .mypicks-heart.selected {
            background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/833d9c098b96d24f9da15f86d751b32d.png);
            margin-top: 0;
        }

.product-container .product-mypicks-link .tooltip::before, .product-container .product-mypicks-link .tooltip::after {
            right: 9px;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.stars__ratings___1hbAQ {
        color: #8d8d8d;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

.stars__withNumber___1bY1f {
        color: #128fcc;
        font-size: 22px;
        padding-right: 10px;
        vertical-align: middle;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.baseIcon__container___2uiwq {
        pointer-events: none;
        fill: currentColor;
        stroke: currentColor;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.customersWhoViewed__similarFrames___3OgcG {
        border-top: 1px solid #eae9e5;
        margin-top: 30px;
        text-align: center;
    }

.customersWhoViewed__title___1X1Ed {
        background: #fff;
        color: #23aae2;
        display: inline-block;
        font-size: 16px;
        margin-bottom: 15px;
        top: -10px;
        padding: 0 20px;
        position: relative;
    }

.customersWhoViewed__thumb___3Jae0 {
        border: none;
        padding: 0;
        background: none;
        border-right: 1px solid #eae9e5;
        display: inline-block;
        padding-right: 20px;
        margin-right: 20px;
        width: 169px;
    }

.customersWhoViewed__thumb___3Jae0 img {
            cursor: pointer;
            width: 100%;
        }

.customersWhoViewed__thumb___3Jae0:last-child {
            border: none;
            margin-right: 0;
        }

.customersWhoViewed__stub___2iGOh {
        width: 100%;
        height: 127px;
    }

.customersWhoViewed__loaderWrapper___2N9_N {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 27px 0;
    }

.customersWhoViewed__thumbImage___1pEHm {
        min-height: 74px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.thumbnails__container___28RMt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

.thumbnails__container___28RMt.thumbnails__centered___eRaFR {
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
        }

.thumbnails__btn___wJNCM {
        width: 100px;
        height: 60px;
        border-top: 2px solid #e9e7e3;
        border-bottom: 2px solid #e9e7e3;
        border-left: none;
        border-right: none;
        -webkit-transition: all 400ms;
        transition: all 400ms;
        background-color: transparent;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: top;
    }

.thumbnails__btn___wJNCM:hover, .thumbnails__btn___wJNCM.thumbnails__active___2wkZI {
            border-color: #23aae2;
        }

.thumbnails__rotate___3bsCN {
        background-image: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/db39a7c0aa90f1e89c6ed800c27bb670.png) !important;
        background-size: 51px 28px !important;
    }

.thumbnails__rotate180___1AS-P {
        background-image: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/dbaf502be776b3c3971ebc0d3c711666.png) !important;
        background-size: 51px 28px !important;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.playButton__button___3ZoQF {
        position: relative;
        height: 30px;
        width: 30px;
        border-radius: 30px;
        border: 2px solid #8d8d8d;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        cursor: pointer;
    }

.playButton__button___3ZoQF::before {
            content: "";
            display: block;
            position: absolute;
            top: 8px;
            left: 10px;
            border-style: solid;
            border-width: 5px 0 5px 10px;
            border-color: transparent transparent transparent #8d8d8d;
            -webkit-box-sizing: unset;
                    box-sizing: unset;
        }

.playButton__button___3ZoQF:hover {
            border-color: #565551;
        }

.playButton__button___3ZoQF:hover::before {
                border-color: transparent transparent transparent #565551;
            }

.playButton__pause___1QqyR::before {
            top: 7px;
            left: 8px;
            width: 4px;
            height: 12px;
            border-width: 0 3px;
            border-color: #8d8d8d;
        }

.playButton__pause___1QqyR:hover::before {
                border-color: #565551;
            }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.productFrameSlider__rotationWrapper___LvyPz {
        position: relative;
        cursor: ew-resize;
        height: inherit;
    }

.productFrameSlider__rotationWrapper___LvyPz:hover .productFrameSlider__rotationPlaceholder___YbqoW {
                display: none;
            }

.productFrameSlider__rotationWrapper___LvyPz:focus {
            outline: none;
        }

.productFrameSlider__rotationPlaceholder___YbqoW {
        position: absolute;
        top: 40px;
        left: 20px;
        z-index: 10;
        padding-bottom: 31px;
        font-style: italic;
        font-size: 12px;
        line-height: 16px;
        font-family: Georgia;
        letter-spacing: .09em;
        background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/aa021f16829c30421653e48ee49e309b.png) 14px bottom no-repeat;
    }

.productFrameSlider__rotationContainer___3tinW {
        position: relative;
        padding: 25% 0;
        width: 100%;
        overflow: hidden;
        -webkit-box-sizing: content-box;
                box-sizing: content-box;
    }

.productFrameSlider__rotationStrip___gc9qC {
        position: absolute;
        top: 0;
        left: -100%;
        margin-left: 100%;
        width: 500%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
    }

@media (max-width: 1279.9px) {

.productFrameSlider__rotationStrip___gc9qC {
            margin-top: -12px
    }
        }

.productFrameSlider__rotationWall___2psW4 {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        font-size: 0;
        letter-spacing: 0;
    }

.productFrameSlider__rotationRail___1PDP3 {
        display: inline-block;
        height: 100%;
    }

.productFrameSlider__controls___V3wnK {
        height: 30px;
        position: absolute;
        bottom: 0;
        left: 55px;
    }

.productFrameSlider__loader___2MwaC {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
    }

.productFrameSlider__expContainer___1f_E0 {
        margin-top: 15px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.video__videoContainer___2LrIF {
        overflow: hidden;
    }

.video__video___1ClXU {
        position: relative;
        padding-bottom: 49.5%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
    }

.video__video___1ClXU iframe {
            position: absolute;
            top: -13px;
            left: 0;
            width: 100%;
            height: 100%;
        }

@media (min-width: 1280px) and (max-width: 1439.9px) {
            .video__video___1ClXU iframe {
                top: -19px;
            }
        }

@media (min-width: 1440px) {

.video__video___1ClXU {
            padding-bottom: 50%
    }

            .video__video___1ClXU iframe {
                top: -23px;
            }
        }

.video__expVideo___Av_DX {
        padding-bottom: 56%;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.zoom__zoomContaner___z_-d9 {
        position: relative;
        cursor: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/1811421608c25a38cd0a76f4ffad1609.cur), pointer;
        text-align: center;
    }

.zoom__zoom___UhV0o {
        display: inline-block;
        height: 261px;
    }

.zoom__zoom___UhV0o img {
            max-width: none !important;
        }

.zoom__loader___1X6Cy {
        position: absolute !important;
        margin: 0 !important;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        z-index: -10;
    }

.zoom__zoomImage___2Okay {
        -webkit-box-shadow: #898989 0 0 1px;
                box-shadow: #898989 0 0 1px;
        z-index: 90;
    }

.zoom__imageMagnify___3uSQl {
        max-width: 94%;
        margin: 0 auto;
    }

.zoom__expImageMagnify___1dx_B {
        max-width: 94%;
        margin-top: -21px;
        margin-left: -23px;
    }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.zoom__expImageMagnify___1dx_B {
            margin-left: -38px
    }
        }

@media (max-width: 1279.9px) {

.zoom__expImageMagnify___1dx_B {
            margin-left: -50px;
            margin-top: -24px
    }
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.productMediaItem__slide___3wDV3 {
        display: none;
        -webkit-box-flex: 1;
            -ms-flex: 1 1;
                flex: 1 1;
        width: 100%;
    }

.productMediaItem__slide___3wDV3 img {
            max-width: 100%;
        }

.productMediaItem__slide___3wDV3:focus {
            outline: none;
        }

.productMediaItem__active___1Fvhv {
        display: block;
    }

.productMediaItem__hideOverflow___3OGNB {
        overflow-y: hidden;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.badge__badge___3Biuz {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-transform: capitalize;
        height: 30px;
        font-size: 11px;
        font-weight: 700;
    }

.badge__blue___2mHW9 {
        min-width: 36px;
        border-radius: 18px;
        background-color: #3fabe6;
        color: #fff;
        padding: 0 8px;
    }

.badge__premium___yU2WV {
        width: 74px;
        height: 24px;
        border-radius: 12px;
        background: #e7c271;
        color: #2d2d2d;
    }

.badge__stock___15O_W {
        font-size: 14px;
        background-color: rgba(241, 241, 241, 0.58);
        color: #6d6d6d;
        padding: 0 16px;
    }

.badge__sale___2OVlk {
        border-radius: 100%;
        background: #f22a42;
        color: #fff;
        width: 30px;
        height: 30px;
    }

@media (min-width: 1280px) and (max-width: 1439.9px), (min-width: 1440px) {

.badge__sale___2OVlk {
            width: 32px;
            height: 32px
    }
        }

.badge__polarized___1hlzV {
        width: 89px;
        height: 24px;
        background-image: url(https://optimaxweb.glassesusa.com/image/upload/q_auto,fl_sanitize/img/d7a7167ac514db41ccfb21706134d996.svg);
    }

.badge__bestValue___1Xj3D {
        background: #00b16a;
        padding: 4px 15px;
        border-radius: 20px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 136px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        height: 29px;
        font-size: 14px;
        line-height: 16px;
    }

.badge__newArrival___26sdy {
        width: 110px;
        height: 25px;
        background: url(https://optimaxweb.glassesusa.com/image/upload/q_auto,fl_sanitize/img/7c89f885ee84b5f58687dda4c70e2026.svg) no-repeat;
        font-size: 0;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.badges__brand___3aLWz {
        position: absolute;
        z-index: 10;
        right: 48px;
        top: 5px;
    }

.badges__badges___55nNo {
        position: absolute;
        z-index: 10;
        left: 5px;
        top: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }

.badges__left___ixXzr {
        -webkit-box-flex: 1;
            -ms-flex: 1 1;
                flex: 1 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.badges__right___1k6s2 {
        padding-right: 30px;
    }

.badges__item___3ngWD {
        margin-right: 9px;
    }

.badges__item___3ngWD.badges__rayBan___3rLWz {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }

.badges__item___3ngWD.badges__rayBan___3rLWz::after {
                content: '';
                display: inline-block;
                width: 1px;
                height: 18px;
                background-color: #dedede;
                margin-left: 14px;
            }

.badges__expBadge___1zeEg {
        min-height: 28px;
        left: -84px;
        width: 869px;
    }

@media (min-width: 1440px) {

.badges__expBadge___1zeEg {
            top: -2px
    }
        }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.badges__expBadge___1zeEg {
            left: -57px;
            width: 788px
    }
        }

@media (max-width: 1279.9px) {

.badges__expBadge___1zeEg {
            left: -53px;
            width: 643px;
            top: 3px
    }
        }

.badges__expItem___2ffkj {
        position: absolute;
    }

@media (min-width: 1440px) {

.badges__expItem___2ffkj {
            top: -15px;
            right: 57px
    }
        }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.badges__expItem___2ffkj {
            top: -15px;
            right: 50px
    }
        }

@media (max-width: 1279.9px) {

.badges__expItem___2ffkj {
            top: -13px;
            right: 70px
    }
        }

.badges__rayBanCertifiedReseller___2mgl_ {
        width: 111px;
        height: 40px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.mediaSlider__container___2elfY {
        padding-bottom: 40px;
    }

.mediaSlider__image___1RUXK {
        width: 100%;
        outline: none;
    }

.mediaSlider__image___1RUXK.mediaSlider__glasses___1TfUt {
            min-height: 310px;
        }

.mediaSlider__image___1RUXK.mediaSlider__contactLenses___308Jg {
            min-height: 220px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }

.mediaSlider__thumbs___3fH_X {
        margin-top: 30px;
    }

.mediaSlider__btn___wUbg4 {
        width: 80px;
        height: 53px;
        outline: none;
        cursor: pointer;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.button__btn___1LZSJ {
        display: block;
        width: 100%;
        padding: 14px 15px;
        cursor: pointer;
        border: none;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        text-align: center;
    }

.button__btn___1LZSJ:focus {
            outline: none;
        }

.button__primary___27J3t {
        background-color: #ff6c00;
        font: bold 16px Roboto, Arial, sans-serif;
        text-transform: uppercase;
        color: #fff;
        letter-spacing: .14em;
        -webkit-transition: background-color 300ms;
        transition: background-color 300ms;
        border-radius: 4px;
    }

.button__primary___27J3t:hover {
            background-color: #e36000;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.rc-tooltip {
    color: #2d2d2d;
    font-size: 12px;
    line-height: 17px;
    margin-top: 20px;
    position: absolute;
    visibility: visible;
    z-index: 100;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
}

.rc-tooltip p {
        margin: 0;
    }

.rc-tooltip-hidden {
    display: none;
}

.rc-tooltip-hto, .rc-tooltip-hto .rc-tooltip-inner {
        border-radius: 8px;
        z-index: 30;
    }

.rc-tooltip-hto.rc-tooltip-placement-top {
        padding: 0;
    }

.rc-tooltip-hto.grey-head .rc-tooltip-arrow {
        background-color: #f7f8f9;
    }

.rc-tooltip-hto .close {
        position: absolute;
        right: 22px;
        top: 22px;
        opacity: .7;
        cursor: pointer;
        height: 16px;
        width: 16px;
    }

.rc-tooltip-hto .close:hover {
            opacity: 1;
        }

.rc-tooltip-hto .close::before, .rc-tooltip-hto .close::after {
            position: absolute;
            content: ' ';
            height: 19px;
            width: 1px;
            background-color: #89959c;
            left: 7px;
            top: -2px;
        }

.rc-tooltip-hto .close::before {
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
        }

.rc-tooltip-hto .close::after {
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
        }

.rc-tooltip-placement-top, .rc-tooltip-placement-topLeft {
    padding: 5px 0 9px;
}

.rc-tooltip-inner {
    background-color: #fff;
    border-radius: 2px;
}

.rc-tooltip-arrow {
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    height: 15px;
    position: absolute;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    width: 15px;
    z-index: -10;
}

.rc-tooltip-placement-top .rc-tooltip-arrow, .rc-tooltip-placement-topLeft .rc-tooltip-arrow, .rc-tooltip-placement-topRight .rc-tooltip-arrow {
    bottom: -7px;
    border-width: 7px 7px 0;
    border-top-color: #fff;
    margin-left: -7px;
}

.rc-tooltip-placement-top .rc-tooltip-arrow {
    left: 50%;
}

.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
    left: 15%;
}

.rc-tooltip-placement-topRight .rc-tooltip-arrow {
    right: 15px;
}

.rc-tooltip-placement-right .rc-tooltip-arrow, .rc-tooltip-placement-rightTop .rc-tooltip-arrow, .rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
    left: -7px;
    margin-top: -7px;
    border-width: 7px 7px 7px 0;
    border-right-color: #fff;
}

.rc-tooltip-placement-right .rc-tooltip-arrow {
    top: 50%;
}

.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
    top: 15%;
    margin-top: 0;
}

.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
    bottom: 15%;
}

.rc-tooltip-placement-left .rc-tooltip-arrow, .rc-tooltip-placement-leftTop .rc-tooltip-arrow, .rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
    right: -7px;
    margin-top: -7px;
    border-width: 7px 0 7px 7px;
    border-left-color: #fff;
}

.rc-tooltip-placement-left .rc-tooltip-arrow {
    top: 50%;
}

.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
    top: 15%;
    margin-top: 0;
}

.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
    bottom: 15%;
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow, .rc-tooltip-placement-bottomLeft .rc-tooltip-arrow, .rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
    top: -7px;
    margin-left: -5px;
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow {
    left: 50%;
}

.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
    left: 10%;
}

.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
    right: 10px;
}

.rc-tooltip.rc-tooltip-zoom-enter, .rc-tooltip.rc-tooltip-zoom-leave {
    display: block;
}

.rc-tooltip-zoom-enter, .rc-tooltip-zoom-appear {
    opacity: 0;
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.18, .89, .32, 1.28);
            animation-timing-function: cubic-bezier(.18, .89, .32, 1.28);
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

.rc-tooltip-zoom-leave {
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.6, -.3, .74, .05);
            animation-timing-function: cubic-bezier(.6, -.3, .74, .05);
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active, .rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
    -webkit-animation-name: rcToolTipZoomIn;
            animation-name: rcToolTipZoomIn;
    -webkit-animation-play-state: running;
            animation-play-state: running;
}

@media screen and (prefers-reduced-motion: reduce) {

.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active, .rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
        -webkit-animation: none;
                animation: none
}
    }

.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
    -webkit-animation-name: rcToolTipZoomOut;
            animation-name: rcToolTipZoomOut;
    -webkit-animation-play-state: running;
            animation-play-state: running;
}

@media screen and (prefers-reduced-motion: reduce) {

.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
        -webkit-animation: none;
                animation: none
}
    }

@-webkit-keyframes rcToolTipZoomIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
                transform: scale(0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }
}

@keyframes rcToolTipZoomIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
                transform: scale(0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }
}

@-webkit-keyframes rcToolTipZoomOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
                transform: scale(0, 0);
    }
}

@keyframes rcToolTipZoomOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
                transform: scale(0, 0);
    }
}

.rc-tooltip-roll-enter, .rc-tooltip-roll-appear {
    opacity: 0;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

.rc-tooltip-roll-leave {
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

.rc-tooltip-roll-enter.rc-tooltip-roll-enter-active, .rc-tooltip-roll-appear.rc-tooltip-roll-appear-active {
    -webkit-animation-name: rcToolTipRollIn;
            animation-name: rcToolTipRollIn;
    -webkit-animation-play-state: running;
            animation-play-state: running;
}

.rc-tooltip-roll-enter.rc-tooltip-roll-enter-active .rc-tooltip-content, .rc-tooltip-roll-appear.rc-tooltip-roll-appear-active .rc-tooltip-content {
        background-color: #fff;
    }

.rc-tooltip-roll-enter.rc-tooltip-roll-enter-active .rc-tooltip-inner, .rc-tooltip-roll-appear.rc-tooltip-roll-appear-active .rc-tooltip-inner {
        -webkit-animation-duration: .5s;
                animation-duration: .5s;
        -webkit-animation-name: rcToolTipFadeIn;
                animation-name: rcToolTipFadeIn;
    }

@media screen and (prefers-reduced-motion: reduce) {

.rc-tooltip-roll-enter.rc-tooltip-roll-enter-active .rc-tooltip-inner, .rc-tooltip-roll-appear.rc-tooltip-roll-appear-active .rc-tooltip-inner {
            -webkit-animation: none;
                    animation: none
    }
        }

@media screen and (prefers-reduced-motion: reduce) {

.rc-tooltip-roll-enter.rc-tooltip-roll-enter-active, .rc-tooltip-roll-appear.rc-tooltip-roll-appear-active {
        -webkit-animation: none;
                animation: none
}
    }

.rc-tooltip-roll-leave.rc-tooltip-roll-leave-active {
    -webkit-animation-name: rcToolTipRollOut;
            animation-name: rcToolTipRollOut;
    -webkit-animation-play-state: running;
            animation-play-state: running;
}

@media screen and (prefers-reduced-motion: reduce) {

.rc-tooltip-roll-leave.rc-tooltip-roll-leave-active {
        -webkit-animation: none;
                animation: none
}
    }

@-webkit-keyframes rcToolTipRollIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
                transform-origin: 50% 0;
        -webkit-transform: scale(1, 0);
                transform: scale(1, 0);
    }

    1% {
        opacity: 1;
        -webkit-transform-origin: 50% 0;
                transform-origin: 50% 0;
        -webkit-transform: scale(1, 0);
                transform: scale(1, 0);
    }

    50% {
        opacity: 1;
        -webkit-transform-origin: 50% 0;
                transform-origin: 50% 0;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 0;
                transform-origin: 50% 0;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }
}

@keyframes rcToolTipRollIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
                transform-origin: 50% 0;
        -webkit-transform: scale(1, 0);
                transform: scale(1, 0);
    }

    1% {
        opacity: 1;
        -webkit-transform-origin: 50% 0;
                transform-origin: 50% 0;
        -webkit-transform: scale(1, 0);
                transform: scale(1, 0);
    }

    50% {
        opacity: 1;
        -webkit-transform-origin: 50% 0;
                transform-origin: 50% 0;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 0;
                transform-origin: 50% 0;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }
}

@-webkit-keyframes rcToolTipRollOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 0;
                transform-origin: 50% 0;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
                transform-origin: 50% 0;
        -webkit-transform: scale(1, 0);
                transform: scale(1, 0);
    }
}

@keyframes rcToolTipRollOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 0;
                transform-origin: 50% 0;
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
                transform-origin: 50% 0;
        -webkit-transform: scale(1, 0);
                transform: scale(1, 0);
    }
}

@-webkit-keyframes rcToolTipFadeIn {
    0% { opacity: 0; }
    20% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes rcToolTipFadeIn {
    0% { opacity: 0; }
    20% { opacity: 0; }
    100% { opacity: 1; }
}

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.btnBlock__btnBlock___3HkNi {
        margin-top: 14px;
    }

.btnBlock__or___2erGS {
        font-size: 14px;
        font-weight: 700;
        margin: 10px 0;
        text-align: center;
        width: 261px;
    }

.btnBlock__cta___1rPUN {
        margin: 10px 0;
    }

.btnBlock__ctaBtn___2m3Ph {
        width: 261px;
    }

.btnBlock__ctaBtnRx___7OBkx {
        background: none;
        border: 2px solid;
        color: #ff6c00;
        font-size: 12px;
        letter-spacing: .33px;
        padding: 6px 0 8px;
        text-transform: none;
    }

.btnBlock__ctaBtnRx___7OBkx:hover {
            background: none;
        }

.btnBlock__ctaBtnRx_bold___3r6_a {
            font-size: 18px;
            font-weight: 700;
            line-height: 1.5;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.planItem__planItem___3OAga {
        color: #3a4850;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 30px;
    }

.planItem__planItem___3OAga:last-child {
            margin-bottom: 24px;
        }

.planItem__icon___2njAx {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 60px;
        height: 60px;
        margin-right: 24px;
    }

.planItem__icon___2njAx svg {
            stroke: none;
        }

.planItem__planCircle___1pPzm {
        width: 18px;
        height: 18px;
        line-height: 18px;
        border-radius: 50px;
        background: #3a4850;
        display: inline-block;
        position: relative;
        margin-right: 6px;
    }

.planItem__planNumber___3qcrV {
        position: absolute;
        font-size: 12px;
        left: 6px;
        color: #fff;
        font-weight: 700;
    }

.planItem__titleSection___EOUWj {
        width: 255px;
    }

.planItem__title____coqs {
        font-weight: 700;
        line-height: 16px;
        letter-spacing: .2px;
        margin-bottom: 7px;
        font-size: 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #3a4850;
    }

.planItem__text___6puNF {
        line-height: 20px;
        letter-spacing: .2px;
        text-align: justify;
        font-size: 14px;
        font-family: Roboto, Arial, sans-serif;
        font-weight: 300;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.htoDescription__wrapper___33isQ {
        padding: 28px 28px 5px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        font-family: Roboto, Arial, sans-serif;
    }

.htoDescription__description___2RMYS {
        font-weight: 300;
        letter-spacing: .2px;
        line-height: 22px;
        color: #4d4d4d;
    }

.htoDescription__footerTbyb___1JH-_ {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 56px;
        font-family: Roboto, Arial, sans-serif;
        background-color: #effbf6;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
    }

.htoDescription__footerTbyb___1JH-_ p::before {
            content: '';
            margin-left: 15px;
            margin-right: 15px;
            border-left: 1px solid #5b6971;
        }

.htoDescription__howItWorks___1ae8g {
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        color: #5b6971;
    }

.htoDescription__glassesIcon___3ZRAl {
        position: relative;
        left: -3px;
    }

.htoDescription__divider___vWVJI {
        color: #5b6971;
        font-size: 20px;
        padding: 0 15px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.freeHomeTryOnLogo__icons___3ZQFC {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #00b16a;
    }

.freeHomeTryOnLogo__icons___3ZQFC svg {
            height: 20px;
        }

.freeHomeTryOnLogo__freeIcon___3Q5th {
        width: 44px;
        margin-right: 10px;
    }

.freeHomeTryOnLogo__homeIcon___AdL-z {
        color: #00b16a;
        width: 117px;
        position: relative;
        top: 1px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.productHTOAdvantages__fadeTooltip___2Dv9-:not(.rc-tooltip-hidden) {
        -webkit-animation: productHTOAdvantages__rcTooltipHTOFadeIn___3k5QR .4s;
                animation: productHTOAdvantages__rcTooltipHTOFadeIn___3k5QR .4s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        opacity: 0;
    }

.productHTOAdvantages__fadeTooltip___2Dv9-.rc-tooltip-hidden {
        -webkit-animation: productHTOAdvantages__rcTooltipHTOFadeOut___1udQ6 .4s;
                animation: productHTOAdvantages__rcTooltipHTOFadeOut___1udQ6 .4s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        display: block;
    }

.productHTOAdvantages__close___hZ2u_ {
        position: absolute;
        right: 18px;
        top: 18px;
        opacity: .4;
        cursor: pointer;
        height: 14px;
        width: 14px;
    }

.productHTOAdvantages__close___hZ2u_:hover {
            opacity: 1;
        }

.productHTOAdvantages__close___hZ2u_::before, .productHTOAdvantages__close___hZ2u_::after {
            position: absolute;
            content: ' ';
            height: 15px;
            width: 1px;
            background-color: #2c2c2c;
            left: 4px;
        }

.productHTOAdvantages__close___hZ2u_::before {
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
        }

.productHTOAdvantages__close___hZ2u_::after {
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
        }

@-webkit-keyframes productHTOAdvantages__rcTooltipHTOFadeOut___1udQ6 {
    0% { opacity: 1; }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes productHTOAdvantages__rcTooltipHTOFadeOut___1udQ6 {
    0% { opacity: 1; }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@-webkit-keyframes productHTOAdvantages__rcTooltipHTOFadeIn___3k5QR {
    0% { opacity: 0; }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
    }
}

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.HTOAdvantages__wrapper___177eC {
        position: relative;
        color: #00b16a;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        font-family: Roboto, Arial, sans-serif;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 14px;
    }

.HTOAdvantages__icon___2oV75 {
        width: 16px;
        height: 22px;
        margin-right: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.tabList__list___Z3Rsa {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.tabList__tab___GiuoD {
        background: #fff;
        list-style: none;
    }

.tabList__tab___GiuoD.tabList__blue___1qhvS.tabList__active___D9Jv0 {
                background: #c5e5f1;
            }

.tabList__tab___GiuoD.tabList__gray___1M-hw {
            background-color: #e9e7e3;
            border: 1px solid #d8d8d8;
            margin: 0 0 -1px -1px;
        }

.tabList__tab___GiuoD.tabList__gray___1M-hw.tabList__active___D9Jv0 {
                border-bottom-color: #fff;
                background-color: #fff;
            }

.tabList__tab___GiuoD.tabList__fullGrey___wd-Na {
            background-color: #f2f3f5;
            border-bottom: 2px solid #dedede;
            font-weight: 700;
            font-family: Roboto, Arial, sans-serif;
            line-height: 19px;
        }

.tabList__tab___GiuoD.tabList__fullGrey___wd-Na.tabList__active___D9Jv0 {
                position: relative;
                color: #3a4850;
            }

.tabList__tab___GiuoD.tabList__fullGrey___wd-Na.tabList__active___D9Jv0::before {
                    content: '';
                    position: absolute;
                    bottom: -3px;
                    height: 4px;
                    width: 100%;
                    background-color: #3a4850;
                    border-radius: 2px;
                }

.tabList__tab___GiuoD.tabList__fullGrey___wd-Na.tabList__active___D9Jv0 .tabList__button___2INeF.tabList__fullGrey___wd-Na {
                        color: #3a4850;
                    }

.tabList__tab___GiuoD.tabList__fullGrey___wd-Na:focus {
                border-bottom: 2px solid #dedede;
            }

.tabList__tab___GiuoD.tabList__fullGrey___wd-Na:last-child {
            margin-right: 0;
        }

.tabList__button___2INeF {
        outline: none;
        padding: 8px 10px;
        border: none;
        background: rgba(0, 0, 0, 0);
        cursor: pointer;
    }

.tabList__button___2INeF:focus {
            -webkit-box-shadow: inset 0 0 0 2px #dedede;
                    box-shadow: inset 0 0 0 2px #dedede;
        }

.tabList__button___2INeF.tabList__blue___1qhvS {
            font-size: 14px;
        }

.tabList__button___2INeF.tabList__gray___1M-hw {
            font-size: 16px;
            height: 40px;
            padding: 0 20px;
        }

.tabList__button___2INeF.tabList__fullGrey___wd-Na {
            outline: none;
            color: #89959c;
            padding: 8px 20px;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.tabPanel__content___1oIN0 {
        display: none;
    }

.tabPanel__content___1oIN0.tabPanel__blue___2LxI1 {
            background: #c5e5f1;
            padding: 20px 15px;
            font-size: 13px;
        }

.tabPanel__content___1oIN0.tabPanel__gray___2NBPl {
            background: #fff;
            padding: 30px 20px;
            border-top: 1px solid #d8d8d8;
        }

.tabPanel__active___1kdHI {
        display: block;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.information__content___3zuG5 {
        height: 180px;
    }

.information__content___3zuG5 p {
            margin-bottom: 15px;
        }

.information__lenseFeature___Zb863 {
        height: 16px;
        padding-left: 23px;
        display: block;
        vertical-align: middle;
    }

.information__checked___BKo1A {
        background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/22d8b86a485e321901bea999ae0f8c9b.png) 0 3px no-repeat;
    }

.information__calculateTab___3fRWy {
        cursor: pointer;
        margin-right: 12px;
        text-decoration: underline;
        background: none;
        border: none;
    }

.information__calculateTabActive___r_8Qo {
        color: #23aae2;
        text-decoration: none;
        cursor: default;
    }

.information__measurmentsItem___2k8Wd {
        height: 22px;
        vertical-align: middle;
        display: block;
        padding-left: 64px;
        margin-top: 15px;
    }

.information__measurmentsValue___2ctQw {
        color: #8d8d8d;
        padding-left: 5px;
    }

.information__lensWidth___1enVn {
        background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/0f8fc45c30693d4285c60ee6c024b612.png) 0 -1px no-repeat;
    }

.information__lensHeight___2chfy {
        background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/ebc1b420847fa42508459a0a3b98344b.png) 0 -1px no-repeat;
    }

.information__bridgeWidth___2s-Xq {
        background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/123772c8af7afbd208f663f0294b8e9e.png) 0 -1px no-repeat;
    }

.information__templeLenght___1pX0l {
        background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/376676f58177f972122ede7ce5de5b02.png) 0 -1px no-repeat;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.quickLook__quickLook___i4IO_ {
        padding: 35px 30px;
        width: 900px;
        min-height: 605px;
        font-size: 13px;
        line-height: 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

.quickLook__clearBoth___10t4U {
        clear: both;
    }

.quickLook__productMedia___21hBy {
        position: relative;
        float: left;
        width: 560px;
    }

.quickLook__badge___NxYsu {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: 0 0;
    }

.quickLook__badgeLuxury___rdNBf {
        width: 66px;
        height: 32px;
        border-radius: 18px;
        background: #ecb72a;
    }

.quickLook__itemInfo___3HM6M {
        float: right;
        width: 250px;
        text-align: left;
    }

.quickLook__productName___LXAR8 {
        font-size: 20px;
        text-transform: uppercase;
        margin-bottom: 15px;
        color: #000;
        font-weight: normal;
    }

.quickLook__ratings___3HNxY {
        color: #8d8d8d;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.quickLook__reviewsAmountCon___1Q-eL {
        padding-left: 6px;
        vertical-align: text-bottom;
    }

.quickLook__reviewsAmount___hOdoH {
        font-size: 12px;
        font-style: italic;
        text-decoration: underline;
        color: #8d8d8d;
        padding-left: 5px;
    }

.quickLook__productPrice___2tPnw {
        color: #000;
        font-size: 18px;
        margin-top: 20px;
    }

.quickLook__productPrice___2tPnw del {
            margin-left: 10px;
            color: #c9c7c4;
            font-size: 13px;
        }

.quickLook__selectButton___1OAWq {
        width: 220px;
        height: 50px;
        line-height: 52px;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        display: block;
        margin-top: 25px;
        font-size: 18px;
        padding: 0;
        border: 0;
        cursor: pointer;
        letter-spacing: 0;
    }

.quickLook__loader___2y873 {
        background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/d2af7b291e5f65a2059e143baf1e5562.gif) no-repeat 50%;
        padding: 35px 30px;
        width: 840px;
        height: 605px;
    }

.quickLook__tryOn___1gwtb {
        text-decoration: none;
        padding: 0 0 0 26px;
        background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/f5b9b05eddf1edc68bec043de1c12366.png) no-repeat 0 3px;
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        cursor: pointer;
    }

.quickLook__tryOn___1gwtb span {
            color: #6d6d6d;
        }

.quickLook__tryOn___1gwtb:hover {
            background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/836f782edd1ced0daf9410743e54ed02.png) no-repeat 0 3px;
        }

.quickLook__tryOn___1gwtb:hover span {
                text-decoration: underline;
            }

.quickLook__information___3FpqY {
        margin-top: 25px;
    }

.quickLook__included___1i3pn {
        color: #2d2d2d;
        font: italic 14px Georgia;
        margin-top: 5px;
    }

.quickLook__textBlue___3FGJ8 {
        color: #23aae2;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.chatButton__chat___k-f4e {
        position: fixed;
        right: 0;
        bottom: 0;
        cursor: pointer;
        margin: 10px 20px;
        padding-left: 45px;
        width: 105px;
        height: 50px;
        background: url(https://optimaxweb.glassesusa.com/image/upload/q_auto,fl_sanitize/img/6c58ae8f145a055f65cb6cbaf4654369.svg) no-repeat #40b4e5;
        background-position: 19px 15px;
        color: #fff;
        border-radius: 23px;
        font-size: 15px;
        line-height: 50px;
        font-weight: 700;
        letter-spacing: .19px;
        z-index: 40;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        opacity: 0;
        -webkit-animation-name: chatButton__appear___3LpcI;
                animation-name: chatButton__appear___3LpcI;
        -webkit-animation-duration: 1s;
                animation-duration: 1s;
        -webkit-animation-delay: 4s;
                animation-delay: 4s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        text-align: left;
    }

.chatButton__chat___k-f4e:hover {
            -webkit-transform: scale(1.02);
                    transform: scale(1.02);
        }

@media screen and (prefers-reduced-motion: reduce) {

.chatButton__chat___k-f4e {
            opacity: 1;
            -webkit-animation: none;
                    animation: none
    }
        }

@-webkit-keyframes chatButton__appear___3LpcI {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
    }
}

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.fixedMenu__wrapper___2jrll {
        position: fixed;
        bottom: 20%;
        right: 0;
        z-index: 90;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

@media screen and (max-height: 500px) {

.fixedMenu__wrapper___2jrll {
            bottom: 10px
    }
        }

.fixedMenu__button___1R5i2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 24px 14px;
        background-color: #2196f3;
        color: #fff;
        cursor: pointer;
        -webkit-transition: background-color .2s;
        transition: background-color .2s;
    }

.fixedMenu__button___1R5i2:not(:last-child) {
            border-top: 1px solid #fff;
        }

.fixedMenu__button___1R5i2:first-child {
            border-bottom-left-radius: 4px;
        }

.fixedMenu__button___1R5i2:last-child {
            border-top-left-radius: 4px;
        }

.fixedMenu__button___1R5i2:hover {
            background-color: #1c86da;
        }

.fixedMenu__icon___3wjKc {
        margin-top: 8px;
        line-height: 1;
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
    }

.fixedMenu__label___Z1utW {
        -webkit-writing-mode: vertical-lr;
            -ms-writing-mode: tb-lr;
                writing-mode: vertical-lr;
        -webkit-transform: scale(-1);
                transform: scale(-1);
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.drawer__bodyScrollDisabled___3m3ST {
        overflow: hidden;
    }

.drawer__backdrop___25uGi {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: calc(100 - 1);
        background-color: #000;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity .4s ease-in-out;
        transition: opacity .4s ease-in-out;
    }

.drawer__backdrop___25uGi.drawer__backdropOpened___1SO4k {
            pointer-events: all;
            opacity: .7;
        }

.drawer__drawer___2hzCN {
        position: fixed;
        top: 0;
        right: 0;
        height: 100vh;
        z-index: calc(100 + 1);
        width: 375px;
        background-color: #fff;
        -webkit-transform: translate(375px, 0);
                transform: translate(375px, 0);
        -webkit-transition: -webkit-transform .4s ease-in-out;
        transition: -webkit-transform .4s ease-in-out;
        transition: transform .4s ease-in-out;
        transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    }

.drawer__drawer___2hzCN.drawer__drawerOpened___1BoZW {
            -webkit-transform: translate(0, 0);
                    transform: translate(0, 0);
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.offerPreviewWrapper__preview___2wToZ {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        height: 178px;
        border-radius: 6px;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: cover;
    }

.offerPreviewWrapper__darkText___mTPkZ {
        color: #0f0f0f;
        background-color: #fff;
    }

.offerPreviewWrapper__lightText___2C2b8 {
        color: #fff;
        background-color: #2d2d2d;
    }

.offerPreviewWrapper__tombstone___QX8cD {
        background-color: #f1f1f1;
        border-color: transparent;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.offersListWrapper__list___1KPMC {
        padding: 18px 25px 20px;
        color: #3a4850;
    }

.offersListWrapper__list___1KPMC > :not(:last-child) {
            margin-bottom: 20px;
        }

.offersListWrapper__list___1KPMC > .offersListWrapper__title___1FadY {
            margin-bottom: 18px;
            font-weight: 400;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.firstTimeOfferCard__preview___2LFYj {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 14px;
        background: linear-gradient(149.56deg, #64b0ec 5.47%, #038cff 90.21%);
    }

.firstTimeOfferCard__content___3ngpN {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
        margin-bottom: 14px;
    }

.firstTimeOfferCard__textItem___378wS {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        line-height: 1;
        white-space: nowrap;
    }

.firstTimeOfferCard__textItem___378wS p {
            text-align: center;
        }

.firstTimeOfferCard__bold___5NSz3 {
        font-weight: 700;
    }

.firstTimeOfferCard__uppercase___1dxq8 {
        text-transform: uppercase;
    }

.firstTimeOfferCard__buttonWrapper___u-f2Q {
        margin: 0 auto;
    }

.firstTimeOfferCard__buttonWrapper___u-f2Q button {
            padding-left: 30px;
            padding-right: 30px;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.firstTimeOfferWrapper__firstTimeOfferList___2VUCF {
        padding: 21px 25px;
        background-color: #f8f8f8;
        border-bottom: 1px solid #f1f1f1;
    }

.firstTimeOfferWrapper__firstTimeOfferTitle___2x30k {
        margin-bottom: 21px;
    }

.offerPreviewButton__button___3kqOw {
        padding: 8px;
        margin: -8px;
        border-radius: 4px;
        color: inherit;
        background-color: transparent;
        line-height: 1;
        font-size: 14px;
        font-weight: 500;
        text-decoration: underline;
        cursor: pointer;
        -webkit-transition: background-color 150ms ease;
        transition: background-color 150ms ease;
    }

        .offerPreviewButton__button___3kqOw:hover {
            background-color: rgba(45, 45, 45, .15);
        }

.copyToClipboardButton__button___1Jt6B {
        cursor: pointer;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.latestDealsOfferCard__preview___1TCqb {
        position: relative;
    }

.latestDealsOfferCard__preview___1TCqb:hover .latestDealsOfferCard__codeSlider___n0b45 {
                -webkit-transform: translate(0, 0);
                        transform: translate(0, 0);
            }

.latestDealsOfferCard__preview___1TCqb:hover .latestDealsOfferCard__text___t5xSf {
                -webkit-transform: translate(0, -60px);
                        transform: translate(0, -60px);
            }

.latestDealsOfferCard__previewContent___2axLI {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 14px 13px;
    }

.latestDealsOfferCard__moreDetailsButton___4kc1j {
        -ms-flex-item-align: end;
            align-self: flex-end;
    }

.latestDealsOfferCard__text___t5xSf {
        margin-top: auto;
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
    }

.latestDealsOfferCard__title___f_zDy {
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
    }

.latestDealsOfferCard__description___2nt_D {
        text-transform: uppercase;
        font-weight: 900;
        line-height: 19px;
    }

.latestDealsOfferCard__codeSlider___n0b45 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 60px;
        background-color: rgba(58, 72, 80, .5);
        font-weight: 700;
        -webkit-transform: translate(0, 60px);
                transform: translate(0, 60px);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
    }

.latestDealsOfferCard__codeText___3a7qB {
        margin-right: 12px;
        color: #fff;
    }

.latestDealsOfferCard__copyCodeButton___27UEW {
        padding: 6px 16px;
        background-color: #fff;
        color: #5b6971;
        line-height: 1;
        font-size: 14px;
        border-radius: 4px;
        -webkit-transition: background-color .15s ease;
        transition: background-color .15s ease;
    }

.latestDealsOfferCard__copyCodeButton___27UEW:hover {
            background-color: #dedede;
        }

.overlay__wrapper___1EWLc {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        position: relative;
    }
    .overlay__overlay___l-Hyn {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .overlay__overlay___l-Hyn.overlay__isFlexColumn___1nNSa {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
        }
    .overlay__overlay___l-Hyn.overlay__scrollX___2hPno {
            overflow-x: auto;
        }
    .overlay__overlay___l-Hyn.overlay__scrollY___1vM6F {
            overflow-y: auto;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.offersWidgetScroll__overlay___2lGB4 {
        background-color: #fff;
    }

.offersWidgetScroll__overlay___2lGB4::-webkit-scrollbar-track {
            border-radius: 10px;
            background-color: #fff;
        }

.offersWidgetScroll__overlay___2lGB4::-webkit-scrollbar {
            width: 6px;
        }

.offersWidgetScroll__overlay___2lGB4::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background-color: #dedede;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.latestDealsOfferDetails__details___A1lUD {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

.latestDealsOfferDetails__detailsBulletStyle___17XgW {
        list-style-position: outside;
        margin-left: 15px;
    }

.latestDealsOfferDetails__preview___31CeM {
        height: 220px;
        padding: 20px 24px;
        border-radius: 0;
    }

.latestDealsOfferDetails__backButton___3GsL4 {
        -ms-flex-item-align: start;
            align-self: flex-start;
    }

.latestDealsOfferDetails__overlay___1w0fe {
        padding: 33px 25px;
    }

.latestDealsOfferDetails__title___2MbSW {
        font-size: 24px;
        color: #232b30;
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 6px;
        line-height: 28px;
    }

.latestDealsOfferDetails__description___2GPUE {
        font-size: 16px;
        color: #5b6971;
    }

.latestDealsOfferDetails__copyBlock___3d6VD {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: center;
            align-self: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        height: 50px;
        margin: 31px 0 36px;
        padding: 13px 20px 12px 15px;
        background-color: #f7f8f9;
        border-radius: 4px;
        color: #3a4850;
        border: 1px solid #f1f1f1;
    }

.latestDealsOfferDetails__copyButton___3Ikx- {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        color: #2196f3;
        font-weight: 700;
        text-decoration: underline;
    }

.latestDealsOfferDetails__copiedIcon___3wacd {
        margin-right: 4px;
    }

.latestDealsOfferDetails__copyButtonSuccess___3h7ql {
        text-decoration: none;
    }

.latestDealsOfferDetails__terms___1WL6E {
        color: #89959c;
        font-size: 14px;
        list-style-type: disc;
        list-style-position: inside;
    }

.latestDealsOfferDetails__terms___1WL6E {
            line-height: 21px;
        }

.latestDealsOfferDetails__terms___1WL6E > :not(:last-child) {
            margin-bottom: 12px;
        }

.latestDealsOfferDetails__footer___3A1N0 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 60px;
        margin-top: auto;
        padding: 18px;
        background-color: #f8f8f8;
        color: #0f0f0f;
        font-size: 14px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.offersWidgetHeader__header___2y7OP {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #dedede;
        color: #0f0f0f;
    }

.offersWidgetHeader__titleBlock___3HQPY {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 18px 22px;
    }

.offersWidgetHeader__titleBlockIcon___jidMv {
        margin-right: 8px;
        line-height: 1;
    }

.offersWidgetHeader__closeBlock___1ltgP {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 22px 24px;
        border-left: 1px solid #dedede;
        cursor: pointer;
    }

.offersWidgetHeader__closeBlock___1ltgP:focus, .offersWidgetHeader__closeBlock___1ltgP:hover {
            outline: none;
            opacity: .7;
        }

.offersWidgetHeader__closeBlock___1ltgP img {
            width: 11px;
            height: 11px;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.offersWidget__drawer___3iSJz {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.brandsLogo__wrap___1eY_9 {
        display: inherit;
    }

.brandsLogo__lfg___19deD {
        color: #960a2c;
    }

.brandsLogo__lfg___19deD .lincolnLogo_svg__lincoln-logo-text {
                color: #231f20;
            }

.brandsLogo__medigold___3aqmI {
        color: #af8940;
    }

.brandsLogo__spectera___1j5zr svg path:nth-child(1) {
                color: #8bc6b6;
            }

.brandsLogo__spectera___1j5zr svg path:nth-child(2) {
                color: #3f91dd;
            }

.brandsLogo__uhc___BlHZb {
        color: #3a4850;
    }

.brandsLogo__commonWhiteColor___1G1QQ {
        color: #fff;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.benefitItem__benefit___2YUtp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin-bottom: 18px;
    }

.benefitItem__benefit___2YUtp.benefitItem__uhc___3fByR, .benefitItem__benefit___2YUtp.benefitItem__lfg___2d5G1, .benefitItem__benefit___2YUtp.benefitItem__medigold___1016y, .benefitItem__benefit___2YUtp.benefitItem__spectera___3ebfP {
            padding: 0 20px;
        }

.benefitItem__uhc___3fByR .benefitItem__point___18P5t {
            background-color: #1a5193;
            color: #fff;
        }

.benefitItem__spectera___3ebfP .benefitItem__point___18P5t {
            background-color: #3f91dd;
            color: #fff;
        }

.benefitItem__lfg___2d5G1 .benefitItem__point___18P5t {
            background-color: #960a2c;
            color: #fff;
        }

.benefitItem__medigold___1016y .benefitItem__point___18P5t {
            background-color: #af8940;
            color: #fff;
        }

.benefitItem__title___3ZuZP {
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
    }

.benefitItem__subTitle___373EK {
        font-size: 16px;
        line-height: 24px;
    }

.benefitItem__point___18P5t {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 20px;
        height: 20px;
        margin-right: 13px;
        border-radius: 50%;
        text-align: center;
        font-weight: 700;
        line-height: 20px;
        padding: 0 5px;
        margin-top: 2px;
        background-color: #323c47;
        color: #fff;
        font-size: 14px;
    }

.benefitItem__point___18P5t p {
            color: #323c47;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.allowanceList__item___2_n60 {
        font-size: 16px;
        line-height: 18px;
        color: #323c47;
    }

.allowanceList__title___1fxCt {
        font-weight: 400;
        margin-bottom: 7px;
    }

.allowanceList__subTitle___3FZMT {
        font-size: 14px;
        letter-spacing: .2px;
        font-weight: 300;
    }

.allowanceList__wrap___3CS4m {
        margin-left: 35px;
        margin-bottom: 16px;
    }

.allowanceList__wrap___3CS4m.allowanceList__lfg___2_6HT, .allowanceList__wrap___3CS4m.allowanceList__medigold___2dLVU, .allowanceList__wrap___3CS4m.allowanceList__uhc___2c2Pl, .allowanceList__wrap___3CS4m.allowanceList__spectera___1jRju {
            border-radius: 8px;
            padding: 20px 0 4px 33px;
            margin-left: 0;
        }

.allowanceList__wrap___3CS4m.allowanceList__lfg___2_6HT .allowanceList__itemWrap___1O_sy::before, .allowanceList__wrap___3CS4m.allowanceList__medigold___2dLVU .allowanceList__itemWrap___1O_sy::before, .allowanceList__wrap___3CS4m.allowanceList__uhc___2c2Pl .allowanceList__itemWrap___1O_sy::before, .allowanceList__wrap___3CS4m.allowanceList__spectera___1jRju .allowanceList__itemWrap___1O_sy::before {
                background-color: #3a4850;
            }

.allowanceList__wrap___3CS4m.allowanceList__lfg___2_6HT .allowanceList__item___2_n60, .allowanceList__wrap___3CS4m.allowanceList__medigold___2dLVU .allowanceList__item___2_n60, .allowanceList__wrap___3CS4m.allowanceList__uhc___2c2Pl .allowanceList__item___2_n60, .allowanceList__wrap___3CS4m.allowanceList__spectera___1jRju .allowanceList__item___2_n60 {
                color: #3a4850;
            }

.allowanceList__wrap___3CS4m.allowanceList__uhc___2c2Pl {
            background-color: rgba(26, 81, 147, 0.05);
        }

.allowanceList__wrap___3CS4m.allowanceList__spectera___1jRju {
            background-color: rgba(63, 145, 221, 0.05);
        }

.allowanceList__wrap___3CS4m.allowanceList__medigold___2dLVU {
            background-color: rgba(175, 137, 64, 0.05);
        }

.allowanceList__wrap___3CS4m.allowanceList__lfg___2_6HT {
            background-color: rgba(150, 10, 44, 0.05);
        }

.allowanceList__itemWrap___1O_sy {
        position: relative;
        margin-bottom: 16px;
        padding-left: 22px;
    }

.allowanceList__itemWrap___1O_sy::before {
            content: '';
            position: absolute;
            left: -6px;
            top: 5px;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background-color: #5b6971;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.uhcPopoverContent__container___38ufK {
        min-width: 279px;
    }

.uhcPopoverContent__mainPart___2VbQ1 {
        padding: 20px 12px 30px;
    }

.uhcPopoverContent__header___3Vgbq {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

.uhcPopoverContent__secondaryPart___1uvK1 {
        font-size: 12px;
        padding: 12px 30px;
        background: #f7f8f9;
    }

.uhcPopoverContent__secondaryPart___1uvK1 p {
            color: #3a4850;
        }

.uhcPopoverContent__secondaryPart___1uvK1 a {
            color: #2196f3;
        }

.uhcPopoverContent__customer___aKT3e {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 4px;
        padding-left: 15px;
    }

.uhcPopoverContent__logout___2Is0R {
        font-size: 14px;
        font-weight: 300;
        line-height: 16px;
        text-decoration: underline;
        cursor: pointer;
        display: inline-block;
        color: #89959c;
    }

.uhcPopoverContent__logout___2Is0R:hover {
            text-decoration: none;
        }

.uhcPopoverContent__divider___1qB3N {
        border: 1px solid #e7ebed;
        margin: 19px 0 24px;
    }

.uhcPopoverContent__title___2-AGk {
        color: #3a4850;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        margin: 0 18px 24px;
    }

.uhcPopoverContent__benefits___2_gWN.uhcPopoverContent__lfg___WVw7G .uhcPopoverContent__benefit___3Sn-C .uhcPopoverContent__point___34wgB {
                background-color: #960a2c;
            }

.uhcPopoverContent__benefits___2_gWN.uhcPopoverContent__medigold___11JDE .uhcPopoverContent__benefit___3Sn-C .uhcPopoverContent__point___34wgB {
                background-color: #af8940;
            }

.uhcPopoverContent__benefits___2_gWN .uhcPopoverContent__benefit___3Sn-C {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: start;
            margin-bottom: 11px;
            color: #3a4850;
            font-size: 14px;
            font-weight: 300;
            line-height: 22px;
        }

.uhcPopoverContent__benefits___2_gWN .uhcPopoverContent__benefit___3Sn-C:last-child {
                margin-bottom: 0;
            }

.uhcPopoverContent__benefits___2_gWN .uhcPopoverContent__benefit___3Sn-C .uhcPopoverContent__label___3lT5y {
                font-weight: 700;
                display: block;
            }

.uhcPopoverContent__benefits___2_gWN .uhcPopoverContent__benefit___3Sn-C .uhcPopoverContent__point___34wgB {
                width: 20px;
                height: 20px;
                background-color: #1c86da;
                margin-right: 13px;
                border-radius: 50%;
                text-align: center;
                color: #fff;
                font-weight: 700;
                padding: 0 5px;
                margin-top: 2px;
                font-size: 12px;
            }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.topLine__container___1sAYp {
        background: #1a5193;
        height: 40px;
    }

.topLine__container___1sAYp.topLine__lfg___3OJB3 {
            background-color: #960a2c;
        }

.topLine__container___1sAYp.topLine__medigold___yvRvL {
            background-color: #af8940;
        }

.topLine__container___1sAYp.topLine__spectera___38_9s {
            background-color: #3f91dd;
        }

.topLine__content___1RAFk {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-flex: 1;
            -ms-flex: 1 1;
                flex: 1 1;
        max-width: 1440px;
        min-width: 965px;
        padding: 0 46px;
        margin: 0 auto;
        font-size: 14px;
        font-family: Roboto, Arial, sans-serif;
        color: #fff;
        height: 100%;
    }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.topLine__content___1RAFk {
            padding: 0 59px;
            width: 1280px
    }
        }

@media (min-width: 1440px) {

.topLine__content___1RAFk {
            padding: 0 79px 0 71px;
            width: 1440px
    }
        }

.topLine__leftSide___ShY_Y {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

.topLine__rightSide___265D2 {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }

.topLine__icon___2IwRa {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

.topLine__icon___2IwRa svg {
            width: 300px;
            max-height: 26px;
        }

.topLine__popoverWrapper___2WB4j {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #fff;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        position: relative;
        padding: 0;
        padding-right: 10px;
        margin: 0;
        cursor: pointer;
    }

.topLine__arrow___1ZGm9 {
        width: 8px;
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
        position: relative;
        top: 1px;
        margin-left: 9px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.miniCartHeader__miniCartHeader___1eVp9 {
        background: #f8f8f8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 16px 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

.miniCartHeader__prices___3MKVC {
        font-size: 14px;
        font-weight: 400;
        margin-left: 6px;
        line-height: 16px;
    }

.miniCartHeader__price___3hrxc {
        text-decoration: line-through;
        color: #89959c;
    }

.miniCartHeader__discount___1eDBe {
        color: #f22a42;
        margin-left: 6px;
    }

.miniCartHeader__appliedCoupons___2-fqh {
        margin-top: 7px;
        font-size: 14px;
        font-weight: 400;
        color: #89959c;
        max-width: 230px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
    }

.miniCartHeader__appliedCouponsIcon___2u5rj, .miniCartHeader__appliedCouponsText___lE4UG {
        margin-right: 5px;
    }

.miniCartHeader__coupon___25m60 {
        font-weight: 700;
        margin-right: 5px;
    }

.miniCartHeader__coupon___25m60:first-child {
            margin: 0 5px;
        }

.miniCartHeader__editLink___1Cs6d {
        font-size: 12px;
        font-weight: 300;
        color: #89959c;
        text-decoration: underline;
    }

.miniCartHeader__bold___1Nt7k {
        font-weight: 700;
    }

.miniCartHeader__title___2lmtR {
        font-size: 16px;
        color: #3a4850;
    }

.miniCartHeader__total___d_lEm {
        color: #89959c;
    }

.miniCartHeader__through___Yag7c {
        text-decoration: line-through;
    }

.miniCartHeader__top___-IuLK {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

.miniCartHeader__leftSide___33X2x {
        -ms-flex-item-align: center;
            align-self: center;
        -ms-flex-preferred-size: 70%;
            flex-basis: 70%;
    }

.miniCartHeader__rightSide___28zEN {
        -ms-flex-item-align: center;
            align-self: center;
        width: 84px;
        height: 28px;
    }

.miniCartHeader__viewCart___3Ja3i {
        width: 89px;
        height: 31px;
        border-radius: 4px;
        border: 1px solid #89959c;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #898989;
        font-size: 13px;
        -webkit-transition: .3s color, .3s border-color, background .3s;
        transition: .3s color, .3s border-color, background .3s;
        padding: 0 13px;
    }

.miniCartHeader__viewCart___3Ja3i:hover {
            background: #89959c;
            color: #fff;
            border-color: #89959c;
        }

.miniCartHeader__iconCart___13j6D {
        height: 15px;
        width: auto;
        max-width: 15px;
    }

.miniCartHeader__tbybWrapTitle___30EWz {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #3a4850;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-weight: 700;
        font-size: 16px;
        max-width: 255px;
    }

.miniCartHeader__tbybTitle___3Fojv {
        margin-left: 6px;
        line-height: 19px;
    }

.miniCartHeader__tbybIcon___1mojP {
        width: 123px;
        height: 19px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.excessHtoLimitMessage__excessMessage___iEOqC {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.excessHtoLimitMessage__excessLimit___1Mb0O {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #2d2d2d;
    }

.excessHtoLimitMessage__hasEqualLimit___1eNLA {
        font-weight: 700;
        color: #2196f3;
    }

.excessHtoLimitMessage__pleaseRemove___nSgBm {
        font-weight: 400;
    }

.excessHtoLimitMessage__attentionIcon___YEhTX, .excessHtoLimitMessage__checkAssurance___2H8XN {
        width: 16px;
        height: 16px;
        margin-right: 8px;
    }

.excessHtoLimitMessage__mimiCart___31cQ- {
        font-weight: 400;
    }

.excessHtoLimitMessage__mimiCart___31cQ- .excessHtoLimitMessage__attentionIcon___YEhTX, .excessHtoLimitMessage__mimiCart___31cQ- .excessHtoLimitMessage__checkAssurance___2H8XN {
            width: 13px;
            height: 13px;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.miniCartHTO__section___3Um6c {
        background: #fff;
        -webkit-box-shadow: 0 1px 0 #e9e7e3, 0 3px 24px #d8d8d8;
                box-shadow: 0 1px 0 #e9e7e3, 0 3px 24px #d8d8d8;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        font-size: 14px;
        line-height: 16px;
    }

.miniCartHTO__excessMessage___1uCZr {
        margin: 18px 0 0 10px;
        color: #2196f3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

.miniCartHTO__attentionIcon___MhIcs {
        height: 13px;
        width: 13px;
        margin-right: 8px;
    }

.miniCartHTO__countItems____T1ED {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 16px;
        color: #3a4850;
    }

.miniCartHTO__countItems____T1ED .miniCartHTO__checkInCircle___1gOXs {
            width: 13px;
            height: 13px;
            margin-right: 8px;
        }

.miniCartHTO__title___26Luv {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 14px 20px;
        border-bottom: 1px solid #f1f1f1;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 14px;
    }

.miniCartHTO__dueNow___2Qv9X {
        font-weight: 700;
        line-height: 19px;
        color: #3a4850;
    }

.miniCartHTO__payOnly___2lsal {
        line-height: 16px;
        color: #5b6971;
    }

.miniCartHTO__footer___W_KCs {
        padding: 20px 20px 18px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.miniCartBottom__miniCartBottom___1eXMj .miniCartBottom__buttonsBlock___2Ru4a {
            padding: 20px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
        }

.miniCartBottom__miniCartBottom___1eXMj .miniCartBottom__borderTop___2A-ad {
            border-top: 1px solid #89959c;
        }

.miniCartBottom__miniCartBottom___1eXMj .miniCartBottom__iconMoney___335lY, .miniCartBottom__miniCartBottom___1eXMj .miniCartBottom__iconTruck___1Hdxn {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            color: #89959c;
            margin-right: 7px;
            height: 18px;
        }

.miniCartBottom__miniCartBottom___1eXMj .miniCartBottom__iconMoney___335lY svg, .miniCartBottom__miniCartBottom___1eXMj .miniCartBottom__iconTruck___1Hdxn svg {
                height: 18px;
                width: 18px;
            }

.miniCartBottom__miniCartBottom___1eXMj .miniCartBottom__iconTruck___1Hdxn svg {
                height: 18px;
                width: 25px;
            }

.miniCartBottom__miniCartBottom___1eXMj .miniCartBottom__border___pWMZt {
            border-top: 1px solid rgba(137, 149, 156, 0.1);
        }

.miniCartBottom__infoBlock___XhOra {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 20px;
    }

.miniCartBottom__infoItem___2I2Ih {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        padding-bottom: 21px;
        color: #89959c;
        font-size: 14px;
        font-weight: 400;
    }

.miniCartBottom__infoItem___2I2Ih:first-child::after {
                content: '';
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-item-align: center;
                    align-self: center;
                height: 9px;
                border-right: 1px solid #89959c;
                position: absolute;
                right: 0;
            }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.newSocialButtons__socialLogin___1Anke {
        position: relative;
        width: 356px;
        height: 48px;
        text-align: center;
        display: block;
        color: #5b6971;
        cursor: pointer;
        font-size: 16px;
        line-height: 48px;
        font-weight: 700;
        border: 1px solid #dedede;
        border-radius: 4px;
    }

.newSocialButtons__facebookLogin___MOOiD {
        background-color: #1977f2;
        color: #fff;
        border: none;
        margin-bottom: 12px;
    }

.newSocialButtons__icon___3vLlT {
        position: absolute;
        left: 16px;
        top: 4px;
        width: 18px;
        height: 18px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.miniCartItemPrice__miniCartItemPrices___1FQn8 {
        font-size: 14px;
        font-weight: 400;
        margin-top: 7px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

.miniCartItemPrice__price___1ok0C {
        color: #89959c;
    }

.miniCartItemPrice__through___1EhM8 {
        text-decoration: line-through;
    }

.miniCartItemPrice__discountPrice___7pDB9 {
        color: #f22a41;
        margin-left: 8px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.newLoginPopup__wrap___3jnzg {
        font-family: Roboto, Arial, sans-serif;
        text-align: center;
        padding: 31px 32px 26px;
    }

.newLoginPopup__header___12X_l {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 24px;
    }

.newLoginPopup__separator___1aocK {
        position: relative;
        margin: 28px 0;
        color: #898989;
        font-size: 12px;
        line-height: 1.1;
    }

.newLoginPopup__separator___1aocK::before, .newLoginPopup__separator___1aocK::after {
            content: '';
            display: block;
            height: 1px;
            width: 159px;
            background-color: #e7ebed;
            position: absolute;
            top: 7px;
        }

.newLoginPopup__separator___1aocK::before {
            left: 0;
        }

.newLoginPopup__separator___1aocK::after {
            right: 0;
        }

.newLoginPopup__error___1OtEC {
        border: 1px solid;
        color: #d2431e;
        padding: 10px;
        text-align: center;
        font-size: 13px;
        margin-bottom: 20px;
    }

.newLoginPopup__input___2cAZU {
        margin-bottom: 12px;
    }

.newLoginPopup__forgot___3ymFE {
        color: #4d4d4d;
        font-size: 14px;
        line-height: 1.1;
        text-align: right;
        text-decoration: underline;
        margin-bottom: 24px;
        cursor: pointer;
    }

.newLoginPopup__signUp___3GptO {
        color: #4d4d4d;
        font-size: 14px;
        line-height: 1.1;
        margin-top: 26px;
    }

.newLoginPopup__signUp___3GptO .newLoginPopup__link___3JdO3 {
            color: #2196f3;
            text-decoration: underline;
            cursor: pointer;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.miniCartItemTooltip__overlay___1N9hs {
        background: #fff;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0;
        z-index: -10;
        -webkit-transition: .3s opacity;
        transition: .3s opacity;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

.miniCartItemTooltip__overlayVisible___3hozL {
        opacity: 1;
        z-index: 30;
    }

.miniCartItemTooltip__close___1wTpb {
        position: absolute;
        right: 15px;
        top: 12px;
        -webkit-transform: rotate(-46deg);
                transform: rotate(-46deg);
        height: 8px;
        width: 8px;
        padding: 12px;
        cursor: pointer;
    }

.miniCartItemTooltip__close___1wTpb::after, .miniCartItemTooltip__close___1wTpb::before {
            content: '';
            background-color: #d8d8d8;
            position: absolute;
            left: 30%;
            top: 50%;
            border-radius: 3px;
            width: 11px;
            height: 2px;
            -webkit-transition: background-color .3s;
            transition: background-color .3s;
        }

.miniCartItemTooltip__close___1wTpb::after {
            -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
        }

.miniCartItemTooltip__close___1wTpb:hover::after, .miniCartItemTooltip__close___1wTpb:hover::before {
                background-color: #898989;
            }

.miniCartItemTooltip__buttonsBlock___zNZn4 {
        max-width: 110px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

.miniCartItemTooltip__btn___34_eX {
        border-radius: 13px;
        border: 1px solid #89959c;
        width: 49px;
        height: 25px;
        font-weight: 400;
        color: #89959c;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 14px;
        cursor: pointer;
    }

.miniCartItemTooltip__btn___34_eX:hover {
            background: #89959c;
            color: #fff;
        }

.miniCartItemTooltip__disabled___1XRad {
        opacity: .8;
        color: #d8d8d8;
        border-color: #d8d8d8;
        pointer-events: none;
    }

.miniCartItemTooltip__removeTitle___3zVmB {
        font-size: 14px;
        margin-bottom: 7px;
        color: #89959c;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.photoSwithcer__wrap___35m0K {
        position: relative;
        width: 280px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        padding: 24px 26px;
        z-index: -10;
    }

.photoSwithcer__img___32Z1p {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-size: cover;
        background-color: #89959c;
        -webkit-transition: background-image ease-in-out .23s;
        transition: background-image ease-in-out .23s;
    }

.photoSwithcer__title___3sBiQ {
        position: relative;
        color: #fff;
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 10px;
    }

.photoSwithcer__description___1jEQa {
        position: relative;
        color: #fff;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 21px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.miniCartItemGlasses__miniCartItem___S0gAV {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #f8f8f8;
        height: 108px;
        -webkit-transition: .3s color;
        transition: .3s color;
    }

.miniCartItemGlasses__miniCartItem___S0gAV:hover .miniCartItemGlasses__name___2-SkP {
                color: #3a4850;
            }

.miniCartItemGlasses__miniCartItem___S0gAV:hover .miniCartItemGlasses__editLabel___1qi9a {
                visibility: hidden;
            }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__frameDescription___2ZV2x:hover .miniCartItemGlasses__name___2-SkP, .miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__frame___40_2_:hover ~ .miniCartItemGlasses__frameDescriptionWrap___A-H9N .miniCartItemGlasses__name___2-SkP {
                color: #2196f3;
            }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__frameDescription___2ZV2x:hover .miniCartItemGlasses__editLabel___1qi9a, .miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__frame___40_2_:hover ~ .miniCartItemGlasses__frameDescriptionWrap___A-H9N .miniCartItemGlasses__editLabel___1qi9a {
                visibility: visible;
            }

.miniCartItemGlasses__miniCartItem___S0gAV.miniCartItemGlasses__huge___uZ7N- {
            height: 122px;
        }

.miniCartItemGlasses__miniCartItem___S0gAV:last-child {
            border-bottom: none;
        }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__frame___40_2_ {
            width: 50%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__frame___40_2_ img {
                max-width: 160px;
                margin: 0 auto 10%;
                display: block;
            }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__name___2-SkP {
            font-size: 14px;
            font-weight: 400;
            line-height: 19px;
            max-width: 155px;
            color: #3a4850;
        }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__editLabel___1qi9a {
            visibility: hidden;
            font-size: 13px;
            color: #89959c;
        }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__frameDescriptionWrap___A-H9N {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            width: 50%;
        }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__frameDescription___2ZV2x {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
        }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__overlay___2nDmq {
            background: #fff;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            position: absolute;
            opacity: 0;
            z-index: -10;
            -webkit-transition: .3s opacity;
            transition: .3s opacity;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
        }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__overlayVisible___2IKDA {
            opacity: 1;
            z-index: 30;
        }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__removeTitle___2cDW0 {
            font-size: 14px;
            letter-spacing: .1px;
            color: #89959c;
            margin-bottom: 7px;
        }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__buttonsBlock___1c2sP {
            max-width: 110px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
        }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__btn___3YIfl {
            border-radius: 13px;
            border: 1px solid #89959c;
            width: 49px;
            height: 25px;
            font-weight: 400;
            color: #89959c;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__btn___3YIfl:hover {
                background: #89959c;
                color: #fff;
            }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__disabled___2DAPb {
            opacity: .8;
            color: #d8d8d8;
            border-color: #d8d8d8;
            pointer-events: none;
        }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__premiumMatch___34BYV {
            background: #ffd021;
            font-size: 12px;
            width: 83px;
            height: 22px;
            position: relative;
            border-radius: 4px;
            margin-left: 15px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__premiumMatch___34BYV::after {
                content: '';
                -webkit-transform: rotate(46deg);
                        transform: rotate(46deg);
                background: inherit;
                width: 14px;
                height: 14px;
                left: -6px;
                top: 4px;
                position: absolute;
                z-index: 10;
            }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__premiumMatch___34BYV .miniCartItemGlasses__priceMatch___1PuuO {
                position: relative;
                z-index: 20;
            }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__description___3bnCf {
            font-size: 12px;
            font-weight: 300;
            margin-top: 7px;
            color: #89959c;
        }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__description___3bnCf a {
                text-decoration: underline;
                font-size: inherit;
                font-weight: inherit;
                color: inherit;
            }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__perBox___34ta0 {
            font-weight: 300;
            color: #89959c;
            margin-left: 4px;
            font-size: 12px;
        }

.miniCartItemGlasses__miniCartItem___S0gAV .miniCartItemGlasses__lensType___2MNFF {
            color: #3a4850;
            font-size: 12px;
            margin-top: 9px;
            font-weight: 300;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.inputItem__input___1kIjW {
        margin-bottom: 12px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.miniCartItemLenses__miniCartItemLenses___2T0Cs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #f8f8f8;
        height: 108px;
        -webkit-transition: .3s color;
        transition: .3s color;
    }

.miniCartItemLenses__miniCartItemLenses___2T0Cs:hover .miniCartItemLenses__name___3swKH {
                color: #3a4850;
            }

.miniCartItemLenses__miniCartItemLenses___2T0Cs:hover .miniCartItemLenses__editLabel___2JxxJ {
                visibility: hidden;
            }

.miniCartItemLenses__miniCartItemLenses___2T0Cs .miniCartItemLenses__frameDescription___2Y1R_:hover .miniCartItemLenses__name___3swKH, .miniCartItemLenses__miniCartItemLenses___2T0Cs .miniCartItemLenses__frame___2ebJU:hover ~ .miniCartItemLenses__frameDescriptionWrap___3EsZG .miniCartItemLenses__name___3swKH {
                color: #2196f3;
            }

.miniCartItemLenses__miniCartItemLenses___2T0Cs .miniCartItemLenses__frameDescription___2Y1R_:hover .miniCartItemLenses__editLabel___2JxxJ, .miniCartItemLenses__miniCartItemLenses___2T0Cs .miniCartItemLenses__frame___2ebJU:hover ~ .miniCartItemLenses__frameDescriptionWrap___3EsZG .miniCartItemLenses__editLabel___2JxxJ {
                visibility: visible;
            }

.miniCartItemLenses__miniCartItemLenses___2T0Cs.miniCartItemLenses__huge___3Xlc- {
            height: 122px;
        }

.miniCartItemLenses__miniCartItemLenses___2T0Cs:last-child {
            border-bottom: none;
        }

.miniCartItemLenses__miniCartItemLenses___2T0Cs .miniCartItemLenses__frame___2ebJU {
            width: 50%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }

.miniCartItemLenses__miniCartItemLenses___2T0Cs .miniCartItemLenses__frame___2ebJU img {
                max-width: 160px;
                margin: 0 auto;
                display: block;
            }

.miniCartItemLenses__miniCartItemLenses___2T0Cs .miniCartItemLenses__name___3swKH {
            font-size: 14px;
            font-weight: 400;
            line-height: 19px;
            max-width: 155px;
            color: #3a4850;
        }

.miniCartItemLenses__miniCartItemLenses___2T0Cs .miniCartItemLenses__editLabel___2JxxJ {
            visibility: hidden;
            font-size: 13px;
            color: #89959c;
        }

.miniCartItemLenses__miniCartItemLenses___2T0Cs .miniCartItemLenses__perBox___1tish {
            font-weight: 300;
            color: #89959c;
            margin-left: 4px;
            font-size: 12px;
        }

.miniCartItemLenses__miniCartItemLenses___2T0Cs .miniCartItemLenses__lensType___1FS8R {
            color: #3a4850;
            font-size: 12px;
            margin-top: 7px;
            font-weight: 300;
        }

.miniCartItemLenses__frameDescriptionWrap___3EsZG {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 50%;
    }

.miniCartItemLenses__frameDescription___2Y1R_ {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.newRegisterPopup__wrap___3PWfX {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        min-height: 438px;
    }

.newRegisterPopup__formLayout___2Gte9 {
        position: relative;
        font-family: Roboto, Arial, sans-serif;
        text-align: center;
        width: 444px;
        padding: 31px 44px 26px;
    }

.newRegisterPopup__header___11hPd {
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        margin-bottom: 28px;
    }

.newRegisterPopup__separator___3iVKW {
        position: relative;
        margin: 28px 0;
        color: #898989;
        font-size: 12px;
        line-height: 14px;
    }

.newRegisterPopup__separator___3iVKW::before, .newRegisterPopup__separator___3iVKW::after {
            content: '';
            display: block;
            height: 1px;
            width: 159px;
            background-color: #e7ebed;
            position: absolute;
            top: 7px;
        }

.newRegisterPopup__separator___3iVKW::before {
            left: 0;
        }

.newRegisterPopup__separator___3iVKW::after {
            right: 0;
        }

.newRegisterPopup__inputGroup___1tLzx {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 10px;
    }

.newRegisterPopup__forgot___1kqyP {
        color: #4d4d4d;
        font-size: 14px;
        line-height: 16px;
        text-align: right;
        text-decoration: underline;
        margin-bottom: 24px;
        cursor: pointer;
    }

.newRegisterPopup__login___2oJCP {
        color: #4d4d4d;
        font-size: 14px;
        line-height: 16px;
        margin-top: 26px;
    }

.newRegisterPopup__login___2oJCP button {
            color: #2196f3;
            text-decoration: underline;
            cursor: pointer;
        }

.newRegisterPopup__subscribe___1XF4d {
        margin: 4px 0 24px;
    }

.newRegisterPopup__subscribe___1XF4d span:last-child {
                color: #4d4d4d;
                font-size: 14px;
                line-height: 16px;
                margin-left: 9px;
            }

.newRegisterPopup__strictPrivacy___2u0N3 {
        margin-top: 38px;
        color: #898989;
        font-size: 12.5px;
        letter-spacing: -.19px;
        line-height: 15px;
    }

.newRegisterPopup__strictPrivacy___2u0N3 .newRegisterPopup__link___woVw8 {
            color: #898989;
        }

.newRegisterPopup__error___2Er6l {
        border: 1px solid;
        color: #d2431e;
        padding: 10px;
        text-align: center;
        font-size: 13px;
        margin-bottom: 20px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.miniCartWrapper__quoteItemsContainer___2lIG4 {
        overflow-y: scroll;
        max-height: 206px;
        position: relative;
        -webkit-box-sizing: content-box;
                box-sizing: content-box;
        width: 100%;
    }

.miniCartWrapper__quoteItemsContainer___2lIG4::-webkit-scrollbar-track {
            border-radius: 10px;
            background-color: #fff;
        }

.miniCartWrapper__quoteItemsContainer___2lIG4::-webkit-scrollbar {
            width: 6px;
        }

.miniCartWrapper__quoteItemsContainer___2lIG4::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background-color: #89959c;
        }

.miniCartWrapper__mediumHeight___1o8Mn {
        max-height: 220px;
    }

.miniCartWrapper__maxHeight___3V1wV {
        max-height: 234px;
    }

.miniCartWrapper__wrapperItems___1e2CB {
        position: relative;
        overflow: hidden;
    }

.miniCartWrapper__wrapperItems___1e2CB::after {
            content: '';
            left: 0;
            bottom: 0;
            width: 100%;
            pointer-events: none;
            z-index: 30;
            height: 25px;
            position: absolute;
            background-image: -webkit-gradient(linear, left bottom, left top, from(#3a4850), to(rgba(0, 0, 0, 0)));
            background-image: linear-gradient(to top, #3a4850 0%, rgba(0, 0, 0, 0) 100%);
            opacity: .11;
            border-bottom: 1px solid #3a4850;
            -webkit-transition: opacity .3s;
            transition: opacity .3s;
        }

.miniCartWrapper__isShadow___w2bc7 {
        position: relative;
    }

.miniCartWrapper__isShadow___w2bc7::before {
            content: '';
            left: 0;
            bottom: 0;
            position: absolute;
            background: rgba(137, 149, 156, 0.1);
            height: 1px;
            width: 100%;
            z-index: 40;
        }

.miniCartWrapper__isShadow___w2bc7::after {
            opacity: 0;
        }

.cmsPageFullscreenPopup__wrapper___1RUPT {
        width: 90vw;
        padding: 20px 20px 0;
    }
    .cmsPageFullscreenPopup__loader___3ZC1U {
        margin: 40px;
    }
    .cmsPageFullscreenPopup__button___152jn {
        cursor: pointer;
        margin: 0 5px;
        text-decoration: underline;
        margin-left: 3px;
        font-family: var(--font-roboto);
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.miniCart__miniCart___1urtC {
        position: relative;
        right: 36px;
        top: 82px;
        font-family: Roboto, Arial, sans-serif;
    }

.miniCart__miniCart___1urtC a {
            font-family: Roboto, Arial, sans-serif;
        }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.miniCart__miniCart___1urtC {
            right: 35px
    }
        }

@media (max-width: 1279.9px) {

.miniCart__miniCart___1urtC {
            right: 10px
    }
        }

.miniCart__miniCart___1urtC.miniCart__stickyCart___3Re2n {
            top: 50px;
        }

@media (max-width: 1279.9px) {

.miniCart__miniCart___1urtC.miniCart__stickyCart___3Re2n {
                right: 10px
        }
            }

.miniCart__miniCart___1urtC .miniCart__fakeIcon___1dUBs {
            width: 65px;
            height: 43px;
            position: absolute;
            top: -45px;
            right: 20px;
            cursor: pointer;
            z-index: 50;
            display: none;
        }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.miniCart__miniCart___1urtC .miniCart__fakeIcon___1dUBs {
                right: 20px
        }
            }

@media (max-width: 1279.9px) {

.miniCart__miniCart___1urtC .miniCart__fakeIcon___1dUBs {
                right: 0
        }
            }

.miniCart__miniCart___1urtC .miniCart__visible___2bl7f {
            display: block;
        }

.miniCart__miniCart___1urtC .miniCart__wrapper___2YhhC {
            position: absolute;
            background: #fff;
            width: 417px;
            border-radius: 20px;
            text-align: left;
            z-index: 40;
            right: 0;
        }

.miniCart__miniCart___1urtC .miniCart__wrapper___2YhhC::before {
                content: '';
                right: 48px;
                top: -6px;
                background: #f8f8f8;
                width: 14px;
                height: 14px;
                position: absolute;
                -webkit-transform: rotate(-46deg);
                        transform: rotate(-46deg);
                -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
                        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
                z-index: -10;
            }

.miniCart__miniCart___1urtC .miniCart__wrapper___2YhhC::after {
                content: '';
                position: absolute;
                -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2), 0 2px 5px rgba(0, 0, 0, 0.2);
                        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2), 0 2px 5px rgba(0, 0, 0, 0.2);
                left: 0;
                top: 0;
                height: 100%;
                width: 100%;
                border-radius: inherit;
                z-index: -9999;
            }

.miniCart__miniCart___1urtC .miniCart__wrapper___2YhhC.miniCart__active___1L-Mo {
                -webkit-transition: opacity 300ms, -webkit-transform 0ms;
                transition: opacity 300ms, -webkit-transform 0ms;
                transition: transform 0ms, opacity 300ms;
                transition: transform 0ms, opacity 300ms, -webkit-transform 0ms;
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
            }

.miniCart__miniCart___1urtC .miniCart__wrapper___2YhhC.miniCart__hidden___1fyvU {
                -webkit-transition: opacity 300ms, -webkit-transform 0ms 300ms;
                transition: opacity 300ms, -webkit-transform 0ms 300ms;
                transition: transform 0ms 300ms, opacity 300ms;
                transition: transform 0ms 300ms, opacity 300ms, -webkit-transform 0ms 300ms;
                opacity: 0;
                -webkit-transform: translateY(-200%);
                        transform: translateY(-200%);
            }

.miniCart__miniCart___1urtC .miniCart__isShadow___wAsWY {
            position: relative;
        }

.miniCart__miniCart___1urtC .miniCart__isShadow___wAsWY::before {
                content: '';
                left: 0;
                bottom: 0;
                position: absolute;
                background: rgba(137, 149, 156, 0.1);
                height: 1px;
                width: 100%;
                z-index: 40;
            }

.miniCart__miniCart___1urtC .miniCart__isShadow___wAsWY::after {
                opacity: 0;
            }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.miniCart__miniCart___1urtC {
            right: 18px
    }
        }

@media (max-width: 1279.9px) {

.miniCart__miniCart___1urtC {
            right: 5px
    }
        }

.miniCart__miniCart___1urtC.miniCart__stickyCart___3Re2n {
            top: 82px;
        }

@media (max-width: 1279.9px) {

.miniCart__miniCart___1urtC.miniCart__stickyCart___3Re2n {
                right: 10px
        }
            }

.miniCart__miniCart___1urtC .miniCart__fakeIcon___1dUBs {
            top: -34px;
        }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.miniCart__miniCart___1urtC .miniCart__fakeIcon___1dUBs {
                right: 15px
        }
            }

@media (max-width: 1279.9px) {

.miniCart__miniCart___1urtC .miniCart__fakeIcon___1dUBs {
                right: 10px
        }
            }

.miniCart__miniCart___1urtC .miniCart__wrapper___2YhhC.miniCart__active___1L-Mo {
                -webkit-transform: translateY(8%);
                        transform: translateY(8%);
            }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.newForgotPopup__wrap___28QE5 {
        font-family: Roboto, Arial, sans-serif;
        text-align: center;
        width: 420px;
        padding: 31px 32px 26px;
    }

.newForgotPopup__header___28IJj {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 24px;
    }

.newForgotPopup__subHeader___3QSaT {
        color: #5b6971;
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 24px;
    }

.newForgotPopup__error___22NMT, .newForgotPopup__success___2avuW {
        border: 1px solid;
        color: #d2431e;
        padding: 10px;
        text-align: center;
        font-size: 13px;
        margin-bottom: 20px;
    }

.newForgotPopup__success___2avuW {
        font-size: 16px;
        color: #3fabe6;
    }

.newForgotPopup__input___1amip {
        margin-bottom: 12px;
    }

.newForgotPopup__login___3ssqd {
        color: #2196f3;
        text-decoration: underline;
        cursor: pointer;
        font-size: 14px;
        line-height: 1.1;
        margin-top: 26px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.headerWrapper__wrapHeader___2uL0j {
        position: relative;
        z-index: 90;
    }

.headerWrapper__fixHeader___jLCE_ {
        height: 111px;
    }

.headerWrapper__sticky___3hPGq {
        position: fixed;
        top: 0;
        width: 100%;
        -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
                box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
    }

.headerWrapper__miniCartContainer___uHbaF {
        max-width: 1440px;
        min-width: 965px;
        margin: 0 auto;
        position: relative;
    }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.headerWrapper__miniCartContainer___uHbaF {
            width: 1280px
    }
        }

@media (min-width: 1440px) {

.headerWrapper__miniCartContainer___uHbaF {
            width: 1440px
    }
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.hidePhoneTooltip__container___1FrRS {
        width: 310px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 24px;
    }

.hidePhoneTooltip__title___3K0hp {
        margin: 32px 0 20px;
        color: #323c47;
        font-weight: 700;
        font-size: 16px;
        text-align: center;
    }

.hidePhoneTooltip__link___18y6_ {
        font-weight: 700;
        color: #128fcc;
        font-size: 15px;
        text-decoration: underline;
        cursor: pointer;
    }

.hidePhoneTooltip__successButton___1WEQI {
        width: 170px;
        line-height: 40px;
        font-weight: 700;
        text-align: center;
    }

.hidePhoneTooltip__contentText___nidfP {
        max-width: 83%;
        color: #89959c;
        font-size: 15px;
        line-height: 26px;
        font-weight: 400;
        text-align: center;
        margin: 0 auto 12px;
    }

.hidePhoneTooltip__supportCartText___ai-iA {
        margin-left: 5px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 14px;
        letter-spacing: .3px;
        color: #2c2c2c;
    }

.hidePhoneTooltip__supportCheckoutText___3OryF {
        color: #6b6b6b;
    }

.hidePhoneTooltip__supportText___1dsuH {
        font-size: 12px;
        color: #fff;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.topStrip__container___3hb57 {
        background: #2d2d2d;
        height: 40px;
    }

.topStrip__container___3hb57.topStrip__reverseColor___lM_xY {
        background: #f1f1f1;
    }

.topStrip__container___3hb57.topStrip__reverseColor___lM_xY .topStrip__content___2l7ct {
            color: #4d4d4d;
        }

.topStrip__content___2l7ct {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1 1;
                flex: 1 1;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 0 46px;
        margin: auto;
        height: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        font-size: 14px;
        font-family: Roboto, Arial, sans-serif;
        color: #f8f8f8;
    }

@media (max-width: 1279.9px) {

.topStrip__content___2l7ct {
            font-size: 12px
    }
        }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.topStrip__content___2l7ct {
            padding: 0 59px;
            width: 1280px
    }
        }

@media (min-width: 1440px) {

.topStrip__content___2l7ct {
            padding: 0 79px 0 71px;
            width: 1440px
    }
        }

.topStrip__leftSide___TdEsL {
        width: 544px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

@media (min-width: 1440px) {

.topStrip__leftSide___TdEsL {
            width: 580px
    }
        }

@media (max-width: 1279.9px) {

.topStrip__leftSide___TdEsL {
            width: 390px
    }
        }

.topStrip__rightSide___ZHLlC {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.amazonPromotion__amazonBlock___1QSuC {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
        font-family: Roboto, Arial, sans-serif;
    }

.amazonPromotion__gold___3gwmI {
        font-family: Roboto, Arial, sans-serif;
        color: #f59a34;
        text-decoration: underline;
    }

.amazonPromotion__amazonImage___yZ-22 {
        width: 63px;
        height: 19px;
        margin: 0 10px;
    }

.amazonPromotion__icon___3bArJ {
        stroke: none;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.textPromotion__shipping___3AuMz {
        display: none;
    }

@media (min-width: 1440px) {

.textPromotion__shipping___3AuMz {
            display: inline
    }
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.promotions__btn___1LkZ9 {
        border: none;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        cursor: pointer;
        outline: none;
        width: 8px;
        color: #d8d8d8;
    }

@media (max-width: 1279.9px) {

.promotions__btn___1LkZ9 {
            width: 7px
    }
        }

.promotions__btn___1LkZ9.promotions__prev___D2THl {
            -webkit-transform: rotateY(180deg);
                    transform: rotateY(180deg);
        }

.promotions__a___110IG {
        font-size: 14px;
        font-family: Roboto, Arial, sans-serif;
        color: #f8f8f8;
    }

.promotions__textBold___1Lutw {
        font-weight: 700;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.headerFocusButton__button___-j7vg {
        outline: none;
        position: relative;
    }

.headerFocusButton__button___-j7vg:focus::before {
            content: "";
            top: -5px;
            position: absolute;
            height: 30px;
            background: rgba(33, 150, 243, .05);
            width: calc(100% + 10px);
            border: 1px solid #2196f3;
            border-radius: 2px;
            left: -5px;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.accessibility__wrap___1CIIr {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

.accessibility__button___2d9f4 {
        border: none;
        background: none;
        height: 20px;
        width: 15px;
        cursor: pointer;
        color: currentColor;
    }

@media (max-width: 1279.9px) {

.accessibility__button___2d9f4 {
            width: 14px
    }
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.accountWithFlag__container___2KP0l {
        min-width: 222px;
        padding: 24px;
        display: inline-block;
        font-family: Roboto, Arial, sans-serif;
    }

.accountWithFlag__header___CcZ2B {
        font-weight: 300;
        font-size: 20px;
        padding-bottom: 15px;
    }

.accountWithFlag__linksList___14YHz {
        border-top: 1px solid #e7ebed;
        padding: 25px 0 8px 4px;
        color: #3a4850;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

.accountWithFlag__linksList___14YHz .accountWithFlag__linkContainer___VLmoW:not(:last-child) {
            margin-bottom: 20px;
        }

.accountWithFlag__linksList___14YHz .accountWithFlag__link___15lC0 {
            font-family: Roboto, Arial, sans-serif;
            color: #0f0f0f;
            font-size: 16px;
            line-height: 19px;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            cursor: pointer;
        }

.accountWithFlag__linksList___14YHz .accountWithFlag__link___15lC0:hover {
                font-weight: 700;
            }

.accountWithFlag__linksList___14YHz .accountWithFlag__logoutLink___33Xl0 {
            color: #aaa;
        }

.accountWithFlag__linksList___14YHz .accountWithFlag__authButton___3NmxW {
            margin-bottom: 11px;
        }

.accountWithFlag__linksList___14YHz .accountWithFlag__authButton___3NmxW + .accountWithFlag__authButton___3NmxW {
                margin-bottom: 18px;
            }

.accountWithFlag__orderTrackingIcon___1i6b_ {
        height: 15px;
        width: 11px;
        margin-right: 14px;
    }

.accountWithFlag__returnsIcon___3v6xr {
        height: 12px;
        width: 15px;
        margin-right: 12px;
    }

.accountWithFlag__myAccountIcon___CtP01 {
        height: 18px;
        width: 18px;
        margin-right: 10px;
    }

.accountWithFlag__orderHistoryIcon___12b4l {
        height: 17px;
        width: 16px;
        margin-right: 10px;
    }

.accountWithFlag__prescriptionsIcon___1FjHv {
        height: 17px;
        width: 14px;
        margin-right: 14px;
    }

.accountWithFlag__logoutIcon___35_C_ {
        height: 15px;
        width: 14px;
        margin-right: 18px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.myAccountAndOrders__container___1f3aU {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        background: none;
        border: none;
        color: #fff;
    }

.myAccountAndOrders__tooltipContainer___32Rpc {
        min-width: 220px !important;
    }

.myAccountAndOrders__containerWithPadding___lm5xK {
        padding: 2px 6px 2px 10px;
    }

.myAccountAndOrders__containerBg___2SPOh {
        background-color: #3a4850;
    }

.myAccountAndOrders__icon___2y_c4 {
        border: none;
        background: none;
        color: currentColor;
        height: 18px;
        width: 18px;
        margin-left: 10px;
    }

.myAccountAndOrders__iconUser___2OoO_ {
        margin: 0 12px 0 0;
    }

.myAccountAndOrders__iconArrow___1EwxP {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-left: 12px;
    }

.myAccountAndOrders__iconArrow___1EwxP > svg {
            width: 10px;
            -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
        }

.myAccountAndOrders__textBold___tl6ec {
        font-weight: 700;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.allDay__phone___4kJPB {
        font-family: Roboto, Arial, sans-serif;
        font-size: 14px;
        color: currentColor;
    }

@media (max-width: 1279.9px) {

.allDay__phone___4kJPB {
            font-size: 12px;
            width: 1024px
    }
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.popover__container___3hZrZ {
        background-color: #fff;
        border-radius: 12px;
        -webkit-box-shadow: 0 1px 0 0 #eae9e5, 0 3px 24px -2px rgba(58, 72, 80, 0.34);
                box-shadow: 0 1px 0 0 #eae9e5, 0 3px 24px -2px rgba(58, 72, 80, 0.34);
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.helpContent__wrap___3B16d {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.11);
                box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.11);
        width: 520px;
    }

.helpContent__wrap___3B16d a {
            color: #3a4850;
            font-size: 16px;
            font-family: Roboto, Arial, sans-serif;
        }

.helpContent__faqBlock___vojhH {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 25px;
    }

.helpContent__welcomeBlock___3ES_I {
        background: #f7f8f9;
        padding: 25px;
        width: 50%;
        border-radius: 0 12px 12px 0;
    }

.helpContent__blockTitle___1aJh3 {
        font-family: Roboto, Arial, sans-serif;
        border-bottom: 1px solid #e7ebed;
        color: #89959c;
        font-size: 20px;
        font-weight: 300;
        height: 35px;
        cursor: default;
    }

.helpContent__item___fakiK {
        height: 45px;
        line-height: 45px;
        font-size: 16px;
    }

.helpContent__link___vE6Fu {
        color: #3a4850;
        cursor: pointer;
    }

.helpContent__link___vE6Fu:hover {
            font-weight: 700;
        }

.helpContent__icon___VDeCm {
        color: #3a4850;
        width: 23px;
        height: 23px;
        display: inline-block;
        margin-right: 7px;
        position: relative;
        top: 7px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.help__wrap___1yE-J {
        cursor: pointer;
    }

.help__container___rETIT {
        cursor: pointer;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        background: none;
        border: none;
        color: inherit;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.topStripDivider__divider___3onD7 {
        height: 7px;
        width: 1px;
        margin-left: 24px;
        margin-right: 24px;
        -ms-flex-item-align: center;
            align-self: center;
        border-right: 2px solid currentColor;
    }

@media (max-width: 1279.9px) {

.topStripDivider__divider___3onD7 {
            border-right: 1px solid currentColor;
            margin-left: 10px;
            margin-right: 10px
    }
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.mainMenuItems__wrap___Ve8yw {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

/* this class is used in component components/menu/menuItem/menuItem.tsx */

.mainMenuItems__wrap___Ve8yw.mainMenuItems__lastRed___21xV3 .mainMenuItems__item___3jqiH:last-child {
                color: #f22a42;
            }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.menuItem__item___1P6LL, .menuItem__expItem___3qOky {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        height: 100%;
        position: relative;
        cursor: pointer;
        color: #4d4d4d;
    }

@media (max-width: 1279.9px) {

.menuItem__item___1P6LL:nth-of-type(1) .menuItem__subMenu___2n5mN, .menuItem__expItem___3qOky:nth-of-type(1) .menuItem__subMenu___2n5mN {
                    left: 0
            }
                }

.menuItem__item___1P6LL:nth-of-type(2) .menuItem__subMenu___2n5mN, .menuItem__expItem___3qOky:nth-of-type(2) .menuItem__subMenu___2n5mN {
                left: -8px;
            }

@media (max-width: 1279.9px) {

.menuItem__item___1P6LL:nth-of-type(2) .menuItem__subMenu___2n5mN, .menuItem__expItem___3qOky:nth-of-type(2) .menuItem__subMenu___2n5mN {
                    left: 0
            }
                }

.menuItem__item___1P6LL:nth-of-type(4) .menuItem__subMenu___2n5mN, .menuItem__expItem___3qOky:nth-of-type(4) .menuItem__subMenu___2n5mN {
                left: -20px;
            }

@media (max-width: 1279.9px) {

.menuItem__item___1P6LL:nth-of-type(4) .menuItem__subMenu___2n5mN, .menuItem__expItem___3qOky:nth-of-type(4) .menuItem__subMenu___2n5mN {
                    left: -15px
            }
                }

.menuItem__item___1P6LL:nth-of-type(5) .menuItem__subMenu___2n5mN, .menuItem__expItem___3qOky:nth-of-type(5) .menuItem__subMenu___2n5mN {
                left: -10px;
            }

@media (max-width: 1279.9px) {

.menuItem__item___1P6LL:nth-of-type(5) .menuItem__subMenu___2n5mN, .menuItem__expItem___3qOky:nth-of-type(5) .menuItem__subMenu___2n5mN {
                    left: -150px
            }
                }

.menuItem__item___1P6LL:nth-of-type(6) .menuItem__subMenu___2n5mN, .menuItem__expItem___3qOky:nth-of-type(6) .menuItem__subMenu___2n5mN {
                left: -120px;
            }

@media (min-width: 1440px) {

.menuItem__item___1P6LL:nth-of-type(6) .menuItem__subMenu___2n5mN, .menuItem__expItem___3qOky:nth-of-type(6) .menuItem__subMenu___2n5mN {
                    left: -30px
            }
                }

@media (max-width: 1279.9px) {

.menuItem__item___1P6LL:nth-of-type(6) .menuItem__subMenu___2n5mN, .menuItem__expItem___3qOky:nth-of-type(6) .menuItem__subMenu___2n5mN {
                    right: -155px;
                    left: auto
            }
                }

.menuItem__item___1P6LL:nth-of-type(7) .menuItem__subMenu___2n5mN, .menuItem__expItem___3qOky:nth-of-type(7) .menuItem__subMenu___2n5mN {
                right: -338px;
                left: auto;
            }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.menuItem__item___1P6LL:nth-of-type(7) .menuItem__subMenu___2n5mN, .menuItem__expItem___3qOky:nth-of-type(7) .menuItem__subMenu___2n5mN {
                    right: -270px;
                    left: auto
            }
                }

@media (max-width: 1279.9px) {

.menuItem__item___1P6LL:nth-of-type(7) .menuItem__subMenu___2n5mN, .menuItem__expItem___3qOky:nth-of-type(7) .menuItem__subMenu___2n5mN {
                    right: -155px;
                    left: auto
            }
                }

.menuItem__item___1P6LL:last-of-type, .menuItem__expItem___3qOky:last-of-type {
            margin-right: 0;
            position: static;
        }

.menuItem__item___1P6LL:last-of-type .menuItem__subMenu___2n5mN, .menuItem__expItem___3qOky:last-of-type .menuItem__subMenu___2n5mN {
                right: -310px;
                left: auto;
            }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.menuItem__item___1P6LL:last-of-type .menuItem__subMenu___2n5mN, .menuItem__expItem___3qOky:last-of-type .menuItem__subMenu___2n5mN {
                    right: -260px;
                    left: auto
            }
                }

@media (max-width: 1279.9px) {

.menuItem__item___1P6LL:last-of-type .menuItem__subMenu___2n5mN, .menuItem__expItem___3qOky:last-of-type .menuItem__subMenu___2n5mN {
                    right: -230px;
                    left: auto
            }
                }

.menuItem__item___1P6LL.menuItem__light___2wGOf .menuItem__menuItemLink___2q4pQ, .menuItem__expItem___3qOky.menuItem__light___2wGOf .menuItem__menuItemLink___2q4pQ {
                color: #9b9b9b;
            }

.menuItem__item___1P6LL.menuItem__active___3PgYr .menuItem__menuItemLink___2q4pQ, .menuItem__item___1P6LL:hover .menuItem__menuItemLink___2q4pQ, .menuItem__expItem___3qOky.menuItem__active___3PgYr .menuItem__menuItemLink___2q4pQ, .menuItem__expItem___3qOky:hover .menuItem__menuItemLink___2q4pQ {
                color: #000;
                text-shadow: 1px 0 0 #000;
            }

@media (min-width: 1440px) {

.menuItem__expItem___3qOky:nth-of-type(6) .menuItem__subMenu___2n5mN {
                    left: -605px;
                    right: auto
            }
                }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.menuItem__expItem___3qOky:nth-of-type(6) .menuItem__subMenu___2n5mN {
                    left: -650px;
                    right: auto
            }
                }

@media (max-width: 1279.9px) {

.menuItem__expItem___3qOky:nth-of-type(6) .menuItem__subMenu___2n5mN {
                    left: -330px;
                    right: auto
            }
                }

.menuItem__menuItemLink___2q4pQ {
        height: 71px;
        font-size: 17px;
        line-height: 17px;
        -webkit-transition: all .2s;
        transition: all .2s;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        color: inherit;
        font-family: Roboto, Arial, sans-serif;
    }

@media (max-width: 1279.9px) {

.menuItem__menuItemLink___2q4pQ {
            font-size: 16px
    }
        }

.menuItem__menuItemLink___2q4pQ span {
            padding: 6px 7px;
            border-radius: 4px;
        }

.menuItem__menuItemLink___2q4pQ:focus {
            outline: none;
            -webkit-box-shadow: none;
                    box-shadow: none;
            background: transparent;
        }

.menuItem__menuItemLink___2q4pQ:focus span {
                background: #f1f1f1;
            }

.menuItem__subMenu___2n5mN {
        position: absolute;
        left: 0;
        top: 70px;
        z-index: 10;
        border-top: 1px solid #efefef;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

.menuItem__subMenu___2n5mN a, .menuItem__subMenu___2n5mN .menuItem__linkCategory___3X9aq {
            font-family: Roboto, Arial, sans-serif;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.zoomImage__zoomImage___1Yj1T {
        position: absolute;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        cursor: pointer;
        overflow: hidden;
        display: block;
        border-radius: 6px;
        -webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.14);
                box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.14);
    }

.zoomImage__zoomImage___1Yj1T img {
            -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            transition: transform .3s;
            transition: transform .3s, -webkit-transform .3s;
            display: block;
        }

@media (max-width: 1279.9px) {

.zoomImage__zoomImage___1Yj1T img {
                width: 200px
        }
            }

.zoomImage__container___BLD8I {
        position: relative;
        text-align: center;
        width: 246px;
        height: 246px;
        -ms-flex-item-align: center;
            align-self: center;
    }

@media (max-width: 1279.9px) {

.zoomImage__container___BLD8I {
            width: 200px;
            height: 200px
    }
        }

.zoomImage__container___BLD8I .zoomImage__description___2ZJ3P {
            font-size: 14px;
            line-height: 16px;
        }

@media (max-width: 1279.9px) {

.zoomImage__container___BLD8I .zoomImage__description___2ZJ3P {
                font-size: 12px;
                line-height: 14px
        }
            }

.zoomImage__container___BLD8I:hover img, .zoomImage__container___BLD8I[focus-within] img {
                -webkit-transform: scale(1.1) translateZ(0);
                        transform: scale(1.1) translateZ(0);
            }

.zoomImage__container___BLD8I:hover img, .zoomImage__container___BLD8I:focus-within img {
                -webkit-transform: scale(1.1) translateZ(0);
                        transform: scale(1.1) translateZ(0);
            }

.zoomImage__container___BLD8I:hover .zoomImage__description___2ZJ3P, .zoomImage__container___BLD8I[focus-within] .zoomImage__description___2ZJ3P {
                text-decoration: underline;
            }

.zoomImage__container___BLD8I:hover .zoomImage__description___2ZJ3P, .zoomImage__container___BLD8I:focus-within .zoomImage__description___2ZJ3P {
                text-decoration: underline;
            }

.zoomImage__container___BLD8I:hover .zoomImage__zoomImage___1Yj1T, .zoomImage__container___BLD8I[focus-within] .zoomImage__zoomImage___1Yj1T {
                outline: none;
            }

.zoomImage__container___BLD8I:hover .zoomImage__zoomImage___1Yj1T, .zoomImage__container___BLD8I:focus-within .zoomImage__zoomImage___1Yj1T {
                outline: none;
            }

.zoomImage__content___2Mf5_ {
        position: relative;
        z-index: 10;
        font-family: Roboto, Arial, sans-serif;
        top: 149px;
        pointer-events: none;
        color: #fff;
    }

@media (max-width: 1279.9px) {

.zoomImage__content___2Mf5_ {
            top: 119px
    }
        }

.zoomImage__title___33dsZ {
        font-size: 20px;
        line-height: 21px;
        text-transform: uppercase;
        margin-bottom: 11px;
    }

@media (max-width: 1279.9px) {

.zoomImage__title___33dsZ {
            font-size: 16px
    }
        }

.zoomImage__black___182lZ {
        color: #000;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.deals__deals___2Cku7 {
        font-family: Roboto, Arial, sans-serif;
        padding: 0 20px 0 26px;
        font-size: 16px;
        background-color: #f8f8f8;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

@media (max-width: 1279.9px) {

.deals__deals___2Cku7 {
            font-size: 14px;
            padding: 0 20px
    }
        }

.deals__item___1WhLh {
        margin-right: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

@media (max-width: 1279.9px) {

.deals__item___1WhLh {
            margin-right: 16px
    }
        }

.deals__item___1WhLh:last-child {
            margin-right: 0;
        }

.deals__bold___2itwc {
        font-weight: 700;
    }

.deals__isHidden___1XbA7 {
        display: none;
    }

.deals__wrapperSubMenu___2PYPH {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: #fff;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        height: 290px;
        -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
                box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
        border-top: 1px solid #d8d8d8;
    }

@media (max-width: 1279.9px) {

.deals__wrapperSubMenu___2PYPH {
            height: 230px
    }
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.showAll__underline___2WfQE {
        text-decoration: underline;
    }

.showAll__showAll___1JOBF {
        color: #3fabe6;
        font-weight: 700;
        display: block;
        letter-spacing: -.2px;
        font-size: 16px;
        line-height: 19px;
        position: relative;
        -webkit-transition: color .3s;
        transition: color .3s;
    }

@media (max-width: 1279.9px) {

.showAll__showAll___1JOBF {
            font-size: 14px
    }
        }

.showAll__showAll___1JOBF .showAll__animate___2y_yh {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-transition: -webkit-transform .2s;
            transition: -webkit-transform .2s;
            transition: transform .2s;
            transition: transform .2s, -webkit-transform .2s;
        }

.showAll__showAll___1JOBF .showAll__arrow___1J6zA {
            width: 8px;
            height: 10px;
            margin-left: 2px;
        }

.showAll__showAll___1JOBF .showAll__arrow___1J6zA svg {
                display: block;
            }

.showAll__showAll___1JOBF:hover {
            color: #128fcc;
        }

.showAll__showAll___1JOBF:hover .showAll__animate___2y_yh {
                -webkit-transform: translateX(10px);
                        transform: translateX(10px);
            }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.categories__categories___oyt0z {
        background: #fff;
        border-bottom-left-radius: 8px;
        width: inherit;
        height: 100%;
    }

.categories__categories___oyt0z .categories__showLink___2NRBA {
            padding: 12px 0 0 22px;
        }

@media (max-width: 1279.9px) {

.categories__categories___oyt0z .categories__showLink___2NRBA {
                padding: 7px 0 0 16px
        }
            }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.categoryItem__link___3cjcR {
        display: block;
        font-size: 16px;
        line-height: 19px;
        font-family: Roboto, Arial, sans-serif;
        font-weight: 400;
        padding: 12px 0 14px 22px;
        letter-spacing: .2px;
        position: relative;
        -webkit-transition: all .2s;
        transition: all .2s;
        color: #3a4850;
    }

.categoryItem__link___3cjcR:not(.categoryItem__uhc___3dZF7) .categoryItem__link___3cjcR[href^="/discounted-eyeglasses"] {
            color: #f22a42;
            font-weight: 700;
        }

.categoryItem__link___3cjcR:not(.categoryItem__uhc___3dZF7) .categoryItem__link___3cjcR[href^="/discounted-eyeglasses"]:hover {
                color: #f22a42;
            }

.categoryItem__link___3cjcR:first-child {
            padding-top: 21px;
        }

@media (max-width: 1279.9px) {

.categoryItem__link___3cjcR:first-child {
                padding-top: 19px
        }
            }

@media (max-width: 1279.9px) {

.categoryItem__link___3cjcR {
            padding: 9px 0 8px 16px;
            font-size: 14px
    }
        }

.categoryItem__link___3cjcR .categoryItem__linkAnimation___2Tthb {
            -webkit-transition: -webkit-transform .2s;
            transition: -webkit-transform .2s;
            transition: transform .2s;
            transition: transform .2s, -webkit-transform .2s;
        }

.categoryItem__link___3cjcR:hover, .categoryItem__link___3cjcR:focus {
            outline: none;
            color: #3fabe6;
            font-weight: 700;
        }

.categoryItem__link___3cjcR:hover .categoryItem__linkAnimation___2Tthb, .categoryItem__link___3cjcR:focus .categoryItem__linkAnimation___2Tthb {
                -webkit-transform: translateX(10px);
                        transform: translateX(10px);
            }

@media (max-width: 1279.9px) {

.categoryItem__link___3cjcR:hover .categoryItem__linkAnimation___2Tthb, .categoryItem__link___3cjcR:focus .categoryItem__linkAnimation___2Tthb {
                    -webkit-transform: translateX(5px);
                            transform: translateX(5px)
            }
                }

.categoryItem__numbers___1HFVn {
        color: #aaa;
        font-size: 14px;
        letter-spacing: .2px;
        margin-left: 3px;
    }

@media (max-width: 1279.9px) {

.categoryItem__numbers___1HFVn {
            letter-spacing: .18px
    }
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.eyeglasses__eyeglassesCategories___3WknN {
        width: 261px;
        padding-bottom: 4px;
    }

@media (max-width: 1279.9px) {

.eyeglasses__eyeglassesCategories___3WknN {
            width: 255px;
            padding-bottom: 3px
    }
        }

.eyeglasses__isHidden___2v__7 {
        display: none;
    }

.eyeglasses__wrapperSubMenu___250ae {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: #fff;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
                box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
        border-top: 1px solid #d8d8d8;
    }

.eyeglasses__eyeglassesRightSide___120I4 {
        background-color: #f8f8f8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom-right-radius: 8px;
        width: 719px;
    }

.eyeglasses__eyeglassesRightSide___120I4.eyeglasses__uhc___2lLDG {
            width: auto;
        }

@media (max-width: 1279.9px) {

.eyeglasses__eyeglassesRightSide___120I4.eyeglasses__uhc___2lLDG {
                width: auto
        }
            }

.eyeglasses__eyeglassesRightSide___120I4.eyeglasses__uhc___2lLDG .eyeglasses__shopStyleContainer___dJPmP {
                padding: 24px 26px 0;
            }

@media (max-width: 1279.9px) {

.eyeglasses__eyeglassesRightSide___120I4 {
            width: 574px
    }
        }

.eyeglasses__eyeglassesRightSide___120I4 .eyeglasses__shopStyleContainer___dJPmP {
            padding: 16px 41px 0 26px;
            -ms-flex-item-align: center;
                align-self: center;
        }

@media (max-width: 1279.9px) {

.eyeglasses__eyeglassesRightSide___120I4 .eyeglasses__shopStyleContainer___dJPmP {
                padding: 0 30px 0 23px;
                -webkit-transform: translateY(-7px);
                        transform: translateY(-7px)
        }
            }

.eyeglasses__eyeglassesRightSide___120I4 .eyeglasses__shopStyleContainer___dJPmP .eyeglasses__shopTitle___1Eb5F {
                font-size: 14px;
                color: #89959c;
                font-weight: 300;
                margin-bottom: 22px;
            }

@media (max-width: 1279.9px) {

.eyeglasses__eyeglassesRightSide___120I4 .eyeglasses__shopStyleContainer___dJPmP .eyeglasses__shopTitle___1Eb5F {
                    margin-bottom: 12px
            }
                }

.eyeglasses__eyeglassesRightSide___120I4 .eyeglasses__shopStyleContainer___dJPmP .eyeglasses__eyeglassesList___1LS-a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                width: 386px;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
            }

@media (max-width: 1279.9px) {

.eyeglasses__eyeglassesRightSide___120I4 .eyeglasses__shopStyleContainer___dJPmP .eyeglasses__eyeglassesList___1LS-a {
                    width: 300px;
                    height: 135px;
                    margin: 13px 0 12px
            }
                }

.eyeglasses__eyeglassesRightSide___120I4 .eyeglasses__bold___38qWC {
            font-weight: 700;
        }

.eyeglasses__eyeglassesRightSide___120I4 .eyeglasses__shopStyleLink___1EdQQ {
            width: 118px;
            text-align: center;
            -webkit-transition: opacity .3s;
            transition: opacity .3s;
            color: #3a4850;
            font-weight: 300;
            font-size: 14px;
            line-height: 16px;
            margin: 0 16px 14px 0;
            cursor: pointer;
        }

@media (max-width: 1279.9px) {

.eyeglasses__eyeglassesRightSide___120I4 .eyeglasses__shopStyleLink___1EdQQ {
                margin: 0 22px 15px 0;
                width: 81px;
                height: 67px
        }
            }

.eyeglasses__eyeglassesRightSide___120I4 .eyeglasses__shopStyleLink___1EdQQ:nth-child(3n) {
                margin-right: 0;
            }

.eyeglasses__eyeglassesRightSide___120I4 .eyeglasses__shopStyleLink___1EdQQ .eyeglasses__image___3wsoC {
                -webkit-transition: -webkit-transform .3s;
                transition: -webkit-transform .3s;
                transition: transform .3s;
                transition: transform .3s, -webkit-transform .3s;
                margin-bottom: 14px;
                background-color: #f7f8f9;
            }

.eyeglasses__eyeglassesRightSide___120I4 .eyeglasses__shopStyleLink___1EdQQ .eyeglasses__image___3wsoC img {
                    mix-blend-mode: multiply;
                    width: 100%;
                }

.eyeglasses__eyeglassesRightSide___120I4 .eyeglasses__shopStyleLink___1EdQQ:hover, .eyeglasses__eyeglassesRightSide___120I4 .eyeglasses__shopStyleLink___1EdQQ:focus {
                outline: none;
                opacity: 1;
            }

.eyeglasses__eyeglassesRightSide___120I4 .eyeglasses__shopStyleLink___1EdQQ:hover .eyeglasses__image___3wsoC, .eyeglasses__eyeglassesRightSide___120I4 .eyeglasses__shopStyleLink___1EdQQ:focus .eyeglasses__image___3wsoC {
                    -webkit-transform: scale(1.1);
                            transform: scale(1.1);
                }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.multifocal__multifocalCategories___1KYGB {
        width: 271px;
    }

@media (max-width: 1279.9px) {

.multifocal__multifocalCategories___1KYGB {
            width: 245px
    }
        }

.multifocal__isHidden___3HroS {
        display: none;
    }

.multifocal__wrapperSubMenu___1hKGD {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: #fff;
        border-bottom-left-radius: 8px;
        height: 290px;
        -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
                box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
        border-top: 1px solid #d8d8d8;
        border-bottom-right-radius: 8px;
    }

@media (max-width: 1279.9px) {

.multifocal__wrapperSubMenu___1hKGD {
            height: 230px
    }
        }

.multifocal__rightSide___3niKq {
        background-color: #f1f1f1;
        padding: 0 24px;
        border-bottom-right-radius: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.multifocal__bold___3KbNu {
        font-weight: 700;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.contacts__contactsCategories___31h6U {
        width: 261px;
    }

@media (max-width: 1279.9px) {

.contacts__contactsCategories___31h6U {
            width: 255px
    }
        }

.contacts__uhc___xXqPa .contacts__lensens___3id8C {
            padding: 19px 22px 0;
        }

.contacts__lensens___3id8C {
        padding: 19px 46px 0 22px;
    }

.contacts__contactsRightSide___1wEYi {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #f8f8f8;
        border-bottom-right-radius: 8px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-right: 22px;
    }

.contacts__contactsRightSide___1wEYi .contacts__lenssensLink___iDEbu {
            width: 100px;
            height: 26px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            transition: transform .3s;
            transition: transform .3s, -webkit-transform .3s;
            color: #898989;
            margin-bottom: 28px;
        }

@media (max-width: 1279.9px) {

.contacts__contactsRightSide___1wEYi .contacts__lenssensLink___iDEbu {
                height: 23px;
                margin-bottom: 19px
        }
            }

.contacts__contactsRightSide___1wEYi .contacts__lenssensLink___iDEbu svg {
                stroke: none;
            }

.contacts__contactsRightSide___1wEYi .contacts__lenssensLink___iDEbu:last-child {
                margin-bottom: 0;
            }

.contacts__contactsRightSide___1wEYi .contacts__lenssensLink___iDEbu:hover, .contacts__contactsRightSide___1wEYi .contacts__lenssensLink___iDEbu:focus {
                outline: none;
                color: #000;
                -webkit-transform: scale(1.1);
                        transform: scale(1.1);
            }

.contacts__bold___1BedQ {
        font-weight: 700;
        margin-top: 10px;
    }

@media (max-width: 1279.9px) {

.contacts__bold___1BedQ {
            margin-top: 5px
    }
        }

.contacts__acuvuePartner___1FSka {
        width: 97px;
    }

.contacts__airoptimaxPartner___2omec {
        width: 112px;
    }

.contacts__dailiesPartner___15W7N {
        width: 98px;
    }

.contacts__biomedicsPartner___9Hk7Q {
        width: 99px;
    }

.contacts__biofinityPartner___Fi--E {
        width: 89px;
    }

.contacts__isHidden___1KDNV {
        display: none;
    }

.contacts__wrapperSubMenu___3mqmb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: #fff;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        height: 290px;
        padding-left: 9px;
        -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
                box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
        border-top: 1px solid #d8d8d8;
    }

@media (max-width: 1279.9px) {

.contacts__wrapperSubMenu___3mqmb {
            height: 230px;
            padding-left: 0
    }
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.explore__exploreCategories___3In3W {
        width: 261px;
    }

@media (max-width: 1279.9px) {

.explore__exploreCategories___3In3W {
            width: 255px
    }
        }

.explore__isHidden___3DTgo {
        display: none;
    }

.explore__wrapperSubMenu___264rz {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #f8f8f8;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        height: 290px;
        -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
                box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
        border-top: 1px solid #d8d8d8;
    }

@media (max-width: 1279.9px) {

.explore__wrapperSubMenu___264rz {
            height: 230px;
            padding-left: 0
    }
        }

.explore__explore___1qQz3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 34px;
    }

@media (max-width: 1279.9px) {

.explore__explore___1qQz3 {
            margin: 0 21px
    }
        }

.explore__hide___2asw- {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

@media (max-width: 1279.9px) {

.explore__hide___2asw- {
            display: none
    }
        }

.explore__bold___1FD9g {
        font-weight: 700;
    }

.explore__item___1cOkq {

        margin-right: 20px;
    }

.explore__item___1cOkq:not(.explore__hide___2asw-) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

.explore__item___1cOkq:last-child {
            margin-right: 0;
        }

@media (max-width: 1279.9px) {
            .explore__item___1cOkq:nth-child(2) {
                margin-right: 0;
            }
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.planoShowAll__showAll___OxMkm {
        color: #2196f3;
        font-weight: 700;
        display: block;
        letter-spacing: 0;
        font-size: 14px;
        line-height: 19px;
        position: relative;
        -webkit-transition: color .3s;
        transition: color .3s;
        text-decoration: underline;
    }

@media (max-width: 1279.9px) {

.planoShowAll__showAll___OxMkm {
            font-size: 13px
    }
        }

.planoShowAll__showAll___OxMkm .planoShowAll__animate___f_Ibe {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }

.planoShowAll__showAll___OxMkm .planoShowAll__arrow___3kAwZ {
            width: 8px;
            height: 10px;
            margin-left: 2px;
        }

.planoShowAll__showAll___OxMkm .planoShowAll__arrow___3kAwZ svg {
                display: block;
            }

.planoShowAll__showAll___OxMkm:hover {
            color: #1c86da;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.planoBrands__brands___2hggw {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-right: 22px;
    }

@media (max-width: 1279.9px) {

.planoBrands__brands___2hggw {
            padding-right: 14px
    }
        }

.planoBrands__brands___2hggw .planoBrands__shopStyle___1kdMk {
            padding: 20px 36px 0 20px;
            height: 246px;
        }

@media (max-width: 1279.9px) {

.planoBrands__brands___2hggw .planoBrands__shopStyle___1kdMk {
                height: 140px;
                padding: 15px 15px 0
        }
            }

.planoBrands__bold___JgM1u {
        font-weight: 700;
    }

.planoBrands__isHidden___3hRMu {
        display: none;
    }

.planoBrands__wrapperSubMenu___1SqOV {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #f8f8f8;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        height: 290px;
        -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
                box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
        border-top: 1px solid #d8d8d8;
    }

@media (max-width: 1279.9px) {

.planoBrands__wrapperSubMenu___1SqOV {
            height: 230px;
            padding-left: 0
    }
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.planoBrandsList__brandsList___Rp9pV {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        width: 392px;
        height: inherit;
        -ms-flex-line-pack: justify;
            align-content: space-between;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

@media (max-width: 1279.9px) {

.planoBrandsList__brandsList___Rp9pV {
            width: 240px;
            margin-bottom: 35px
    }
        }

.planoBrandsList__brandLink___30ABA {
        width: 98px;
        min-height: 83px;
        color: #898989;
        -webkit-transition: min-height .3s;
        transition: min-height .3s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: default;
    }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.planoBrandsList__brandLink___30ABA {
            width: 99px
    }
        }

@media (max-width: 1279.9px) {

.planoBrandsList__brandLink___30ABA {
            min-height: 50px;
            width: 80px;
            cursor: pointer
    }
        }

.planoBrandsList__brandLink___30ABA .planoBrandsList__icon___KC9AO {
            -webkit-transition: max-width .2s;
            transition: max-width .2s;
            max-width: 70%;
            margin: auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }

@media (max-width: 1279.9px) {

.planoBrandsList__brandLink___30ABA .planoBrandsList__icon___KC9AO {
                max-width: 80%
        }
            }

.planoBrandsList__brandLink___30ABA .planoBrandsList__icon___KC9AO svg {
                display: block;
                stroke: none;
                fill: #5b6971;
            }

.planoBrandsList__brandWrapper___1G_Zc {
        border: 1px solid #e7ebed;
        width: 98px;
        height: 83px;
        overflow: hidden;
    }

@media (max-width: 1279.9px) {

.planoBrandsList__brandWrapper___1G_Zc {
            width: 80px;
            height: 50px
    }
        }

.planoBrandsList__brandWrapper___1G_Zc .planoBrandsList__brandSubLink___1wDh5 {
            width: 100%;
            font: 400 14px Roboto, Arial, sans-serif;
            color: #2196f3;
            text-align: center;
            margin-bottom: 5px;
        }

.planoBrandsList__brandWrapper___1G_Zc .planoBrandsList__brandSubLink___1wDh5:hover {
                text-decoration: underline;
                cursor: pointer;
            }

@media (max-width: 1279.9px) {
            .planoBrandsList__brandWrapper___1G_Zc:hover, .planoBrandsList__brandWrapper___1G_Zc:focus {
                background-color: #f1f3f4;
            }
        }

@media (min-width: 1440px), (min-width: 1280px) and (max-width: 1439.9px) {
            .planoBrandsList__brandWrapper___1G_Zc:hover, .planoBrandsList__brandWrapper___1G_Zc:focus {
                background-color: #f1f3f4;
            }

                .planoBrandsList__brandWrapper___1G_Zc:hover .planoBrandsList__icon___KC9AO, .planoBrandsList__brandWrapper___1G_Zc:focus .planoBrandsList__icon___KC9AO {
                    top: -50%;
                    max-width: 50%;
                }

                .planoBrandsList__brandWrapper___1G_Zc:hover .planoBrandsList__brandLink___30ABA, .planoBrandsList__brandWrapper___1G_Zc:focus .planoBrandsList__brandLink___30ABA {
                    outline: none;
                    min-height: 40px;
                }
        }

.planoBrandsList__sublinksWrapper___3bLdk {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

@media (max-width: 1279.9px) {

.planoBrandsList__sublinksWrapper___3bLdk {
            display: none
    }
        }

.planoBrandsList__showAll___1E73J {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 98px;
        height: 83px;
        border: 1px solid #e7ebed;
    }

@media (max-width: 1279.9px) {

.planoBrandsList__showAll___1E73J {
            width: 80px;
            height: 50px;
            font: 400 13px/15px Roboto, Arial, sans-serif;
            padding-bottom: 0
    }
        }

.planoBrandsList__RayBanBrand___BZNFC {
        width: 66px;
        height: 34px;
    }

@media (max-width: 1279.9px) {

.planoBrandsList__RayBanBrand___BZNFC {
            width: 53px
    }
        }

.planoBrandsList__VersaceBrand___34ZCT {
        width: 68px;
    }

@media (max-width: 1279.9px) {

.planoBrandsList__VersaceBrand___34ZCT {
            width: 55px
    }
        }

.planoBrandsList__TomFordBrand___2e4qa {
        width: 80px;
        height: 12px;
    }

@media (max-width: 1279.9px) {

.planoBrandsList__TomFordBrand___2e4qa {
            width: 64px
    }
        }

.planoBrandsList__MuseSingleBrand___2Vg1Q {
        width: 29px;
        height: 19px;
    }

@media (max-width: 1279.9px) {

.planoBrandsList__MuseSingleBrand___2Vg1Q {
            height: 19px;
            width: 28px
    }
        }

.planoBrandsList__CoachBrand___30zdN {
        height: 23px;
        width: 80px;
    }

@media (max-width: 1279.9px) {

.planoBrandsList__CoachBrand___30zdN {
            height: 19px;
            width: 64px
    }
        }

.planoBrandsList__PradaBrand___2xlpc {
        width: 77px;
        height: 13px;
    }

@media (max-width: 1279.9px) {

.planoBrandsList__PradaBrand___2xlpc {
            width: 61px
    }
        }

.planoBrandsList__GucciBrand___1PZH0 {
        width: 79px;
        height: 14px;
    }

@media (max-width: 1279.9px) {

.planoBrandsList__GucciBrand___1PZH0 {
            width: 63px
    }
        }

.planoBrandsList__OakleyBrand___2VwFl {
        width: 55px;
        height: 22px;
    }

@media (max-width: 1279.9px) {

.planoBrandsList__OakleyBrand___2VwFl {
            width: 45px
    }
        }

.planoBrandsList__MichaelKorsBrand___1y8_3 {
        width: 86px;
        height: 8px;
    }

@media (max-width: 1279.9px) {

.planoBrandsList__MichaelKorsBrand___1y8_3 {
            width: 69px
    }
        }

.planoBrandsList__PersolBrand___U717S {
        width: 54px;
        height: 33px;
    }

@media (max-width: 1279.9px) {

.planoBrandsList__PersolBrand___U717S {
            width: 43px
    }
        }

.planoBrandsList__SuperDryBrand___2tq5f {
        width: 53px;
        height: 23px;
    }

.planoBrandsList__CostaBrand___2Yb8m {
        width: 52px;
    }

.planoBrandsList__Celine___3Rxt9 {
        width: 60px;
    }

.planoBrandsList__BurberryBrand___2s5tS {
        width: 68px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.brandsList__brandsList___2yLVR {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        width: 394px;
        height: inherit;
        -ms-flex-line-pack: justify;
            align-content: space-between;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: -10px 0;
    }

@media (max-width: 1279.9px) {

.brandsList__brandsList___2yLVR {
            width: 238px;
            margin: 0
    }
        }

.brandsList__brandLink___83jUZ {
        width: 98px;
        height: 50px;
        color: #898989;
        -webkit-transition: color .3s;
        transition: color .3s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 10px 0;
    }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.brandsList__brandLink___83jUZ {
            width: 99px
    }
        }

@media (max-width: 1279.9px) {

.brandsList__brandLink___83jUZ {
            width: 79px;
            margin: 0
    }
        }

.brandsList__brandLink___83jUZ .brandsList__icon___25VXd {
            -webkit-transition: -webkit-transform .2s;
            transition: -webkit-transform .2s;
            transition: transform .2s;
            transition: transform .2s, -webkit-transform .2s;
        }

.brandsList__brandLink___83jUZ .brandsList__icon___25VXd svg {
                display: block;
                stroke: none;
            }

.brandsList__brandLink___83jUZ.brandsList__hide___3kE3t {
            display: none;
        }

@media (min-width: 1440px) {

.brandsList__brandLink___83jUZ.brandsList__hide___3kE3t {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
        }
            }

.brandsList__brandLink___83jUZ:hover, .brandsList__brandLink___83jUZ:focus {
            outline: none;
            color: #000;
        }

.brandsList__brandLink___83jUZ:hover .brandsList__icon___25VXd, .brandsList__brandLink___83jUZ:focus .brandsList__icon___25VXd {
                -webkit-transform: scale(1.1);
                        transform: scale(1.1);
            }

.brandsList__showAll___35UZ2 {
        display: none;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 98px;
        height: 50px;
        padding-bottom: 7px;
    }

@media (min-width: 1440px) {

.brandsList__showAll___35UZ2 {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
    }
        }

.brandsList__RayBanBrand___1koNS {
        width: 66px;
        height: 34px;
    }

@media (max-width: 1279.9px) {

.brandsList__RayBanBrand___1koNS {
            width: 53px
    }
        }

.brandsList__VersaceBrand___2wTPd {
        width: 68px;
    }

@media (max-width: 1279.9px) {

.brandsList__VersaceBrand___2wTPd {
            width: 55px
    }
        }

.brandsList__TomFordBrand___3Wi34 {
        width: 80px;
        height: 12px;
    }

@media (max-width: 1279.9px) {

.brandsList__TomFordBrand___3Wi34 {
            width: 64px
    }
        }

.brandsList__CkBrand___1P7f7 {
        width: 35px;
        height: 44px;
    }

.brandsList__DKNYBrand___VAscU {
        width: 60px;
        height: 16px;
    }

.brandsList__CkBrand___1P7f7 {
        width: 35px;
        height: 44px;
    }

@media (max-width: 1279.9px) {

.brandsList__CkBrand___1P7f7 {
            width: 29px
    }
        }

.brandsList__AxBrand___5I6lK {
        width: 70px;
        height: 39px;
    }

.brandsList__MuseSingleBrand___2UnxK {
        width: 29px;
        height: 19px;
    }

@media (max-width: 1279.9px) {

.brandsList__MuseSingleBrand___2UnxK {
            height: 19px;
            width: 28px
    }
        }

.brandsList__CoachBrand___1_OYy {
        height: 23px;
        width: 80px;
    }

@media (max-width: 1279.9px) {

.brandsList__CoachBrand___1_OYy {
            height: 19px;
            width: 64px
    }
        }

.brandsList__PradaBrand___154jz {
        width: 77px;
        height: 13px;
    }

@media (max-width: 1279.9px) {

.brandsList__PradaBrand___154jz {
            width: 61px
    }
        }

.brandsList__GucciBrand___1qZwS {
        width: 79px;
        height: 14px;
    }

@media (max-width: 1279.9px) {

.brandsList__GucciBrand___1qZwS {
            width: 63px
    }
        }

.brandsList__OakleyBrand___1eV-1 {
        width: 55px;
        height: 22px;
    }

@media (max-width: 1279.9px) {

.brandsList__OakleyBrand___1eV-1 {
            width: 45px
    }
        }

.brandsList__FossilBrand___2yHsA {
        width: 68px;
    }

.brandsList__HillaryDuffBrand___UFezj {
        width: 71px;
    }

@media (max-width: 1279.9px) {

.brandsList__HillaryDuffBrand___UFezj {
            width: 57px
    }
        }

.brandsList__MichaelKorsBrand___1PBgx {
        width: 86px;
        height: 8px;
    }

@media (max-width: 1279.9px) {

.brandsList__MichaelKorsBrand___1PBgx {
            width: 69px
    }
        }

.brandsList__MiuMiuBrand___2VlhQ {
        width: 86px;
    }

@media (max-width: 1279.9px) {

.brandsList__MiuMiuBrand___2VlhQ {
            width: 55px
    }
        }

.brandsList__PersolBrand___j3jCX {
        width: 54px;
        height: 33px;
    }

@media (max-width: 1279.9px) {

.brandsList__PersolBrand___j3jCX {
            width: 43px
    }
        }

.brandsList__SuperDryBrand___3cy5a {
        width: 53px;
        height: 23px;
    }

.brandsList__GuessBrand___3mjaK {
        width: 59px;
        height: 12px;
    }

.brandsList__AmeliaEBrand___1XoOb {
        height: 24px;
        width: 96px;
    }

@media (max-width: 1279.9px) {

.brandsList__AmeliaEBrand___1XoOb {
            height: 20px;
            width: 77px
    }
        }

.brandsList__ToryBurchBrand___3ia_K {
        height: 35px;
        width: 60px;
    }

.brandsList__OttotoBrand___27aeS {
        width: 60px;
    }

.brandsList__CostaBrand___1JCTY {
        width: 52px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.sunglasses__sunglassesCategories___-K0SI {
        width: 261px;
        padding-bottom: 4px;
    }

@media (max-width: 1279.9px) {

.sunglasses__sunglassesCategories___-K0SI {
            width: 225px;
            padding-bottom: 3px
    }
        }

.sunglasses__isHidden___17V-_ {
        display: none;
    }

.sunglasses__wrapperSubMenu___2iLbD {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
                box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
        border-top: 1px solid #d8d8d8;
        background: #f8f8f8;
        padding-right: 25px;
    }

@media (max-width: 1279.9px) {

.sunglasses__wrapperSubMenu___2iLbD {
            padding-right: 14px
    }
        }

.sunglasses__brands___hGBlY {
        padding: 0 28px 0 23px;
        -ms-flex-item-align: center;
            align-self: center;
    }

@media (max-width: 1279.9px) {

.sunglasses__brands___hGBlY {
            padding: 0 15px
    }
        }

.sunglasses__brands___hGBlY .sunglasses__shopTitle___3AoI4 {
            display: inline-block;
            font-size: 14px;
            color: #89959c;
            font-weight: 300;
            margin-bottom: 28px;
        }

@media (max-width: 1279.9px) {

.sunglasses__brands___hGBlY .sunglasses__shopTitle___3AoI4 {
                display: none
        }
            }

.sunglasses__bold___3UPD0 {
        margin-top: 10px;
        font-weight: 700;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.mainMenuItems__wrap___3y3Ie {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

/* this class is used in component components/menu/menuItem/menuItem.tsx */

.mainMenuItems__wrap___3y3Ie.mainMenuItems__lastRed___2As5t .mainMenuItems__item___2NTxv:last-child {
                color: #f22a42;
            }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.brands__uhc___-mLgO .brands__brands___3mS8N {
            padding-right: 0;
        }

.brands__brands___3mS8N {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-right: 22px;
    }

@media (max-width: 1279.9px) {

.brands__brands___3mS8N {
            padding-right: 14px
    }
        }

.brands__brands___3mS8N .brands__shopStyle___190E9 {
            padding: 0 32px 0 23px;
            -ms-flex-item-align: center;
                align-self: center;
        }

@media (max-width: 1279.9px) {

.brands__brands___3mS8N .brands__shopStyle___190E9 {
                padding: 0 15px
        }
            }

.brands__bold___2rHb3 {
        font-weight: 700;
    }

.brands__isHidden___2vqAf {
        display: none;
    }

.brands__wrapperSubMenu___1ABgF {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #f8f8f8;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        height: 290px;
        -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
                box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
        border-top: 1px solid #d8d8d8;
    }

@media (max-width: 1279.9px) {

.brands__wrapperSubMenu___1ABgF {
            height: 230px;
            padding-left: 0
    }
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.menu__wrap___2cbrI {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.menu__overlay___2cOGT {
        position: fixed;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        opacity: 0;
        background: #fff;
        z-index: -10;
        visibility: hidden;
        -webkit-transition: visibility .3s, opacity .3s;
        transition: visibility .3s, opacity .3s;
    }

.menu__overlay___2cOGT.menu__active___3qrGI {
            visibility: visible;
            opacity: .96;
        }

.menu__wrapSubMenu___XVa0H {
        height: 290px;
    }

.menu__subMenuRightSide___2dtCc {
        background-color: #f8f8f8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.menu__showAllLink___2TTXD {
        padding: 20px 0 0 22px;
        position: relative;
    }

@media (max-width: 1279.9px) {

.menu__showAllLink___2TTXD {
            padding: 10px 0 0 16px
    }
        }

.menu__showAllLink___2TTXD::before {
            content: '';
            height: 2px;
            width: 100%;
            position: absolute;
            background: #d8d8d8;
            top: 0;
            left: 23px;
        }

@media (max-width: 1279.9px) {

.menu__showAllLink___2TTXD::before {
                left: 16px;
                height: 1px
        }
            }

.menu__showAllLinkMultifocal___2JzJD {
        padding: 20px 0 0 22px;
        position: relative;
        display: none;
    }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.menu__showAllLinkMultifocal___2JzJD {
            padding: 10px 0 0 26px;
            display: block
    }
        }

@media (max-width: 1279.9px) {

.menu__showAllLinkMultifocal___2JzJD {
            padding: 10px 0 0 16px;
            display: block
    }
        }

.menu__showAllLinkMultifocal___2JzJD::before {
            content: '';
            height: 1px;
            width: 231px;
            position: absolute;
            background: #d8d8d8;
            top: 0;
            left: 23px;
        }

@media (max-width: 1279.9px) {

.menu__showAllLinkMultifocal___2JzJD::before {
                left: 16px;
                height: 1px
        }
            }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.searchBox__container___2f3NT {
        position: relative;
        height: 100%;
    }

.searchBox__formContainer___bLQam {
        display: inline-block;
        height: 100%;
        position: relative;
        width: 100%;
    }

.searchBox__icon___3o2UG {
        color: #6b6b6b;
        cursor: pointer;
        height: 17px;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
        right: 20px;
        width: 17px;
        z-index: 20;
    }

.searchBox__list___73Lhx {
        max-height: 430px;
        overflow-x: hidden;
        overflow-y: auto;
    }

.searchBox__list___73Lhx .searchBox__item___isPY5:hover .searchBox__text___3kgN- {
                    color: #5ecfea;
                }

.searchBox__list___73Lhx .searchBox__item___isPY5 .searchBox__link___2locC {
                position: relative;
                display: block;
                padding: 0 15px;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                white-space: nowrap;
                text-align: left;
            }

.searchBox__list___73Lhx .searchBox__item___isPY5 .searchBox__image___17tEj {
                display: inline-block;
                vertical-align: top;
                width: 100px;
                height: 65px;
                margin-right: 12px;
                overflow: hidden;
            }

.searchBox__list___73Lhx .searchBox__item___isPY5 .searchBox__image___17tEj img {
                    display: block;
                    width: 100px;
                    margin-top: -20px;
                }

.searchBox__list___73Lhx .searchBox__item___isPY5 .searchBox__text___3kgN- {
                display: inline-block;
                vertical-align: top;
                line-height: 65px;
                color: #4d4d4d;
                font-size: 15px;
                white-space: nowrap;
                text-decoration: underline;
                -webkit-transition: color 100ms ease;
                transition: color 100ms ease;
            }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.tombstone__wrapper___2tGR8 {
        display: inline-block;
        width: 200px;
        height: 242px;
        margin-right: 40px;
        margin-bottom: 25px;
    }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.tombstone__wrapper___2tGR8 {
            width: 270px;
            height: 315px;
            margin-right: 52px
    }
        }

@media (min-width: 1440px) {

.tombstone__wrapper___2tGR8 {
            width: 308px;
            height: 335px;
            margin-right: 62px
    }
        }

.tombstone__wrapper___2tGR8:nth-child(3n+3) {
            margin-right: 0;
        }

.tombstone__header___1Jnwx {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 22px;
    }

@media (min-width: 1280px) and (max-width: 1439.9px), (min-width: 1440px) {

.tombstone__header___1Jnwx {
            height: 25px
    }
        }

.tombstone__pickIcon___2IQNn {
        width: 100%;
        height: 100%;
        background: #f1f1f1;
        opacity: .9;
        -webkit-animation: tombstone__tombStoneAnimation___vDTco 1s ease-out infinite;
                animation: tombstone__tombStoneAnimation___vDTco 1s ease-out infinite;

        width: 16px;
        height: 16px;
        border-radius: 50%;
    }

@-webkit-keyframes tombstone__tombStoneAnimation___vDTco {
        0% {
            opacity: .9;
        }

        50% {
            opacity: .6;
        }

        100% {
            opacity: .9;
        }
    }

@keyframes tombstone__tombStoneAnimation___vDTco {
        0% {
            opacity: .9;
        }

        50% {
            opacity: .6;
        }

        100% {
            opacity: .9;
        }
    }

@media (min-width: 1280px) and (max-width: 1439.9px), (min-width: 1440px) {

.tombstone__pickIcon___2IQNn {
            width: 20px;
            height: 20px
    }
        }

.tombstone__image___1rdNt {
        width: 100%;
        height: 100%;
        background: #f1f1f1;
        opacity: .9;
        -webkit-animation: tombstone__tombStoneAnimation___vDTco 1s ease-out infinite;
                animation: tombstone__tombStoneAnimation___vDTco 1s ease-out infinite;

        height: 110px;
        margin-top: 4px;
    }

@keyframes tombstone__tombStoneAnimation___vDTco {
        0% {
            opacity: .9;
        }

        50% {
            opacity: .6;
        }

        100% {
            opacity: .9;
        }
    }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.tombstone__image___1rdNt {
            height: 145px;
            margin-top: 7px
    }
        }

@media (min-width: 1440px) {

.tombstone__image___1rdNt {
            height: 165px;
            margin-top: 8px
    }
        }

.tombstone__colors___2r2F9 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 6px;
    }

@media (min-width: 1280px) and (max-width: 1439.9px), (min-width: 1440px) {

.tombstone__colors___2r2F9 {
            margin-top: 8px
    }
        }

.tombstone__color___3HEhE {
        width: 100%;
        height: 100%;
        background: #f1f1f1;
        opacity: .9;
        -webkit-animation: tombstone__tombStoneAnimation___vDTco 1s ease-out infinite;
                animation: tombstone__tombStoneAnimation___vDTco 1s ease-out infinite;

        width: 22px;
        height: 22px;
        margin-right: 6px;
        border-radius: 50%;
    }

@keyframes tombstone__tombStoneAnimation___vDTco {
        0% {
            opacity: .9;
        }

        50% {
            opacity: .6;
        }

        100% {
            opacity: .9;
        }
    }

@media (min-width: 1280px) and (max-width: 1439.9px), (min-width: 1440px) {

.tombstone__color___3HEhE {
            width: 24px;
            height: 24px;
            margin-right: 8px
    }
        }

.tombstone__specs___3oJPm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 14px;
    }

@media (min-width: 1280px) and (max-width: 1439.9px), (min-width: 1440px) {

.tombstone__specs___3oJPm {
            margin-top: 16px
    }
        }

.tombstone__title___udx2E {
        width: 100%;
        height: 100%;
        background: #f1f1f1;
        opacity: .9;
        -webkit-animation: tombstone__tombStoneAnimation___vDTco 1s ease-out infinite;
                animation: tombstone__tombStoneAnimation___vDTco 1s ease-out infinite;

        width: 70%;
        height: 15px;
    }

@keyframes tombstone__tombStoneAnimation___vDTco {
        0% {
            opacity: .9;
        }

        50% {
            opacity: .6;
        }

        100% {
            opacity: .9;
        }
    }

@media (min-width: 1280px) and (max-width: 1439.9px), (min-width: 1440px) {

.tombstone__title___udx2E {
            height: 20px
    }
        }

.tombstone__badge___cNxfc {
        width: 100%;
        height: 100%;
        background: #f1f1f1;
        opacity: .9;
        -webkit-animation: tombstone__tombStoneAnimation___vDTco 1s ease-out infinite;
                animation: tombstone__tombStoneAnimation___vDTco 1s ease-out infinite;

        width: 16px;
        height: 16px;
        border-radius: 50%;
    }

@keyframes tombstone__tombStoneAnimation___vDTco {
        0% {
            opacity: .9;
        }

        50% {
            opacity: .6;
        }

        100% {
            opacity: .9;
        }
    }

@media (min-width: 1280px) and (max-width: 1439.9px), (min-width: 1440px) {

.tombstone__badge___cNxfc {
            width: 20px;
            height: 20px
    }
        }

.tombstone__price___29d27 {
        width: 100%;
        height: 100%;
        background: #f1f1f1;
        opacity: .9;
        -webkit-animation: tombstone__tombStoneAnimation___vDTco 1s ease-out infinite;
                animation: tombstone__tombStoneAnimation___vDTco 1s ease-out infinite;

        width: 50%;
        height: 10px;
        margin-top: 10px;
    }

@keyframes tombstone__tombStoneAnimation___vDTco {
        0% {
            opacity: .9;
        }

        50% {
            opacity: .6;
        }

        100% {
            opacity: .9;
        }
    }

@media (min-width: 1280px) and (max-width: 1439.9px), (min-width: 1440px) {

.tombstone__price___29d27 {
            height: 18px;
            margin-top: 7px
    }
        }

.tombstone__notice___d-2dJ {
        width: 100%;
        height: 100%;
        background: #f1f1f1;
        opacity: .9;
        -webkit-animation: tombstone__tombStoneAnimation___vDTco 1s ease-out infinite;
                animation: tombstone__tombStoneAnimation___vDTco 1s ease-out infinite;

        width: 35%;
        height: 10px;
        margin-top: 8px;
    }

@keyframes tombstone__tombStoneAnimation___vDTco {
        0% {
            opacity: .9;
        }

        50% {
            opacity: .6;
        }

        100% {
            opacity: .9;
        }
    }

@media (min-width: 1280px) and (max-width: 1439.9px), (min-width: 1440px) {

.tombstone__notice___d-2dJ {
            height: 16px;
            margin-top: 10px
    }
        }

.tombstones__wrapper___3_fNe {
        position: relative;
        opacity: 1;
        -webkit-transition: opacity 200ms ease-out;
        transition: opacity 200ms ease-out;
    }

        .tombstones__wrapper___3_fNe.tombstones__closing___18RqU {
            opacity: 0;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.subscribeSection__successMessage___1Sn4u {
        color: #00b16a;
        margin-top: 10px;
        font-size: 16px;
        display: inline-block;
    }

.subscribeSection__errorMessage___1vKpL {
        color: #f22a41;
        margin-top: 10px;
        font-size: 16px;
        display: inline-block;
    }

.subscribeSection__link___1zKPd {
        color: #6d6d6d;
        font-size: 11px;
        line-height: 18px;
    }

.subscribeSection__link___1zKPd:hover {
            cursor: pointer;
            text-decoration: underline;
        }

.subscribeSection__subscribeSection___3m_U2 {
        width: 100%;
        height: 273px;
        background: #f4f9ff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

.subscribeSection__sides___2Kelb {
        width: 1300px;
        padding: 0 120px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-top: 90px;
    }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.subscribeSection__sides___2Kelb {
            width: 1140px;
            padding: 0 100px
    }
        }

@media (max-width: 1279.9px) {

.subscribeSection__sides___2Kelb {
            width: 930px;
            padding: 0
    }
        }

.subscribeSection__leftSide___3eJps {
        width: 500px;
        font-size: 28px;
        line-height: 42px;
        color: #0f0f0f;
        font-weight: 300;
    }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.subscribeSection__leftSide___3eJps {
            margin-right: 110px
    }
        }

@media (max-width: 1279.9px) {

.subscribeSection__leftSide___3eJps {
            margin-right: 77px
    }
        }

.subscribeSection__rightSide___1vsvJ {
        width: 417px;
    }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.subscribeSection__rightSide___1vsvJ {
            width: 372px
    }
        }

.subscribeSection__rightSide___1vsvJ .subscribeSection__formWrapper___1Ut_Z {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

.subscribeSection__rightSide___1vsvJ .subscribeSection__formWrapper___1Ut_Z .subscribeSection__input___21gws {
                -ms-flex-preferred-size: 75%;
                    flex-basis: 75%;
                position: relative;
            }

.subscribeSection__rightSide___1vsvJ .subscribeSection__formWrapper___1Ut_Z .subscribeSection__input___21gws::before {
                    position: absolute;
                    content: '';
                    background: url(https://optimaxweb.glassesusa.com/image/upload/q_auto,fl_sanitize/img/0561958f9eabca25b881453be38d3336.svg) no-repeat;
                    background-size: cover;
                    width: 22px;
                    height: 15px;
                    z-index: 20;
                    left: 14px;
                    top: 20px;
                }

.subscribeSection__rightSide___1vsvJ .subscribeSection__formWrapper___1Ut_Z .subscribeSection__input___21gws input {
                    height: 56px;
                    font-size: 16px;
                    border-radius: 4px 0 0 4px;
                    padding: 20px 15px 8px 43px;
                }

.subscribeSection__rightSide___1vsvJ .subscribeSection__formWrapper___1Ut_Z .subscribeSection__input___21gws label {
                    left: 45px;
                }

.subscribeSection__rightSide___1vsvJ .subscribeSection__formWrapper___1Ut_Z .subscribeSection__button___1Fw9A {
                height: 56px;
                border-radius: 0 4px 4px 0;
                -ms-flex-preferred-size: 25%;
                    flex-basis: 25%;
                background: #2196f3;
                color: #fff;
                font-size: 18px;
                line-height: 22px;
                font-weight: 700;
                cursor: pointer;
            }

.subscribeSection__rightSide___1vsvJ .subscribeSection__formWrapper___1Ut_Z .subscribeSection__button___1Fw9A:hover {
                    opacity: .95;
                }

.subscribeSection__rightSide___1vsvJ .subscribeSection__privacyText___3QigY {
            margin-top: 13px;
            color: #6d6d6d;
            font-size: 11px;
            line-height: 18px;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.searchBoxSuggestion__wrapper___2hLcB {
        position: relative;
        width: 100%;
        height: 85px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

.searchBoxSuggestion__cart___3dbAI {
        -webkit-box-flex: 1;
            -ms-flex: 1 1;
                flex: 1 1;
        display: block;
        text-align: center;
    }

.searchBoxSuggestion__image___1E75G {
        height: 45px;
    }

.searchBoxSuggestion__text___vpQmF {
        height: 40px;
        text-overflow: ellipsis;
        color: #3a4850;
        text-align: center;
        overflow: hidden;
    }

.searchBoxSuggestion__tombstoneWrapper___1JHNg {
        position: absolute;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        margin: 0 11px 13px 0;
    }

.searchBoxSuggestion__tombstoneItem___x9Z4Q {
        -webkit-box-flex: 1;
            -ms-flex: 1 1;
                flex: 1 1;
        height: 85px;
        margin: 0 auto;
        padding: 0 5px;
    }

.searchBoxSuggestion__tombstoneImage___3gCOx {
        max-width: 90px;
        height: 50px;
        margin: 0 auto;
    }

.searchBoxSuggestion__tombstoneTitle___1iIQ0 {
        width: 100%;
        height: 40px;
        margin: auto;
    }

.searchBoxSuggestion__tombstoneExcess___2PkVm {
        display: none;
    }

.searchBoxSuggestion__tombstoneSpecs___3LsmV {
        margin-top: 5px;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.contacts__contactItem___2Fyh- {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative;
        padding: 0 25px;
        height: 60px;
        width: 100%;
        color: #aaa;
        cursor: pointer;
        outline: 0;
        -webkit-transition: .3s all ease;
        transition: .3s all ease;
    }

.contacts__contactItem___2Fyh-:hover {
            background: rgba(255, 255, 255, 0.1);
            color: #fff;
            border-radius: 4px;
        }

.contacts__contactItem___2Fyh-:hover .contacts__questionHelp___3GTu3 path {
                    fill: #fff;
                    -webkit-transition: .3s all ease;
                    transition: .3s all ease;
                }

.contacts__contactItem___2Fyh-:hover .contacts__chatDots___2Jiun g path {
                        stroke: #fff;
                        -webkit-transition: .3s all ease;
                        transition: .3s all ease;
                    }

.contacts__contactItem___2Fyh-:hover .contacts__chatDots___2Jiun g g {
                        fill: #fff;
                        -webkit-transition: .3s all ease;
                        transition: .3s all ease;
                    }

.contacts__contactItem___2Fyh-:hover .contacts__callUs___tgbvN g, .contacts__contactItem___2Fyh-:hover .contacts__envelopeStroke___3ynKz g {
                    stroke: #fff;
                    -webkit-transition: .3s all ease;
                    transition: .3s all ease;
                }

.contacts__contactItem___2Fyh-:hover .contacts__subText___26ILG {
                color: #b0bdc5;
            }

.contacts__subText___26ILG {
        color: #5b6971;
        font-size: 14px;
    }

.contacts__icon___3vkkE {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 26px;
    }

.contacts__icon___3vkkE svg {
            width: 22px;
            height: 23px;
        }

.contacts__questionHelp___3GTu3 path {
            fill: #aaa;
        }

.contacts__envelopeStroke___3ynKz g {
            stroke: #aaa;
        }

.contacts__text___1FVcW {
        font-size: 16px;
        line-height: 19px;
    }

.contacts__wrapper___i7FAp {
        position: relative;
        margin-right: 30px;
    }

.contacts__wrapper___i7FAp::before {
            position: absolute;
            content: '';
            width: 1px;
            height: 351px;
            right: -55px;
            background: #1b1f37;
        }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.contacts__wrapper___i7FAp::before {
                right: -20px
        }
            }

@media (max-width: 1279.9px) {

.contacts__wrapper___i7FAp::before {
                right: -10px
        }
            }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.searchResults__container___3-YPM {
        max-height: 577px;
        max-width: 440px;
        padding: 13px 11px;
    }

.searchResults__suggestions___35iBq {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-bottom: 5px;
        position: relative;
        margin-left: -4px;
    }

.searchResults__button___K8e3V {
        display: inline-block;
        border-radius: 24px;
        background-color: #f7f8f9;
        color: #5b6971;
        text-align: center;
        font: 300 14px/16px Roboto, Arial, sans-serif;
        padding: 11px 25px;
        margin: 12px 0 0 4px;
        cursor: pointer;
    }

.searchResults__button___K8e3V:hover {
            background-color: #e7ebed;
        }

.searchResults__list___2k6CV {
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 550px;
    }

.searchResults__titleSection___27nA6 {
        color: #2196f3;
        font-size: 15px;
        line-height: 18px;
        font-weight: 400;
    }

.searchResults__divider___3_8kc {
        margin-top: 27px;
        padding-top: 27px;
        border-top: 1px solid #f1f1f1;
    }

.searchResults__loader___zbR3z {
        min-height: 50px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

.searchResults__searchRecords___2CBz_ {
        overflow: hidden;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.links__wrapper___2TBOs {
        width: 908px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.links__wrapper___2TBOs {
            width: 820px
    }
        }

@media (max-width: 1279.9px) {

.links__wrapper___2TBOs {
            width: 680px
    }
        }

.links__category___3FVyN {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

.links__category___3FVyN .links__title___m6evz {
            font-size: 14px;
            color: #e7ebed;
            margin-bottom: 20px;
            font-weight: 700;
        }

.links__category___3FVyN .links__link___kTkCJ {
            text-align: left;
            cursor: pointer;
            font-size: 14px;
            padding: 10px 10px 10px 0;
            outline: 0;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.searchItem__item___1jLzk:hover {
            background-color: #f2f2f2;
            border-radius: 8px;
            outline: #f2f2f2;
        }

.searchItem__item___1jLzk .searchItem__link___Lbrjz {
            position: relative;
            display: block;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            white-space: nowrap;
            text-align: left;
            padding: 0 5px;
        }

.searchItem__item___1jLzk .searchItem__link___Lbrjz:focus {
                background-color: #f2f2f2;
                border-radius: 8px;
                outline: #f2f2f2;
            }

.searchItem__item___1jLzk .searchItem__image___33_mF {
            display: inline-block;
            vertical-align: top;
            width: 100px;
            height: 65px;
            margin: 6px 20px 6px 0;
            overflow: hidden;
            border-radius: 4px;
        }

.searchItem__item___1jLzk .searchItem__image___33_mF img {
                display: block;
                width: 100px;
                margin-top: -20px;
            }

.searchItem__item___1jLzk .searchItem__text___SqjoK {
            display: inline-block;
            vertical-align: top;
            line-height: 77px;
            color: #3a4850;
            font-size: 15px;
            white-space: nowrap;
            text-decoration: underline;
            -webkit-transition: color 100ms ease;
            transition: color 100ms ease;
            max-width: calc(100% - 120px);
            text-overflow: ellipsis;
            overflow: hidden;
        }

.certificates__wrapper___17ZbA {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .certificates__wrapper___17ZbA .certificates__icon___16Ait {
            display: inline-block;
        }

        .certificates__wrapper___17ZbA .certificates__transitionIcon___vKqkX {
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

        .certificates__wrapper___17ZbA .certificates__link___17EUk {
            display: inline-block;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

        .certificates__wrapper___17ZbA .certificates__link___17EUk:not(:last-child) {
                margin-right: 50px;
            }

        .certificates__wrapper___17ZbA .certificates__link___17EUk:hover .certificates__Reseller___ZrEmI {
                    background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/468fdd8f13d9ed777e7cd4694b4ebe88.png);
                }

        .certificates__wrapper___17ZbA .certificates__link___17EUk:hover .certificates__Bizrate___3bpPm {
                    background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/7cb76a420448c8f01cab143798eccb2e.png);
                }

        .certificates__wrapper___17ZbA .certificates__link___17EUk:hover .certificates__TrustPilot___-6Uhh g path:nth-child(1) {
                            fill: #fff;
                        }

        .certificates__wrapper___17ZbA .certificates__link___17EUk:hover .certificates__TrustPilot___-6Uhh g path:nth-child(2) {
                            fill: #00b67a;
                        }

        .certificates__wrapper___17ZbA .certificates__link___17EUk:hover .certificates__TrustPilot___-6Uhh g path:nth-child(3) {
                            fill: #005128;
                        }
    .certificates__TrustPilot___-6Uhh {
        width: 73px;
        height: 18px;
    }
    .certificates__TrustPilot___-6Uhh path {
            fill: #898889;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }
    .certificates__Reseller___ZrEmI {
        width: 103px;
        height: 16px;
        background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/1496da9a01e205483bbf761bc2f9c7bd.png);
    }
    .certificates__Bizrate___3bpPm {
        width: 59px;
        height: 12px;
        background: url(https://optimaxweb.glassesusa.com/image/upload/f_auto,q_auto/img/01f2eda36d48c4e6bfbefdaa06317f21.png);
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.searchBoxForm__form___CY1FQ {
        height: 100%;
    }

.searchBoxForm__headerField___CKtNL {
        border: 1px solid transparent;
        border-radius: 22px;
        background-color: #f7f8f9;
        width: 100%;
        height: 100%;
        outline: none;
        position: relative;
        padding: 0 45px 0 23px;
        -webkit-transition: border-color .1s ease, color .1s ease;
        transition: border-color .1s ease, color .1s ease;
        z-index: 10;
        color: #b0bdc5;
        font-size: 14px;
        font-family: Roboto, Arial, sans-serif;
    }

.searchBoxForm__headerField___CKtNL::-webkit-input-placeholder {
            font-family: Roboto, Arial, sans-serif;
            color: #b0bdc5;
        }

.searchBoxForm__headerField___CKtNL::-moz-placeholder {
            font-family: Roboto, Arial, sans-serif;
            color: #b0bdc5;
        }

.searchBoxForm__headerField___CKtNL::-ms-input-placeholder {
            font-family: Roboto, Arial, sans-serif;
            color: #b0bdc5;
        }

.searchBoxForm__headerField___CKtNL::placeholder {
            font-family: Roboto, Arial, sans-serif;
            color: #b0bdc5;
        }

.searchBoxForm__headerField___CKtNL::-moz-placeholder {
            /* should be eq. to input's height to make placeholder vertically centered  */
            line-height: 44px;
        }

.searchBoxForm__headerField___CKtNL.searchBoxForm__active___3S59m {
            color: #3a4850;
            border: 1px solid #e9e7e3;
        }

.searchBoxForm__headerField___CKtNL.searchBoxForm__active___3S59m::-webkit-input-placeholder {
                color: #3a4850;
            }

.searchBoxForm__headerField___CKtNL.searchBoxForm__active___3S59m::-moz-placeholder {
                color: #3a4850;
            }

.searchBoxForm__headerField___CKtNL.searchBoxForm__active___3S59m::-ms-input-placeholder {
                color: #3a4850;
            }

.searchBoxForm__headerField___CKtNL.searchBoxForm__active___3S59m::placeholder {
                color: #3a4850;
            }

.searchBoxForm__inputSubmit___34I-t {
        cursor: pointer;
        height: 100%;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 43px;
        z-index: 30;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.socials__wrapper___1fNga {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.socials__wrapper___1fNga .socials__transitionIcon___3ySvs > path {
            -webkit-transition: all .15s ease;
            transition: all .15s ease;
        }

.socials__wrapper___1fNga .socials__link___1kWev:not(:last-child) {
                margin-right: 50px;
            }

.socials__wrapper___1fNga .socials__link___1kWev:hover .socials__Facebook___2iJSf path {
                        fill: #0076fb;
                    }

.socials__wrapper___1fNga .socials__link___1kWev:hover .socials__Twitter___3G3mZ path {
                        fill: #1da1f2;
                    }

.socials__wrapper___1fNga .socials__link___1kWev:hover .socials__Pinterest___1oyhh path, .socials__wrapper___1fNga .socials__link___1kWev:hover .socials__Youtube___1lxdu path {
                        fill: #e50122;
                    }

.socials__wrapper___1fNga .socials__link___1kWev:hover .socials__Instagram___3lCa5 defs ~ path {
                        display: none;
                    }

.socials__wrapper___1fNga .socials__link___1kWev:hover .socials__Ticktok___CGDe5 path {
                        stroke: url(#ticktokHover);
                        fill: #fff;
                    }

.socials__wrapper___1fNga .socials__Facebook___2iJSf {
            width: 8px;
            height: 16px;
        }

.socials__wrapper___1fNga .socials__Instagram___3lCa5 {
            width: 14px;
            height: 14px;
        }

.socials__wrapper___1fNga .socials__Twitter___3G3mZ {
            width: 15px;
            height: 12px;
        }

.socials__wrapper___1fNga .socials__Pinterest___1oyhh {
            width: 12px;
            height: 16px;
        }

.socials__wrapper___1fNga .socials__Youtube___1lxdu {
            width: 16px;
            height: 12px;
        }

.socials__wrapper___1fNga .socials__Ticktok___CGDe5 {
            width: 13px;
            height: 15px;
        }

.socials__wrapper___1fNga .socials__Ticktok___CGDe5 path {
                stroke: #898989;
                fill: #898989;
            }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.cartIcon__container___3XYhL {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        width: 30px;
        height: 28px;
        padding: 1px 0;
        margin-left: 36px;
        position: relative;
        color: #000;
    }

.cartIcon__container___3XYhL:focus {
            -webkit-box-shadow: 0 0 0 11px #f1f1f1;
                    box-shadow: 0 0 0 11px #f1f1f1;
            outline: none;
            border-radius: 50%;
            background: #f1f1f1;
        }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.cartIcon__container___3XYhL {
            margin-left: 28px
    }
        }

@media (max-width: 1279.9px) {

.cartIcon__container___3XYhL {
            margin-left: 24px
    }
        }

.cartIcon__counts___2CVGo {
        position: absolute;
        top: -6px;
        left: 24px;
        height: 24px;
        width: 24px;
        font-size: 13px;
        line-height: 24px;
        text-align: center;
        color: #fff;
        font-weight: 700;
        border-radius: 100%;
        background: #f22a42;
    }

.cartIcon__counts___2CVGo.cartIcon__animated___cy5KS {
            -webkit-animation: cartIcon__flickerAnimation___2mSJU 2s infinite;
                    animation: cartIcon__flickerAnimation___2mSJU 2s infinite;
        }

@media screen and (prefers-reduced-motion: reduce) {

.cartIcon__counts___2CVGo.cartIcon__animated___cy5KS {
                -webkit-animation: none;
                        animation: none
        }
            }

@-webkit-keyframes cartIcon__flickerAnimation___2mSJU {
    50% { opacity: .35; }
    100% { opacity: 1; }
}

@keyframes cartIcon__flickerAnimation___2mSJU {
    50% { opacity: .35; }
    100% { opacity: 1; }
}

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.policy__wrapper___GHy5c {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.policy__wrapper___GHy5c .policy__policy___141JG {
            font-size: 11px;
            color: #898989;
            cursor: pointer;
            line-height: 1.55em;
        }

.policy__wrapper___GHy5c .policy__policy___141JG:focus {
                outline: none;
            }

.policy__wrapper___GHy5c .policy__policy___141JG:not(:last-child) {
                margin-right: 30px;
            }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.policy__wrapper___GHy5c .policy__policy___141JG:not(:last-child) {
                    margin-right: 15px
            }
                }

@media (max-width: 1279.9px) {

.policy__wrapper___GHy5c .policy__policy___141JG:not(:last-child) {
                    margin-right: 10px
            }
                }

@media (max-width: 1279.9px) {

.policy__wrapper___GHy5c .policy__policy___141JG {
                font-size: 10px
        }

                .policy__wrapper___GHy5c .policy__policy___141JG:last-child {
                    display: none;
                }
            }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.myPicksIcon__icon___2ZL7y {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        width: 22px;
        height: 22px;
        padding: 0;
        position: relative;
        margin-left: 15px;
        cursor: pointer;
    }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.myPicksIcon__icon___2ZL7y {
            margin-left: 22px
    }
        }

@media (min-width: 1440px) {

.myPicksIcon__icon___2ZL7y {
            margin-left: 33px
    }
        }

.myPicksIcon__icon___2ZL7y svg {
            fill: transparent;
        }

.myPicksIcon__icon___2ZL7y:focus {
            -webkit-box-shadow: 0 0 0 15px #f1f1f1;
                    box-shadow: 0 0 0 15px #f1f1f1;
            outline: none;
            border-radius: 50%;
            background: #f1f1f1;
        }

.myPicksIcon__count___3hhYo {
        position: absolute;
        top: -9px;
        left: 16px;
        height: 24px;
        width: 24px;
        font-size: 13px;
        line-height: 24px;
        text-align: center;
        color: #fff;
        font-weight: 700;
        border-radius: 100%;
        background: #f22a42;
    }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.logo__wrapLogo___1gp0T {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 47px;
    }

.logo__logo___3DOxj {
        display: inline-block;
        vertical-align: middle;
        width: inherit;
        height: inherit;
    }

.logo__logoAnimated___1oNMS {
        display: inline-block;
        vertical-align: top;
        height: inherit;
        -webkit-transform: translateY(-23.4%) scale(1.2);
                transform: translateY(-23.4%) scale(1.2);
    }

[class*="checkout"] .logo__logoAnimated___1oNMS {
            -webkit-transform: translateY(-20%) scale(1.03);
                    transform: translateY(-20%) scale(1.03);
        }

[class*="wizard"] .logo__logoAnimated___1oNMS {
            -webkit-transform: translateY(-23.4%) scale(1.25);
                    transform: translateY(-23.4%) scale(1.25);
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.copyrights__copyrights___3pBgi {
        text-align: center;
        background-color: #4d4d4d;
    }

.copyrights__copyrights___3pBgi p {
            color: #eae9e5;
            line-height: 39px;
            margin: 0;
            font-size: 13px;
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.menuContainer__wrap___3AXWr {
        background: #fff;
        -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.07);
                box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.07);
        height: 71px;
    }

.menuContainer__hidden___2Z31k {
        display: none;
    }

.menuContainer__body___3q8WO {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 0 46px;
        margin: auto;
        height: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.menuContainer__body___3q8WO {
            padding: 0 59px 0 40px;
            width: 1280px
    }
        }

@media (min-width: 1440px) {

.menuContainer__body___3q8WO {
            padding: 0 79px 0 50px;
            width: 1440px
    }
        }

.menuContainer__logo___3u9Bi {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 170px;
                flex: 0 0 170px;
    }

@media (max-width: 1279.9px) {

.menuContainer__logo___3u9Bi {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 118px;
                    flex: 0 0 118px;
            margin-right: 10px
    }
        }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.menuContainer__logo___3u9Bi {
            margin-right: 4px
    }
        }

.menuContainer__menu___WaKTO {
        width: 770px;
        height: 100%;
        position: relative;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        margin-right: 12px;
    }

@media (max-width: 1279.9px) {

.menuContainer__menu___WaKTO {
            min-width: 560px;
            max-width: 646px;
            width: 100%;
            -ms-flex-negative: 1;
                flex-shrink: 1
    }
        }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.menuContainer__menu___WaKTO {
            width: 728px
    }
        }

.menuContainer__search___e9A5z {
        margin-left: auto;
        height: 44px;
    }

@media (max-width: 1279.9px) {

.menuContainer__search___e9A5z {
            min-width: 119px;
            max-width: 214px;
            -ms-flex-negative: 1;
                flex-shrink: 1
    }
        }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.menuContainer__search___e9A5z {
            width: 148px
    }
        }

@media (min-width: 1440px) {

.menuContainer__search___e9A5z {
            width: 220px
    }
        }

/**
 * z-index
 *
 * Please, if you add or change something in this list,
 * add or change the same:
 * GlassesUSA-Desktop/css/cssVariables.scss
 *
 */

/**
 * COLORS
 *
 * How to get color name:
 * use this service http://chir.ag/projects/name-that-color/
 *
 * How to create variable:
 * --color-[your color name] like these: --color-white, --color-black etc...
 */

:root {
    /* Fonts family */

    /* Font weights */

    /* Common colors */

    /* Primary colors */

    /**
    colors that are not in the dsm
     */

    /* Marketing colors */

    /* Logo colors */

    /* Deprecated colors */

    /* Images path */

    /* UHC colors */

    /* Status colors */
}

/* If you want edit this variables don't forget about variables for JS "./modules/constants/mediaQueries.js" */

.footer__footer___1zxLD {
        height: 960px;
        width: 100%;
    }

.footer__bottomSection___HGeqQ {
        background: #020621;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

.footer__sides___2VrjV {
        padding: 74px 0 25px;
        max-width: 1300px;
        width: 100%;
    }

@media (min-width: 1280px) and (max-width: 1439.9px) {

.footer__sides___2VrjV {
            max-width: 1140px
    }
        }

@media (max-width: 1279.9px) {

.footer__sides___2VrjV {
            max-width: 990px
    }
        }

.footer__sides___2VrjV a, .footer__sides___2VrjV button {
            color: #898989;
        }

.footer__sides___2VrjV a:hover, .footer__sides___2VrjV button:hover {
                color: #fff;
            }

.footer__upSide___1ArRH {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

.footer__downSide___29-qZ {
        margin: 100px 0 0 25px;
    }

.footer__certsAndSocials___1wel8, .footer__tosAndCopyright___3GR7L {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

.footer__tosAndCopyright___3GR7L div:nth-child(2) {
            background-color: transparent;
        }

.footer__tosAndCopyright___3GR7L div:nth-child(2) p {
                font-size: 11px;
                color: #898989;
            }

@media (max-width: 1279.9px) {

.footer__tosAndCopyright___3GR7L div:nth-child(2) p {
                    font-size: 10px
            }
                }

.footer__blankLine___1umhK {
        margin: 24px 0 27px;
        height: 1px;
        width: 100%;
        background: #1b1f37;
    }


/*# sourceMappingURL=6077.ae135a0081feee0773f1.css.map*/