<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="//res.glassesshop.com">
<link rel="dns-prefetch" href="https://res.glassesshop.com">
<link rel="preconnect" href="https://res.glassesshop.com" crossorigin>
<link rel="dns-prefetch" href="//d22qih3asjv3x0.cloudfront.net">
<link rel="preconnect" href="//d22qih3asjv3x0.cloudfront.net" crossorigin>
<link rel="preconnect" href="//d2fxn89uubslc7.cloudfront.net" crossorigin>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Get Gold Frame Glasses Online - GlassesShop</title>
<meta name="description" content="Explore our gold glasses and sunglasses to suit any sensibility. Prescribed glasses online for your favourite gold frame glasses. High quality and low price!"/>
<meta name="keywords" content="Prescribed Glasses Online, Gold Prescription Glasses, Gold Eyeglasses Frame"/>
<meta name="facebook-domain-verification" content="4b0toyqnunb2e5zrl0lcd0n4lbsx5c" />
<link rel="shortcut icon" href="https://res.glassesshop.com/assets/images/gs.png"/>
<meta name="msvalidate.01" content="A827BCC76313F24B9197E3B97E7B8503"/>
<link rel="canonical" href="https://www.glassesshop.com/gold-eyeglasses"/>
<meta name="csrf-token" content="xBmcrzUWug5wnPRHtRDuTlL2rl71lQyFfRotSMG9"/>
<link rel="preload" href="//res.glassesshop.com/statics/css/bootstrap.min.css" as="style" type="text/css"
onload="this.rel='stylesheet'"/>
<link rel="stylesheet" href="//res.glassesshop.com/assets/css/font-awesome.min.css"/>
<link rel="stylesheet" href="//res.glassesshop.com/statics/plugins/easyAutocomplete/easy-autocomplete.min.css"/>
<!-- CSS file -->
<link rel="preload" href="https://res.glassesshop.com/statics/css-2023/common.css?v=2023070406" as="style" type="text/css"
onload="this.rel='stylesheet'"/>
<link rel="stylesheet" href="https://res.glassesshop.com/statics/css-2023/nav.css?v=2023070403">
<link rel="stylesheet" href="https://res.glassesshop.com/statics/css-2023/search.css?v=2023070401">
<link rel="stylesheet" href="https://res.glassesshop.com/statics/css/product-colors.css?v=2022052201" type="text/css"/>
<link rel="preconnect" href="https://www.googletagmanager.com"/>
<link rel="stylesheet" href="//res.glassesshop.com/statics/css/slick.min.css"/>
<link rel="stylesheet" href="//res.glassesshop.com/statics/css/slick-theme.min.css"/>
<link rel="stylesheet" href="https://res.glassesshop.com/assets/fonts/iconfont/iconfont.css?v=2023040401">
<link rel="stylesheet" href="https://res.glassesshop.com/statics/css-2023/category.css?v=2023070406">
<link rel="stylesheet" href="https://res.glassesshop.com/statics/js/plugins/jquery-ui-1.12.1/jquery-ui.css">
<link rel="stylesheet" href="https://res.glassesshop.com/statics/css/promotion-desc.css?v=2020112702">
<link rel="stylesheet" href="https://res.glassesshop.com/statics/css/filter-product-colors.css?v=22052201">
<link rel="stylesheet" href="https://res.glassesshop.com/statics/plugins/swiper-v2/css/swiper.css">
<link rel="stylesheet" href="https://res.glassesshop.com/statics/try-on/css/tryon.css?v=2021051003"/>
<link rel="stylesheet" href="https://res.glassesshop.com/statics/try-on/css/cropper.min.css"/>
<link rel="stylesheet" href="https://res.glassesshop.com/statics/cosium/3d.css?v=2023080601"/>
<style type="text/css">
@media (max-width: 500px) {
.tryon-container .btns .camera {
display: none
}
}
#declaration {
padding-right: 0!important
}
#declaration .modal-dialog {
max-width: 650px
}
#declaration .modal-header {
border: none;
padding: 0
}
#declaration .modal-content {
background: #000000b3;
color: #fff;
height: 100%
}
#declaration .modal-body {
align-items: center;
display: flex;
padding: 100px 70px
}
#declaration .declarationTitle {
font-family: Proxima-Nova;
font-size: 24px;
font-weight: 500
}
#declaration .declarationDesc {
margin-top: 15px;
text-align: left
}
#declaration .dec-link {
color: #0da9c4!important
}
#declaration .declarationBtn {
margin-top: 30px
}
#declaration .acceptBtn {
background: #0da9c4;
border-radius: 4px;
color: #fff;
font-size: 14px;
height: 45px;
line-height: 45px;
padding: 0;
width: 240px
}
#declaration .closeImg {
margin: 0;
opacity: 1;
padding: 0;
position: absolute;
right: -15px;
top: -15px;
z-index: 99
}
.couponList {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.couponText {
margin-bottom: 10px
}
@media (max-width: 991.98px) {
.couponList {
margin:10px 0 0
}
#declaration .modal-dialog {
margin: 0 15px
}
@media (min-width: 576px) {
#declaration .modal-dialog {
margin:0 auto
}
}
#declaration .modal-body {
padding: 60px 15px
}
#declaration .declarationTitle {
font-size: 18px
}
}
</style>
<style>
.how-to-add {
padding-bottom: 40px;
}
.add-title {
margin-top: 50px;
margin-bottom: 38px;
}
.pho-title {
text-align: center;
font-size: 40px;
color: #333333;
font-weight: 500;
line-height: 1;
}
.step-content {
display: flex;
justify-content: center;
align-items: flex-end;
}
.step-desc {
text-align: center;
font-size: 20px;
margin-top: 25px;
color: #1B2B54;
}
.step-image {
margin: 0 45px;
}
.step-name {
margin: 20px 0 10px;
font-weight: 500;
}
@media (max-width: 991.98px) {
.how-to-add {
padding-bottom: 20px;
}
.add-title {
position: relative;
display: flex;
justify-content: center;
text-align: center;
max-width: 260px;
margin: 25px auto;
font-size: 24px;
}
.pho-title {
font-size: 24px;
margin-bottom: 25px;
}
.step-content {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 10px;
justify-content: center;
}
.step-desc {
width: 100%;
margin-top: 0;
margin-left: 15px;
font-size: 14px;
}
.step-name {
font-size: 16px;
}
.step-image {
margin: 10px 45px;
transform: rotate(90deg);
}
}
</style>
<style type="text/css">
.hide-item {
display: none !important;
}
.catalog-des a {
color: #007bff;
}
img {
max-width: 100%;
}
#desc-text a, .home-desc-more a {
color: #333;
}
.img-tag.tag-off-per {
margin-bottom: 5px;
}
.product-icon-text.highOff {
background-color: #F23A31;
float: left;
padding: 1px 6px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
@media (min-width: 992px) {
.product-list-item {
padding-left: 40px;
padding-right: 40px;
}
.product-colors {
-webkit-box-pack: unset !important;
-webkit-justify-content: unset !important;
-ms-flex-pack: unset !important;
justify-content: unset !important;
}
}
@media (max-width: 767px) {
.home-desc-more {
display: none;
}
.desc-text p {
margin-bottom: 0;
}
}
.btn-more-colors {
display: inline-block;
margin-top: 2px;
margin-left: 6px;
width: 22px;
height: 22px;
text-align: center;
line-height: 22px;
border-radius: 11px;
border: 1px solid #aeaeae;
vertical-align: top;
}
.more-colors-list {
position: absolute;
left: 0;
/* top: 32px; */
transform: translate(0, 100%);
bottom: 0;
/*width: 100%;*/
padding: 2px 2px;
display: none;
/*border: 1px solid #f1f1f1;*/
background: #fff;
white-space: normal;
text-align: center;
z-index: 10;
}
@media (max-width: 991.98px) {
.more-colors-list {
width: 100%;
top: 32px;
transform: none;
bottom: unset;
}
}
.grid-current i {
color: #0DA9C4;
}
.grid {
cursor: pointer;
color: #CACACA;
display: inline-block;
height: 18px;
line-height: 18px;
vertical-align: middle;
}
.column-2 .product-list-row {
padding: 0 10px;
}
.column-2 .product-img-outer {
text-align: left !important;
padding-top: 30px;
}
.column-2 .p-title-block {
padding: 0 5px !important;
}
/*.btn-more-colors {*/
/* display: none;*/
/*}*/
.column-2 .btn-more-colors {
display: inline-block;
}
/*.column-2 .img-tag {*/
/* position: absolute;*/
/* white-space: nowrap;*/
/* z-index: 1;*/
/*}*/
/*.column-1 .more-colors-list {*/
/* display: inline-flex !important;*/
/*}*/
.column-2 .product-pre-price {
display: none;
}
.product-img {
display: inline-block;
height: 0;
padding-bottom: 60%;
overflow: hidden;
}
@media (max-width: 991.98px) {
.column-2 .product-img {
padding-bottom: 42%;
}
.column-2 .limited-time {
display: none;
}
.column-2 .slide-text {
display: none;
}
}
.product-img.none {
display: none !important;
}
.tips-gift-cards {
color: #fff;
background-color: #D69829;
}
.tips-gift-cards b {
font-family: 'Poppins-Bold';
}
@media (min-width: 992px) {
.btn-more-colors {
display: inline-block;
}
.column-1 .more-colors-list {
display: none !important;
}
.column-1 .more-colors-list.active {
display: inline-flex !important;
}
.product-colors-pc-left {
display: flex !important;
}
}
@media (max-width: 992px) {
.product-colors-mobile-display {
display: flex !important;
}
}
</style>
<style>
/*视频banner*/
.clip-on-banner {
position: relative;
}
.clip-on-title {
font-size: 60px;
font-family: 'Poppins-SemiBold';
color: #fff;
text-shadow: 0 0 10px #333;
position: absolute;
left: 3%;
top: 50%;
transform: translateY(-50%);
}
.clip-on-tips {
font-size: 20px;
font-family: 'Poppins-SemiBold';
color: #fff;
text-shadow: 0 0 10px #333;
position: absolute;
right: 20px;
bottom: 15px;
}
.accessory-list {
padding-left: 100px;
padding-right: 100px;
}
@media (max-width: 991.98px) {
.text-section .text {
height: 21px;
overflow: hidden;
}
.clip-on-title {
font-size: 38px;
left: 6%;
bottom: 5%;
top: auto;
transform: none;
}
.clip-on-tips {
font-size: 14px;
right: 15px;
bottom: 10px;
}
.accessory-list {
padding-left: unset;
padding-right: unset;
}
}
/*视频banner*/
/*去掉占位*/
.category-banner-content {
/*display: unset !important;*/
height: unset !important;
padding-bottom: unset !important;
}
.filter-down label {
font-size: 14px !important;
}
@media (min-width: 320px) and (max-width:992px) {
.filter-item-feature {
margin-bottom: 0 !important;
}
}
.text-section .read-more {
cursor: pointer;
font-weight: 700
}
.text-section {
position: relative;
}
.text-section .read-more-text {
text-decoration: underline;
}
.text-section p {
margin: 0;
}
.text-section .read-more {
background: #fff;
cursor: pointer;
font-weight: bold;
}
.text-section .read-more.absolute {
bottom: 0;
position: absolute;
right: 0;
}
.text-section .text {
display: block;
}
.read-more .ellipsis {
display: none;
}
.read-more.absolute .ellipsis {
display: inline-block;
}
</style>
<style>
article.ca_intro>* {
font-size: 16px;
}
article.ca_intro h1,article.ca_intro h2 {
font-size: 30px !important;
}
article.ca_intro h3 {
font-size: 22px !important;
}
</style>
<style type="text/css">
.turntable .modal-header .close span {
display: inline-block;
width: 12px;
height: 12px;
}
.turntable .modal-content {
background: unset !important;
}
.turntable_points,.turntable_code {
padding-bottom: unset !important;
}
.turntable_part .turntable-bac,
.turntable_points .turntable-bac,
.turntable_code .turntable-bac {
padding-bottom: 25px;
}
.turntable_part .turntable-bac,
.turntable_points .turntable-bac,
.turntable_code .turntable-bac {
padding-bottom: 25px;
}
.turntable .turntable-text {
color: #FFFFFF !important;
}
.turntable-copponsTitle,
.turntable-copponsDesc,
.turntable-code,
.turntable .turntable-head,
.pointsTips,
.pointsNum,
.turntable-tip,
.pointsTips,
.pointsNum,
.turntable_points_link,
.turntable-error-text {
color: #FC1F3C !important;
}
.turntable-date {
color: #313131 !important;
border-top: 1px dashed #FFC8DB !important;
}
.turntable_part {
background: unset !important;
}
.turntable .turntable-terms {
display: inline-block;
position: absolute;
right: 0;
top: 60px;
width: 70px;
height: 26px;
line-height: 24px;
text-align: center;
border: 1px solid #FC1F3C;
border-right: none;
border-radius: 10px 0 0 10px;
font-size: 16px;
font-weight: 600;
color: #FC1F3C;
z-index: 2;
}
.turntable {
z-index: 1050 !important;
}
.turntable_rules {
padding-right: 0 !important;
}
.turntable_rules .modal-header {
border: none;
}
.turntable_rules .modal-content {
background: #FFFDEC;
}
.turntable_rules .modal-header .close {
position: absolute;
right: 20px;
top: 20px;
z-index: 2;
opacity: 1;
}
.turntable_rules_title {
font-size: 22px;
font-weight: 600;
text-align: center;
}
.turntable_rules_text {
font-size: 16px;
font-weight: 400;
padding: 20px 30px 30px;
}
.turntable_rules_box {
display: table;
}
.serial_n {
padding-right: 20px;
display: table-cell;
}
@media (min-width: 320px) and (max-width: 992px) {
.turntable_rules .modal-dialog {
width: 320px;
max-width: 320px;
margin: auto;
}
.turntable_rules_title {
font-size: 16px;
}
.turntable_rules_text {
font-size: 14px;
padding: 20px 10px 30px;
}
.serial_n {
padding-right: 10px;
}
}
.turntable_part_img {
max-width: 400px;
margin: 12px auto !important;
}
.vaild_tip {
width: 162px;
height: 26px;
line-height: 26px;
margin: 0 auto 20px;
background: #FFDC90;
border-radius: 13px;
}
.gs-main-menu .gs-sub-menu-wrapper.special-nav {
position: absolute;
left: unset;
transform: unset;
top: 59px;
background: #FFF;
width: unset;
padding-right: 40px;
border: none;
}
.gs-main-menu .navbar-hover:hover > a:after {
width: 100% !important;
}
.gs-main-menu .navbar-hover:hover > a.blue_light:after {
bottom: -2px;
/* top: -3px; */
border-top: 3px solid #FF4C0B;
border-bottom:unset;
}
</style>
<script src="//res.glassesshop.com/statics/js/jquery.min.js"></script>
<script>
$(function () {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
});
</script>
<!-- Google Tag Manager -->
<script type="text/javascript">
var dataLayer = dataLayer || [];
</script>
<script type="text/javascript">
dataLayer.push({
'ecommerce': {
'impressions': [{"name":"Manhattan","id":"FT0425","price":44.95,"brand":"GlassesShop","position":0},{"name":"Rouge","id":"FM1575","price":19.95,"brand":"GlassesShop","position":1},{"name":"Burke","id":"FM1243","price":26.95,"brand":"GlassesShop","position":2},{"name":"Gulfport","id":"FP2106","price":19.95,"brand":"GlassesShop","position":3}] },
'pageType': 'Category',
'categoryID': '141',
"email": '',
'version': 'stable'
});
</script>
<script>(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-P372WJX');
</script>
<!-- End Google Tag Manager -->
<!-- Matomo -->
<script type="text/javascript">
var _paq = _paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function () {
var u = "//analytics.glassesshop.com/";
_paq.push(['setTrackerUrl', u + 'piwik.php']);
_paq.push(['setSiteId', '1']);
var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
g.type = 'text/javascript';
g.async = true;
g.defer = true;
g.src = 'https://res.glassesshop.com/piwik/piwik.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "GlassesShop",
"item": "https://www.glassesshop.com"
},
{
"@type": "ListItem",
"position": 2,
"name": "Gold Eyeglasses",
"item": "https://www.glassesshop.com/gold-eyeglasses"
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{"@type":"Question","name":"What are Gold Frame Eyeglasses with eyeglass lenses?","acceptedAnswer":{"@type":"Answer","text":"Gold frame eyeglasses are eyeglasses that have eyewear frames made of gold or a gold-tone material. Gold frame eyeglasses with eyewear lens are a popular and classic choice for eyewear because gold is a durable and hypoallergenic metal, and it can add a touch of glamour and elegance to an outfit for both women and men."}},{"@type":"Question","name":"Can I Wear Gold Framed Eye glasses with any Outfit?","acceptedAnswer":{"@type":"Answer","text":"Gold framed eyewear can be worn with a variety of outfits to add styles of vintage for both women and men, although gold framed eyewear with eyeglass lens may be more suitable for formal or dressy occasions. If you want to wear your gold framed eyewear with a more casual look, you can try pairing golden frame eyewear with jeans and a t-shirt or a sweater and sneakers."}},{"@type":"Question","name":"Are Gold Frame Eye glasses with eyeglass lenses Suitable for all Face Shapes?","acceptedAnswer":{"@type":"Answer","text":"Gold frame eyeglasses and sunglasses with eyeglass lens can be worn by people with all face shapes, although certain styles may be more flattering on certain face shapes. For example, round or oval face shapes may look best in rectangular or square gold frames eyewear, while angular or rectangular face shapes may look better in round or oval eyeglass frames."}},{"@type":"Question","name":"What Types of Golden Frame Eyeglassess with eyeglass lenses are Available at GlassesShop?","acceptedAnswer":{"@type":"Answer","text":"There are many different types, brands and styles of gold frames eyeglasses with eyeglass lens to choose from, including different shapes\uff0cmaterials\uff0cfeatures and etc. For example, there are shapes like round, aviator and cat eye. There are materials like titanium, acetate. Browse various gold frame eyeglasses and eyewear lenses. Pick your favorite pairs, brands and styles at GlassesShop now! Any questions and further information, please feel free to contact us."}},{"@type":"Question","name":"How much do gold eye glasses cost?","acceptedAnswer":{"@type":"Answer","text":"The cost of gold eye glasses can vary depending on the quality of the materials used and different brands and styles. In general, you can expect to pay more for gold eye glasses than you would for eyeglasses frames and eyewear lenses made of other materials. However, there are also more affordable options available, so you can also shop around at GlassesShop to find and buy your best pairs. Any questions and further information, please feel free to contact us."}}] }
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"url": "https://www.glassesshop.com/",
"logo": "https://www.glassesshop.com/assets/images/logo.jpg",
"contactPoint": [{
"@type": "ContactPoint",
"telephone": "+1-855-202-0123",
"contactType": "customer service"
}],
"sameAs": [
"https://www.facebook.com/iGlassesShop",
"https://twitter.com/glassesshop",
"https://www.instagram.com/iglassesshop/",
"https://www.pinterest.com/glassesshop/"
]
}
</script>
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
<script>
var OneSignal = window.OneSignal || [];
OneSignal.push(function () {
OneSignal.init({
appId: "73a8e937-835c-4866-925c-521ced55609e",
});
});
</script>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P372WJX" height="0" width="0"
style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="wrapper">
<header class="fixed-top countdown-js">
<script type="text/javascript">
//倒计时
var blackdate = 233478;
/**
* Created by Administrator on 2019/7/23.
*/
if (Number(blackdate) > 0) {
var InterValObj;
$(function () {
InterValObj = window.setInterval(SetRemainTime, 1000); // 间隔函数,1秒执行
});
}
var SysSecond = '';
SysSecond = blackdate; //倒计时的起始时间
// 将时间减去1秒,计算天、时、分、秒
function SetRemainTime() {
if (SysSecond > 0) {
SysSecond = SysSecond - 1;
var second = Math.floor(SysSecond % 60); // 计算秒
var minute = Math.floor((SysSecond / 60) % 60); //计算分
var hour = Math.floor((SysSecond / 3600) % 24); //计算小时
var day = Math.floor((SysSecond / 3600) / 24); //计算天
//$("#counter").html('<strong class="">' + hour + '</strong>h <strong class="">' + minute + '</strong>m <strong class="">' + second + '</strong>s');
if (day < 1) {
$('.countdown .day').css('display', 'none');
$('.countdown .dotday').css('display', 'none');
} else {
$('.countdown .day').html(day);
}
$('.countdown .hour').html(hour);
$('.countdown .minute').html(minute);
$('.countdown .second').html(second);
} else {//剩余时间小于或等于0的时候,就停止间隔函数
window.clearInterval(InterValObj);
//这里可以添加倒计时时间为0后需要执行的事件
$('#countdown').css('display', 'none');
$(".glasses-main").animate({marginTop: '0'});
}
}
//点击×后关闭倒计时div
$(function () {
// $(".countdown").show();
$("nav").removeClass('fixed-top');
$("header.countdown-js").addClass('fixed-top');
if (Number(blackdate) > 0) {
const height = $('.countdown').outerHeight(true);
$(".glasses-main").css('margin-top', height + 'px');
}
$('.countdown .close-btn').click(function (event) {
event.preventDefault();
// $('.countdown').css('display','none');
$('.countdown').addClass('close');
$('.countdown').slideUp();
$(".glasses-main").animate({marginTop: '0'});
$('.form-mobile.nav-form-search').animate({top:'49px'});
});
});
//上下滚动轮播
$(function () {
var settimes;//定时器
var $this1 = $(".scroll-computer");
var $this2 = $(".scroll-mobile");
//方法
function scrollNews(nature) {
var scroll = nature.find("ul:first");
var lineHeight = scroll.find("li:first").height();
scroll.animate({"margin-top": -lineHeight + "px"}, 3000, function () {
scroll.css({"margin-top": "0px"}).find("li:first").appendTo(scroll);
});
}
settimes = setInterval(function () {
scrollNews($this1);
scrollNews($this2);
}, 3000);
});;
</script>
<style type="text/css">
.countdown{
color: #ffffff;
font-size: 18px;
background-color: #5f903d;
color: #ffffff;
text-align: center;
text-transform: uppercase;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
line-height: normal;
/*background:url('https://www.myglassesshop.com/statics/images/countdown/bac.png') no-repeat center/cover;*/
background-size: 100% 100%;
}
.countdown .container{
padding-top: 7px;
padding-bottom: 7px;
position: relative;
}
.countdown .title1{
font-size: 16px;
text-transform: none;
}
.countdown .title2{
font-size: 18px;
text-transform: capitalize;
}
.countdown .title3{
font-size: 16px;
text-transform: none;
}
.countdown .title4{
font-size: 16px;
}
.countdown .subject{
}
.countdown .deadline{
display: inline-block;
font-size: 16px;
text-transform: none;
}
.countdown .deadline .circle{
display: inline-block;
margin: 0 5px;
width: 32px;
height: 32px;
line-height: 32px;
border-radius: 4px;
background: #ffffff;
color: #366632;
cursor: pointer;
}
.countdown .mr-35 {
margin-right: 35px;
}
.countdown .mr-20 {
margin-right: 20px;
}
.countdown .mr-14 {
margin-right: 14px;
}
.countdown .deadline .dot{
/* color: #fff9db; */
font-size: 17px;
}
.countdown .shop-now{
font-size: 16px;
color: #ffffff;
text-decoration: none;
font-weight: bold;
display: inline-block;
width: 130px;
height: 28px;
line-height: 28px;
/* border: 1px solid #fff; */
border-radius: 4px;
text-decoration: underline;
text-transform: none;
}
.countdown .shop-now span{
border-bottom: 1px solid #222222;
}
.countdown .close-btn{
font-size: 22px;
color: #ffffff;
}
/*.countdown .close-btn img{*/
/* display: block;*/
/*}*/
.countdown a:hover{
/*text-decoration:none;*/
}
.countdown_bg {
z-index: -1;
position:absolute;
height: 50px;
left: 0;
right: 0;
}
.countdown_mobileBg {
z-index: -1;
position:absolute;
height: 60px;
left: 0;
right: 0;
}
@media (min-width: 992px) and (max-width: 1300px) {
.glasses-main{
padding-top: 59px;
}
.countdown .mr-35{
margin-right: 15px;
}
.countdown .title,
.countdown .title1,
.countdown .title2,
.countdown .title3,
.countdown .title4{
font-size: 14px;
}
.countdown .container{
background-image: none;
padding-top: 9px;
padding-bottom: 9px;
}
.countdown .deadline{
font-size: 14px;
min-width: 250px;
}
.countdown .deadline .circle{
width: 28px;
height: 28px;
line-height: 28px;
}
.countdown .shop-now{
font-size: 14px;
}
}
@media (max-width: 991.98px){
.nav-form-search {
top: 109px;
}
#filters-menu {
top: 109px;
}
.hidden-xs {
display: none!important;
}
.countdown{
height: 60px;
display: block;
position: relative;
background-image: none;
/*background-color: #000000;*/
/*padding: 0 0 5px;*/
/* color: #ffffff; */
text-align: left;
}
.countdown .content>img{
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 10px;
}
.countdown .title1{
display: inline-block;
font-size: 12px;
/*margin-bottom: 5px;*/
}
.countdown .title2{
font-size: 12px;
}
.countdown .title3{
font-size: 12px;
}
.countdown .title4{
font-size: 12px;
}
.countdown .deadline{
font-size: 12px;
min-width: 130px;
text-align: left;
}
.countdown .deadline .dot{
font-size: 12px;
}
.countdown .shop-now{
font-size: 12px;
/* color: #fff9db; */
/* text-decoration: none; */
width: 90px;
height: 28px;
line-height: 28px;
text-align: center;
}
.countdown .close-btn{
position: absolute;
top:8px ;
right: 10px;
}
.countdown .deadline .circle {
width: 22px;
height: 24px;
text-align: center;
line-height: 24px;
}
}
@media (max-width: 370px) {
.countdown .content>img{
display: none;
}
}
</style>
<div id="countdown">
<!--倒计时网页版-->
<div class="countdown hidden-xs" style="">
<div class="content d-flex align-items-center">
<span class="title1 mr-35 b" style="letter-spacing: 1px;">Spring Sale is On! 30% OFF Entire Order (Frames + Lenses) Code: Bright30 </span>
<span class="deadline mr-35">Ends in <span class="circle day">00</span><span class="dot dotday"> : </span><span class="circle hour">00</span><span class="dot"> : </span><span class="circle minute">00</span><span class="dot"> : </span><span class="circle second">00</span></span>
<a href="https://www.glassesshop.com/promotion/campaign" class="shop-now mr-35">Shop now ></a>
<a href="#" class="close-btn">×</a>
</div>
</div>
<!--倒计时网页版-->
<!--倒计时手机版-->
<div class="countdown d-lg-none" style="">
<div class="content d-flex align-items-center justify-content-center" style="height: 60px;">
<div style="line-height:1.1;">
<span class="title1"> 30% OFF Entire Order (Frames + Lenses) Code: Bright30 </span><br>
<span class="deadline mr-2">Ends in <span class="circle day">00</span><span class="dot dotday"> : </span><span class="circle hour">00</span><span class="dot"> : </span><span class="circle minute">00</span><span class="dot"> : </span><span class="circle second">00</span></span>
<a href="https://www.glassesshop.com/promotion/campaign" class="shop-now">Shop now ></a>
<a href="#" class="close-btn">×</a>
</div>
</div>
</div>
<!--倒计时手机版-->
</div>
<nav class="navbar navbar-expand-lg navbar-wrapper" style="padding-left: 5px;padding-right: 5px;">
<div class="container">
<div class="navbar-left d-lg-none">
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse"
data-target="#signAndAccount" aria-controls="signAndAccount" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon navbar-toggler-menu"></span>
</button>
<button class="navbar-toggler collapsed navbar-search" type="button" data-toggle="collapse"
data-target="#navSearch" aria-controls="navSearch" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon navbar-toggler-search"></span>
</button>
</div>
<a class="navbar-logo mr-lg-5 mr-0" href="/" title="GlassesShop">
<svg class="img-fluid" xmlns="http://www.w3.org/2000/svg" width="200" viewBox="0 0 1000 170">
<path fill="#0da9c4" fill-rule="evenodd"
d="M173.684,146.316V66.136h16.084v66.331h36.848v13.849H173.684Zm110.392-80.18,33.192,80.18H299.43l-6.142-15.161H255.71l-6.141,15.161H231.584l33.338-80.18h19.154Zm-9.5,16.182-14.183,34.988h28.22Zm46.2,53.5,7.75-12.246c5.41,5.54,15.5,10.789,26.465,10.789,11.7,0,16.523-4.958,16.523-10.789,0-16.327-48.106-5.539-48.106-35.279,0-13.412,12.575-23.908,31-23.908,13.453,0,23.98,4.374,31.583,11.517L378.24,87.275c-6.141-6.123-15.646-9.33-23.98-9.33-8.773,0-14.475,4.227-14.475,9.913,0,14.287,48.1,4.519,48.1,35.133,0,14.578-11.259,25.074-33.484,25.074C339.638,148.065,327.648,142.671,320.776,135.82Zm74.714,0,7.75-12.246c5.41,5.54,15.5,10.789,26.466,10.789,11.7,0,16.522-4.958,16.522-10.789,0-16.327-48.105-5.539-48.105-35.279,0-13.412,12.574-23.908,31-23.908,13.452,0,23.98,4.374,31.583,11.517l-7.75,11.371c-6.141-6.123-15.645-9.33-23.979-9.33-8.774,0-14.476,4.227-14.476,9.913,0,14.287,48.106,4.519,48.106,35.133,0,14.578-11.259,25.074-33.484,25.074C414.353,148.065,402.363,142.671,395.49,135.82Zm81.148,10.5V66.136h58.635V79.986H492.722V98.5h41.819v13.849H492.722v20.118h42.551v13.849H476.638Zm68.869-10.5,7.748-12.246c5.411,5.54,15.5,10.789,26.466,10.789,11.7,0,16.523-4.958,16.523-10.789,0-16.327-48.106-5.539-48.106-35.279,0-13.412,12.575-23.908,31-23.908,13.452,0,23.979,4.374,31.583,11.517l-7.75,11.371c-6.141-6.123-15.645-9.33-23.98-9.33-8.773,0-14.475,4.227-14.475,9.913,0,14.287,48.105,4.519,48.105,35.133,0,14.578-11.258,25.074-33.483,25.074C564.369,148.065,552.378,142.671,545.507,135.82Zm-449.678-60v20.6h44.638S133.2,135.125,88.977,131.4c0,0-36.6-2.553-39.617-47.334,0,0,.9-43.745,48.026-43.745,0,0,29.373-3.372,40.273,29.23h20.97s-4.321-37.372-48.474-48c0,0-49.275-12.558-74.189,36.155,0,0-19.966,36.018,10.657,72.864,0,0,26.264,30.428,66.126,19.147,0,0,56.368-15.835,48.064-73.795Z"/>
<path fill="#ff671d" fill-rule="evenodd"
d="M621.784,129.336L633.743,112.9a51.982,51.982,0,0,0,38.229,16.8c17.393,0,24.1-8.49,24.1-16.618,0-25.29-70.3-9.575-70.3-53.831,0-20.051,17.393-35.406,44.026-35.406,18.663,0,34.062,6.142,45.115,16.98L702.953,56.538c-9.6-9.574-22.465-13.909-35.148-13.909-12.32,0-20.293,6.142-20.293,14.993,0,22.58,70.3,8.671,70.3,53.47,0,20.05-14.314,37.392-46.745,37.392C648.78,148.484,632.655,140.535,621.784,129.336Zm166.448,16.98V112.058h-42.4v34.258H729.745V66.136h16.084V98.209h42.4V66.136h15.792v80.18H788.232Zm24.124-40.09c0-23.908,17.108-41.839,42.4-41.839s42.55,17.931,42.55,41.839-17.253,41.839-42.55,41.839S812.356,130.135,812.356,106.226Zm68.577,0c0-15.89-10.235-27.844-26.174-27.844s-26.172,11.954-26.172,27.844c0,15.745,10.235,27.845,26.172,27.845S880.933,121.971,880.933,106.226Zm24.561,40.09V66.136h38.017C961.35,66.136,971,77.945,971,91.648s-9.066,25.512-27.489,25.512H921.579v29.156H905.494ZM954.77,91.648c0-6.852-4.679-11.663-13.013-11.663H921.579v23.325h20.178C950.237,103.311,954.77,98.353,954.77,91.648Z"/>
</svg>
</a>
<div class="nav-mobile-icons">
<a href="javascript:;" class="nav-help-chat live-chat">
<div class="nav-live">
<svg class="img-fluid" xmlns="http://www.w3.org/2000/svg" width="25" height="25"
viewBox="0 0 140 140">
<path fill="#333" fill-rule="evenodd"
d="M126.822,62.589C126.236,31.7,101.976,6.749,72.187,6.749H67.812c-29.789,0-54.049,24.952-54.635,55.836a17.191,17.191,0,0,0-8.8,14.9v8.636a17.5,17.5,0,0,0,35,0V77.487A17.4,17.4,0,0,0,22.041,60.23C23.752,35.207,43.6,15.385,67.812,15.385h4.375c24.216,0,44.061,19.822,45.772,44.845a17.4,17.4,0,0,0-17.334,17.257v8.636a17.267,17.267,0,0,0,12.494,16.466,46.2,46.2,0,0,1-26.24,16.8,10.8,10.8,0,1,0-1.037,9.094,55.019,55.019,0,0,0,38.04-26.125,17.248,17.248,0,0,0,11.743-16.233V77.487a17.177,17.177,0,0,0-8.8-14.9h0Zm-96.2,14.9v8.636a8.751,8.751,0,0,1-17.5,0V77.487a8.751,8.751,0,0,1,17.5,0h0Zm96.25,8.636a8.68,8.68,0,0,1-8.357,8.6l-0.341-.159c-0.031.069-.079,0.126-0.109,0.189a8.694,8.694,0,0,1-8.694-8.628V77.487a8.751,8.751,0,0,1,17.5,0v8.636Zm0,0"/>
</svg>
</div>
</a>
<a href="/customer/wishlist" class="favorite-a"
title="0 items in wishlist">
<div class="nav-heart favorite-count">
</div>
</a>
<a href="/cart" class="cart-a"
title="0 items in shopping cart">
<div class="nav-cart cart-count">
</div>
</a>
</div>
<div class="collapse navbar-collapse">
<!-- PC端导航栏 -->
<ul class="navbar-nav mr-auto gs-main-menu">
<div class="nav-bac-layer"></div>
<div class="navbar-nav-content">
<li class="nav-item active navbar-hover main-menu-hover">
<a class="nav-link" href="javascript:void(0);" title="All Eyeglasses">Eyeglasses</a>
<div class="gs-sub-menu-wrapper banner-wrapper none sub-menu-grid2">
<div class="gs-sub-menu-content">
<dl class="gs-sub-menu-side discover-slide-one clearfix">
<dd><span class="b" href="javascript:void(0);">Shop</span></dd>
<dd>
<a href="/women-eyeglasses"
title="Women's Eyeglasses">
Women’s Eyeglasses
</a>
</dd>
<dd><a href="/men-eyeglasses">Men’s Eyeglasses</a></dd>
<dd><a href="/kids-eyeglasses">Kid’s Eyeglasses</a></dd>
<dd><a href="/eyeglasses-new-arrivals">
New Arrivals
<span class="sprite-new"></span>
</a>
</dd>
<dd><a href="/eyeglasses">All Eyeglasses</a></dd>
<dd><a href="/clearance-sale" style="color: #cf0000">On Sale</a></dd>
</dl>
<dl class="gs-sub-menu-side discover-slide-two clearfix">
<dd><span class="b" href="javascript:void(0);">Collection</span></dd>
<dd><a href="/cateye-eyeglasses">Cat Eye Glasses</a></dd>
<dd><a href="/rectangle-eyeglasses">Rectangle</a></dd>
<dd><a href="/small-glasses">Small Glasses</a></dd>
<dd><a href="/rimless-eyeglasses">Rimless</a></dd>
<dd><a href="/glitter-eyeglass-frames">Glitter</a></dd>
<dd><a href="/bestsellers">Best Sellers
<span class="sprite-hot"></span>
</a></dd>
</dl>
<dl class="gs-sub-menu-image clearfix">
<dd>
<a href="/virtual-try-on" class="nav-image"
title="Virtual Try On Glasses">
<span class="menu2-picture">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/655abdf639d5c.png"
alt="Virtual Try On Glasses"
title="Virtual Try On Glasses">
</span>
<span class="menu-title">Virtual Try On Glasses</span>
</a>
</dd>
<dd>
<a href="/diamond-cut-glasses" class="nav-image"
title="Diamond Cut Eyewear">
<span class="menu2-picture">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/65d2f415a3b3f.png"
alt="Diamond Cut Eyewear"
title="Diamond Cut Eyewear">
</span>
<span class="menu-title">Diamond Cut Eyewear</span>
</a>
</dd>
<dd>
<a href="/progressive-eyeglasses" class="nav-image"
title="Progressive">
<span class="menu2-picture">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/65b9c575ab302.png"
alt="Progressive"
title="Progressive">
</span>
<span class="menu-title">Progressive</span>
</a>
</dd>
</dl>
</div>
</div>
</li>
<li class="nav-item navbar-hover main-menu-hover">
<a class="nav-link" href="javascript:void(0);" title="All Sunglasses">Sunglasses</a>
<div class="gs-sub-menu-wrapper banner-wrapper none sub-menu-grid2">
<div class="">
<dl class="gs-sub-menu-side discover-slide-one clearfix">
<dd><span class="b" href="javascript:void(0);">Shop</span></dd>
<dd><a href="/women-sunglasses">Women’s Sunglasses</a></dd>
<dd><a href="/men-sunglasses">Men’s Sunglasses</a></dd>
<dd><a href="/prescription-sunglasses">All Prescription Sunglasses</a></dd>
<dd><a href="/sunglasses-new-arrivals">New Arrivals<span
class="sprite-new"></span></a></dd>
</dl>
<dl class="gs-sub-menu-side discover-slide-two clearfix">
<dd><span class="b" href="javascript:void(0);">Collection</span></dd>
<dd><a href="/lenses/sunglasses">Sunglasses Options</a></dd>
<dd><a href="/polarized-sunglasses">Polarized</a></dd>
<dd><a href="/lenses/mirrored">Mirrored</a></dd>
</dl>
<dl class="gs-sub-menu-image clearfix">
<dd>
<a href="/lenses/transitions" class="nav-image"
title="Transitions">
<span class="menu2-picture">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/655abe597efeb.png"
alt="Transitions"
title="Transitions">
</span>
<span class="menu-title">Transitions</span>
</a>
</dd>
<dd>
<a href="/sports-eyeglasses" class="nav-image"
title="Sports">
<span class="menu2-picture">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/655abe3156145.png"
alt="Sports"
title="Sports">
</span>
<span class="menu-title">Sports</span>
</a>
</dd>
<dd>
<a href="/clip-on-sunglasses" class="nav-image"
title="Clip-On">
<span class="menu2-picture">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/661df6c291f4c.jpg"
alt="Clip-On"
title="Clip-On">
</span>
<span class="menu-title">Clip-On</span>
</a>
</dd>
</dl>
</div>
</div>
</li>
<li class="nav-item navbar-hover main-menu-hover">
<a class="nav-link blue_light"
href="javascript:void(0);"
title="Blue Light">
Blue Light
</a>
<div class="gs-sub-menu-wrapper banner-wrapper none sub-menu-grid2 special-nav">
<div class="">
<dl class="gs-sub-menu-side discover-slide-one clearfix">
<dd>
<span class="b" href="javascript:void(0);">
Blue Light Glasses
</span>
</dd>
<dd>
<a href="/promotion/prescription-bluelight">
Prescription Blue Light Glasses
</a>
</dd>
<dd>
<a href="/promotion/bluelight-blocking-glasses?package=1">
Non-prescription Blue Light Glasses
</a>
</dd>
<dd>
<a href="/lenses/blue-block-pro">
Blue Block Pro Glasses
</a>
</dd>
<dd>
<a href="/lenses/photochromic">
Photochromic Blue Light Glasses
</a>
</dd>
</dl>
</div>
</div>
</li>
<li class="nav-item navbar-hover main-menu-hover">
<a class="nav-link" href="javascript:void(0);">Lenses</a>
<div class="gs-sub-menu-wrapper banner-wrapper none sub-menu-grid2">
<div class="blue-light-content">
<dl class="gs-sub-menu-side discover-slide-one clearfix">
<dd><span class="b" href="javascript:void(0);">Blue Light</span></dd>
<dd><a href="/promotion/prescription-bluelight">Prescription</a></dd>
<dd><a href="/promotion/bluelight-blocking-glasses?package=1">Non-prescription</a>
</dd>
<dd><a href="/lenses/blue-block-pro">Blue Block Pro<span
class="sprite-hot"></span></a></dd>
<dd><a href="/readers">Readers</a></dd>
</dl>
<dl class="gs-sub-menu-side discover-slide-two clearfix">
<dd><span class="b" href="javascript:void(0);"></span></dd>
<dd><a href="/progressive-eyeglasses">Progressive</a></dd>
<dd><a href="/bifocal-eyeglasses">Bifocal</a></dd>
<dd><a href="/reading-glasses ">Reading</a></dd>
<dd><a href="/lenses/photochromic">Photochromic Blue Blocker<span
class="sprite-new"></span></a></dd>
</dl>
<dl class="gs-sub-menu-side discover-slide-thir clearfix">
<dd><span class="b" href="javascript:void(0);"></span></dd>
<dd><a href="/lenses/transitions">
Transitions<span class="sprite-new"></span>
</a></dd>
<dd><a href="/lenses/mirrored">Mirrored</a></dd>
<dd><a href="/polarized-sunglasses">Polarized</a></dd>
</dl>
<dl class="gs-sub-menu-image clearfix">
<dd>
<a href="/lenses" class="nav-image">
<span class="menu2-picture">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/6295c6b76007d.jpg"
alt=""
title="Lens">
</span>
<span class="menu-title">Lens</span>
</a>
</dd>
<dd>
<a href="/lenses/sunglasses" class="nav-image">
<span class="menu2-picture">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/6295c7315f3ec.jpg"
alt=""
title="Lens Options- Sunglasses">
</span>
<span class="menu-title">Lens Options- Sunglasses</span>
</a>
</dd>
</dl>
</div>
</div>
</li>
<li class="nav-item navbar-hover main-menu-hover">
<a class="nav-link" href="javascript:void(0);">Featured</a>
<div class="gs-sub-menu-wrapper banner-wrapper none sub-menu-grid2">
<div class="">
<dl class="gs-sub-menu-side discover-slide-one clearfix">
<dd><span class="b" href="javascript:void(0);">Function</span></dd>
<dd><a href="/ultra-lightweight-glasses">Ultra-lightweight</a></dd>
<dd><a href="/screwless-eyeglasses">Screwless</a></dd>
<dd><a href="/adjustable-nose-pads-eyeglasses">Adjustable Nose Pads</a></dd>
<dd><a href="/spring-hinge-eyeglasses">Spring Hinge</a></dd>
</dl>
<dl class="gs-sub-menu-side discover-slide-two clearfix">
<dd><span class="b" href="javascript:void(0);">Highlight</span></dd>
<dd><a href="/metal-bridge-glasses">Metal Bridge</a></dd>
<dd><a href="/bold-glasses">Bold</a></dd>
</dd>
<dd><a href="/brands/gudvue">GUDVUE
<svg class="img-fluid ml-2 align-bottom"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 234.97 234.97"
height="20">
<g>
<g>
<path fill="#231815"
d="M173,112.18l-1.67,4.13-49,101L51.78,34.13A106.13,106.13,0,0,1,218.24,84L229,80.39a117.56,117.56,0,1,0,6,37.83l0-5.65ZM11.31,116.82A105.81,105.81,0,0,1,42.64,42.24l70.1,181.32A106.3,106.3,0,0,1,11.31,116.82Zm121,105.82,48.09-99.11,43.1.27A106.37,106.37,0,0,1,132.26,222.64Z"/>
</g>
</g>
</svg>
<div class="sprite-brand ml-2 align-bottom"></div>
</a></dd>
<dd><a href="/collection/floral-eyeglasses">Floral</a></dd>
</dl>
<dl class="gs-sub-menu-image clearfix">
<dd>
<a href="/accessories" class="nav-image">
<span class="menu2-picture">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/65d6f1080caaf.png"
alt=""
title="Accessories">
</span>
<span class="menu-title">Accessories</span>
</a>
</dd>
<dd>
<a href="/quiz/glasses-frame-finder" class="nav-image">
<span class="menu2-picture">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/6560604d9d262.png"
alt=""
title="Fit & Quiz">
</span>
<span class="menu-title">Fit & Quiz</span>
</a>
</dd>
<dd>
<a href="/doc/frame-measurements" class="nav-image">
<span class="menu2-picture">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/65606024a4be0.png"
alt=""
title="Frame Measurement">
</span>
<span class="menu-title">Frame Measurement</span>
</a>
</dd>
</dl>
</div>
</div>
</li>
<li class="nav-item home-try-on active navbar-hover main-menu-hover">
<a class="nav-link"
href="/free-home-try-on"
title="Home Try-on">Home Try-On</a>
</li>
</div>
</ul>
<!-- PC端导航栏 -->
<ul class="navbar-nav nav-right">
<li class="nav-item my-2 my-lg-0">
<form class="form-inline mr-sm-2 nav-form-search active-search" method="get"
action="/search">
<input class="form-control input-search" type="search" placeholder="Search..."
aria-label="Search" name="q" id="input-search-item" onpropertychange="">
<button class="btn btn-outline-success my-2 my-sm-0 search-form-button"
type="button"></button>
<button class="ais-SearchBox-reset-close" type="button"></button>
</form>
<!--新电脑端搜索样式-->
<div class="searchSuggestions">
<div class="suggestionsContent">
<div class="topSearch noDesigner">
<div class="algolia-search-top clearfix">
<!--Suggested Queries-->
<div class="headerTopSearch suggestedHeader none">Suggested Queries</div>
<!--Suggested Queries-->
<!--Recent Queries-->
<div class="headerTopSearch recentHeader">Recent Queries</div>
<!--Recent Queries-->
<div id="suggesthits_copy" class="suggest-list clearfix">
<!--Suggested Queries-->
<div class="list-items none">
<div class="items-list">
<a onclick=""
href=""
title="clear">clear</a>
</div>
<div class="items-list">
<a onclick=""
href=""
title="blue light">blue light</a>
</div>
<div class="items-list">
<a onclick=""
href=""
title="pink">pink</a>
</div>
<div class="items-list">
<a onclick=""
href=""
title="tortoise">tortoise</a>
</div>
<div class="items-list">
<a onclick=""
href=""
title="mens">mens</a>
</div>
<div class="items-list">
<a onclick=""
href=""
title="black">black</a>
</div>
</div>
<!--Suggested Queries-->
<!--Fixed Recent Queries-->
<div class="list-items fixed-items-list" style="display: none">
<div class="items-list">
<a href="/bestsellers">
2024 Trends
</a>
<img class="lazy"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/new-index/del.png"
alt="delete" class="icon-close">
</div>
<div class="items-list">
<a href="/eyeglasses/fp2778">Katherine</a>
<img class="lazy"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/new-index/del.png"
alt="delete" class="icon-close">
</div>
<div class="items-list">
<a href="/lenses/photochromic">Blue Block Photochromic</a>
<img class="lazy"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/new-index/del.png"
alt="delete" class="icon-close">
</div>
<div class="items-list">
<a href="/eyeglasses/fp2514">Hannah</a>
<img class="lazy"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/new-index/del.png"
alt="delete" class="icon-close">
</div>
<div class="items-list">
<a href="/eyeglasses/fp2434">Lydia</a>
<img class="lazy"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/new-index/del.png"
alt="delete" class="icon-close">
</div>
<div class="items-list">
<a href="/eyeglasses/fp1506">Bruno</a>
<img class="lazy"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/new-index/del.png"
alt="delete" class="icon-close">
</div>
<div class="items-list">
<a href="/eyeglasses/fp2043">Taurus</a>
<img class="lazy"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/new-index/del.png"
alt="delete" class="icon-close">
</div>
<div class="items-list">
<a href="/clip-on-sunglasses">Clip-on</a>
<img class="lazy"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/new-index/del.png"
alt="delete" class="icon-close">
</div>
<div class="items-list">
<a href="/virtual-try-on">3D Try-On</a>
<img class="lazy"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/new-index/del.png"
alt="delete" class="icon-close">
</div>
</div>
<!--Fixed Recent Queries-->
<!--Recent Queries-->
<div class="list-items" id="list-items">
</div>
<!--Recent Queries-->
</div>
</div>
</div>
<div id="hits_copy" class="topProducts">
<div class="algolia-search-null none" style="display: none;"></div>
<div class="algolia-search-frames-list full-list-6">
<div class="search-frames-result clearfix">
<span class="num">Product suggestions</span>
<span style="display: none;">Product suggestions</span>
</div>
<div id="search-product-lists"></div>
</div>
<div class="algolia-feature-container">
<div class="algolia-feature-box clearfix">
<span class="feature-title">Recommended</span>
<div class="feature-banner">
<a class="feature-img" href="/lenses/blue-block-pro">
<img class="lazy"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/new-index/blue-block.jpg"
alt="">
</a>
<a class="name" href="/lenses/blue-block-pro">Blue Block Pro</a>
</div>
<div class="feature-banner">
<a class="feature-img" href="/progressive-eyeglasses">
<img class="lazy"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/new-index/progressive.jpg"
alt="">
</a>
<a class="name" href="/progressive-eyeglasses">Progressive</a>
</div>
</div>
<div class="algolia-faq-box">
<div class="faq-title clearfix">
<span>FAQ</span>
<a class="primary" href="/doc/optical-faq">See all ></a>
</div>
<ul class="search-faq-list">
<li><a href="/doc/how-to-order">How to order your glasses
online?</a></li>
<li><a href="/doc/how-to-choose-glasses">How to Choose The Right
Glasses Frames?</a></li>
<li><a href="/doc/shipping-and-return"> When will I receive my
order?</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--新电脑端搜索样式-->
</li>
<li class="nav-item">
<a href="/customer/wishlist" class="favarite-a"
title="0 items in wishlist">
<div class="nav-heart favorite-count">
</div>
</a>
</li>
<li class="nav-item">
<a href="/cart" class="cart-a"
title="0 items in shopping cart">
<div class="nav-cart cart-count">
</div>
</a>
</li>
<li class="nav-item navbar-hover nav-sign">
<a href="#" class="nav-user"> </a>
<!-- 登录前 -->
<div class="navbar-hover-menu navbar-hover-icon sign-content ">
<div class="login-box">
<div class="clearfix nav-sign-header">
<a href="/login">Sign in</a>
/
<a href="/register">Register</a>
</div>
<ul class="sign-menu">
<li>
<a href="/customer/orders">
My Orders
</a>
</li>
<li>
<a href="/order-tracking">
Order Tracking
</a>
</li>
<li>
<a href="/customer/wishlist">
My Wishlist
</a>
</li>
<li>
<a href="/customer/coupons">
My Coupons
</a>
</li>
<li>
<a href="/customer/points">
My Points
</a>
</li>
</ul>
</div>
<div class="recently-viewed">
</div>
</div>
<!-- 登录前 -->
</li>
<li class="nav-item navbar-hover nav-help">
<a class="nav-link font-weight-normal mt-1" href="#">Help</a>
<div class="navbar-hover-menu navbar-hover-icon" style="right: 0px">
<div class="nav-help-content">
<div class="nav-help-title">
Help Center
</div>
<a href="/doc/how-to-order" class="nav-help-link">
How to order
</a>
<a href="/doc/measure-pd" class="nav-help-link">
How to measure PD
</a>
<a href="/doc/how-do-i-read-my-prescription" class="nav-help-link">
How to read prescription
</a>
<a href="/doc/shipping-and-return" class="nav-help-link">
Shipping & Return
</a>
<a href="/order-tracking" class="nav-help-link">
Track my order
</a>
<a href="/doc/optical-faq" class="nav-help-link">
Check FAQ
</a>
<a href="/doc/helpcenter" class="nav-help-faq">Help Center</a>
</div>
<div class="nav-help-contact">
<div class="nav-help-contact-title">
Contact Us
</div>
<div class="contact-detail col-12 p-0">
<div class="email">
<div class="img-box">
<svg class="img-fluid" xmlns="http://www.w3.org/2000/svg" width="140"
height="140" viewBox="0 0 140 140">
<path fill="#333" fill-rule="evenodd"
d="M124.42,21.874H15.579a11.177,11.177,0,0,0-11.2,10.867v74.514a11.177,11.177,0,0,0,11.2,10.869H124.42a11.177,11.177,0,0,0,11.2-10.869V32.741a11.176,11.176,0,0,0-11.2-10.867h0ZM15.579,31.188H124.42a1.49,1.49,0,0,1,1.6,1.553v3.725L70,70.62,13.978,36.466V32.741a1.49,1.49,0,0,1,1.6-1.553h0ZM124.42,108.809H15.579a1.49,1.49,0,0,1-1.6-1.554V47.333l53.461,32.6A3.529,3.529,0,0,0,70,80.555a6.209,6.209,0,0,0,2.561-.621l53.46-32.6v59.922a1.49,1.49,0,0,1-1.6,1.554h0Zm0,0"/>
</svg>
</div>
<a href="mailto:service@glassesshop.com" style="color: #333">
<div class="text">
<div>service@GlassesShop.com</div>
</div>
</a>
</div>
<div class="liveChat">
<div class="img-box">
<svg class="img-fluid" xmlns="http://www.w3.org/2000/svg" width="140"
height="140" viewBox="0 0 140 140">
<path fill="#333" fill-rule="evenodd"
d="M126.822,62.589C126.236,31.7,101.976,6.749,72.187,6.749H67.812c-29.789,0-54.049,24.952-54.635,55.836a17.191,17.191,0,0,0-8.8,14.9v8.636a17.5,17.5,0,0,0,35,0V77.487A17.4,17.4,0,0,0,22.041,60.23C23.752,35.207,43.6,15.385,67.812,15.385h4.375c24.216,0,44.061,19.822,45.772,44.845a17.4,17.4,0,0,0-17.334,17.257v8.636a17.267,17.267,0,0,0,12.494,16.466,46.2,46.2,0,0,1-26.24,16.8,10.8,10.8,0,1,0-1.037,9.094,55.019,55.019,0,0,0,38.04-26.125,17.248,17.248,0,0,0,11.743-16.233V77.487a17.177,17.177,0,0,0-8.8-14.9h0Zm-96.2,14.9v8.636a8.751,8.751,0,0,1-17.5,0V77.487a8.751,8.751,0,0,1,17.5,0h0Zm96.25,8.636a8.68,8.68,0,0,1-8.357,8.6l-0.341-.159c-0.031.069-.079,0.126-0.109,0.189a8.694,8.694,0,0,1-8.694-8.628V77.487a8.751,8.751,0,0,1,17.5,0v8.636Zm0,0"/>
</svg>
</div>
<a href="javascript:;" class="live-chat" style="color: #333">
<div class="text">
<div class="email-title">Live Chat</div>
</div>
</a>
</div>
<div class="call">
<div class="img-box">
<svg class="img-fluid" xmlns="http://www.w3.org/2000/svg" width="140"
height="140" viewBox="0 0 140 140">
<path fill="#333" fill-rule="evenodd"
d="M106.37,65.726a4.274,4.274,0,1,0,8.449-1.3C109.148,27.457,76.035,25.721,75.7,25.706a4.28,4.28,0,0,0-.339,8.552c0.265,0.012,26.391,1.393,31.008,31.468h0Zm9.545-40.81C86.814-4.192,60.257,6.023,59.14,6.474a4.277,4.277,0,0,0,3.189,7.938c0.223-.088,22.4-8.6,47.542,16.557,23.163,23.173,16.363,46.7,16.07,47.674a4.275,4.275,0,1,0,8.158,2.562c0.37-1.187,8.778-29.318-18.184-56.288h0ZM105.905,125.7c-0.41.409-1.75,1.366-5.375,1.366-11.749,0-34.265-9.881-55.94-31.571C16.133,67,9.661,38.88,14.415,34.124c3.072-3.077,9.461-9.478,15.5-9.478,3.342,0,6.511,1.925,9.683,5.884,9.142,11.4,5.184,15.312-1.376,21.79L37,53.531A8.656,8.656,0,0,0,34.491,59.8c0,3.93,1.9,11.052,18.31,27.469S76.331,105.6,80.255,105.6h0a8.651,8.651,0,0,0,6.258-2.5l1.206-1.219c3.567-3.619,6.652-6.748,10.55-6.748,3.02,0,6.8,1.805,11.228,5.365,3.773,3.037,5.69,6.05,5.858,9.222,0.339,6.2-6.271,12.81-9.452,15.989h0Zm8.948-31.879c-6.07-4.884-11.5-7.253-16.582-7.253-7.475,0-12.343,4.94-16.637,9.3l-1.379,1.173c-1.314,0-6.737-1.137-21.41-15.82-17.124-17.128-15.8-21.63-15.8-21.639l1.18-1.169c6.757-6.672,16.013-15.811,2.04-33.234-4.833-6.028-10.336-9.088-16.351-9.088-9.581,0-17.369,7.8-21.55,11.982-12.362,12.384,5.734,49,30.179,73.473,23.521,23.539,48.077,34.079,61.984,34.079,5.016,0,8.86-1.306,11.423-3.872,4.052-4.055,12.487-12.489,11.942-22.505-0.3-5.656-3.348-10.848-9.042-15.425"/>
</svg>
</div>
<a href="tel:1-855-202-0123" style="color: #333">
<div class="text">
<div class="call-title">1-855-202-0123</div>
<div class="font-12">(Mon-Fri 9am-5pm EST)</div>
</div>
</a>
</div>
</div>
</div>
<!-- <a href="#" class="nav-help-faq">Check FAQ</a>
<div class="split-line">
<span>Have a Question?</span>
</div>
<a href="#" class="nav-help-tel">1-855-202-0123</a>
<a href="#" class="tel-desc">Mon-Fri 9am-5pm EST</a>
<a href="#" class="nav-help-email">Email Us</a>
<a href="#" class="nav-help-chat">Live Chat</a>
<div class="split-line">
<span>Trusted Store</span>
</div>
<div class="nav-help-protect mb-3">
We are committed to protecting your
<a href="/">privacy & shopping security</a>, visit it to learn more.
</div>
<a href="#" class="nav-help-online">How to Buy Glasses Online? Measure PD at
Home</a> -->
</div>
</li>
<li class="nav-item navbar-hover currency" style="display: none">
<a class="nav-link font-weight-normal mt-1" href="javascript:;">$ USD</a>
<div id="currency" class="navbar-hover-menu navbar-hover-icon" style="right: 0px">
<a href="https://www.glassesshop.com/gold-eyeglasses?currency=USD"
class="active">$ USD</a>
</div>
</li>
</ul>
</div>
<!-- sign in Acount -->
<div class="d-lg-none position-absolute">
<div class="collapse mobile-collapse" id="signAndAccount">
<div class="row mobile-mask m-0">
<ul class="col-md-9 col-10 mobile-mask-content">
<li class="mobile-mask-header mobile-close">
<a class="p-0" href="/login">
<svg class="headerAdmin img-fluid" xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120">
<path id="user_icon" fill="#fff" fill-rule="evenodd" d="M77.629,55.73c8.565-4.768,14.015-12.943,14.015-22.48C91.645,18.262,77.629,6,60.5,6S29.355,18.262,29.355,33.25c0,9.537,5.45,17.712,14.015,22.48C21.568,61.18,6,76.849,6,94.561S30.133,115,60.5,115,115,112.955,115,94.561C115,76.849,99.431,61.18,77.629,55.73ZM37.141,33.25c0-11.581,10.122-20.438,23.359-20.438S83.858,21.669,83.858,33.25,73.736,53.687,60.5,53.687,37.141,44.83,37.141,33.25ZM60.5,108.187c-25.695,0-46.718-2.044-46.718-13.626C13.782,75.487,34.8,60.5,60.5,60.5s46.717,14.987,46.717,34.062C107.217,106.143,86.194,108.187,60.5,108.187Z"/>
</svg>
</a>
<div class="inline-block nVip-content">
<a href="/login">Log in</a>
|
<a href="/register">Sign up</a>
</div>
<a class="navbar-toggler collapsed navbar-close" data-toggle="collapse"
data-target="#signAndAccount" aria-controls="signAndAccount"
aria-expanded="true" aria-label="Toggle navigation">
<!-- <span>x</span> -->
</a>
</li>
<ul class="nav nav-tabs mobile-tab">
<li class="col-6">
<a href="#category" data-toggle="tab" class="tab-title active">CATEGORY</a>
</li>
<li class="col-6">
<a href="#shopBy" data-toggle="tab" class="tab-title">SHOP BY</a>
</li>
</ul>
<div class="mobile-tab-content tab-content">
<div class="tab-pane fade show active" id="category">
<div class="shop-category">
<div class="people like-screen row">
<a class="col-6" href="/women-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/628746a461c57.jpg"
alt="women-eyeglasses"
title="Women">
<div class="screen-text">Women</div>
</a>
<a class="col-6" href="/men-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/628746969792b.jpg"
alt="men-eyeglasses"
title="Men">
<div class="screen-text">Men</div>
</a>
<a class="col-6" href="/kids-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/62874689da725.jpg"
alt="kids-eyeglasses"
title="Kids">
<div class="screen-text">Kids</div>
</a>
<a class="col-6" href="/prescription-sunglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/6287467c32de9.jpg"
alt="sunglasses"
title="Sunglasses">
<div class="screen-text">Sunglasses</div>
</a>
</div>
</div>
<div class="shop-try">
<div class="like-screen row">
<a href="/free-home-try-on">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/64f198aeee969.jpg">
</a>
</div>
</div>
<div class="shop-lens">
<div class="like-screen row">
<a class="col-3" href="/lenses/transitions"
title="Transitions">
<img class="lazy d-block w-100 mb-1"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/64d0abe8f0698.png"
alt="Transitions"
title="Transitions">
<div class="screen-text">Transitions</div>
</a>
<a class="col-3" href="/lenses/blue-block-pro"
title="Blue&nbsp;Block">
<img class="lazy d-block w-100 mb-1"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/64d0ac0f33d8c.png"
alt="Blue&nbsp;Block"
title="Blue&nbsp;Block">
<div class="screen-text">Blue Block</div>
</a>
<a class="col-3" href="/progressive-eyeglasses"
title="Progressive">
<img class="lazy d-block w-100 mb-1"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/64d0abb5d9800.png"
alt="Progressive"
title="Progressive">
<div class="screen-text">Progressive</div>
</a>
<a class="col-3" href="/polarized-sunglasses"
title="Polarized">
<img class="lazy d-block w-100 mb-1"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/64d0ac6564706.png"
alt="Polarized"
title="Polarized">
<div class="screen-text">Polarized</div>
</a>
</div>
</div>
<div class="mobile-shop-link row">
<li class="mobile-dropdown">
<a class="brand-link-title" href="/promotion/campaign">
<img class="lazy img-fluid brand-img"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/index/bogo-231124.png">BOGO
Free
</a>
<a class="brand-link-title" href="/clearance-sale">
<img class="img-fluid brand-img lazy"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/index/clearance.png">
Clearance
<svg id="组_1" data-name="组 1" xmlns="http://www.w3.org/2000/svg" width="100" height="20" viewBox="0 0 125 20">
<path fill="#fc5e31" fill-rule="evenodd" d="M124.984,16.714c0,3.288-4.032,3.288-4.032,3.288H9.561a2.063,2.063,0,0,1-1.488-.642l-7.44-7.743a2.342,2.342,0,0,1,0-3.218l7.44-7.743A2.064,2.064,0,0,1,9.561.014H120.383S124.636-.081,125,2.39C125,2.39,124.984,13.426,124.984,16.714Z"/>
<text font-size="14px" fill="#fff" font-family="Proxima Nova" font-weight="600" x="18.25" y="14.5">Down to $0.99</text>
</svg>
</a>
<a class="brand-link-title"
href="/promotion/glasses-under-20">
<img class="img-fluid brand-img lazy"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/index/under20.png">
Under $20
</a>
<a class="brand-link-title" href="/brands/gudvue">
<svg class="img-fluid brand-img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 234.97 234.97" height="30">
<g>
<g>
<path fill="#231815"
d="M173,112.18l-1.67,4.13-49,101L51.78,34.13A106.13,106.13,0,0,1,218.24,84L229,80.39a117.56,117.56,0,1,0,6,37.83l0-5.65ZM11.31,116.82A105.81,105.81,0,0,1,42.64,42.24l70.1,181.32A106.3,106.3,0,0,1,11.31,116.82Zm121,105.82,48.09-99.11,43.1.27A106.37,106.37,0,0,1,132.26,222.64Z"/>
</g>
</g>
</svg>
GUDVUE
<div class="sprite-brand ml-3"></div>
</a>
<a class="brand-link-title"
href="/small-glasses">
<img class="img-fluid brand-img lazy"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/index/glitter.png">
Glitter Glasses
</a>
<a class="brand-link-title mobile-dropdown-Accessories" data-toggle="collapse"
href="#AccessoriesMobile" role="button" aria-expanded="false"
aria-controls="AccessoriesMobile">
<img class="img-fluid brand-img lazy"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/index/accessories-231124.png">
Accessories
</a>
<div class="collapse mobile-dropdown-content"
id="AccessoriesMobile">
<a href="/jewelry">
Jewelry
</a>
<a href="/accessories?acc=Case">
Case
</a>
<a href="/accessories?acc=clip-on">
Clip-On
</a>
<a href="/accessories?acc=Earring">
Earring
</a>
<a href="/accessories?acc=Chain">
Chain
</a>
<a href="/accessories?acc=Pouch">
Pouch
</a>
<a href="/accessories?acc=Cloth">
Cloth
</a>
</div>
<a class="mobile-dropdown-title" data-toggle="collapse"
href="#brand" role="button" aria-expanded="false"
aria-controls="brand">
<img class="img-fluid brand-img lazy"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/index/lens.png">
Lenses
</a>
<div class="collapse mobile-dropdown-content"
id="brand">
<a href="/promotion/prescription-bluelight">
Blue Block
</a>
<a href="/bifocal-eyeglasses">
Biofcal
</a>
<a href="/lenses/mirrored">
Mirrored
</a>
<a href="/polarized-sunglasses">
Polarized
</a>
</div>
</li>
</div>
<div class="mobile-shop-link row">
<li class="mobile-dropdown">
<a class="mobile-dropdown-title" data-toggle="collapse"
href="#help" role="button" aria-expanded="false"
aria-controls="help">
<svg class="img-fluid brand-img" xmlns="http://www.w3.org/2000/svg"
width="120" height="120" viewBox="0 0 120 120">
<path fill="#333" fill-rule="evenodd"
d="M58.7,79.643a7.857,7.857,0,1,0,7.857-7.857A7.857,7.857,0,0,0,58.7,79.643h0ZM107.143,115H12.857A7.857,7.857,0,0,1,5,107.143H5V72.3a3.929,3.929,0,0,1,7.857,0v34.846h94.286V12.857H12.857V24.171a3.929,3.929,0,0,1-7.857,0V12.857A7.857,7.857,0,0,1,12.857,5h94.286A7.858,7.858,0,0,1,115,12.857h0v94.286A7.857,7.857,0,0,1,107.143,115h0ZM66.168,65.186a3.929,3.929,0,0,1-3.929-3.929v-1.3a9.822,9.822,0,0,1,5.3-8.84,9.9,9.9,0,0,0,5.225-7.857c-0.432-4.282-2.593-6.246-7.5-6.522-5.932-.236-8.957,1.886-10.136,7.229a4.018,4.018,0,1,1-7.857-1.69,16.186,16.186,0,0,1,18.189-13.4A14.339,14.339,0,0,1,80.422,42.575c0,0.059,0,.119.007,0.179a17.4,17.4,0,0,1-8.6,14.811c-0.825.55-1.925,1.375-1.886,2.121v1.532A3.929,3.929,0,0,1,66.168,65.186Zm-37.6-20.9H8.928a3.929,3.929,0,0,1,0-7.857H28.571A3.929,3.929,0,0,1,28.571,44.286Zm0,15.715H8.928a3.929,3.929,0,0,1,0-7.857H28.571A3.929,3.929,0,0,1,28.571,60Z"/>
</svg>
Help
</a>
<div class="collapse mobile-dropdown-content" id="help">
<a href="/doc/helpcenter">
Help Center
</a>
<a href="/doc/optical-faq">
FAQ
</a>
<a href="/doc/measure-pd">
Measure PD
</a>
<a href="/doc/video-guides">
Video Guides
</a>
<a href="/doc/about-us">
About Us
</a>
</div>
<a class="brand-link-title pt-3" href="/order-tracking">
<svg class="img-fluid brand-img" xmlns="http://www.w3.org/2000/svg"
width="120" height="88" viewBox="0 0 120 88">
<path fill="#333" fill-rule="evenodd"
d="M118,47.7c0-.03,0-0.06-0.005-0.09a2.873,2.873,0,0,0-.337-1.2l-16.87-26.5c-0.078-.124-0.159-0.246-0.247-0.363a5.627,5.627,0,0,0-4.526-2.289H85.459V4.863a2.883,2.883,0,0,0-.222-1.114A2.829,2.829,0,0,0,82.63,2H34.522a2.863,2.863,0,0,0,0,5.725H79.8V47.812a2.923,2.923,0,0,0,.03.415c0,0.007,0,.014,0,0.021,0,0.026.009,0.051,0.014,0.076s0.007,0.044.011,0.065a2.861,2.861,0,0,0,.425,1.022v0a2.858,2.858,0,0,0,.319.4l0.027,0.029,0.028,0.027a2.8,2.8,0,0,0,1.972.811h29.713V71.255H100.786a12.7,12.7,0,0,0-24.832,0H53.314a12.7,12.7,0,0,0-24.832,0H13.489a2.863,2.863,0,0,0,0,5.725H28.482a12.7,12.7,0,0,0,24.832,0H75.954a12.7,12.7,0,0,0,24.832,0h14.386A2.846,2.846,0,0,0,118,74.118V47.779C118,47.751,118,47.724,118,47.7ZM85.459,44.95V22.987h9.559l14.41,21.962H85.459ZM40.9,81.275a7.157,7.157,0,1,1,7.073-7.157A7.116,7.116,0,0,1,40.9,81.275Zm47.472,0a7.157,7.157,0,1,1,7.073-7.157A7.116,7.116,0,0,1,88.37,81.275ZM58.879,19.806l0,0a2.8,2.8,0,0,0,2.02.858,2.87,2.87,0,0,0,1.878-5,12.624,12.624,0,0,0-17.9.1l4,4.049A7.015,7.015,0,0,1,58.879,19.806Zm-56.015,0,0,0a12.627,12.627,0,0,0,18.005,0,7.015,7.015,0,0,1,10,0,12.627,12.627,0,0,0,18.005,0l-4-4.049a7.015,7.015,0,0,1-10,0,12.627,12.627,0,0,0-18.005,0,7.015,7.015,0,0,1-10,0h0a2.8,2.8,0,0,0-2.034-.873A2.869,2.869,0,0,0,2.864,19.805ZM58.879,36.993l0,0a2.8,2.8,0,0,0,2.02.858,2.869,2.869,0,0,0,1.878-5,12.625,12.625,0,0,0-17.9.1l4,4.049A7.014,7.014,0,0,1,58.879,36.993Zm-56.015,0,0,0a12.626,12.626,0,0,0,18.005,0,7.015,7.015,0,0,1,10,0,12.626,12.626,0,0,0,18.005,0l-4-4.049a7.015,7.015,0,0,1-10,0,12.627,12.627,0,0,0-18.005,0,7.015,7.015,0,0,1-10,0h0a2.8,2.8,0,0,0-2.034-.873A2.869,2.869,0,0,0,2.864,36.992Zm9,20.962a12.617,12.617,0,0,0,9-3.773,7.015,7.015,0,0,1,10,0,12.627,12.627,0,0,0,18.005,0,7.015,7.015,0,0,1,10,0l0,0a2.8,2.8,0,0,0,2.02.858,2.869,2.869,0,0,0,1.876-5,12.624,12.624,0,0,0-17.9.1,7.015,7.015,0,0,1-10,0,12.626,12.626,0,0,0-18.005,0,7.015,7.015,0,0,1-10,0,2.8,2.8,0,0,0-2.036-.876,2.869,2.869,0,0,0-1.966,4.921h0A12.621,12.621,0,0,0,11.865,57.953Z"/>
</svg>
Track
My Order
</a>
</li>
</div>
<div class="contact-us row">
<div class="screen-title">
Contact Us
</div>
<div class="contact-detail col-12 p-0">
<div class="email">
<div class="img-box">
<svg class="img-fluid" xmlns="http://www.w3.org/2000/svg"
width="140" height="140" viewBox="0 0 140 140">
<path fill="#333" fill-rule="evenodd"
d="M124.42,21.874H15.579a11.177,11.177,0,0,0-11.2,10.867v74.514a11.177,11.177,0,0,0,11.2,10.869H124.42a11.177,11.177,0,0,0,11.2-10.869V32.741a11.176,11.176,0,0,0-11.2-10.867h0ZM15.579,31.188H124.42a1.49,1.49,0,0,1,1.6,1.553v3.725L70,70.62,13.978,36.466V32.741a1.49,1.49,0,0,1,1.6-1.553h0ZM124.42,108.809H15.579a1.49,1.49,0,0,1-1.6-1.554V47.333l53.461,32.6A3.529,3.529,0,0,0,70,80.555a6.209,6.209,0,0,0,2.561-.621l53.46-32.6v59.922a1.49,1.49,0,0,1-1.6,1.554h0Zm0,0"/>
</svg>
</div>
<a href="mailto:service@glassesshop.com" style="color: #333">
<div class="text">
<div class="email-title">E-mail</div>
<div class="underline">service@GlassesShop.com</div>
</div>
</a>
</div>
<div class="liveChat">
<div class="img-box">
<svg class="img-fluid" xmlns="http://www.w3.org/2000/svg"
width="140" height="140" viewBox="0 0 140 140">
<path fill="#333" fill-rule="evenodd"
d="M126.822,62.589C126.236,31.7,101.976,6.749,72.187,6.749H67.812c-29.789,0-54.049,24.952-54.635,55.836a17.191,17.191,0,0,0-8.8,14.9v8.636a17.5,17.5,0,0,0,35,0V77.487A17.4,17.4,0,0,0,22.041,60.23C23.752,35.207,43.6,15.385,67.812,15.385h4.375c24.216,0,44.061,19.822,45.772,44.845a17.4,17.4,0,0,0-17.334,17.257v8.636a17.267,17.267,0,0,0,12.494,16.466,46.2,46.2,0,0,1-26.24,16.8,10.8,10.8,0,1,0-1.037,9.094,55.019,55.019,0,0,0,38.04-26.125,17.248,17.248,0,0,0,11.743-16.233V77.487a17.177,17.177,0,0,0-8.8-14.9h0Zm-96.2,14.9v8.636a8.751,8.751,0,0,1-17.5,0V77.487a8.751,8.751,0,0,1,17.5,0h0Zm96.25,8.636a8.68,8.68,0,0,1-8.357,8.6l-0.341-.159c-0.031.069-.079,0.126-0.109,0.189a8.694,8.694,0,0,1-8.694-8.628V77.487a8.751,8.751,0,0,1,17.5,0v8.636Zm0,0"/>
</svg>
</div>
<a href="javascript:;" class="nav-help-chat live-chat"
style="color: #333">
<div class="text">
<div class="email-title">Live Chat</div>
<div class="underline">9 am to 5 pm Mon.to Fri.(EST)</div>
</div>
</a>
</div>
<div class="call">
<div class="img-box">
<svg class="img-fluid" xmlns="http://www.w3.org/2000/svg"
width="140" height="140" viewBox="0 0 140 140">
<path fill="#333" fill-rule="evenodd"
d="M106.37,65.726a4.274,4.274,0,1,0,8.449-1.3C109.148,27.457,76.035,25.721,75.7,25.706a4.28,4.28,0,0,0-.339,8.552c0.265,0.012,26.391,1.393,31.008,31.468h0Zm9.545-40.81C86.814-4.192,60.257,6.023,59.14,6.474a4.277,4.277,0,0,0,3.189,7.938c0.223-.088,22.4-8.6,47.542,16.557,23.163,23.173,16.363,46.7,16.07,47.674a4.275,4.275,0,1,0,8.158,2.562c0.37-1.187,8.778-29.318-18.184-56.288h0ZM105.905,125.7c-0.41.409-1.75,1.366-5.375,1.366-11.749,0-34.265-9.881-55.94-31.571C16.133,67,9.661,38.88,14.415,34.124c3.072-3.077,9.461-9.478,15.5-9.478,3.342,0,6.511,1.925,9.683,5.884,9.142,11.4,5.184,15.312-1.376,21.79L37,53.531A8.656,8.656,0,0,0,34.491,59.8c0,3.93,1.9,11.052,18.31,27.469S76.331,105.6,80.255,105.6h0a8.651,8.651,0,0,0,6.258-2.5l1.206-1.219c3.567-3.619,6.652-6.748,10.55-6.748,3.02,0,6.8,1.805,11.228,5.365,3.773,3.037,5.69,6.05,5.858,9.222,0.339,6.2-6.271,12.81-9.452,15.989h0Zm8.948-31.879c-6.07-4.884-11.5-7.253-16.582-7.253-7.475,0-12.343,4.94-16.637,9.3l-1.379,1.173c-1.314,0-6.737-1.137-21.41-15.82-17.124-17.128-15.8-21.63-15.8-21.639l1.18-1.169c6.757-6.672,16.013-15.811,2.04-33.234-4.833-6.028-10.336-9.088-16.351-9.088-9.581,0-17.369,7.8-21.55,11.982-12.362,12.384,5.734,49,30.179,73.473,23.521,23.539,48.077,34.079,61.984,34.079,5.016,0,8.86-1.306,11.423-3.872,4.052-4.055,12.487-12.489,11.942-22.505-0.3-5.656-3.348-10.848-9.042-15.425"/>
</svg>
</div>
<a href="tel:1-855-202-0123" style="color: #333">
<div class="text">
<div class="email-title">Call: 1-855-202-0123</div>
<div class="underline">9 am to 5 pm Mon.to Fri.(EST)</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="shopBy">
<div class="shop-shape">
<div class="screen-title">
Shop by shape
</div>
<div class="like-screen row m-0">
<a class="col-4" href="/rectangle-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/nav-new/shape/Rectangle.jpg">
<div class="screen-text">Rectangle</div>
</a>
<a class="col-4" href="/round-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/nav-new/shape/Round.jpg">
<div class="screen-text">Round</div>
</a>
<a class="col-4" href="/cateye-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/nav-new/shape/Cateye.jpg">
<div class="screen-text">Cateye</div>
</a>
<a class="col-4" href="/browline-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/nav-new/shape/Browline.jpg">
<div class="screen-text">Browline</div>
</a>
<a class="col-4" href="/aviator-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/nav-new/shape/Aviator.jpg">
<div class="screen-text">Aviator</div>
</a>
<a class="col-4" href="/square-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/nav-new/shape/Square.jpg">
<div class="screen-text">Square</div>
</a>
<a class="col-4" href="/oval-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/nav-new/shape/Oval.jpg">
<div class="screen-text">Oval</div>
</a>
<a class="col-4" href="/polygon-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/nav-new/shape/Polygon.jpg">
<div class="screen-text">Polygon</div>
</a>
<a class="col-4" href="/horn-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/nav-new/shape/Horn.jpg">
<div class="screen-text">Horn</div>
</a>
</div>
</div>
<div class="shop-color">
<div class="screen-title">
Shop by color
</div>
<div class="like-screen row m-0">
<a class="col-4" href="/clear-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/nav-new/color/clear.png">
<div class="screen-text">Clear</div>
</a>
<a class="col-4" href="/pride-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/nav-new/color/rainbow.png">
<div class="screen-text">Rainbow</div>
</a>
<a class="col-4" href="/collection/tortoise-shell-glasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/nav-new/color/tortoise.png">
<div class="screen-text">Tortoise</div>
</a>
<a class="col-4" href="/black-glasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/nav-new/color/black.png">
<div class="screen-text">Black</div>
</a>
<a class="col-4" href="/brown-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/nav-new/color/brown.png">
<div class="screen-text">Brown</div>
</a>
<a class="col-4" href="/gold-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/nav-new/color/gold.png">
<div class="screen-text">Gold</div>
</a>
<a class="col-4" href="/gray-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/nav-new/color/gray.png">
<div class="screen-text">Gray</div>
</a>
<a class="col-4" href="/green-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/nav-new/color/green.png">
<div class="screen-text">Green</div>
</a>
<a class="col-4" href="/blue-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/nav-new/color/blue.png">
<div class="screen-text">Blue</div>
</a>
<a class="col-4" href="/red-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/nav-new/color/red.png">
<div class="screen-text">Red</div>
</a>
<a class="col-4" href="/purple-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/nav-new/color/purple.png">
<div class="screen-text">Purple</div>
</a>
<a class="col-4" href="/rose-gold-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/nav-new/color/rose-gold.png">
<div class="screen-text">Rose gold</div>
</a>
</div>
</div>
<div class="shop-material">
<div class="screen-title">
Shop by material
</div>
<div class="like-screen row m-0">
<a class="col-4" href="/acetate-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/index/Acetate.png">
<div class="screen-text">Acetate</div>
</a>
<a class="col-4" href="/metal-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/index/Metal.png">
<div class="screen-text">Metal</div>
</a>
<a class="col-4" href="/titanium-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/index/Titanium.png">
<div class="screen-text">Titanium</div>
</a>
<a class="col-4" href="/plastic-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/index/Plastic.png">
<div class="screen-text">Plastic</div>
</a>
<a class="col-4" href="/tr90-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/index/TR90.png">
<div class="screen-text">TR90</div>
</a>
<a class="col-4" href="/silica-gel-eyeglasses">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/index/Silica-gel.png">
<div class="screen-text">Silica-gel</div>
</a>
</div>
</div>
<div class="shop-category">
<div class="screen-title">
Shop by features
</div>
<div class="like-screen row">
<a class="col-6" href="/glitter-eyeglass-frames"
title="Glitter">
<img class="lazy d-block w-100 mb-1"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/64d0ac9362816.jpg"
alt="Glitter"
title="Glitter">
<div class="screen-text">Glitter</div>
</a>
<a class="col-6" href="/diamond-cut-glasses"
title="Diamond-Cut">
<img class="lazy d-block w-100 mb-1"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/64d0acb2a35dc.jpg"
alt="Diamond-Cut"
title="Diamond-Cut">
<div class="screen-text">Diamond-Cut</div>
</a>
<a class="col-6" href="/screwless-eyeglasses"
title="Screwless">
<img class="lazy d-block w-100 mb-1"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/64d0acdad5b0e.jpg"
alt="Screwless"
title="Screwless">
<div class="screen-text">Screwless</div>
</a>
<a class="col-6" href="/clip-on-sunglasses"
title="Clip-On">
<img class="lazy d-block w-100 mb-1"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/banner/64d0ad0337adb.jpg"
alt="Clip-On"
title="Clip-On">
<div class="screen-text">Clip-On</div>
</a>
</div>
</div>
</div>
</div>
</ul>
</div>
</div>
</div>
<!-- search -->
<div class="d-lg-none position-absolute">
<div class="collapse mobile-collapse" id="navSearch">
<form class="form-mobile nav-form-search" method="get" action="/search">
<input class="form-control mr-sm-2 input-search input-search-mobile"
id="input-search-mobile" type="search"
placeholder="Search..." aria-label="Search" name="q">
<div class="easy-autocomplete easy-autocomplete-container" id="easy-autocomplete-container">
</div>
<button class="btn btn-outline-success my-2 my-sm-0" type="submit"></button>
<div class="pt-3 mt-3 mb-4 popular-queries" id="popular-queries">
<p class="mobile-search-title">Popular Queries</p>
<div class="popular-searches">
<a href="/bestsellers" class="hot">
Hot Choice: 2024 Trends
</a>
<a href="/clip-on-sunglasses">Clip-on</a>
<a href="/eyeglasses/fp2514">Hannah</a>
<a href="/eyeglasses/fp2043">Taurus</a>
<a href="/eyeglasses/fp2434">Lydia</a>
<a href="/diamond-cut-glasses">Diamond-Cut</a>
<a href="/eyeglasses/fp1506">Bruno</a>
<a href="/eyeglasses/fp2778">Katherine</a>
<a href="/virtual-try-on">3D Try-On</a>
</div>
</div>
<div class="mobile-search-suggestions">
<p class="mobile-search-title mb-0">Product Suggestions</p>
<div class="search-suggestions-poduct" id="search-suggestions-poduct">
</div>
</div>
<div class="mobile-search-featured">
<p class="mobile-search-title">Featured</p>
<div class="search-featured">
<div class="search-featured-content">
<a href="/lenses/blue-light-blocking">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/new-index/bluelight.jpg">
Blue Light Blocking
</a>
</div>
<div class="search-featured-content">
<a href="/lenses/transitions">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/new-index/transitions-mb-230529.jpg">
Transitions
</a>
</div>
<div class="search-featured-content">
<a href="/lenses/photochromic">
<img class="lazy img-fluid"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/new-index/photochromic-mb.jpg">
Blue Block Photochromic
</a>
</div>
</div>
</div>
</form>
</div>
</div>
<!-- search -->
<!-- create-account -->
<div class="d-lg-none position-absolute">
<div class="collapse mobile-collapse" id="navCreateAccount">
<div class="mobile-create-account pt-3 pb-3">
<span class="text-center font-14">Create an Account</span>
<p>Please provide the following information to create an account</p>
<form class="form-mobile nav-form-account header-sign-up-form" method="post">
<input type="hidden" name="_token" value="xBmcrzUWug5wnPRHtRDuTlL2rl71lQyFfRotSMG9"> <div class="form-group mb-5">
<input type="email" name="email" class="form-control form-control-lg"
aria-describedby="emailHelp" placeholder="Email">
</div>
<div class="form-group mb-5">
<input type="text" name="firstname" class="form-control form-control-lg"
aria-describedby="First Name" placeholder="First Name">
</div>
<div class="form-group mb-5">
<input type="text" name="lastname" class="form-control form-control-lg"
aria-describedby="Last Name" placeholder="Last Name">
</div>
<div class="form-group mb-5">
<input type="password" name="password" id="register-password"
class="form-control form-control-lg"
aria-describedby="Password" placeholder="Password">
</div>
<div class="form-group mb-3">
<input type="password" name="password_confirmation"
class="form-control form-control-lg"
aria-describedby="Confirm Password" placeholder="Confirm Password">
</div>
<div class="form-group form-check">
<label class="form-check-label">
<input type="checkbox" class="form-check-input" name="newsletter"
checked="checked">
Sign me up for the Special Deals Newsletter
</label>
</div>
<div class="form-group form-check mb-5">
<label class="form-check-label">
<input type="checkbox" class="form-check-input" name="accept-policy"
checked="checked">
I have read the
<a href="/doc/privacy" class="color-link" target="_blank">Privacy Policy.</a>
</label>
</div>
<button class="btn btn-base my-2 my-sm-0 header-sign-up-form-button" type="button">
Register
</button>
<div class="mobile-create-footer text-center pt-5">
<p class="m-0">Already have an account?</p>
<a href="#" class="color-link" data-toggle="collapse" data-target="#signIn"
aria-controls="signIn" aria-expanded="false" aria-label="Toggle navigation">
<span data-toggle="collapse" data-target="#navCreateAccount"
aria-expanded="true">
Login here
</span>
</a>
</div>
</form>
</div>
</div>
</div>
<!-- create-account -->
</div>
</nav>
</header>
<main class="glasses-main home-container">
<!-- Content here -->
<!-- lenses页面 -->
<!-- lenses页面 -->
<div class="container-content">
<!-- Category Description -->
<!-- 头部banner 图 -->
<div class="row slider slider-banners d-lg-none float-none h-auto w-auto">
<div>
<img src="https://res.glassesshop.com/categories/62e0b5510c05a.jpg" class="d-block w-100"
alt="" />
</div>
</div>
<!-- 头部banner 图 -->
<div class="d-none d-lg-block category-banner-content">
<img src="https://res.glassesshop.com/categories/62e0b552cd14e.jpg" alt=""
class="img-fluid w-100" />
<div class="banner-text-container">
<div class="banner-text-content">
<h1>Gold Eyeglasses</h1>
<div class="text-section">
<p>These chic and classic gold eyewear frames are a stylish and retro accessory to any look which can add styles of fashion and vintage for both women and men. Elevate your daily appearance with their classic gilded aesthetics. Explore our collection of gold eyewear and sunglasses with various eyewear lenses, and find options to suit any sensibility. Mix and match it with any type of apparel, as this refined golden hue compliments all wardrobe types and styles beautifully.</p>
</div>
</div>
</div>
</div>
<div class="text-center pt-4 d-block d-lg-none">
<div class="row">
<div class="col-12 mb-description">
<h2 class="g-excluded-title font-30 font-weight-bold">Gold Eyeglasses</h2>
<div class="text-section">
<span class="text">
<p>These chic and classic gold eyewear frames are a stylish and retro accessory to any look which can add styles of fashion and vintage for both women and men. Elevate your daily appearance with their classic gilded aesthetics. Explore our collection of gold eyewear and sunglasses with various eyewear lenses, and find options to suit any sensibility. Mix and match it with any type of apparel, as this refined golden hue compliments all wardrobe types and styles beautifully.</p>
</span>
<span class="read-more absolute">
<span class="ellipsis">...</span>
<span class="read-more-text">read more</span>
</span>
</div>
</div>
</div>
</div>
<!-- lenses页面 -->
<!-- lenses页面 -->
</div>
<!-- 面包屑导航 -->
<!-- 面包屑导航 -->
<!-- 面包屑 -->
<div class="container-content">
<nav aria-label="breadcrumb" class="row col-12 mt-lg-3">
<ol class="breadcrumb breadcrumb-wrapper col-12 m-0 pt-0 pb-0 font-14">
<li class="breadcrumb-item"><a
href="/">Home</a>
</li>
<li class="breadcrumb-item active" aria-current="page">Gold Eyeglasses</li>
</ol>
</nav>
<!-- 移动端Top Choices -->
<!-- 移动端Top Choices -->
</div>
<!-- 面包屑 -->
<div class="container-content">
<!-- PC端: TOP CHOICES --start -->
<!-- PC端: TOP CHOICES --end -->
<!-- filters -->
<!-- <div class="filters-main"> -->
<!-- </div> -->
<!-- 移动端filter -->
<div class="mobile-collapse d-lg-none collapse" id="Filters-mb" style="">
<header class="col-12 d-lg-none filters-header fixed-top">
<h3 class="filter-title text-center font-16 m-0">
Filter
<a href="javascript:;" class="navbar-toggler navbar-close" data-toggle="collapse" data-target="#Filters-mb" aria-controls="Filters-mb" aria-expanded="true">
</a>
</h3>
</header>
<div class="col-12">
<ul class="filter-wrap row flex-lg-nowrap">
<!-- GENDER -->
<li class="position-relative col-12 col-lg-auto p-0 filter-item filter-item-gender">
<div class="filter-menu">
<h3>Gender</h3>
<span>
<a href="#" class="color-link d-lg-none select-text">
</a>
<i class="icon-arrow-down"></i>
</span>
</div>
<div class="filter-down filter-down-gender">
<div class="row m-0">
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="gender" value="Unisex"
>
Unisex
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="gender" value="Men"
>
Men
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="gender" value="Women"
>
Women
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="gender" value="Kids"
>
Kids
</label>
</div>
</div>
</div>
</li>
<!-- GENDER -->
<!-- Material -->
<li class="position-relative col-12 col-lg-auto p-0 filter-item filter-item-material">
<div class="filter-menu">
<h3>Material</h3>
<span>
<a href="#" class="color-link d-lg-none select-text">
</a>
<i class="icon-arrow-down"></i>
</span>
</div>
<div class="filter-down filter-down-material">
<div class="row m-0">
<div class="col-12 col-lg-6 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="material" value="Metal"
>
Metal
</label>
</div>
<div class="col-12 col-lg-6 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="material" value="Titanium"
>
Titanium
</label>
</div>
<div class="col-12 col-lg-6 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="material" value="Ultem"
>
Ultem
</label>
</div>
<div class="col-12 col-lg-6 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="material" value="TR90"
>
TR90
</label>
</div>
<div class="col-12 col-lg-6 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="material" value="Plastic"
>
Plastic
</label>
</div>
<div class="col-12 col-lg-6 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="material" value="Acetate"
>
Acetate
</label>
</div>
<div class="col-12 col-lg-6 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="material" value="Silica-gel"
>
Silica-gel
</label>
</div>
<div class="col-12 col-lg-6 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="material" value="Stainless Steel"
>
Stainless Steel
</label>
</div>
</div>
</div>
</li>
<!-- Material -->
<!-- Color -->
<li class="position-relative col-12 col-lg-auto p-0 filter-item filter-item-color d-lg-block">
<div class="filter-menu">
<h3>Color</h3>
<span>
<a href="#" class="color-link d-lg-none select-text">
</a>
<i class="icon-arrow-down"></i>
</span>
</div>
<div class="filter-down filter-down-color">
<div class="row product-colors m-0 justify-content-start">
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Black"
>
<span class="product-color m-0">
<i class="color color-black"></i>
</span>
<span class="pl-3">Black</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Blue"
>
<span class="product-color m-0">
<i class="color color-blue"></i>
</span>
<span class="pl-3">Blue</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Brown"
>
<span class="product-color m-0">
<i class="color color-brown"></i>
</span>
<span class="pl-3">Brown</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Burgundy"
>
<span class="product-color m-0">
<i class="color color-burgundy"></i>
</span>
<span class="pl-3">Burgundy</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4 pr-0">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Champagne"
>
<span class="product-color m-0">
<i class="color color-champagne"></i>
</span>
<span class="pl-3">Champagne</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Chocolate"
>
<span class="product-color m-0">
<i class="color color-chocolate"></i>
</span>
<span class="pl-3">Chocolate</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Crystal"
>
<span class="product-color m-0">
<i class="color color-crystal"></i>
</span>
<span class="pl-3">Crystal</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Cyan"
>
<span class="product-color m-0">
<i class="color color-cyan-tortoise"></i>
</span>
<span class="pl-3">Cyan</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Floral"
>
<span class="product-color m-0">
<i class="color color-floral"></i>
</span>
<span class="pl-3">Floral</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Golden"
>
<span class="product-color m-0">
<i class="color color-golden"></i>
</span>
<span class="pl-3">Golden</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Gray"
>
<span class="product-color m-0">
<i class="color color-gray"></i>
</span>
<span class="pl-3">Gray</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Green"
>
<span class="product-color m-0">
<i class="color color-green"></i>
</span>
<span class="pl-3">Green</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Gunmetal"
>
<span class="product-color m-0">
<i class="color color-gunmetal"></i>
</span>
<span class="pl-3">Gunmetal</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Lavender"
>
<span class="product-color m-0">
<i class="color color-lavender"></i>
</span>
<span class="pl-3">Lavender</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Multicolor"
>
<span class="product-color m-0">
<i class="color color-multicolor"></i>
</span>
<span class="pl-3">Multicolor</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Orange"
>
<span class="product-color m-0">
<i class="color color-orange"></i>
</span>
<span class="pl-3">Orange</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Pink"
>
<span class="product-color m-0">
<i class="color color-pink"></i>
</span>
<span class="pl-3">Pink</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Purple"
>
<span class="product-color m-0">
<i class="color color-purple"></i>
</span>
<span class="pl-3">Purple</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Red"
>
<span class="product-color m-0">
<i class="color color-red"></i>
</span>
<span class="pl-3">Red</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Rose"
>
<span class="product-color m-0">
<i class="color color-rose"></i>
</span>
<span class="pl-3">Rose</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Rose Gold"
>
<span class="product-color m-0">
<i class="color color-rose-gold"></i>
</span>
<span class="pl-3">Rose Gold</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Silver"
>
<span class="product-color m-0">
<i class="color color-silver"></i>
</span>
<span class="pl-3">Silver</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Tortoise"
>
<span class="product-color m-0">
<i class="color color-tortoise"></i>
</span>
<span class="pl-3">Tortoise</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="White"
>
<span class="product-color m-0">
<i class="color color-white"></i>
</span>
<span class="pl-3">White</span>
</label>
</div>
<div class="col-6 col-lg-4 mb-lg-3 mb-4">
<label class="d-flex align-items-center">
<input type="checkbox" class="form-checkbox mr-3" name="color" value="Yellow"
>
<span class="product-color m-0">
<i class="color color-yellow"></i>
</span>
<span class="pl-3">Yellow</span>
</label>
</div>
</div>
</div>
</li>
<!-- COLOR -->
<!-- Feature -->
<li class="position-relative col-12 col-lg-auto p-0 filter-item filter-item-feature">
<div class="filter-menu">
<h3>Feature</h3>
<span>
<a href="#" class="color-link d-lg-none select-text">
</a>
<i class="icon-arrow-down"></i>
</span>
</div>
<div class="filter-down filter-down-feature">
<div class="row m-0">
<div class="col-12 col-lg-6 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="feature" value="Single Vision"
>
Single Vision
</label>
</div>
<div class="col-12 col-lg-6 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="feature" value="Bifocal"
>
Bifocal
</label>
</div>
<div class="col-12 col-lg-6 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="feature" value="Progressive"
>
Progressive
</label>
</div>
<div class="col-12 col-lg-6 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="feature" value="Spring Hinge"
>
Spring Hinge
</label>
</div>
<div class="col-12 col-lg-6 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="feature" value="Lightweight"
>
Lightweight
</label>
</div>
<div class="col-12 col-lg-6 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="feature" value="Adjustable Nose"
>
Adjustable Nose Pads
</label>
</div>
</div>
</div>
</li>
<!-- Feature -->
<!-- SIZE -->
<li class="position-relative col-12 col-lg-auto p-0 filter-item filter-item-size">
<div class="filter-menu">
<h3>Size</h3>
<span>
<a href="#" class="color-link d-lg-none select-text">
</a>
<i class="icon-arrow-down"></i>
</span>
</div>
<div class="filter-down filter-down-size pb-lg-5 pb-0">
<div class="row m-0 filter-size-options">
<div class="col-12 col-lg-auto pl-lg-0 mb-lg-0 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="size" value="s"
>
Small: 110-135 mm
</label>
</div>
<div class="col-12 col-lg-auto pl-lg-0 mb-lg-0 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="size" value="m"
>
Medium: 136-140 mm
</label>
</div>
<div class="col-12 col-lg-auto pl-lg-0 mb-lg-0 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="size" value="l"
>
Large: 141+ mm
</label>
</div>
<div class="col-12 col-lg-auto pl-lg-0 mb-lg-0 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1 custom-size" id="custom-size"
>
Custom
</label>
</div>
<div class="row w-100 pt-3 m-lg-0 ml-n2 mr-n2 custom-size-content" >
<div class="col-lg-6 col-12 pt-lg-3 pt-3 pb-3 d-flex align-items-center slider-wrap">
<span class="slider-icon pr-3">
<img src="https://res.glassesshop.com/statics/images/glass-icon-5.png" alt="">
</span>
<div class="slider-range pr-lg-5 pl-3 mr-lg-3 pr-3">
<div class="p-lg-3 pt-3 pb-5 ml-n2 ml-lg-3">Frame Width</div>
<div class="slider-base ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content" data-min="110" data-max="150" data-obj="frame-width"
data-value="">
<div class="ui-slider-range ui-corner-all ui-widget-header" style="left: 0%; width: 100%;"></div>
<span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 0%;"></span>
<span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 100%;"></span>
</div>
<div class="slider-value-bar overflow-hidden p-3 ml-3 text-center">
<span class="float-lg-left slider-value">110mm</span>
<span class="d-lg-none pl-2 pr-2">-</span>
<span class="float-lg-right slider-value">150mm</span>
</div>
</div>
</div>
<div class="col-lg-6 col-12 pt-lg-3 pt-3 pb-3 d-flex align-items-center slider-wrap">
<span class="slider-icon pr-3">
<img src="https://res.glassesshop.com/statics/images/glass-icon-6.png" alt="">
</span>
<div class="slider-range pr-lg-5 pl-3 mr-lg-3 pr-3">
<div class="p-lg-3 pt-3 pb-5 ml-n2 ml-lg-3">Lens Width</div>
<div class="slider-base ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content" data-min="40" data-max="70" data-obj="lens-width"
data-value="">
<div class="ui-slider-range ui-corner-all ui-widget-header" style="left: 0%; width: 100%;"></div>
<span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 0%;"></span>
<span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 100%;"></span>
</div>
<div class="slider-value-bar overflow-hidden p-3 ml-3 text-center">
<span class="float-lg-left slider-value">40mm</span>
<span class="d-lg-none pl-2 pr-2">-</span>
<span class="float-lg-right slider-value">70mm</span>
</div>
</div>
</div>
<div class="col-lg-6 col-12 pt-lg-3 pt-3 pb-3 d-flex align-items-center slider-wrap">
<span class="slider-icon pr-3">
<img src="https://res.glassesshop.com/statics/images/glass-icon-2.png" alt="">
</span>
<div class="slider-range pr-lg-5 pl-3 mr-lg-3 pr-3">
<div class="p-lg-3 pt-3 pb-5 ml-n2 ml-lg-3">Lens Height</div>
<div class="slider-base ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content" data-min="20" data-max="60" data-obj="lens-height"
data-value="">
<div class="ui-slider-range ui-corner-all ui-widget-header" style="left: 0%; width: 100%;"></div>
<span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 0%;"></span>
<span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 100%;"></span>
</div>
<div class="slider-value-bar overflow-hidden p-3 ml-3 text-center">
<span class="float-lg-left slider-value">20mm</span>
<span class="d-lg-none pl-2 pr-2">-</span>
<span class="float-lg-right slider-value">60mm</span>
</div>
</div>
</div>
<div class="col-lg-6 col-12 pt-lg-3 pt-3 pb-3 d-flex align-items-center slider-wrap">
<span class="slider-icon pr-3">
<img src="https://res.glassesshop.com/statics/images/glass-icon-3.png" alt="">
</span>
<div class="slider-range pr-lg-5 pl-3 mr-lg-3 pr-3">
<div class="p-lg-3 pt-3 pb-5 ml-n2 ml-lg-3">Bridge Width</div>
<div class="slider-base ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content" data-min="10" data-max="30" data-obj="bridge-width"
data-value="">
<div class="ui-slider-range ui-corner-all ui-widget-header" style="left: 0%; width: 100%;"></div>
<span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 0%;"></span>
<span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 100%;"></span>
</div>
<div class="slider-value-bar overflow-hidden p-3 ml-3 text-center">
<span class="float-lg-left slider-value">10mm</span>
<span class="d-lg-none pl-2 pr-2">-</span>
<span class="float-lg-right slider-value">30mm</span>
</div>
</div>
</div>
<div class="col-lg-6 col-12 pt-lg-3 pt-3 pb-3 d-flex align-items-center slider-wrap">
<span class="slider-icon pr-3">
<img src="https://res.glassesshop.com/statics/images/glass-icon-4.png" alt="">
</span>
<div class="slider-range pr-lg-5 pl-3 mr-lg-3 pr-3">
<div class="p-lg-3 pt-3 pb-5 ml-n2 ml-lg-3">Arm Length</div>
<div class="slider-base ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content" data-min="130" data-max="160" data-obj="arm-length"
data-value="">
<div class="ui-slider-range ui-corner-all ui-widget-header" style="left: 0%; width: 100%;"></div>
<span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 0%;"></span>
<span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 100%;"></span>
</div>
<div class="slider-value-bar overflow-hidden p-3 ml-3 text-center">
<span class="float-lg-left slider-value">130mm</span>
<span class="d-lg-none pl-2 pr-2">-</span>
<span class="float-lg-right slider-value">160mm</span>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-auto pl-lg-0 mb-lg-0 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1 accurate-size" id="accurate-size"
>
Accurate Size Lookup
</label>
</div>
<div class="row w-100 pt-3 m-lg-0 ml-n2 mr-n2 accurate-size-content" style="display: none;" >
<div class="col-12 mb-4">
<input type="number" name="lens-width2-mb" class="lens-width" placeholder="Lens Width"
value="">
</div>
<div class="col-12 mb-4">
<input type="number" name="bridge-width2-mb" class="bridge" placeholder="Bridge"
value="">
</div>
<div class="col-12 mb-4">
<input type="number" name="diagonal-mb" class="bridge" placeholder="Diagonal"
value="">
</div>
<div class="col-12 mb-4">
<a class="find-fit find-fit-mb" href="javascript:void(0);">
Find my fit
</a>
</div>
</div>
<div class="d-none pr-3">
<a href="#" class="color-link">Size Guide</a>
</div>
</div>
</div>
</li>
<!-- SIZE -->
<!-- shape -->
<li class="position-relative col-12 col-lg-auto p-0 filter-item filter-item-shape">
<div class="filter-menu">
<h3>Shape</h3>
<span>
<a href="#" class="color-link d-lg-none select-text">
</a>
<i class="icon-arrow-down"></i>
</span>
</div>
<div class="filter-down filter-down-shape">
<div class="row m-0">
<div class="col-12 col-lg-6 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="shape"
value="Rectangle"/>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<path fill-rule="evenodd" d="M99.993,31.858c5.9-.173,5.77,2.1,5.77,2.1s3.076,12.905,7.691,21.736,7.2,10.635,18.2,12.228c14.478,2.094,41.665.511,41.665,0.511l6.538-1.7c6.538-1.7,8.333-10.868,8.333-10.868S191.656,41.6,192.682,36.5s2.82-4.418,2.82-4.418h2.7a2.131,2.131,0,0,0,1.782-2.356V16.953a3.017,3.017,0,0,0-1.907-3.059c-11.938-3.061-35.143-4.733-35.143-4.733l-12.563-.17C137.812,8.82,119.351,11.708,113.2,13.4a61.58,61.58,0,0,1-10.384,2.039,41.316,41.316,0,0,0-5.641,0A61.57,61.57,0,0,1,86.79,13.4c-6.154-1.7-24.615-4.584-37.178-4.413l-12.563.168s-23.2,1.673-35.143,4.733A3.017,3.017,0,0,0,0,16.95V29.726A2.133,2.133,0,0,0,1.78,32.084H4.486s1.794-.677,2.82,4.416,4.487,19.362,4.487,19.362,1.795,9.168,8.333,10.868l6.538,1.7s27.187,1.587,41.665-.509c11.009-1.592,13.589-3.395,18.2-12.227s7.692-21.736,7.692-21.736S94.1,31.685,99.993,31.858Zm81.151,19.589c-1.988,6.476-5.9,7.3-5.9,7.3-7.628,2.228-26.877,4.089-44.614.17C119.5,56.461,107.057,24.992,118.967,21.05a71.347,71.347,0,0,1,22.563-3.91s15.127,0.171,20.384.171,18.716,0.682,21.921,6.625S183.439,43.968,181.144,51.447ZM16.152,23.934c3.2-5.945,16.666-6.623,21.922-6.623s20.384-.171,20.384-0.171a71.348,71.348,0,0,1,22.563,3.91c11.909,3.941-.534,35.411-11.667,37.868-17.737,3.916-36.986,2.058-44.613-.171,0,0-3.91-.828-5.9-7.3C16.549,43.968,12.947,29.881,16.152,23.934Z"/>
</svg>
</span>
<span>Rectangle</span>
</label>
</div>
<div class="col-12 col-lg-6 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="shape"
value="Round"/>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<path fill-rule="evenodd" d="M99.983,32.2c3.424-.117,7.653.766,8.127,3.388C109.1,39.54,118.824,78.159,151.7,76.971c26.847-.97,34.317-23.379,36.154-31.57a3.955,3.955,0,0,1,3.513-3.165L199.2,41.7a0.861,0.861,0,0,0,.77-0.879V31.063a1.309,1.309,0,0,0-.348-0.893,1.139,1.139,0,0,0-.837-0.355c-1.469.029-4.069,0.057-6.45-.029-3.571-.13-4.186-2.505-4.186-2.505C185.2,18.055,174.729,2.107,150.471,1.976s-34.11,18.716-36.327,21.088-4.679,1.846-8.5,0a12.893,12.893,0,0,0-5.665-.979,12.893,12.893,0,0,0-5.665.979c-3.817,1.846-6.28,2.373-8.5,0S73.754,1.844,49.5,1.976,14.77,18.055,11.815,27.281c0,0-.616,2.375-4.187,2.505-2.381.086-4.98,0.058-6.449,0.029a1.139,1.139,0,0,0-.837.355,1.306,1.306,0,0,0-.348.893v9.761a0.861,0.861,0,0,0,.771.879L8.6,42.236A3.953,3.953,0,0,1,12.11,45.4c1.837,8.191,9.308,30.6,36.154,31.57C81.142,78.159,90.871,39.54,91.856,35.585,92.33,32.963,96.559,32.081,99.983,32.2Zm80.9,9.583c-1.6,21.09-13.792,30.186-30.046,31.634s-38.3-19.374-32.632-41.518S147.146,8.7,147.146,8.7C174.483,6.853,181.871,28.864,180.886,41.78ZM52.82,8.7S76.094,9.752,81.759,31.9,65.381,74.863,49.126,73.414,20.68,62.87,19.08,41.78C18.095,28.864,25.483,6.853,52.82,8.7Zm141,28.34h-5.541V33.871h5.541v3.165ZM6.15,33.871h5.542v3.165H6.15V33.871Z"/>
</svg>
</span>
<span>Round</span>
</label>
</div>
<div class="col-12 col-lg-6 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="shape"
value="Aviator"/>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<path fill-rule="evenodd" d="M186.12,60.989c-5.971,13.126-34.3,16.379-50.948,5.628s-26.934-41.257-24.647-46.633c6.987-18.625,39.131-15.625,39.131-15.625s18.169-.127,29.349,5.622C193.273,17.32,192.091,47.862,186.12,60.989ZM20.955,9.981C32.135,4.231,50.3,4.358,50.3,4.358s32.144-3,39.131,15.625c2.287,5.376-8,35.882-24.648,46.633s-44.976,7.5-50.947-5.628S6.686,17.32,20.955,9.981Zm91.415-4.25a0.979,0.979,0,0,1,.86.509,0.946,0.946,0,0,1-.051.987c-1.49,2.176-4.214,6.217-5.548,8.6a2.03,2.03,0,0,1-1.773,1.032H94.1a2.033,2.033,0,0,1-1.774-1.032c-1.334-2.384-4.057-6.424-5.548-8.6a0.947,0.947,0,0,1-.052-0.987,0.977,0.977,0,0,1,.862-0.509h24.778ZM99.979,25.073a6.635,6.635,0,0,1,6.29,4.409c1.969,5.131,12.387,31.257,26.744,39.633s42.18,11.627,55.521-4.752c7.369-9.372,6.1-25.8,6.1-25.8l5.337-2.582V27.861l-5.718-2.876s-1.779-13.251-14.732-19.318C167.33-.039,141.271,1.106,141.271,1.106H58.688S32.629-.039,20.44,5.667C7.487,11.734,5.708,24.985,5.708,24.985l-5.717,2.876v8.124l5.336,2.582s-1.27,16.424,6.1,25.8c13.341,16.379,41.164,13.13,55.522,4.752s24.775-34.5,26.744-39.633A6.635,6.635,0,0,1,99.979,25.073Z"/>
</svg>
</span>
<span>Aviator</span>
</label>
</div>
<div class="col-12 col-lg-6 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="shape"
value="Cat Eye"/>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<path fill-rule="evenodd" d="M100,33.993c5.143,0.607,4.289,3.47,9.476,12.7,5.443,9.679,10.685,23.273,31.249,26.772s32.661-10.5,41.733-21.419,16.936-36.454,16.936-36.454l0.6-5.149c0.6-5.149-16.33-7.826-40.927-5.766s-47.176,15.654-47.176,15.654a28.381,28.381,0,0,1-11.9,2.4,28.382,28.382,0,0,1-11.895-2.4S65.524,6.733,40.928,4.673-0.6,5.29,0,10.439l0.605,5.15S8.468,41.127,17.541,52.043s21.169,24.92,41.733,21.419S85.08,56.368,90.523,46.689C95.711,37.463,94.857,34.6,100,33.993Zm80.039,10.02c-5.18,16.226-23.992,31.509-43.749,25.127s-26.613-31.514-25.6-37.486,13.771-17.431,38.91-21.009c24.6-3.5,29.435,4.736,29.435,4.736S186.086,25.06,180.038,44.013ZM20.969,15.381S25.807,7.142,50.4,10.643c25.139,3.58,37.9,15.037,38.91,21.011s-5.847,31.1-25.6,37.482S25.14,60.239,19.96,44.013C13.912,25.06,20.969,15.381,20.969,15.381Z"/>
</svg>
</span>
<span>Cat Eye</span>
</label>
</div>
<div class="col-12 col-lg-6 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="shape"
value="browline"/>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<path fill-rule="evenodd" d="M53.48,69.013a146.937,146.937,0,0,1-24.164-2.168C15.984,64.5,9.754,38.711,9.551,37.614l1.287-.233c0.047,0.26,6.266,26,18.708,28.191,13.5,2.375,29.267,2.87,35.143,1.1,5.8-1.743,12.582-4.682,18.028-15.32l1.167,0.584c-5.7,11.13-13.008,14.228-18.814,15.971C62.6,68.655,58.453,69.013,53.48,69.013ZM199.925,11.986s-8.7-3.484-31.52-2.947-36.541.135-45.5,3.76-12.85,7.113-12.85,7.113L100,20.169l-10.051-.257S86.062,16.421,77.1,12.8s-22.687-3.223-45.5-3.76S0.074,11.986.074,11.986-0.083,17.88.053,21.639c2.581,1.206,2.812,3.066,4.17,4.541s1.14,8.008,2.227,9.752,4.726,0.716,4.726.716c-0.056-14.808,2.093-16.2,6.71-20.224s22.682-3.89,46.179-2.416S86.34,27.7,86.747,32.262C87.08,35.993,84.783,43.841,82.969,49A1.617,1.617,0,0,0,85.5,50.792c2.459-1.9,3.266-5.732,4.645-9.144,1.9-4.706,2.037-6.567,1.493-8.044s-0.95-1.876-.543-4.024C91.438,27.759,98,26.557,100,26.228c2,0.329,8.561,1.53,8.907,3.352,0.407,2.147,0,2.55-.543,4.024s-0.408,3.338,1.494,8.044c1.378,3.412,2.184,7.242,4.644,9.144A1.616,1.616,0,0,0,117.029,49c-1.814-5.163-4.11-13.012-3.777-16.742,0.407-4.56-.815-16.776,22.682-18.254s41.56-1.607,46.179,2.416,6.765,5.417,6.71,20.224c0,0,3.639,1.028,4.726-.716s0.869-8.277,2.227-9.752,1.589-3.335,4.17-4.541C200.081,17.88,199.925,11.986,199.925,11.986ZM146.519,69.013a146.938,146.938,0,0,0,24.164-2.168c13.332-2.344,19.562-28.134,19.765-29.231l-1.288-.233c-0.047.26-6.265,26-18.707,28.191-13.5,2.375-29.268,2.87-35.144,1.1-5.8-1.743-12.582-4.682-18.027-15.32l-1.168.584c5.7,11.13,13.009,14.228,18.815,15.971C137.4,68.655,141.545,69.013,146.519,69.013Z"/>
</svg>
</span>
<span>Browline</span>
</label>
</div>
<div class="col-12 col-lg-6 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="shape"
value="Square"/>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<path fill-rule="evenodd" d="M99.973,25.478c2.01-.065,5.695,6.738,7.654,10.724,2.784,5.655-1.3,27.66,10.806,30.492S180.7,71.249,187.8,63.551s2.143-30.808,5.9-34.106,5.011-3.931,5.707-7.7A76.574,76.574,0,0,0,199.96,10.6s-39.307-3.616-69.647,0c0,0-21.055,4.454-30.34,4.3-9.286.151-30.34-4.3-30.34-4.3-30.34-3.616-69.648,0-69.648,0A76.591,76.591,0,0,0,.542,21.74c0.7,3.773,1.949,4.4,5.707,7.7s-1.2,26.4,5.9,34.106S69.4,69.523,81.512,66.694,89.534,41.857,92.318,36.2C94.278,32.216,97.964,25.413,99.973,25.478Zm80.806,35.246s-57.255,6.02-63.24-7.029c0,0-1.537-22.711-2.257-29.418-0.843-7.859,18.923-3.3,36.319-3.777s33.106-1.486,34.219,6.531C186.77,33.878,180.778,60.724,180.778,60.724ZM14.293,24.025c1.114-8.016,22.886-4,40.283-3.525s29.681-4.118,30.087,3.777c0.291,5.653,3.672,16.494-2.257,29.418-5.984,13.049-41.389,8.285-63.24,7.029C19.167,60.724,13.342,30.872,14.293,24.025Z"/>
</svg>
</span>
<span>Square</span>
</label>
</div>
<div class="col-12 col-lg-6 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="shape"
value="Oval"/>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<path fill-rule="evenodd" d="M34.337,67.856C55.566,72.2,79.92,63.553,89,50.193c0.163-.242,5.764-6.053,5.764-6.053,0.015-.017.029-0.031,0.044-0.045a7.366,7.366,0,0,1,10.382,0,0.565,0.565,0,0,1,.044.045s5.6,5.811,5.764,6.053c9.081,13.359,33.435,22.01,54.664,17.662,20.051-4.1,35.016-26.145,34.313-39.378C199.13,12.6,176.471,6.36,147.548,10c-16.621,2.094-29.01,8.644-35.335,16.777a21.381,21.381,0,0,1-4.9,4.6,11.9,11.9,0,0,1-4.45,1.869H97.136a11.894,11.894,0,0,1-4.45-1.869,21.388,21.388,0,0,1-4.9-4.6C81.46,18.647,69.072,12.1,52.45,10,23.527,6.36.868,12.6,0.024,28.478-0.679,41.711,14.286,63.752,34.337,67.856Zm115.1-52.543C168.379,13.8,184.255,19.47,185.4,34.644s-13.283,28.7-32.226,30.215S117.947,55.3,116.8,40.126,130.494,16.826,149.437,15.312ZM14.6,34.644C15.743,19.47,31.619,13.8,50.562,15.312S84.339,24.952,83.2,40.126,65.768,66.375,46.826,64.859,13.455,49.815,14.6,34.644Z"/>
</svg>
</span>
<span>Oval</span>
</label>
</div>
<div class="col-12 col-lg-6 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="shape"
value="polygon"/>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<path fill-rule="evenodd" d="M5.389,30.776l-4.09-.4a1.176,1.176,0,0,1-1.3-.98V27.443a0.873,0.873,0,0,1,.965-0.73H6.6c0.718,0-.741.44-0.741,0.98v1.7C5.86,29.931,6.107,30.776,5.389,30.776Zm189.22,0,4.09-.4a1.176,1.176,0,0,0,1.3-.98V27.443a0.873,0.873,0,0,0-.965-0.73H193.4c-0.718,0,.741.44,0.741,0.98v1.7C194.138,29.931,193.892,30.776,194.609,30.776ZM56.273,74h-22.1a10.459,10.459,0,0,1-6.805-2.478L13.737,59.841A9.348,9.348,0,0,1,10.7,54.976L5.078,32.205a8.994,8.994,0,0,1,.8-6.39l4.911-9.226a9.709,9.709,0,0,1,3.778-3.861L27.407,5.382a10.579,10.579,0,0,1,5.256-1.388H61.916a10.372,10.372,0,0,1,7.143,2.78L84.888,21.644a9.142,9.142,0,0,1,2.81,8.333l-4.267,23.1a9.385,9.385,0,0,1-3.607,5.761L62.617,71.89A10.543,10.543,0,0,1,56.273,74ZM18.731,16.844a6.98,6.98,0,0,0-2.716,2.773l-4.415,8.3a6.472,6.472,0,0,0-.578,4.6l5.056,20.464a6.752,6.752,0,0,0,2.181,3.5L30.51,66.963A7.5,7.5,0,0,0,35.4,68.745H55.266a7.58,7.58,0,0,0,4.562-1.513L75.292,55.5a6.73,6.73,0,0,0,2.594-4.14L81.722,30.6a6.57,6.57,0,0,0-2.02-5.989L65.474,11.241a7.466,7.466,0,0,0-5.135-2H34.047a7.622,7.622,0,0,0-3.779,1ZM165.825,74h-22.1a10.538,10.538,0,0,1-6.344-2.106L120.176,58.84a9.384,9.384,0,0,1-3.607-5.761l-4.268-23.1a9.141,9.141,0,0,1,2.81-8.333L130.94,6.773a10.371,10.371,0,0,1,7.143-2.78h29.252a10.57,10.57,0,0,1,5.255,1.388l12.837,7.346a9.734,9.734,0,0,1,3.778,3.861l4.911,9.226a9,9,0,0,1,.8,6.39L189.3,54.976a9.355,9.355,0,0,1-3.033,4.865L172.631,71.518A10.463,10.463,0,0,1,165.825,74ZM139.66,9.241a7.462,7.462,0,0,0-5.135,2L120.3,24.607a6.569,6.569,0,0,0-2.021,5.989l3.836,20.766a6.737,6.737,0,0,0,2.594,4.14l15.465,11.73a7.573,7.573,0,0,0,4.561,1.513H164.6a7.5,7.5,0,0,0,4.892-1.782l12.251-10.489a6.744,6.744,0,0,0,2.182-3.5l5.056-20.464a6.473,6.473,0,0,0-.578-4.6l-4.415-8.3a6.97,6.97,0,0,0-2.716-2.773l-11.537-6.608a7.624,7.624,0,0,0-3.779-1H139.66ZM87.026,31.828l-0.882-6.472c3.741-1.707,8.119-2.5,13.779-2.5h0.153c5.66,0,10.038.8,13.778,2.5l-0.882,6.472c-3.456-1.576-7.553-2.31-12.9-2.31H99.923C94.58,29.518,90.483,30.252,87.026,31.828Z"/>
</svg>
</span>
<span>Polygon</span>
</label>
</div>
<div class="col-12 col-lg-6 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="shape"
value="horn"/>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<path fill-rule="evenodd" d="M198.7,6.461c-9.562-1.647-27.121-2.469-45.939-2.469-17.475,0-36.762,9.286-40.9,11.389a0.575,0.575,0,0,1-.811-0.567V14.39a0.741,0.741,0,0,0-.708-0.769H89.657a0.74,0.74,0,0,0-.708.769v0.423a0.575,0.575,0,0,1-.81.567C84,13.278,64.712,3.992,47.236,3.992c-18.818,0-36.377.823-45.939,2.469A1.647,1.647,0,0,0,0,8.125V19.658a2.014,2.014,0,0,0,.738,1.568c1.385,1.126,4.441,4.6,6.721,14.458,2.382,10.3,6.129,20.917,12.988,28.705,7.561,8.585,16.486,9.6,26.831,9.6h10.6c19.823,0,33.011-19.959,33.011-40.065,0-3.011.967-9.027,9.116-9.027s9.117,6.017,9.117,9.027c0,20.106,13.187,40.065,33.011,40.065h10.6c10.346,0,19.27-1.02,26.832-9.6,6.858-7.789,10.6-18.4,12.988-28.705,2.279-9.853,5.335-13.332,6.72-14.458A2.012,2.012,0,0,0,200,19.658V8.125A1.647,1.647,0,0,0,198.7,6.461ZM69.186,65.926c-9.655,5.138-21.975,5.49-32.205,2.716A32.477,32.477,0,0,1,18.029,54.709C13,46.788,11.667,36.544,11.786,27.1c0.1-8.207,6.047-12.838,12.69-14.987a46.4,46.4,0,0,1,8.42-1.837,105.555,105.555,0,0,1,27.65.147c7.839,1.109,16.1,3.84,21.3,10.729a21.174,21.174,0,0,1,3.88,12.181C86.218,46.6,80.371,59.976,69.186,65.926ZM181.968,54.709a32.476,32.476,0,0,1-18.951,13.934c-10.231,2.774-22.551,2.421-32.207-2.716-11.183-5.95-17.031-19.328-16.539-32.59a21.182,21.182,0,0,1,3.88-12.181c5.2-6.889,13.461-9.62,21.3-10.729a105.559,105.559,0,0,1,27.65-.147,46.373,46.373,0,0,1,8.419,1.837c6.645,2.149,12.587,6.781,12.69,14.987C188.33,36.544,187,46.788,181.968,54.709Z"/>
</svg>
</span>
<span>Horn</span>
</label>
</div>
</div>
</div>
</li>
<!-- shape -->
<!-- Frame -->
<li class="position-relative col-12 col-lg-auto p-0 filter-item filter-item-frame">
<div class="filter-menu">
<h3>Frame</h3>
<span>
<a href="#" class="color-link d-lg-none select-text">
</a>
<i class="icon-arrow-down"></i>
</span>
</div>
<div class="filter-down filter-down-shape">
<div class="row m-0">
<div class="col-12 col-lg-6 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="frame" value="Full"
>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<path fill-rule="evenodd" d="M198.994,20.98l-6.057-3.342a79.015,79.015,0,0,1-6.815-4.257C173.028,4.3,165.422,2,155.2,2c-11.012,0-19.666,1.254-31.012,9.661-1.932,1.434-3.5,3.576-5.489,5.052a4.6,4.6,0,0,1-4.957.331C107.7,13.7,99.882,13.522,99.882,13.522s-7.818.182-13.857,3.518a4.6,4.6,0,0,1-4.957-.331c-1.984-1.475-3.556-3.617-5.489-5.052C64.233,3.25,55.579,2,44.567,2,34.341,2,26.736,4.3,13.641,13.381a79.152,79.152,0,0,1-6.814,4.257L0.769,20.98A3.438,3.438,0,0,0-.443,25.863L1.8,29.306a76.773,76.773,0,0,1,8.47,17.846c3.5,10.578,12.966,28.212,37.177,28.212,18.063,0,28.316-9.61,33.989-18.787a49.545,49.545,0,0,0,7.015-21.616l0.729-8.049c0.1-1.083-.043,1.188-0.383.2a3.774,3.774,0,0,1,.9-3.78c1.578-1.659,4.61-3.587,10.182-3.587s8.6,1.928,10.182,3.587c0.955,1.006,1.353-.865.9,0.445a7.531,7.531,0,0,0-.383,3.138l0.729,8.049a49.539,49.539,0,0,0,7.015,21.616c5.673,9.176,15.925,18.787,33.989,18.787,24.211,0,33.676-17.633,37.177-28.212a76.766,76.766,0,0,1,8.47-17.846l2.243-3.443A3.438,3.438,0,0,0,198.994,20.98ZM80.881,46.785C77.512,61.529,64.034,71.708,45,71.708c-26.87,0-32.841-28.133-32.965-38.341-0.106-8.7,4.751-21.17,22.18-24.676,1.409-.288,20.838-3.48,34.165,3.314C80.4,18.135,83.894,33.6,80.881,46.785Zm73.881,24.923c-19.033,0-32.51-10.179-35.88-24.923-3.012-13.183.482-28.65,12.5-34.78,13.326-6.795,32.755-3.6,34.165-3.314,17.429,3.506,22.286,15.981,22.18,24.676C187.6,43.576,181.631,71.708,154.762,71.708Z"/>
</svg>
</span>
<span>Full</span>
</label>
</div>
<div class="col-12 col-lg-6 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="frame" value="Semi-Rimless"
>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<g data-name="icon">
<path fill="none" stroke="#000" stroke-width="5px" stroke-dasharray="20 10" fill-rule="evenodd" d="M194.427,33.2s-5.359,40.834-40.353,42.885c0,0-41.127-1.614-40.353-42.885"/>
<path fill="none" stroke="#000" stroke-width="5px" stroke-dasharray="20 10" fill-rule="evenodd" d="M88.043,33.2s-5.36,40.834-40.353,42.885c0,0-41.627-1.114-42.352-42.885"/>
<path fill-rule="evenodd" d="M2.665,31h9s0.25-25.742,33.99-24c0,0,33.24-1.742,35.989,24h7s-0.25-6.992,1-8c0,0,1.749-4.242,11-4,0,0,9.5,1.258,10,5v7h8s0-19.992,23.993-23c0,0,11-3.742,25.992,1,0,0,17.5,5.258,18.994,22h8l4-4a4.184,4.184,0,0,0-.8-5.859c-0.065-.049-0.13-0.1-0.2-0.141l-10-6s-18-15.492-34.989-13c0,0-21.244-1.492-32.99,13,0,0-3.749,6.008-9,1,0,0-12.747-4.992-22.993,0,0,0-2.74,2.251-5,2-2.239-.249-4-3-4-3S65.646,2.25,50.65,2c0,0-20.494-3-38.988,13l-6,3-5,3S-3,21.667,2.665,31Z"/>
</g>
</svg>
</span>
<span>Semi-Rimless</span>
</label>
</div>
<div class="col-12 col-lg-6 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="frame" value="Rimless"
>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<g data-name="icon">
<path fill-rule="evenodd" d="M3,31h9s-1.5-4.917,1-8L6,19,0,22s-0.75,3.333,1,4A51.307,51.307,0,0,0,3,31Z"/>
<path fill-rule="evenodd" d="M196.881,31h-8.893s1.482-6.917-.988-10l4-6,8.846,7s0.741,3.333-.989,4A51.676,51.676,0,0,1,196.881,31Z"/>
<path fill-rule="evenodd" d="M119,31h-7V23s-7.25-4.417-12-4c0,0-8-.667-11,5v7H83s-1.75-9.667-4-10l4-3a11.767,11.767,0,0,0,5-1,26.542,26.542,0,0,1,26,0s3.07-.116,4,1c1.45,1.74,1,5,1,5v8Z"/>
<path fill="none" stroke="#000" stroke-width="5px" stroke-dasharray="20 10" fill-rule="evenodd" d="M194.427,33.606s-5.359,40.834-40.353,42.887c0,0-41.126-1.616-40.353-42.887"/>
<path fill="none" stroke="#000" stroke-width="5px" stroke-dasharray="20 10" fill-rule="evenodd" d="M88.043,33.2s-5.36,40.834-40.353,42.885c0,0-41.627-1.114-42.352-42.885"/>
<path fill="none" stroke="#000" stroke-width="5px" stroke-dasharray="20 10" fill-rule="evenodd" d="M80.705,17.8S46.915-11.768,11,21.464"/>
<path fill="none" stroke="#000" stroke-width="5px" stroke-dasharray="20 10" fill-rule="evenodd" d="M187.091,19.8S154.244-11.566,120,20"/>
</g>
</svg>
</span>
<span>Rimless</span>
</label>
</div>
</div>
</div>
</li>
<!-- Frame -->
<li class="position-relative col-12 filter-item filter-item-prescription d-none">
<div class="row p-b">
<div class="col-12 p-a">
<label class="m-0">
<input class="form-checkbox mt-n1" type="checkbox">
Eligible for your prescription
</label>
</div>
<div class="col-12 p-a pt-0">
<input type="text" class="form-control font-14 font-weight-bold" aria-label="Large" placeholder="My RX">
</div>
<div class="col-12 p-a pt-0">
<button type="button" class="btn font-16 font-weight-bold w-100">
Enter New Prescription
</button>
</div>
</div>
</li>
<li class="position-relative col-12 d-lg-none filter-item filter-item-prescription">
<div class="row pb-5 filter-submit fixed align-items-center">
<div class="pt-5 col-4 p-0 text-center">
<div class="product-filter-num">
193
</div>
<div>
Products
</div>
</div>
<div class="d-flex col-8 pl-0">
<div class="col-6 pl-0 pr-2 pt-5">
<button type="button" class="font-14 btn btn-transparent font-weight-bold w-100 js-filter-mb-clear">
Clear All
</button>
</div>
<div class="col-6 pl-2 pr-0 pt-5">
<button type="button" class="font-14 btn font-weight-bold w-100 js-filter-apply">
Apply Filters
</button>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- 移动端filter -->
<!-- filters -->
<!-- grid切换 -->
<div class="grid_switch d-lg-none mt-2 mb-3">
<div class="row">
<div class="col-12 list-grid-content">
<div class="list-grid">
<div class="d-flex">
<div class="categories-sort font-15">
<a href="javascript:void(0);"
class="sort-by-mobile navbar-toggler collapsed font-15 p-0"
data-toggle="collapse" data-target="#SortBy" aria-controls="SortBy"
aria-expanded="false" style="color: #3EA0C0 !important">
<!-- Popularity -->
Sort
</a>
<div class="collapse mobile-collapse filter-item-sort" id="SortBy">
<div class="row filter-content">
<div class="col-12">
<a href="javascript:void(0);"
class="sort-item d-block active "
data-val="Popularity" data-toggle="collapse"
data-target="#SortBy">Popularity</a>
</div>
<div class="col-12">
<a href="javascript:void(0);"
class="sort-item d-block "
data-val="isNew" data-toggle="collapse" data-target="#SortBy">New
Arrivals</a>
</div>
<div class="col-12">
<a href="javascript:void(0);"
class="sort-item d-block "
data-val="pd" data-toggle="collapse" data-target="#SortBy">Price:
High to Low</a>
</div>
<div class="col-12">
<a href="javascript:void(0);"
class="sort-item d-block "
data-val="pa" data-toggle="collapse" data-target="#SortBy">Price:
Low
to High</a>
</div>
</div>
</div>
</div>
<div class="categories-filter font-15">
<a href="javascript:void(0);"
class="navbar-toggler collapsed font-15 p-0 navbar-toggler-filter"
data-toggle="collapse" data-target="#Filters-mb" aria-controls="Filters-mb"
aria-expanded="true"
>
Filter
</a>
</div>
</div>
<div>
<span data-column="1" data-event-cate="Category" data-event-name="Product Actions"
data-event-label="Show 2 Products"
class="grid JS_grid_switch first pr-3 grid-current">
<i class="fa fa-align-justify font-18" aria-hidden="true"></i>
</span>
<span data-column="2" data-event-cate="Category" data-event-name="Product Actions"
data-event-label="Show 1 Products"
class="grid JS_grid_switch grid-other ml-3 grid-other">
<i class="fa fa-th-large font-18" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- grid切换 end -->
<!-- product -->
<div class="row m-0">
<div class="col-12 sort-by d-none d-lg-block">
Sort by
<div class="d-inline-block position-relative ml-4">
<div class="filter-select-sort" tabindex="0">
<div class="filter-sort-text"> Popularity
</span></span></div>
<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
xmlns:xlink="http://www.w3.org/1999/xlink"
style="position: absolute;top: 50%;right: 10px;transform: translate(0,-50%);">
<path d="M512 704c8.288 0 15.776-3.232 21.456-8.4l0.064 0.08 352-320-0.08-0.08c6.448-5.856 10.56-14.208 10.56-23.6a32 32 0 0 0-32-32c-8.288 0-15.76 3.232-21.456 8.4l-0.08-0.08L512 628.752 181.536 328.32l-0.08 0.08A31.776 31.776 0 0 0 160 320a32 32 0 0 0-32 32c0 9.376 4.112 17.744 10.544 23.6l-0.08 0.08 352 320 0.08-0.08c5.68 5.168 13.168 8.4 21.456 8.4z"
p-id="2099"></path>
</svg>
</div>
<input type="hidden" id="list-sort" name="sort"
value=""/>
<div class="filter-sort-down filter-down-sort filter-item-sort">
<div class="row">
<div class="col-12">
<a href="javascript:void(0);"
class="sort-item d-block text-decoration-none"
data-val="Popularity">Popularity</a>
</div>
<div class="col-12">
<a href="javascript:void(0);"
class="sort-item d-block text-decoration-none"
data-val="isNew">New Arrivals</a>
</div>
<div class="col-12">
<a href="javascript:void(0);"
class="sort-item d-block text-decoration-none"
data-val="pd">Price: High to Low</a>
</div>
<div class="col-12">
<a href="javascript:void(0);"
class="sort-item d-block text-decoration-none"
data-val="pa">Price: Low to High</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="left-filters d-none d-lg-block">
<!-- filters start -->
<div class="sticky-top">
<div class="collapse mobile-collapse d-lg-block" id="Filters">
<div class="col-12">
<ul class="filter-wrap">
<!-- GENDER -->
<li class="position-relative col-12 col-lg-auto p-0 filter-item active filter-item-gender">
<div class="filter-menu">
<h3>Gender</h3>
<span>
<a href="#" class="color-link d-lg-none">
</a>
<svg class="arrow img-fluid" viewBox="0 0 13 4" fill="none"
xmlns="http://www.w3.org/2000/svg"
style="position: absolute;right: 15px;top: 50%;width: 12px;transform: translate(0,-50%);">
<path d="M12.94 0.699999V3.58H0.61V0.699999H12.94Z" fill="#888888"/>
</svg>
</span>
</div>
<div class="filter-down filter-down-gender">
<div class="row m-0">
<div class="col-6 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="gender"
value="Unisex" />
Unisex
</label>
</div>
<div class="col-6 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="gender"
value="Men"/>
Men
</label>
</div>
<div class="col-6 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="gender"
value="Women"/>
Women
</label>
</div>
<div class="col-6 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="gender"
value="Kids"/>
Kids
</label>
</div>
</div>
</div>
</li>
<!-- GENDER -->
<!-- price -->
<li class="position-relative col-12 col-lg-auto p-0 filter-item active filter-item-price">
<div class="filter-menu">
<h3>Price</h3>
<span>
<a href="#" class="color-link d-lg-none">
</a>
<svg class="arrow img-fluid" viewBox="0 0 13 4" fill="none"
xmlns="http://www.w3.org/2000/svg"
style="position: absolute;right: 15px;top: 50%;width: 12px;transform: translate(0,-50%);">
<path d="M12.94 0.699999V3.58H0.61V0.699999H12.94Z" fill="#888888"/>
</svg>
</span>
</div>
<div class="filter-down filter-down-price">
<div class="row m-0">
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="price"
value="low"/>
$ 0-9.99
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="price"
value="cheap"/>
$ 10-19.99
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="price"
value="middle"/>
$ 20-29.99
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="price"
value="high"/>
$ 30-39.99
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="price"
value="expensive"/>
$ ≥ 40
</label>
</div>
</div>
</div>
</li>
<!-- price -->
<!-- Material -->
<li class="position-relative col-12 col-lg-auto p-0 filter-item active filter-item-material">
<div class="filter-menu">
<h3>Material</h3>
<span>
<a href="#" class="color-link d-lg-none">
</a>
<svg class="arrow img-fluid" viewBox="0 0 13 4" fill="none"
xmlns="http://www.w3.org/2000/svg"
style="position: absolute;right: 15px;top: 50%;width: 12px;transform: translate(0,-50%);">
<path d="M12.94 0.699999V3.58H0.61V0.699999H12.94Z" fill="#888888"/>
</svg>
</span>
</div>
<div class="filter-down filter-down-material">
<div class="row m-0">
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="material"
value="Metal"/>
Metal
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="material"
value="Titanium"/>
Titanium
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="material"
value="Ultem"/>
Ultem
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="material"
value="TR90"/>
TR90
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="material"
value="Plastic"/>
Plastic
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="material"
value="Acetate"/>
Acetate
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="material"
value="Silica-gel"/>
Silica-gel
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="material"
value="Stainless Steel"/>
Stainless Steel
</label>
</div>
</div>
</div>
</li>
<!-- Material -->
<!-- Color -->
<li class="position-relative col-12 col-lg-auto p-0 filter-item active filter-item-color">
<div class="filter-menu">
<h3>Color</h3>
<span>
<a href="#" class="color-link d-lg-none">
</a>
<svg class="arrow img-fluid" viewBox="0 0 13 4" fill="none"
xmlns="http://www.w3.org/2000/svg"
style="position: absolute;right: 15px;top: 50%;width: 12px;transform: translate(0,-50%);">
<path d="M12.94 0.699999V3.58H0.61V0.699999H12.94Z" fill="#888888"/>
</svg>
</span>
</div>
<div class="filter-down filter-down-color">
<div class="row product-colors m-0 justify-content-start">
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Black"/>
<span class="product-color m-0 "
title="Black">
<i class="color color-black"></i>
</span>
<!-- <span class="pl-3">Black</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Blue"/>
<span class="product-color m-0"
title="Blue">
<i class="color color-blue"></i>
</span>
<!-- <span class="pl-3">Blue</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Brown"/>
<span class="product-color m-0"
title="Brown">
<i class="color color-brown"></i>
</span>
<!-- <span class="pl-3">Brown</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Burgundy"/>
<span class="product-color m-0"
title="Burgundy">
<i class="color color-burgundy"></i>
</span>
<!-- <span class="pl-3">Burgundy</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4 pr-0">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Champagne"/>
<span class="product-color m-0"
title="Champagne">
<i class="color color-champagne"></i>
</span>
<!-- <span class="pl-3">Champagne</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Chocolate"/>
<span class="product-color m-0"
title="Chocolate">
<i class="color color-chocolate"></i>
</span>
<!-- <span class="pl-3">Chocolate</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Crystal"/>
<span class="product-color m-0"
title="Crystal">
<i class="color color-crystal"></i>
</span>
<!-- <span class="pl-3">Crystal</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Cyan"/>
<span class="product-color m-0"
title="Cyan">
<i class="color color-cyan-tortoise"></i>
</span>
<!-- <span class="pl-3">Cyan</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Floral"/>
<span class="product-color m-0"
title="Floral">
<i class="color color-floral"></i>
</span>
<!-- <span class="pl-3">Floral</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Golden"/>
<span class="product-color m-0"
title="Golden">
<i class="color color-golden"></i>
</span>
<!-- <span class="pl-3">Golden</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Gray"/>
<span class="product-color m-0 "
title="Gray">
<i class="color color-gray"></i>
</span>
<!-- <span class="pl-3">Gray</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Green"/>
<span class="product-color m-0"
title="Green">
<i class="color color-green"></i>
</span>
<!-- <span class="pl-3">Green</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Gunmetal"/>
<span class="product-color m-0"
title="Gunmetal">
<i class="color color-gunmetal"></i>
</span>
<!-- <span class="pl-3">Gunmetal</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Lavender"/>
<span class="product-color m-0"
title="Lavender">
<i class="color color-lavender"></i>
</span>
<!-- <span class="pl-3">Lavender</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Multicolor"/>
<span class="product-color m-0"
title="Multicolor">
<i class="color color-multicolor"></i>
</span>
<!-- <span class="pl-3">Multicolor</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Orange"/>
<span class="product-color m-0"
title="Orange">
<i class="color color-orange"></i>
</span>
<!-- <span class="pl-3">Orange</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Pink"/>
<span class="product-color m-0"
title="Pink">
<i class="color color-pink"></i>
</span>
<!-- <span class="pl-3">Pink</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Purple"/>
<span class="product-color m-0"
title="Purple">
<i class="color color-purple"></i>
</span>
<!-- <span class="pl-3">Purple</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Red"/>
<span class="product-color m-0"
title="Red">
<i class="color color-red"></i>
</span>
<!-- <span class="pl-3">Red</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Rose"/>
<span class="product-color m-0"
title="Rose">
<i class="color color-rose"></i>
</span>
<!-- <span class="pl-3">Rose</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Rose Gold"/>
<span class="product-color m-0"
title="Rose Gold">
<i class="color color-rose-gold"></i>
</span>
<!-- <span class="pl-3">Rose Gold</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Silver"/>
<span class="product-color m-0"
title="Silver">
<i class="color color-silver"></i>
</span>
<!-- <span class="pl-3">Silver</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Tortoise"/>
<span class="product-color m-0"
title="Tortoise">
<i class="color color-tortoise"></i>
</span>
<!-- <span class="pl-3">Tortoise</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="White"/>
<span class="product-color m-0"
title="White">
<i class="color color-white"></i>
</span>
<!-- <span class="pl-3">White</span> -->
</label>
</div>
<div class="filter-colors mb-lg-3 mb-4">
<label class="d-flex align-items-center justify-content-center ">
<input type="checkbox" class="form-checkbox mr-3 d-none" name="color"
value="Yellow"/>
<span class="product-color m-0"
title="Yellow">
<i class="color color-yellow"></i>
</span>
<!-- <span class="pl-3">Yellow</span> -->
</label>
</div>
</div>
</div>
</li>
<!-- COLOR -->
<!-- Feature -->
<li class="position-relative col-12 col-lg-auto p-0 filter-item active filter-item-feature">
<div class="filter-menu">
<h3>Feature</h3>
<span>
<a href="#" class="color-link d-lg-none">
</a>
<svg class="arrow img-fluid" viewBox="0 0 13 4" fill="none"
xmlns="http://www.w3.org/2000/svg"
style="position: absolute;right: 15px;top: 50%;width: 12px;transform: translate(0,-50%);">
<path d="M12.94 0.699999V3.58H0.61V0.699999H12.94Z" fill="#888888"/>
</svg>
</span>
</div>
<div class="filter-down filter-down-feature">
<div class="row m-0">
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="feature"
value="Single Vision"/>
Single Vision
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="feature"
value="Bifocal"/>
Bifocal
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="feature"
value="Progressive"/>
Progressive
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="feature"
value="Spring Hinge"/>
Spring Hinge
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="feature"
value="Lightweight"/>
Lightweight
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="feature"
value="Adjustable Nose"/>
Adjustable Nose
</label>
</div>
</div>
</div>
</li>
<!-- Feature -->
<!-- SIZE -->
<li class="position-relative col-12 col-lg-auto p-0 filter-item active filter-item-size">
<div class="filter-menu">
<h3>Size</h3>
<span>
<a href="#" class="color-link d-lg-none">
</a>
<svg class="arrow img-fluid" viewBox="0 0 13 4" fill="none"
xmlns="http://www.w3.org/2000/svg"
style="position: absolute;right: 15px;top: 50%;width: 12px;transform: translate(0,-50%);">
<path d="M12.94 0.699999V3.58H0.61V0.699999H12.94Z" fill="#888888"/>
</svg>
</span>
</div>
<div class="filter-down filter-down-size">
<div class="row m-0 filter-size-options">
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="size"
value="s"/>
Small: 110-135 mm
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="size"
value="m"/>
Medium: 136-140 mm
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1" name="size"
value="l"/>
Large: 141+ mm
</label>
</div>
<div class="col-12 mb-lg-3 mb-4">
<label>
<input type="checkbox" class="form-checkbox mt-n1 custom-size"
id="custom-size"/>
Custom
</label>
</div>
<div class="d-none pr-3">
<a href="#" class="color-link">Size Guide</a>
</div>
</div>
<div class="row pt-3 m-lg-0 ml-n2 mr-n2 custom-size-content"
>
<div class="col-12 pt-lg-3 pt-3 pb-3 d-flex align-items-center justify-content-center slider-wrap">
<span class="slider-icon pr-3">
<img src="https://res.glassesshop.com/statics/images/glass-icon-5.png"
alt="">
</span>
<div class="slider-range pl-3 pr-3">
<div class="p-lg-3 pt-3 pb-5 ml-n2 ml-lg-3">Frame Width</div>
<div class="slider-base" data-min="110" data-max='150' data-obj="frame-width"
data-value=""></div>
<div class="slider-value-bar overflow-hidden p-3 ml-3 text-center">
<span class="float-lg-left slider-value">110mm</span>
<span class="d-lg-none pl-2 pr-2">-</span>
<span class="float-lg-right slider-value">150mm</span>
</div>
</div>
</div>
<div class="col-12 pt-lg-3 pt-3 pb-3 d-flex align-items-center justify-content-center slider-wrap">
<span class="slider-icon pr-3">
<img src="https://res.glassesshop.com/statics/images/glass-icon-6.png" alt="">
</span>
<div class="slider-range pl-3 pr-3">
<div class="p-lg-3 pt-3 pb-5 ml-n2 ml-lg-3">Lens Width</div>
<div class="slider-base" data-min="40" data-max='70' data-obj="lens-width"
data-value=""></div>
<div class="slider-value-bar overflow-hidden p-3 ml-3 text-center">
<span class="float-lg-left slider-value">30mm</span>
<span class="d-lg-none pl-2 pr-2">-</span>
<span class="float-lg-right slider-value">100mm</span>
</div>
</div>
</div>
<div class="col-12 pt-lg-3 pt-3 pb-3 d-flex align-items-center justify-content-center slider-wrap">
<span class="slider-icon pr-3">
<img src="https://res.glassesshop.com/statics/images/glass-icon-2.png"
alt="">
</span>
<div class="slider-range pl-3 pr-3">
<div class="p-lg-3 pt-3 pb-5 ml-n2 ml-lg-3">Lens Height</div>
<div class="slider-base" data-min="10" data-max='60' data-obj="lens-height"
data-value=""></div>
<div class="slider-value-bar overflow-hidden p-3 ml-3 text-center">
<span class="float-lg-left slider-value">10mm</span>
<span class="d-lg-none pl-2 pr-2">-</span>
<span class="float-lg-right slider-value">60mm</span>
</div>
</div>
</div>
<div class="col-12 pt-lg-3 pt-3 pb-3 d-flex align-items-center justify-content-center slider-wrap">
<span class="slider-icon pr-3">
<img src="https://res.glassesshop.com/statics/images/glass-icon-3.png" alt="">
</span>
<div class="slider-range pl-3 pr-3">
<div class="p-lg-3 pt-3 pb-5 ml-n2 ml-lg-3">Bridge Width</div>
<div class="slider-base" data-min="10" data-max='30' data-obj="bridge-width"
data-value=""></div>
<div class="slider-value-bar overflow-hidden p-3 ml-3 text-center">
<span class="float-lg-left slider-value">10mm</span>
<span class="d-lg-none pl-2 pr-2">-</span>
<span class="float-lg-right slider-value">30mm</span>
</div>
</div>
</div>
<div class="col-12 pt-lg-3 pt-3 pb-3 d-flex align-items-center justify-content-center slider-wrap">
<span class="slider-icon pr-3">
<img src="https://res.glassesshop.com/statics/images/glass-icon-4.png"
alt="">
</span>
<div class="slider-range pl-3 pr-3">
<div class="p-lg-3 pt-3 pb-5 ml-n2 ml-lg-3">Arm Length</div>
<div class="slider-base" data-min="120" data-max='160' data-obj="arm-length"
data-value=""></div>
<div class="slider-value-bar overflow-hidden p-3 ml-3 text-center">
<span class="float-lg-left slider-value">120mm</span>
<span class="d-lg-none pl-2 pr-2">-</span>
<span class="float-lg-right slider-value">160mm</span>
</div>
</div>
</div>
</div>
</div>
</li>
<!-- SIZE -->
<!-- Find my fit -->
<li class="position-relative col-12 col-lg-auto p-0 filter-item filter-item-frame ">
<div class="filter-menu">
<h3>Accurate Size Lookup</h3>
<span>
<a href="#" class="color-link d-lg-none">
</a>
<svg class="arrow img-fluid" viewBox="0 0 13 4" fill="none"
xmlns="http://www.w3.org/2000/svg"
style="position: absolute;right: 15px;top: 50%;width: 12px;transform: translate(0,-50%);">
<path d="M12.94 0.699999V3.58H0.61V0.699999H12.94Z" fill="#888888"/>
</svg>
</span>
</div>
<div class="filter-down filter-down-shape"
>
<div class="row m-0">
<div class="col-12 mb-4">
<input type="number" name="lens-width2-pc" class="lens-width" placeholder="Lens Width"
value="">
</div>
<div class="col-12 mb-4">
<input type="number" name="bridge-width2-pc" class="bridge" placeholder="Bridge"
value="">
</div>
<div class="col-12 mb-4">
<input type="number" name="diagonal-pc" class="bridge" placeholder="Diagonal"
value="">
</div>
<div class="col-12 mb-4">
<a class="find-fit find-fit-pc" href="javascript:void(0);">
Find my fit
</a>
</div>
</div>
</div>
</li>
<!-- Find my fit -->
<!-- shape -->
<li class="position-relative col-12 col-lg-auto p-0 filter-item active filter-item-shape">
<div class="filter-menu">
<h3>Shape</h3>
<span>
<a href="#" class="color-link d-lg-none">
</a>
<svg class="arrow img-fluid" viewBox="0 0 13 4" fill="none"
xmlns="http://www.w3.org/2000/svg"
style="position: absolute;right: 15px;top: 50%;width: 12px;transform: translate(0,-50%);">
<path d="M12.94 0.699999V3.58H0.61V0.699999H12.94Z" fill="#888888"/>
</svg>
</span>
</div>
<div class="filter-down filter-down-shape">
<div class="row m-0">
<div class="col-12 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="shape"
value="Rectangle"/>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<path fill-rule="evenodd"
d="M99.993,31.858c5.9-.173,5.77,2.1,5.77,2.1s3.076,12.905,7.691,21.736,7.2,10.635,18.2,12.228c14.478,2.094,41.665.511,41.665,0.511l6.538-1.7c6.538-1.7,8.333-10.868,8.333-10.868S191.656,41.6,192.682,36.5s2.82-4.418,2.82-4.418h2.7a2.131,2.131,0,0,0,1.782-2.356V16.953a3.017,3.017,0,0,0-1.907-3.059c-11.938-3.061-35.143-4.733-35.143-4.733l-12.563-.17C137.812,8.82,119.351,11.708,113.2,13.4a61.58,61.58,0,0,1-10.384,2.039,41.316,41.316,0,0,0-5.641,0A61.57,61.57,0,0,1,86.79,13.4c-6.154-1.7-24.615-4.584-37.178-4.413l-12.563.168s-23.2,1.673-35.143,4.733A3.017,3.017,0,0,0,0,16.95V29.726A2.133,2.133,0,0,0,1.78,32.084H4.486s1.794-.677,2.82,4.416,4.487,19.362,4.487,19.362,1.795,9.168,8.333,10.868l6.538,1.7s27.187,1.587,41.665-.509c11.009-1.592,13.589-3.395,18.2-12.227s7.692-21.736,7.692-21.736S94.1,31.685,99.993,31.858Zm81.151,19.589c-1.988,6.476-5.9,7.3-5.9,7.3-7.628,2.228-26.877,4.089-44.614.17C119.5,56.461,107.057,24.992,118.967,21.05a71.347,71.347,0,0,1,22.563-3.91s15.127,0.171,20.384.171,18.716,0.682,21.921,6.625S183.439,43.968,181.144,51.447ZM16.152,23.934c3.2-5.945,16.666-6.623,21.922-6.623s20.384-.171,20.384-0.171a71.348,71.348,0,0,1,22.563,3.91c11.909,3.941-.534,35.411-11.667,37.868-17.737,3.916-36.986,2.058-44.613-.171,0,0-3.91-.828-5.9-7.3C16.549,43.968,12.947,29.881,16.152,23.934Z"/>
</svg>
</span>
<span>Rectangle</span>
</label>
</div>
<div class="col-12 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="shape"
value="Round"/>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<path fill-rule="evenodd"
d="M99.983,32.2c3.424-.117,7.653.766,8.127,3.388C109.1,39.54,118.824,78.159,151.7,76.971c26.847-.97,34.317-23.379,36.154-31.57a3.955,3.955,0,0,1,3.513-3.165L199.2,41.7a0.861,0.861,0,0,0,.77-0.879V31.063a1.309,1.309,0,0,0-.348-0.893,1.139,1.139,0,0,0-.837-0.355c-1.469.029-4.069,0.057-6.45-.029-3.571-.13-4.186-2.505-4.186-2.505C185.2,18.055,174.729,2.107,150.471,1.976s-34.11,18.716-36.327,21.088-4.679,1.846-8.5,0a12.893,12.893,0,0,0-5.665-.979,12.893,12.893,0,0,0-5.665.979c-3.817,1.846-6.28,2.373-8.5,0S73.754,1.844,49.5,1.976,14.77,18.055,11.815,27.281c0,0-.616,2.375-4.187,2.505-2.381.086-4.98,0.058-6.449,0.029a1.139,1.139,0,0,0-.837.355,1.306,1.306,0,0,0-.348.893v9.761a0.861,0.861,0,0,0,.771.879L8.6,42.236A3.953,3.953,0,0,1,12.11,45.4c1.837,8.191,9.308,30.6,36.154,31.57C81.142,78.159,90.871,39.54,91.856,35.585,92.33,32.963,96.559,32.081,99.983,32.2Zm80.9,9.583c-1.6,21.09-13.792,30.186-30.046,31.634s-38.3-19.374-32.632-41.518S147.146,8.7,147.146,8.7C174.483,6.853,181.871,28.864,180.886,41.78ZM52.82,8.7S76.094,9.752,81.759,31.9,65.381,74.863,49.126,73.414,20.68,62.87,19.08,41.78C18.095,28.864,25.483,6.853,52.82,8.7Zm141,28.34h-5.541V33.871h5.541v3.165ZM6.15,33.871h5.542v3.165H6.15V33.871Z"/>
</svg>
</span>
<span>Round</span>
</label>
</div>
<div class="col-12 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="shape"
value="Aviator"/>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<path fill-rule="evenodd"
d="M186.12,60.989c-5.971,13.126-34.3,16.379-50.948,5.628s-26.934-41.257-24.647-46.633c6.987-18.625,39.131-15.625,39.131-15.625s18.169-.127,29.349,5.622C193.273,17.32,192.091,47.862,186.12,60.989ZM20.955,9.981C32.135,4.231,50.3,4.358,50.3,4.358s32.144-3,39.131,15.625c2.287,5.376-8,35.882-24.648,46.633s-44.976,7.5-50.947-5.628S6.686,17.32,20.955,9.981Zm91.415-4.25a0.979,0.979,0,0,1,.86.509,0.946,0.946,0,0,1-.051.987c-1.49,2.176-4.214,6.217-5.548,8.6a2.03,2.03,0,0,1-1.773,1.032H94.1a2.033,2.033,0,0,1-1.774-1.032c-1.334-2.384-4.057-6.424-5.548-8.6a0.947,0.947,0,0,1-.052-0.987,0.977,0.977,0,0,1,.862-0.509h24.778ZM99.979,25.073a6.635,6.635,0,0,1,6.29,4.409c1.969,5.131,12.387,31.257,26.744,39.633s42.18,11.627,55.521-4.752c7.369-9.372,6.1-25.8,6.1-25.8l5.337-2.582V27.861l-5.718-2.876s-1.779-13.251-14.732-19.318C167.33-.039,141.271,1.106,141.271,1.106H58.688S32.629-.039,20.44,5.667C7.487,11.734,5.708,24.985,5.708,24.985l-5.717,2.876v8.124l5.336,2.582s-1.27,16.424,6.1,25.8c13.341,16.379,41.164,13.13,55.522,4.752s24.775-34.5,26.744-39.633A6.635,6.635,0,0,1,99.979,25.073Z"/>
</svg>
</span>
<span>Aviator</span>
</label>
</div>
<div class="col-12 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="shape"
value="Cat Eye"/>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<path fill-rule="evenodd"
d="M100,33.993c5.143,0.607,4.289,3.47,9.476,12.7,5.443,9.679,10.685,23.273,31.249,26.772s32.661-10.5,41.733-21.419,16.936-36.454,16.936-36.454l0.6-5.149c0.6-5.149-16.33-7.826-40.927-5.766s-47.176,15.654-47.176,15.654a28.381,28.381,0,0,1-11.9,2.4,28.382,28.382,0,0,1-11.895-2.4S65.524,6.733,40.928,4.673-0.6,5.29,0,10.439l0.605,5.15S8.468,41.127,17.541,52.043s21.169,24.92,41.733,21.419S85.08,56.368,90.523,46.689C95.711,37.463,94.857,34.6,100,33.993Zm80.039,10.02c-5.18,16.226-23.992,31.509-43.749,25.127s-26.613-31.514-25.6-37.486,13.771-17.431,38.91-21.009c24.6-3.5,29.435,4.736,29.435,4.736S186.086,25.06,180.038,44.013ZM20.969,15.381S25.807,7.142,50.4,10.643c25.139,3.58,37.9,15.037,38.91,21.011s-5.847,31.1-25.6,37.482S25.14,60.239,19.96,44.013C13.912,25.06,20.969,15.381,20.969,15.381Z"/>
</svg>
</span>
<span>Cat Eye</span>
</label>
</div>
<div class="col-12 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="shape"
value="browline"/>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<path fill-rule="evenodd"
d="M53.48,69.013a146.937,146.937,0,0,1-24.164-2.168C15.984,64.5,9.754,38.711,9.551,37.614l1.287-.233c0.047,0.26,6.266,26,18.708,28.191,13.5,2.375,29.267,2.87,35.143,1.1,5.8-1.743,12.582-4.682,18.028-15.32l1.167,0.584c-5.7,11.13-13.008,14.228-18.814,15.971C62.6,68.655,58.453,69.013,53.48,69.013ZM199.925,11.986s-8.7-3.484-31.52-2.947-36.541.135-45.5,3.76-12.85,7.113-12.85,7.113L100,20.169l-10.051-.257S86.062,16.421,77.1,12.8s-22.687-3.223-45.5-3.76S0.074,11.986.074,11.986-0.083,17.88.053,21.639c2.581,1.206,2.812,3.066,4.17,4.541s1.14,8.008,2.227,9.752,4.726,0.716,4.726.716c-0.056-14.808,2.093-16.2,6.71-20.224s22.682-3.89,46.179-2.416S86.34,27.7,86.747,32.262C87.08,35.993,84.783,43.841,82.969,49A1.617,1.617,0,0,0,85.5,50.792c2.459-1.9,3.266-5.732,4.645-9.144,1.9-4.706,2.037-6.567,1.493-8.044s-0.95-1.876-.543-4.024C91.438,27.759,98,26.557,100,26.228c2,0.329,8.561,1.53,8.907,3.352,0.407,2.147,0,2.55-.543,4.024s-0.408,3.338,1.494,8.044c1.378,3.412,2.184,7.242,4.644,9.144A1.616,1.616,0,0,0,117.029,49c-1.814-5.163-4.11-13.012-3.777-16.742,0.407-4.56-.815-16.776,22.682-18.254s41.56-1.607,46.179,2.416,6.765,5.417,6.71,20.224c0,0,3.639,1.028,4.726-.716s0.869-8.277,2.227-9.752,1.589-3.335,4.17-4.541C200.081,17.88,199.925,11.986,199.925,11.986ZM146.519,69.013a146.938,146.938,0,0,0,24.164-2.168c13.332-2.344,19.562-28.134,19.765-29.231l-1.288-.233c-0.047.26-6.265,26-18.707,28.191-13.5,2.375-29.268,2.87-35.144,1.1-5.8-1.743-12.582-4.682-18.027-15.32l-1.168.584c5.7,11.13,13.009,14.228,18.815,15.971C137.4,68.655,141.545,69.013,146.519,69.013Z"/>
</svg>
</span>
<span>Browline</span>
</label>
</div>
<div class="col-12 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="shape"
value="Square"/>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<path fill-rule="evenodd"
d="M99.973,25.478c2.01-.065,5.695,6.738,7.654,10.724,2.784,5.655-1.3,27.66,10.806,30.492S180.7,71.249,187.8,63.551s2.143-30.808,5.9-34.106,5.011-3.931,5.707-7.7A76.574,76.574,0,0,0,199.96,10.6s-39.307-3.616-69.647,0c0,0-21.055,4.454-30.34,4.3-9.286.151-30.34-4.3-30.34-4.3-30.34-3.616-69.648,0-69.648,0A76.591,76.591,0,0,0,.542,21.74c0.7,3.773,1.949,4.4,5.707,7.7s-1.2,26.4,5.9,34.106S69.4,69.523,81.512,66.694,89.534,41.857,92.318,36.2C94.278,32.216,97.964,25.413,99.973,25.478Zm80.806,35.246s-57.255,6.02-63.24-7.029c0,0-1.537-22.711-2.257-29.418-0.843-7.859,18.923-3.3,36.319-3.777s33.106-1.486,34.219,6.531C186.77,33.878,180.778,60.724,180.778,60.724ZM14.293,24.025c1.114-8.016,22.886-4,40.283-3.525s29.681-4.118,30.087,3.777c0.291,5.653,3.672,16.494-2.257,29.418-5.984,13.049-41.389,8.285-63.24,7.029C19.167,60.724,13.342,30.872,14.293,24.025Z"/>
</svg>
</span>
<span>Square</span>
</label>
</div>
<div class="col-12 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="shape"
value="Oval"/>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<path fill-rule="evenodd"
d="M34.337,67.856C55.566,72.2,79.92,63.553,89,50.193c0.163-.242,5.764-6.053,5.764-6.053,0.015-.017.029-0.031,0.044-0.045a7.366,7.366,0,0,1,10.382,0,0.565,0.565,0,0,1,.044.045s5.6,5.811,5.764,6.053c9.081,13.359,33.435,22.01,54.664,17.662,20.051-4.1,35.016-26.145,34.313-39.378C199.13,12.6,176.471,6.36,147.548,10c-16.621,2.094-29.01,8.644-35.335,16.777a21.381,21.381,0,0,1-4.9,4.6,11.9,11.9,0,0,1-4.45,1.869H97.136a11.894,11.894,0,0,1-4.45-1.869,21.388,21.388,0,0,1-4.9-4.6C81.46,18.647,69.072,12.1,52.45,10,23.527,6.36.868,12.6,0.024,28.478-0.679,41.711,14.286,63.752,34.337,67.856Zm115.1-52.543C168.379,13.8,184.255,19.47,185.4,34.644s-13.283,28.7-32.226,30.215S117.947,55.3,116.8,40.126,130.494,16.826,149.437,15.312ZM14.6,34.644C15.743,19.47,31.619,13.8,50.562,15.312S84.339,24.952,83.2,40.126,65.768,66.375,46.826,64.859,13.455,49.815,14.6,34.644Z"/>
</svg>
</span>
<span>Oval</span>
</label>
</div>
<div class="col-12 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="shape"
value="polygon"/>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<path fill-rule="evenodd"
d="M5.389,30.776l-4.09-.4a1.176,1.176,0,0,1-1.3-.98V27.443a0.873,0.873,0,0,1,.965-0.73H6.6c0.718,0-.741.44-0.741,0.98v1.7C5.86,29.931,6.107,30.776,5.389,30.776Zm189.22,0,4.09-.4a1.176,1.176,0,0,0,1.3-.98V27.443a0.873,0.873,0,0,0-.965-0.73H193.4c-0.718,0,.741.44,0.741,0.98v1.7C194.138,29.931,193.892,30.776,194.609,30.776ZM56.273,74h-22.1a10.459,10.459,0,0,1-6.805-2.478L13.737,59.841A9.348,9.348,0,0,1,10.7,54.976L5.078,32.205a8.994,8.994,0,0,1,.8-6.39l4.911-9.226a9.709,9.709,0,0,1,3.778-3.861L27.407,5.382a10.579,10.579,0,0,1,5.256-1.388H61.916a10.372,10.372,0,0,1,7.143,2.78L84.888,21.644a9.142,9.142,0,0,1,2.81,8.333l-4.267,23.1a9.385,9.385,0,0,1-3.607,5.761L62.617,71.89A10.543,10.543,0,0,1,56.273,74ZM18.731,16.844a6.98,6.98,0,0,0-2.716,2.773l-4.415,8.3a6.472,6.472,0,0,0-.578,4.6l5.056,20.464a6.752,6.752,0,0,0,2.181,3.5L30.51,66.963A7.5,7.5,0,0,0,35.4,68.745H55.266a7.58,7.58,0,0,0,4.562-1.513L75.292,55.5a6.73,6.73,0,0,0,2.594-4.14L81.722,30.6a6.57,6.57,0,0,0-2.02-5.989L65.474,11.241a7.466,7.466,0,0,0-5.135-2H34.047a7.622,7.622,0,0,0-3.779,1ZM165.825,74h-22.1a10.538,10.538,0,0,1-6.344-2.106L120.176,58.84a9.384,9.384,0,0,1-3.607-5.761l-4.268-23.1a9.141,9.141,0,0,1,2.81-8.333L130.94,6.773a10.371,10.371,0,0,1,7.143-2.78h29.252a10.57,10.57,0,0,1,5.255,1.388l12.837,7.346a9.734,9.734,0,0,1,3.778,3.861l4.911,9.226a9,9,0,0,1,.8,6.39L189.3,54.976a9.355,9.355,0,0,1-3.033,4.865L172.631,71.518A10.463,10.463,0,0,1,165.825,74ZM139.66,9.241a7.462,7.462,0,0,0-5.135,2L120.3,24.607a6.569,6.569,0,0,0-2.021,5.989l3.836,20.766a6.737,6.737,0,0,0,2.594,4.14l15.465,11.73a7.573,7.573,0,0,0,4.561,1.513H164.6a7.5,7.5,0,0,0,4.892-1.782l12.251-10.489a6.744,6.744,0,0,0,2.182-3.5l5.056-20.464a6.473,6.473,0,0,0-.578-4.6l-4.415-8.3a6.97,6.97,0,0,0-2.716-2.773l-11.537-6.608a7.624,7.624,0,0,0-3.779-1H139.66ZM87.026,31.828l-0.882-6.472c3.741-1.707,8.119-2.5,13.779-2.5h0.153c5.66,0,10.038.8,13.778,2.5l-0.882,6.472c-3.456-1.576-7.553-2.31-12.9-2.31H99.923C94.58,29.518,90.483,30.252,87.026,31.828Z"/>
</svg>
</span>
<span>Polygon</span>
</label>
</div>
<div class="col-12 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="shape"
value="horn"/>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<path fill-rule="evenodd"
d="M198.7,6.461c-9.562-1.647-27.121-2.469-45.939-2.469-17.475,0-36.762,9.286-40.9,11.389a0.575,0.575,0,0,1-.811-0.567V14.39a0.741,0.741,0,0,0-.708-0.769H89.657a0.74,0.74,0,0,0-.708.769v0.423a0.575,0.575,0,0,1-.81.567C84,13.278,64.712,3.992,47.236,3.992c-18.818,0-36.377.823-45.939,2.469A1.647,1.647,0,0,0,0,8.125V19.658a2.014,2.014,0,0,0,.738,1.568c1.385,1.126,4.441,4.6,6.721,14.458,2.382,10.3,6.129,20.917,12.988,28.705,7.561,8.585,16.486,9.6,26.831,9.6h10.6c19.823,0,33.011-19.959,33.011-40.065,0-3.011.967-9.027,9.116-9.027s9.117,6.017,9.117,9.027c0,20.106,13.187,40.065,33.011,40.065h10.6c10.346,0,19.27-1.02,26.832-9.6,6.858-7.789,10.6-18.4,12.988-28.705,2.279-9.853,5.335-13.332,6.72-14.458A2.012,2.012,0,0,0,200,19.658V8.125A1.647,1.647,0,0,0,198.7,6.461ZM69.186,65.926c-9.655,5.138-21.975,5.49-32.205,2.716A32.477,32.477,0,0,1,18.029,54.709C13,46.788,11.667,36.544,11.786,27.1c0.1-8.207,6.047-12.838,12.69-14.987a46.4,46.4,0,0,1,8.42-1.837,105.555,105.555,0,0,1,27.65.147c7.839,1.109,16.1,3.84,21.3,10.729a21.174,21.174,0,0,1,3.88,12.181C86.218,46.6,80.371,59.976,69.186,65.926ZM181.968,54.709a32.476,32.476,0,0,1-18.951,13.934c-10.231,2.774-22.551,2.421-32.207-2.716-11.183-5.95-17.031-19.328-16.539-32.59a21.182,21.182,0,0,1,3.88-12.181c5.2-6.889,13.461-9.62,21.3-10.729a105.559,105.559,0,0,1,27.65-.147,46.373,46.373,0,0,1,8.419,1.837c6.645,2.149,12.587,6.781,12.69,14.987C188.33,36.544,187,46.788,181.968,54.709Z"/>
</svg>
</span>
<span>Horn</span>
</label>
</div>
</div>
</div>
</li>
<!-- shape -->
<!-- Frame -->
<li class="position-relative col-12 col-lg-auto p-0 filter-item active filter-item-frame">
<div class="filter-menu">
<h3>Frame</h3>
<span>
<a href="#" class="color-link d-lg-none">
</a>
<svg class="arrow img-fluid" viewBox="0 0 13 4" fill="none"
xmlns="http://www.w3.org/2000/svg"
style="position: absolute;right: 15px;top: 50%;width: 12px;transform: translate(0,-50%);">
<path d="M12.94 0.699999V3.58H0.61V0.699999H12.94Z" fill="#888888"/>
</svg>
</span>
</div>
<div class="filter-down filter-down-shape">
<div class="row m-0">
<div class="col-12 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="frame"
value="Full"/>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<path fill-rule="evenodd"
d="M198.994,20.98l-6.057-3.342a79.015,79.015,0,0,1-6.815-4.257C173.028,4.3,165.422,2,155.2,2c-11.012,0-19.666,1.254-31.012,9.661-1.932,1.434-3.5,3.576-5.489,5.052a4.6,4.6,0,0,1-4.957.331C107.7,13.7,99.882,13.522,99.882,13.522s-7.818.182-13.857,3.518a4.6,4.6,0,0,1-4.957-.331c-1.984-1.475-3.556-3.617-5.489-5.052C64.233,3.25,55.579,2,44.567,2,34.341,2,26.736,4.3,13.641,13.381a79.152,79.152,0,0,1-6.814,4.257L0.769,20.98A3.438,3.438,0,0,0-.443,25.863L1.8,29.306a76.773,76.773,0,0,1,8.47,17.846c3.5,10.578,12.966,28.212,37.177,28.212,18.063,0,28.316-9.61,33.989-18.787a49.545,49.545,0,0,0,7.015-21.616l0.729-8.049c0.1-1.083-.043,1.188-0.383.2a3.774,3.774,0,0,1,.9-3.78c1.578-1.659,4.61-3.587,10.182-3.587s8.6,1.928,10.182,3.587c0.955,1.006,1.353-.865.9,0.445a7.531,7.531,0,0,0-.383,3.138l0.729,8.049a49.539,49.539,0,0,0,7.015,21.616c5.673,9.176,15.925,18.787,33.989,18.787,24.211,0,33.676-17.633,37.177-28.212a76.766,76.766,0,0,1,8.47-17.846l2.243-3.443A3.438,3.438,0,0,0,198.994,20.98ZM80.881,46.785C77.512,61.529,64.034,71.708,45,71.708c-26.87,0-32.841-28.133-32.965-38.341-0.106-8.7,4.751-21.17,22.18-24.676,1.409-.288,20.838-3.48,34.165,3.314C80.4,18.135,83.894,33.6,80.881,46.785Zm73.881,24.923c-19.033,0-32.51-10.179-35.88-24.923-3.012-13.183.482-28.65,12.5-34.78,13.326-6.795,32.755-3.6,34.165-3.314,17.429,3.506,22.286,15.981,22.18,24.676C187.6,43.576,181.631,71.708,154.762,71.708Z"/>
</svg>
</span>
<span>Full</span>
</label>
</div>
<div class="col-12 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="frame"
value="Semi-Rimless"/>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<g data-name="icon">
<path fill="none" stroke="#000" stroke-width="5px" stroke-dasharray="20 10" fill-rule="evenodd"
d="M194.427,33.2s-5.359,40.834-40.353,42.885c0,0-41.127-1.614-40.353-42.885"/>
<path fill="none" stroke="#000" stroke-width="5px" stroke-dasharray="20 10" fill-rule="evenodd"
d="M88.043,33.2s-5.36,40.834-40.353,42.885c0,0-41.627-1.114-42.352-42.885"/>
<path fill-rule="evenodd"
d="M2.665,31h9s0.25-25.742,33.99-24c0,0,33.24-1.742,35.989,24h7s-0.25-6.992,1-8c0,0,1.749-4.242,11-4,0,0,9.5,1.258,10,5v7h8s0-19.992,23.993-23c0,0,11-3.742,25.992,1,0,0,17.5,5.258,18.994,22h8l4-4a4.184,4.184,0,0,0-.8-5.859c-0.065-.049-0.13-0.1-0.2-0.141l-10-6s-18-15.492-34.989-13c0,0-21.244-1.492-32.99,13,0,0-3.749,6.008-9,1,0,0-12.747-4.992-22.993,0,0,0-2.74,2.251-5,2-2.239-.249-4-3-4-3S65.646,2.25,50.65,2c0,0-20.494-3-38.988,13l-6,3-5,3S-3,21.667,2.665,31Z"/>
</g>
</svg>
</span>
<span>Semi-Rimless</span>
</label>
</div>
<div class="col-12 mb-3">
<label class="p-lg-0 pb-3">
<input type="checkbox" class="form-checkbox mt-n1" name="frame"
value="Rimless"/>
<span class="slider-icon pr-3 pl-3">
<svg xmlns="http://www.w3.org/2000/svg" width="53" viewBox="0 0 200 78">
<g data-name="icon">
<path fill-rule="evenodd" d="M3,31h9s-1.5-4.917,1-8L6,19,0,22s-0.75,3.333,1,4A51.307,51.307,0,0,0,3,31Z"/>
<path fill-rule="evenodd"
d="M196.881,31h-8.893s1.482-6.917-.988-10l4-6,8.846,7s0.741,3.333-.989,4A51.676,51.676,0,0,1,196.881,31Z"/>
<path fill-rule="evenodd"
d="M119,31h-7V23s-7.25-4.417-12-4c0,0-8-.667-11,5v7H83s-1.75-9.667-4-10l4-3a11.767,11.767,0,0,0,5-1,26.542,26.542,0,0,1,26,0s3.07-.116,4,1c1.45,1.74,1,5,1,5v8Z"/>
<path fill="none" stroke="#000" stroke-width="5px" stroke-dasharray="20 10" fill-rule="evenodd"
d="M194.427,33.606s-5.359,40.834-40.353,42.887c0,0-41.126-1.616-40.353-42.887"/>
<path fill="none" stroke="#000" stroke-width="5px" stroke-dasharray="20 10" fill-rule="evenodd"
d="M88.043,33.2s-5.36,40.834-40.353,42.885c0,0-41.627-1.114-42.352-42.885"/>
<path fill="none" stroke="#000" stroke-width="5px" stroke-dasharray="20 10" fill-rule="evenodd"
d="M80.705,17.8S46.915-11.768,11,21.464"/>
<path fill="none" stroke="#000" stroke-width="5px" stroke-dasharray="20 10" fill-rule="evenodd"
d="M187.091,19.8S154.244-11.566,120,20"/>
</g>
</svg>
</span>
<span>Rimless</span>
</label>
</div>
</div>
</div>
</li>
<!-- Frame -->
<!-- prescription -->
<li class="position-relative col-12 filter-item filter-item-prescription d-none">
<div class="row p-b">
<div class="col-12 p-a">
<label class="m-0">
<input class="form-checkbox mt-n1" type="checkbox"/>
Eligible for your prescription
</label>
</div>
<div class="col-12 p-a pt-0">
<input type="text" class="form-control font-14 font-weight-bold"
aria-label="Large" placeholder="My RX">
</div>
<div class="col-12 p-a pt-0">
<button type="button" class="btn font-16 font-weight-bold w-100">
Enter New Prescription
</button>
</div>
</div>
</li>
<li class="position-relative col-12 d-lg-none filter-item filter-item-prescription">
<div class="row pb-5 filter-submit fixed">
<div class="col-6 pl-3 pr-2 pt-5">
<button type="button"
class="btn btn-transparent font-16 font-weight-bold w-100 js-filter-clear">
Clear All
</button>
</div>
<div class="col-6 pl-2 pr-3 pt-5">
<button type="button" class="btn font-16 font-weight-bold w-100 js-filter-apply">
Apply Filters
</button>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- filters end -->
</div>
<div class="right-lists ">
<!-- product start -->
<div id="product-lists" class="row pt-lg-5 product-list column-1">
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-14638">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="14638">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/ft0425"
class="product-img p-tab p-tab-14638"
title="Manhattan">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202103/604eccadb22ca.jpg?im=Resize,width=600,height=300" alt="Manhattan Golden/Green Aviator Titanium Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Golden/Green"
data-target=".p-tab-14638"
data-product="14638"
data-product-name="Manhattan"
data-product-sku="FT0425"
data-try-it-on="https://res.glassesshop.com/tryon/ft0425.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202103/604eccabf1d04.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Golden/Green"
data-target=".p-tab-14638"
data-product="14638"
data-product-name="Manhattan"
data-product-sku="FT0425"
data-try-it-on="https://res.glassesshop.com/tryon/ft0425.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202103/604eccabf1d04.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-14638">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="14638">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/ft0425"
title="Manhattan"
class="product-title p-tab p-tab-14638">
Manhattan</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-14638">
<span>$44.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/ft0425.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="14638"
data-product-sku="FT0425"
data-product-name="Manhattan"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="try-on-btn btn-default-vto font-12"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/ft0425.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="14638"
data-product-sku="FT0425"
data-product-name="Manhattan"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="d-block try-on-btn btn-default-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-14440">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="14440">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fm1575"
class="product-img p-tab p-tab-14440"
title="Rouge">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202102/602a0fd313e4a.jpg?im=Resize,width=600,height=300" alt="Rouge Golden Oval Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Golden"
data-target=".p-tab-14440"
data-product="14440"
data-product-name="Rouge"
data-product-sku="FM1575"
data-try-it-on="https://res.glassesshop.com/tryon/fm1575.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202102/602a368d17d06.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Golden"
data-target=".p-tab-14440"
data-product="14440"
data-product-name="Rouge"
data-product-sku="FM1575"
data-try-it-on="https://res.glassesshop.com/tryon/fm1575.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202102/602a368d17d06.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-14440">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="14440">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fm1575"
title="Rouge"
class="product-title p-tab p-tab-14440">
Rouge</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-14440">
<span>$19.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1575.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="14440"
data-product-sku="FM1575"
data-product-name="Rouge"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="try-on-btn btn-default-vto font-12"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1575.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="14440"
data-product-sku="FM1575"
data-product-name="Rouge"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="d-block try-on-btn btn-default-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-10898">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="10898">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fm1243"
class="product-img p-tab p-tab-10898"
title="Burke">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202109/61554e6c465a3.jpg?im=Resize,width=600,height=300" alt="Burke Golden Round Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Golden"
data-target=".p-tab-10898"
data-product="10898"
data-product-name="Burke"
data-product-sku="FM1243"
data-try-it-on="https://res.glassesshop.com/tryon/fm1243.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202109/613f0dcec3246.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Golden"
data-target=".p-tab-10898"
data-product="10898"
data-product-name="Burke"
data-product-sku="FM1243"
data-try-it-on="https://res.glassesshop.com/tryon/fm1243.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202109/613f0dcec3246.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-10898">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="10898">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fm1243"
title="Burke"
class="product-title p-tab p-tab-10898">
Burke</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-10898">
<span>$26.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1243.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="10898"
data-product-sku="FM1243"
data-product-name="Burke"
data-product-is-sunglasses=""
data-product-gtin="FM1243"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1243.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="10898"
data-product-sku="FM1243"
data-product-name="Burke"
data-product-is-sunglasses=""
data-product-gtin="FM1243"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-13521">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="13521">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2106"
class="product-img p-tab p-tab-13521"
title="Gulfport">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202006/5ef06e3a89c4c.jpg?im=Resize,width=600,height=300" alt="Gulfport Crystal/Golden Square TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Crystal/Golden"
data-target=".p-tab-13521"
data-product="13521"
data-product-name="Gulfport"
data-product-sku="FP2106"
data-try-it-on="https://res.glassesshop.com/tryon/fp2106.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fp2106.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Crystal/Golden"
data-target=".p-tab-13521"
data-product="13521"
data-product-name="Gulfport"
data-product-sku="FP2106"
data-try-it-on="https://res.glassesshop.com/tryon/fp2106.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fp2106.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-13521">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="13521">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2106"
title="Gulfport"
class="product-title p-tab p-tab-13521">
Gulfport</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-13521">
<span>$19.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2106.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="13521"
data-product-sku="FP2106"
data-product-name="Gulfport"
data-product-is-sunglasses=""
data-product-gtin="FP2106"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2106.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="13521"
data-product-sku="FP2106"
data-product-name="Gulfport"
data-product-is-sunglasses=""
data-product-gtin="FP2106"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-13145">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="13145">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2047"
class="product-img p-tab p-tab-13145"
title="Libra">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202002/5e43692687da0.jpg?im=Resize,width=600,height=300" alt="Libra Black/Golden Browline TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-13145"
data-product="13145"
data-product-name="Libra"
data-product-sku="FP2047"
data-try-it-on="https://res.glassesshop.com/tryon/fp2047.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fp2047.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-13145"
data-product="13145"
data-product-name="Libra"
data-product-sku="FP2047"
data-try-it-on="https://res.glassesshop.com/tryon/fp2047.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fp2047.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-13145">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="13145">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2047"
title="Libra"
class="product-title p-tab p-tab-13145">
Libra</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-13145">
<span>$26.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2047.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="13145"
data-product-sku="FP2047"
data-product-name="Libra"
data-product-is-sunglasses=""
data-product-gtin="FP2047"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2047.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="13145"
data-product-sku="FP2047"
data-product-name="Libra"
data-product-is-sunglasses=""
data-product-gtin="FP2047"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-15400">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="15400">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fz1740"
class="product-img p-tab p-tab-15400"
title="Memphis">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202108/6107bdcd1997d.jpg?im=Resize,width=600,height=300" alt="Memphis Petal Tortoise/Golden Square Acetate Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Petal Tortoise/Golden"
data-target=".p-tab-15400"
data-product="15400"
data-product-name="Memphis"
data-product-sku="FZ1740"
data-try-it-on="https://res.glassesshop.com/tryon/fz1740.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202108/6107bdcbaf774.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Petal Tortoise/Golden"
data-target=".p-tab-15400"
data-product="15400"
data-product-name="Memphis"
data-product-sku="FZ1740"
data-try-it-on="https://res.glassesshop.com/tryon/fz1740.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202108/6107bdcbaf774.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-15400">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="15400">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fz1740"
title="Memphis"
class="product-title p-tab p-tab-15400">
Memphis</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-15400">
<span>$29.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fz1740.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15400"
data-product-sku="FZ1740"
data-product-name="Memphis"
data-product-is-sunglasses=""
data-product-gtin="FZ1740"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fz1740.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15400"
data-product-sku="FZ1740"
data-product-name="Memphis"
data-product-is-sunglasses=""
data-product-gtin="FZ1740"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<!--网页横幅-->
<div class="category-title col-12">
<h2>Register To Get $1</h2>
<div class="desc">After registering at GlassesShop,
<br class="d-lg-none">you will get 100 points (values $1)
<br class="d-none d-lg-block">to save money on a future purchase.
</div>
<a href="javascript:void(0);" class="start" data-toggle="modal" data-target="#login-form">Register Here</a>
</div>
<!--网页横幅-->
<!-- 登录弹窗 -->
<div class="modal" id="login-form" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel">
<div class="modal-dialog login-form modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<i class="iconfont icon-close font-25"></i>
</button>
<div class="title">
<h4 class="modal-title active" id="loginModalLabel">Sign In</h4>
<h4 class="modal-title" id="loginModalLabel">Create Account</h4>
</div>
<div class="form-content">
<div class="modal-desc">
Sign in with email
</div>
<form class="header-login-form">
<input type="hidden" name="_token" value="xBmcrzUWug5wnPRHtRDuTlL2rl71lQyFfRotSMG9"> <div class="form-group">
<input name="email" type="email" id="category-login-email"
class="form-control nav-input" placeholder="Email">
</div>
<div class="form-group col-12 p-0">
<input name="password" type="password"
class="form-control nav-input" placeholder="Password">
<svg id="togglePassword" class="default" width="35" viewBox="0 0 176 68" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M168.866 0.381012C166.939 0.381012 165.122 1.19001 163.753 2.54601C161.001 5.27001 156.049 8.58901 148.156 11.78C132.558 18.086 110.632 21.702 88.001 21.702C65.37 21.702 43.443 18.086 27.846 11.78C19.953 8.58901 15.001 5.27001 12.249 2.54601C10.879 1.19001 9.063 0.382013 7.136 0.382013C0.680004 0.382013 -2.434 8.26401 2.256 12.701C16.481 26.157 49.516 35.586 88.002 35.586C126.488 35.586 159.523 26.156 173.748 12.701C178.436 8.26301 175.321 0.381012 168.866 0.381012V0.381012Z"
fill="#00A5C7"/>
<path d="M57.109 59.471L61.586 34.08C61.9396 32.2992 62.9766 30.7278 64.4749 29.7025C65.9731 28.6771 67.8134 28.2794 69.6013 28.5946C71.3893 28.9097 72.9827 29.9127 74.04 31.3885C75.0974 32.8644 75.5346 34.6957 75.258 36.49L70.781 61.881C70.4614 63.694 69.4347 65.3058 67.9267 66.3618C66.4187 67.4179 64.553 67.8316 62.74 67.512C60.927 67.1924 59.3152 66.1657 58.2592 64.6577C57.2031 63.1497 56.7894 61.284 57.109 59.471V59.471ZM107.202 61.882L102.725 36.491C102.567 35.5933 102.587 34.6731 102.784 33.7831C102.981 32.8931 103.352 32.0507 103.875 31.3039C104.398 30.5572 105.063 29.9208 105.831 29.4312C106.6 28.9415 107.458 28.6081 108.356 28.45C109.254 28.2916 110.174 28.3116 111.064 28.5088C111.954 28.7061 112.796 29.0768 113.543 29.5997C114.29 30.1226 114.926 30.7875 115.416 31.5564C115.906 32.3253 116.239 33.1832 116.397 34.081L120.874 59.472C121.151 61.2663 120.713 63.0976 119.656 64.5735C118.599 66.0493 117.005 67.0523 115.217 67.3674C113.429 67.6826 111.589 67.2849 110.091 66.2595C108.593 65.2342 107.556 63.6628 107.202 61.882V61.882ZM159.64 49.113L141.409 30.882C140.764 30.2374 140.253 29.4722 139.904 28.63C139.555 27.7878 139.376 26.8851 139.376 25.9735C139.376 25.0619 139.555 24.1592 139.904 23.317C140.253 22.4748 140.764 21.7096 141.409 21.065C142.054 20.4204 142.819 19.9091 143.661 19.5602C144.503 19.2114 145.406 19.0318 146.317 19.0318C147.229 19.0318 148.132 19.2114 148.974 19.5602C149.816 19.9091 150.581 20.4204 151.226 21.065L169.457 39.296C170.102 39.9406 170.613 40.7058 170.962 41.548C171.311 42.3902 171.49 43.2929 171.49 44.2045C171.49 45.1161 171.311 46.0188 170.962 46.861C170.613 47.7032 170.102 48.4684 169.457 49.113C168.812 49.7576 168.047 50.2689 167.205 50.6178C166.363 50.9666 165.46 51.1462 164.549 51.1462C163.637 51.1462 162.734 50.9666 161.892 50.6178C161.05 50.2689 160.285 49.7576 159.64 49.113V49.113ZM8.527 39.296L26.758 21.065C28.0598 19.7632 29.8255 19.0318 31.6665 19.0318C33.5075 19.0318 35.2732 19.7632 36.575 21.065C37.8768 22.3668 38.6082 24.1325 38.6082 25.9735C38.6082 27.8145 37.8768 29.5802 36.575 30.882L18.344 49.113C17.6994 49.7576 16.9342 50.2689 16.092 50.6178C15.2498 50.9666 14.3471 51.1462 13.4355 51.1462C12.5239 51.1462 11.6212 50.9666 10.779 50.6178C9.93684 50.2689 9.1716 49.7576 8.527 49.113C7.88241 48.4684 7.37109 47.7032 7.02224 46.861C6.67339 46.0188 6.49384 45.1161 6.49384 44.2045C6.49384 43.2929 6.67339 42.3902 7.02224 41.548C7.37109 40.7058 7.88241 39.9406 8.527 39.296V39.296Z"
fill="#00A5C7"/>
</svg>
<svg id="togglePassword" class="default checkPassword" width="35" viewBox="0 0 176 118"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M88 14.506C102.131 14.506 119.287 21.65 136.307 34.621C148.941 44.25 157.461 54.029 160.951 59.07C157.466 64.055 148.784 73.844 135.691 83.608C118.494 96.433 101.557 103.495 88 103.495C74.225 103.495 57.203 96.349 40.07 83.373C27.348 73.738 18.729 64.018 15.133 58.949C18.675 53.874 27.159 44.174 39.694 34.621C56.713 21.649 73.869 14.506 88 14.506ZM88 0.662994C44.967 0.662994 0 49.607 0 59C0 68.393 45.934 117.337 88 117.337C129.099 117.337 176 69.382 176 59C176 49.607 131.033 0.662994 88 0.662994V0.662994Z"
fill="#00A5C7"/>
<path d="M88 46.146C95.087 46.146 100.854 51.912 100.854 59C100.854 66.088 95.087 71.854 88 71.854C80.913 71.854 75.146 66.088 75.146 59C75.146 51.912 80.913 46.146 88 46.146ZM88 32.303C73.256 32.303 61.303 44.255 61.303 59C61.303 73.745 73.256 85.697 88 85.697C102.744 85.697 114.697 73.745 114.697 59C114.697 44.255 102.744 32.303 88 32.303V32.303Z"
fill="#00A5C7"/>
</svg>
</div>
<div class="form-group clearfix btnGroup">
<label class="form-check-label">
<div class="checkbox-attr">
<input type="checkbox" class="form-check-input" id="rememberme" name="rememberme"
value="">
<label for="rememberme" class="iconfont icon-gou"></label>
</div>
<span class="font-14">Remember Me</span>
</label>
<a href="/customer/forgot_password" title="Forgot Your Password?"
class="float-right forgot-btn">Forgot password?</a>
</div>
<button type="button" class="font-16 btn btn-base mt-2 dialog-login-button loginBtn">Login
</button>
</form>
<div class="split-line">
Or
</div>
<div class="signInWith text-center col-12">Sign in with</div>
<div class="form-other-login">
<a class="other-login-link" href="/login/facebook">
<svg id="facebook" xmlns="http://www.w3.org/2000/svg" height="25" viewBox="0 0 92 26">
<path fill="#fff" fill-rule="evenodd"
d="M14.29,9.167H10.76l-0.316,3.245h3.23c1.975,0,2.123.388,2.123,1.711v0.56H13.186c-2.565,0-4,.925-4,3.515,0,2.2,1.229,3.785,3.539,3.785a7.055,7.055,0,0,0,3.567-.953l0.136,0.82h3.148v-7.7C19.576,10.577,18.625,9.167,14.29,9.167ZM15.8,18.7a3.741,3.741,0,0,1-1.79.525,0.933,0.933,0,0,1-1.044-1.078c0-.715.35-0.868,1.148-0.868H15.8V18.7h0ZM91,9.167H86.905l-3.462,5.65V3.325l-3.777.648V21.825h3.777V15.876l3.462,5.949H91l-3.78-6.492ZM60.99,8.993c-4.44,0-5.521,2.566-5.521,5.212v2.554c0,2.645,1.08,5.21,5.521,5.21s5.5-2.565,5.5-5.21V14.2C66.488,11.559,65.427,8.993,60.99,8.993Zm1.717,8.142a1.734,1.734,0,0,1-3.46,0V13.853a1.734,1.734,0,0,1,3.46,0v3.281ZM9.52,9.167H6.665l0-1.624c0-.846.078-1.3,1.257-1.3H9.5V3H6.981C3.954,3,2.888,4.573,2.888,7.22V9.167H1v3.245H2.888v9.413H6.665V12.412H9.186Zm11.315,5.192v2.273C20.835,19.8,22.447,22,26.5,22a16.221,16.221,0,0,0,3.779-.5V18.335a17.459,17.459,0,0,1-3.464.424c-1.694,0-2.2-.386-2.2-1.866v-2.8c0-1.479.511-1.865,2.2-1.865a17.545,17.545,0,0,1,3.464.422V9.486a16.224,16.224,0,0,0-3.779-.5C22.447,8.984,20.835,11.184,20.835,14.359ZM49.977,8.984a8.338,8.338,0,0,0-2.834.471V3.325l-3.776.648V21.5a27.708,27.708,0,0,0,5.009.495c5.157,0,6.007-2.236,6.007-5.3V13.529C54.383,10.728,53.754,8.984,49.977,8.984Zm0.629,7.733c0,1.217-.253,2.089-2.1,2.089a11.676,11.676,0,0,1-1.361-.054v-6a4.172,4.172,0,0,1,1.889-.525,1.385,1.385,0,0,1,1.575,1.62v2.865h0ZM73.087,8.993c-4.44,0-5.521,2.566-5.521,5.212v2.554c0,2.645,1.081,5.21,5.521,5.21s5.5-2.565,5.5-5.21V14.2C78.584,11.559,77.523,8.993,73.087,8.993Zm1.721,8.142a1.735,1.735,0,0,1-3.463,0V13.853a1.735,1.735,0,0,1,3.463,0v3.281ZM36.752,8.984c-4.156,0-5.353,2.274-5.353,5.049v2.6C31.4,19.8,33.012,22,37.067,22a19.278,19.278,0,0,0,4.719-.5V18.335a21.39,21.39,0,0,1-4.406.424c-1.693,0-2.2-.386-2.2-1.866V16.631H42.1v-2.6C42.1,11.231,40.908,8.984,36.752,8.984Zm1.574,5.049h-3.15v-0.5a1.389,1.389,0,0,1,1.575-1.623,1.388,1.388,0,0,1,1.574,1.623v0.5Z"/>
</svg>
</a>
<a class="other-login-link float-right" data-type="amazon"
href="/login/google">
<svg height="25" viewBox="0 0 200 67" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M193.771 40.9643L199.318 44.6607C197.518 47.3143 193.211 51.8643 185.764 51.8643C176.514 51.8643 169.632 44.7107 169.632 35.6107C169.632 25.925 176.589 19.3536 184.989 19.3536C193.429 19.3536 197.568 26.0679 198.904 29.6964L199.636 31.5464L177.882 40.5464C179.536 43.8107 182.114 45.4643 185.764 45.4643C189.414 45.4643 191.943 43.6643 193.771 40.9643V40.9643ZM176.711 35.1L191.239 29.0643C190.436 27.0429 188.054 25.6071 185.204 25.6071C181.579 25.6071 176.543 28.8214 176.711 35.1Z"
fill="white"/>
<path d="M159.143 2.78214H166.15V50.3821H159.143V2.78214Z" fill="white"/>
<path d="M148.096 20.6214H154.861V49.5286C154.861 61.5286 147.779 66.4643 139.407 66.4643C131.525 66.4643 126.779 61.1607 125.004 56.8536L131.207 54.275C132.329 56.925 135.029 60.0643 139.407 60.0643C144.786 60.0643 148.096 56.7321 148.096 50.5036V48.1679H147.854C146.246 50.1143 143.179 51.8643 139.286 51.8643C131.161 51.8643 123.714 44.7821 123.714 35.6571C123.714 26.4857 131.161 19.3321 139.286 19.3321C143.157 19.3321 146.246 21.0571 147.854 22.9571H148.096V20.6214V20.6214ZM148.582 35.6571C148.582 29.9143 144.761 25.7286 139.896 25.7286C134.979 25.7286 130.843 29.9143 130.843 35.6571C130.843 41.3286 134.979 45.4429 139.896 45.4429C144.761 45.4643 148.582 41.3286 148.582 35.6571ZM85.2393 35.5357C85.2393 44.9071 77.9393 51.7929 68.9857 51.7929C60.0321 51.7929 52.7321 44.8821 52.7321 35.5357C52.7321 26.1214 60.0321 19.2571 68.9857 19.2571C77.9393 19.2571 85.2393 26.1214 85.2393 35.5357ZM78.1321 35.5357C78.1321 29.6964 73.9 25.6786 68.9857 25.6786C64.0714 25.6786 59.8357 29.6964 59.8357 35.5357C59.8357 41.3286 64.0714 45.3929 68.9857 45.3929C73.9 45.3929 78.1357 41.3286 78.1357 35.5357H78.1321ZM120.743 35.6071C120.743 44.9786 113.443 51.8643 104.489 51.8643C95.5357 51.8643 88.2321 44.9786 88.2321 35.6107C88.2321 26.1929 95.5357 19.3536 104.489 19.3536C113.443 19.3536 120.743 26.1679 120.743 35.6107V35.6071ZM113.614 35.6071C113.614 29.7714 109.379 25.7536 104.464 25.7536C99.55 25.7536 95.3143 29.7714 95.3143 35.6107C95.3143 41.4 99.55 45.4679 104.464 45.4679C109.404 45.4679 113.614 41.3786 113.614 35.6107V35.6071Z"
fill="white"/>
<path d="M26.0107 44.7357C15.8143 44.7357 7.83214 36.5107 7.83214 26.3143C7.83214 16.1179 15.8143 7.89286 26.0107 7.89286C31.5107 7.89286 35.525 10.0607 38.4964 12.8321L43.3893 7.93929C39.2464 3.975 33.725 0.957146 26.0107 0.957146C12.0464 0.957146 0.289286 12.3464 0.289286 26.3143C0.289286 40.2821 12.0429 51.6714 26.0107 51.6714C33.5536 51.6714 39.25 49.1893 43.7036 44.5643C48.275 39.9929 49.6893 33.5643 49.6893 28.3571C49.6893 26.7286 49.4929 25.05 49.275 23.8071H26.0107V30.5714H42.5821C42.0964 34.8071 40.7607 37.7036 38.7857 39.675C36.4036 42.0821 32.6321 44.7357 26.0107 44.7357V44.7357Z"
fill="white"/>
</svg>
</a>
</div>
</div>
<div class="form-content regist-form">
<div class="modal-desc">
Sign up with your email address.
</div>
<form class="header-login-form">
<input type="hidden" name="_token" value="xBmcrzUWug5wnPRHtRDuTlL2rl71lQyFfRotSMG9"> <div class="form-row">
<div class="form-group col-4 pl-0">
<select name="gender" class="form-control">
<option value="1">Mr.</option>
<option value="2">Ms.</option>
</select>
</div>
<div class="form-group col-4 p-0">
<input type="text" name="firstname" class="form-control" value=""
placeholder="First Name">
</div>
<div class="form-group col-4 pr-0">
<input type="text" name="lastname" class="form-control" value=""
placeholder="Last Name">
</div>
</div>
<div class="form-group">
<input name="email" type="email" id="category-register-email"
class="form-control nav-input" placeholder="Email">
</div>
<div class="form-group col-12 p-0">
<input name="password" type="password" id="register_password"
class="form-control nav-input" placeholder="Password">
<svg id="togglePassword" class="default" width="35" viewBox="0 0 176 68" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M168.866 0.381012C166.939 0.381012 165.122 1.19001 163.753 2.54601C161.001 5.27001 156.049 8.58901 148.156 11.78C132.558 18.086 110.632 21.702 88.001 21.702C65.37 21.702 43.443 18.086 27.846 11.78C19.953 8.58901 15.001 5.27001 12.249 2.54601C10.879 1.19001 9.063 0.382013 7.136 0.382013C0.680004 0.382013 -2.434 8.26401 2.256 12.701C16.481 26.157 49.516 35.586 88.002 35.586C126.488 35.586 159.523 26.156 173.748 12.701C178.436 8.26301 175.321 0.381012 168.866 0.381012V0.381012Z"
fill="#00A5C7"/>
<path d="M57.109 59.471L61.586 34.08C61.9396 32.2992 62.9766 30.7278 64.4749 29.7025C65.9731 28.6771 67.8134 28.2794 69.6013 28.5946C71.3893 28.9097 72.9827 29.9127 74.04 31.3885C75.0974 32.8644 75.5346 34.6957 75.258 36.49L70.781 61.881C70.4614 63.694 69.4347 65.3058 67.9267 66.3618C66.4187 67.4179 64.553 67.8316 62.74 67.512C60.927 67.1924 59.3152 66.1657 58.2592 64.6577C57.2031 63.1497 56.7894 61.284 57.109 59.471V59.471ZM107.202 61.882L102.725 36.491C102.567 35.5933 102.587 34.6731 102.784 33.7831C102.981 32.8931 103.352 32.0507 103.875 31.3039C104.398 30.5572 105.063 29.9208 105.831 29.4312C106.6 28.9415 107.458 28.6081 108.356 28.45C109.254 28.2916 110.174 28.3116 111.064 28.5088C111.954 28.7061 112.796 29.0768 113.543 29.5997C114.29 30.1226 114.926 30.7875 115.416 31.5564C115.906 32.3253 116.239 33.1832 116.397 34.081L120.874 59.472C121.151 61.2663 120.713 63.0976 119.656 64.5735C118.599 66.0493 117.005 67.0523 115.217 67.3674C113.429 67.6826 111.589 67.2849 110.091 66.2595C108.593 65.2342 107.556 63.6628 107.202 61.882V61.882ZM159.64 49.113L141.409 30.882C140.764 30.2374 140.253 29.4722 139.904 28.63C139.555 27.7878 139.376 26.8851 139.376 25.9735C139.376 25.0619 139.555 24.1592 139.904 23.317C140.253 22.4748 140.764 21.7096 141.409 21.065C142.054 20.4204 142.819 19.9091 143.661 19.5602C144.503 19.2114 145.406 19.0318 146.317 19.0318C147.229 19.0318 148.132 19.2114 148.974 19.5602C149.816 19.9091 150.581 20.4204 151.226 21.065L169.457 39.296C170.102 39.9406 170.613 40.7058 170.962 41.548C171.311 42.3902 171.49 43.2929 171.49 44.2045C171.49 45.1161 171.311 46.0188 170.962 46.861C170.613 47.7032 170.102 48.4684 169.457 49.113C168.812 49.7576 168.047 50.2689 167.205 50.6178C166.363 50.9666 165.46 51.1462 164.549 51.1462C163.637 51.1462 162.734 50.9666 161.892 50.6178C161.05 50.2689 160.285 49.7576 159.64 49.113V49.113ZM8.527 39.296L26.758 21.065C28.0598 19.7632 29.8255 19.0318 31.6665 19.0318C33.5075 19.0318 35.2732 19.7632 36.575 21.065C37.8768 22.3668 38.6082 24.1325 38.6082 25.9735C38.6082 27.8145 37.8768 29.5802 36.575 30.882L18.344 49.113C17.6994 49.7576 16.9342 50.2689 16.092 50.6178C15.2498 50.9666 14.3471 51.1462 13.4355 51.1462C12.5239 51.1462 11.6212 50.9666 10.779 50.6178C9.93684 50.2689 9.1716 49.7576 8.527 49.113C7.88241 48.4684 7.37109 47.7032 7.02224 46.861C6.67339 46.0188 6.49384 45.1161 6.49384 44.2045C6.49384 43.2929 6.67339 42.3902 7.02224 41.548C7.37109 40.7058 7.88241 39.9406 8.527 39.296V39.296Z"
fill="#00A5C7"/>
</svg>
<svg id="togglePassword" class="default checkPassword" width="35" viewBox="0 0 176 118"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M88 14.506C102.131 14.506 119.287 21.65 136.307 34.621C148.941 44.25 157.461 54.029 160.951 59.07C157.466 64.055 148.784 73.844 135.691 83.608C118.494 96.433 101.557 103.495 88 103.495C74.225 103.495 57.203 96.349 40.07 83.373C27.348 73.738 18.729 64.018 15.133 58.949C18.675 53.874 27.159 44.174 39.694 34.621C56.713 21.649 73.869 14.506 88 14.506ZM88 0.662994C44.967 0.662994 0 49.607 0 59C0 68.393 45.934 117.337 88 117.337C129.099 117.337 176 69.382 176 59C176 49.607 131.033 0.662994 88 0.662994V0.662994Z"
fill="#00A5C7"/>
<path d="M88 46.146C95.087 46.146 100.854 51.912 100.854 59C100.854 66.088 95.087 71.854 88 71.854C80.913 71.854 75.146 66.088 75.146 59C75.146 51.912 80.913 46.146 88 46.146ZM88 32.303C73.256 32.303 61.303 44.255 61.303 59C61.303 73.745 73.256 85.697 88 85.697C102.744 85.697 114.697 73.745 114.697 59C114.697 44.255 102.744 32.303 88 32.303V32.303Z"
fill="#00A5C7"/>
</svg>
</div>
<div class="form-group mb-0 col-12 p-0">
<input name="password_confirmation" type="password"
class="form-control nav-input" placeholder="Confirm Password">
<svg id="togglePassword" class="default" width="35" viewBox="0 0 176 68" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M168.866 0.381012C166.939 0.381012 165.122 1.19001 163.753 2.54601C161.001 5.27001 156.049 8.58901 148.156 11.78C132.558 18.086 110.632 21.702 88.001 21.702C65.37 21.702 43.443 18.086 27.846 11.78C19.953 8.58901 15.001 5.27001 12.249 2.54601C10.879 1.19001 9.063 0.382013 7.136 0.382013C0.680004 0.382013 -2.434 8.26401 2.256 12.701C16.481 26.157 49.516 35.586 88.002 35.586C126.488 35.586 159.523 26.156 173.748 12.701C178.436 8.26301 175.321 0.381012 168.866 0.381012V0.381012Z"
fill="#00A5C7"/>
<path d="M57.109 59.471L61.586 34.08C61.9396 32.2992 62.9766 30.7278 64.4749 29.7025C65.9731 28.6771 67.8134 28.2794 69.6013 28.5946C71.3893 28.9097 72.9827 29.9127 74.04 31.3885C75.0974 32.8644 75.5346 34.6957 75.258 36.49L70.781 61.881C70.4614 63.694 69.4347 65.3058 67.9267 66.3618C66.4187 67.4179 64.553 67.8316 62.74 67.512C60.927 67.1924 59.3152 66.1657 58.2592 64.6577C57.2031 63.1497 56.7894 61.284 57.109 59.471V59.471ZM107.202 61.882L102.725 36.491C102.567 35.5933 102.587 34.6731 102.784 33.7831C102.981 32.8931 103.352 32.0507 103.875 31.3039C104.398 30.5572 105.063 29.9208 105.831 29.4312C106.6 28.9415 107.458 28.6081 108.356 28.45C109.254 28.2916 110.174 28.3116 111.064 28.5088C111.954 28.7061 112.796 29.0768 113.543 29.5997C114.29 30.1226 114.926 30.7875 115.416 31.5564C115.906 32.3253 116.239 33.1832 116.397 34.081L120.874 59.472C121.151 61.2663 120.713 63.0976 119.656 64.5735C118.599 66.0493 117.005 67.0523 115.217 67.3674C113.429 67.6826 111.589 67.2849 110.091 66.2595C108.593 65.2342 107.556 63.6628 107.202 61.882V61.882ZM159.64 49.113L141.409 30.882C140.764 30.2374 140.253 29.4722 139.904 28.63C139.555 27.7878 139.376 26.8851 139.376 25.9735C139.376 25.0619 139.555 24.1592 139.904 23.317C140.253 22.4748 140.764 21.7096 141.409 21.065C142.054 20.4204 142.819 19.9091 143.661 19.5602C144.503 19.2114 145.406 19.0318 146.317 19.0318C147.229 19.0318 148.132 19.2114 148.974 19.5602C149.816 19.9091 150.581 20.4204 151.226 21.065L169.457 39.296C170.102 39.9406 170.613 40.7058 170.962 41.548C171.311 42.3902 171.49 43.2929 171.49 44.2045C171.49 45.1161 171.311 46.0188 170.962 46.861C170.613 47.7032 170.102 48.4684 169.457 49.113C168.812 49.7576 168.047 50.2689 167.205 50.6178C166.363 50.9666 165.46 51.1462 164.549 51.1462C163.637 51.1462 162.734 50.9666 161.892 50.6178C161.05 50.2689 160.285 49.7576 159.64 49.113V49.113ZM8.527 39.296L26.758 21.065C28.0598 19.7632 29.8255 19.0318 31.6665 19.0318C33.5075 19.0318 35.2732 19.7632 36.575 21.065C37.8768 22.3668 38.6082 24.1325 38.6082 25.9735C38.6082 27.8145 37.8768 29.5802 36.575 30.882L18.344 49.113C17.6994 49.7576 16.9342 50.2689 16.092 50.6178C15.2498 50.9666 14.3471 51.1462 13.4355 51.1462C12.5239 51.1462 11.6212 50.9666 10.779 50.6178C9.93684 50.2689 9.1716 49.7576 8.527 49.113C7.88241 48.4684 7.37109 47.7032 7.02224 46.861C6.67339 46.0188 6.49384 45.1161 6.49384 44.2045C6.49384 43.2929 6.67339 42.3902 7.02224 41.548C7.37109 40.7058 7.88241 39.9406 8.527 39.296V39.296Z"
fill="#00A5C7"/>
</svg>
<svg id="togglePassword" class="default checkPassword" width="35" viewBox="0 0 176 118"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M88 14.506C102.131 14.506 119.287 21.65 136.307 34.621C148.941 44.25 157.461 54.029 160.951 59.07C157.466 64.055 148.784 73.844 135.691 83.608C118.494 96.433 101.557 103.495 88 103.495C74.225 103.495 57.203 96.349 40.07 83.373C27.348 73.738 18.729 64.018 15.133 58.949C18.675 53.874 27.159 44.174 39.694 34.621C56.713 21.649 73.869 14.506 88 14.506ZM88 0.662994C44.967 0.662994 0 49.607 0 59C0 68.393 45.934 117.337 88 117.337C129.099 117.337 176 69.382 176 59C176 49.607 131.033 0.662994 88 0.662994V0.662994Z"
fill="#00A5C7"/>
<path d="M88 46.146C95.087 46.146 100.854 51.912 100.854 59C100.854 66.088 95.087 71.854 88 71.854C80.913 71.854 75.146 66.088 75.146 59C75.146 51.912 80.913 46.146 88 46.146ZM88 32.303C73.256 32.303 61.303 44.255 61.303 59C61.303 73.745 73.256 85.697 88 85.697C102.744 85.697 114.697 73.745 114.697 59C114.697 44.255 102.744 32.303 88 32.303V32.303Z"
fill="#00A5C7"/>
</svg>
</div>
<div class="form-group clearfix">
<label class="form-check-label check-content sign-me-check">
<div class="checkbox-attr">
<input type="checkbox" class="form-check-input register-newsletter" id="newsletter"
name="newsletter"
value="1" checked>
<label for="newsletter" class="iconfont icon-gou register-newsletter"></label>
</div>
<span class="font-14 mobile-attr">Sign me up for the Special Deals Newsletter.</span>
</label>
<label class="checkbox_select special-check policy-check">
<div class="checkbox-attr">
<input type="hidden" class="form-check-input register-policy" id="policy"
name="read_privacy"
value="1">
</div>
<span class="align-middle policy">
By creating your account, you agree to our
<br class="d-none d-lg-block">
<a href="/doc/privacy" class="color-link-blue">
Privacy Policy.
</a>
</span>
</label>
</div>
<button type="button" class="font-16 btn btn-base mt-3 dialog-register-button register">Create
Account
</button>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- 登录弹窗 -->
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-12527">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="12527">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fm1389"
class="product-img p-tab p-tab-12527"
title="Celia">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/201906/5d03189638680.jpg?im=Resize,width=600,height=300" alt="Celia Black/Golden Cat Eye Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-12527"
data-product="12527"
data-product-name="Celia"
data-product-sku="FM1389"
data-try-it-on="https://res.glassesshop.com/tryon/fm1389.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fm1389.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-12527"
data-product="12527"
data-product-name="Celia"
data-product-sku="FM1389"
data-try-it-on="https://res.glassesshop.com/tryon/fm1389.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fm1389.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-12527">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="12527">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fm1389"
title="Celia"
class="product-title p-tab p-tab-12527">
Celia</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-12527">
<span>$19.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1389.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="12527"
data-product-sku="FM1389"
data-product-name="Celia"
data-product-is-sunglasses=""
data-product-gtin="FM1389"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1389.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="12527"
data-product-sku="FM1389"
data-product-name="Celia"
data-product-is-sunglasses=""
data-product-gtin="FM1389"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-13523">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="13523">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2108"
class="product-img p-tab p-tab-13523"
title="Gulfport">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202203/6226cce8d3d2a.jpg?im=Resize,width=600,height=300" alt="Gulfport Black/Golden Square TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-13523"
data-product="13523"
data-product-name="Gulfport"
data-product-sku="FP2108"
data-try-it-on="https://res.glassesshop.com/tryon/fp2108.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fp2108.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-13523"
data-product="13523"
data-product-name="Gulfport"
data-product-sku="FP2108"
data-try-it-on="https://res.glassesshop.com/tryon/fp2108.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fp2108.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-13523">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="13523">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2108"
title="Gulfport"
class="product-title p-tab p-tab-13523">
Gulfport</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-13523">
<span>$19.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2108.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="13523"
data-product-sku="FP2108"
data-product-name="Gulfport"
data-product-is-sunglasses=""
data-product-gtin="FP2108"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2108.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="13523"
data-product-sku="FP2108"
data-product-name="Gulfport"
data-product-is-sunglasses=""
data-product-gtin="FP2108"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-17942">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="17942">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fm1880"
class="product-img p-tab p-tab-17942"
title="Arvin">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202309/64f6924a7cf0f.jpg?im=Resize,width=600,height=300" alt="Arvin Black/Golden Rectangle Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-17942"
data-product="17942"
data-product-name="Arvin"
data-product-sku="FM1880"
data-try-it-on="https://res.glassesshop.com/tryon/fm1880.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202309/64f69249b418b.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-17942"
data-product="17942"
data-product-name="Arvin"
data-product-sku="FM1880"
data-try-it-on="https://res.glassesshop.com/tryon/fm1880.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202309/64f69249b418b.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-17942">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="17942">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fm1880"
title="Arvin"
class="product-title p-tab p-tab-17942">
Arvin</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-17942">
<span>$19.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1880.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="17942"
data-product-sku="FM1880"
data-product-name="Arvin"
data-product-is-sunglasses=""
data-product-gtin="FM1880"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1880.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="17942"
data-product-sku="FM1880"
data-product-name="Arvin"
data-product-is-sunglasses=""
data-product-gtin="FM1880"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-15931">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="15931">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2522"
class="product-img p-tab p-tab-15931"
title="Pasadena">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202305/646324b03815d.jpg?im=Resize,width=600,height=300" alt="Pasadena Crystal/Golden Oval TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Crystal/Golden"
data-target=".p-tab-15931"
data-product="15931"
data-product-name="Pasadena"
data-product-sku="FP2522"
data-try-it-on="https://res.glassesshop.com/tryon/fp2522.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202305/646324aee4618.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Crystal/Golden"
data-target=".p-tab-15931"
data-product="15931"
data-product-name="Pasadena"
data-product-sku="FP2522"
data-try-it-on="https://res.glassesshop.com/tryon/fp2522.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202305/646324aee4618.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-15931">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="15931">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2522"
title="Pasadena"
class="product-title p-tab p-tab-15931">
Pasadena</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-15931">
<span>$26.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2522.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15931"
data-product-sku="FP2522"
data-product-name="Pasadena"
data-product-is-sunglasses=""
data-product-gtin="FP2522"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2522.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15931"
data-product-sku="FP2522"
data-product-name="Pasadena"
data-product-is-sunglasses=""
data-product-gtin="FP2522"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-15573">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="15573">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2452"
class="product-img p-tab p-tab-15573"
title="Elva">
<span class="im img-tag tag-off-per product-icon-text">89% OFF</span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202109/614a9d1cf3bba.jpg?im=Resize,width=600,height=300" alt="Elva Crystal/Golden Round TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Crystal/Golden"
data-target=".p-tab-15573"
data-product="15573"
data-product-name="Elva"
data-product-sku="FP2452"
data-try-it-on="https://res.glassesshop.com/tryon/fp2452.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202109/614a9d1b7b34a.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Crystal/Golden"
data-target=".p-tab-15573"
data-product="15573"
data-product-name="Elva"
data-product-sku="FP2452"
data-try-it-on="https://res.glassesshop.com/tryon/fp2452.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202109/614a9d1b7b34a.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-15573">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="15573">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2452"
title="Elva"
class="product-title p-tab p-tab-15573">
Elva</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-15573">
<span class="color-red">$2.99</span>
<span class="pl-2 product-pre-price">$26.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2452.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15573"
data-product-sku="FP2452"
data-product-name="Elva"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="try-on-btn btn-default-vto font-12"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2452.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15573"
data-product-sku="FP2452"
data-product-name="Elva"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="d-block try-on-btn btn-default-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-16739">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="16739">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fm1819"
class="product-img p-tab p-tab-16739"
title="Smollett">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202209/63291e5d87db4.jpg?im=Resize,width=600,height=300" alt="Smollett Green/Golden Polygon Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Green/Golden"
data-target=".p-tab-16739"
data-product="16739"
data-product-name="Smollett"
data-product-sku="FM1819"
data-try-it-on="https://res.glassesshop.com/tryon/fm1819.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202209/63291e5c21c56.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Green/Golden"
data-target=".p-tab-16739"
data-product="16739"
data-product-name="Smollett"
data-product-sku="FM1819"
data-try-it-on="https://res.glassesshop.com/tryon/fm1819.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202209/63291e5c21c56.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-16739">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="16739">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fm1819"
title="Smollett"
class="product-title p-tab p-tab-16739">
Smollett</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-16739">
<span>$19.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1819.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16739"
data-product-sku="FM1819"
data-product-name="Smollett"
data-product-is-sunglasses=""
data-product-gtin="FM1819"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1819.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16739"
data-product-sku="FM1819"
data-product-name="Smollett"
data-product-is-sunglasses=""
data-product-gtin="FM1819"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<!--网页横幅-->
<div class="category-title col-12">
<h2>Safe Shopping Guarantee</h2>
<div class="desc">
Get 30 days peace of mind returns and free shipping over $69.00 on
<br>GlassesShop.
</div>
</div>
<!--网页横幅-->
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-16368">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="16368">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fz1924"
class="product-img p-tab p-tab-16368"
title="Memphis">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202205/6278d2277d5e2.jpg?im=Resize,width=600,height=300" alt="Memphis Tortoise/Golden Square Acetate Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Tortoise/Golden"
data-target=".p-tab-16368"
data-product="16368"
data-product-name="Memphis"
data-product-sku="FZ1924"
data-try-it-on="https://res.glassesshop.com/tryon/fz1924.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202205/6278d22609c36.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Tortoise/Golden"
data-target=".p-tab-16368"
data-product="16368"
data-product-name="Memphis"
data-product-sku="FZ1924"
data-try-it-on="https://res.glassesshop.com/tryon/fz1924.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202205/6278d22609c36.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-16368">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="16368">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fz1924"
title="Memphis"
class="product-title p-tab p-tab-16368">
Memphis</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-16368">
<span>$29.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fz1924.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16368"
data-product-sku="FZ1924"
data-product-name="Memphis"
data-product-is-sunglasses=""
data-product-gtin="FZ1924"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fz1924.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16368"
data-product-sku="FZ1924"
data-product-name="Memphis"
data-product-is-sunglasses=""
data-product-gtin="FZ1924"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-15500">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="15500">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/sup1255"
class="product-img p-tab p-tab-15500"
title="Schenectady">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202109/613efc5750d9b.jpg?im=Resize,width=600,height=300" alt="Schenectady Petal Tortoise/Golden Square Acetate Sunglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Petal Tortoise/Golden"
data-target=".p-tab-15500"
data-product="15500"
data-product-name="Schenectady"
data-product-sku="SUP1255"
data-try-it-on="https://res.glassesshop.com/tryon/sup1255.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202109/613efc55c5773.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Petal Tortoise/Golden"
data-target=".p-tab-15500"
data-product="15500"
data-product-name="Schenectady"
data-product-sku="SUP1255"
data-try-it-on="https://res.glassesshop.com/tryon/sup1255.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202109/613efc55c5773.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-15500">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="15500">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/sup1255"
title="Schenectady"
class="product-title p-tab p-tab-15500">
Schenectady</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-15500">
<span>$29.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/sup1255.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15500"
data-product-sku="SUP1255"
data-product-name="Schenectady"
data-product-is-sunglasses="1"
data-product-gtin="FZ1740"
data-product-lens-customization="{"opacity": 0.8, "colorization": {"content": {"top_left": "#000000", "top_right": "#000000", "bottom_left": "#000000", "bottom_right": "#000000"}}, "reflectivity": 0.85, "antiReflectiveCoating": false}"
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/sup1255.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15500"
data-product-sku="SUP1255"
data-product-name="Schenectady"
data-product-is-sunglasses="1"
data-product-gtin="FZ1740"
data-product-lens-customization="{"opacity": 0.8, "colorization": {"content": {"top_left": "#000000", "top_right": "#000000", "bottom_left": "#000000", "bottom_right": "#000000"}}, "reflectivity": 0.85, "antiReflectiveCoating": false}"
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-12704">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="12704">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fm1394"
class="product-img p-tab p-tab-12704"
title="Attis">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202011/5fbf2aaec33c1.jpg?im=Resize,width=600,height=300" alt="Attis Golden Aviator Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Golden"
data-target=".p-tab-12704"
data-product="12704"
data-product-name="Attis"
data-product-sku="FM1394"
data-try-it-on="https://res.glassesshop.com/tryon/fm1394.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202101/6008ef4d7a09b.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Golden"
data-target=".p-tab-12704"
data-product="12704"
data-product-name="Attis"
data-product-sku="FM1394"
data-try-it-on="https://res.glassesshop.com/tryon/fm1394.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202101/6008ef4d7a09b.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-12704">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="12704">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fm1394"
title="Attis"
class="product-title p-tab p-tab-12704">
Attis</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-12704">
<span>$26.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1394.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="12704"
data-product-sku="FM1394"
data-product-name="Attis"
data-product-is-sunglasses=""
data-product-gtin="FM1394"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1394.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="12704"
data-product-sku="FM1394"
data-product-name="Attis"
data-product-is-sunglasses=""
data-product-gtin="FM1394"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-16464">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="16464">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fm1790"
class="product-img p-tab p-tab-16464"
title="Virgo">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202207/62cbdd2bb08d1.jpg?im=Resize,width=600,height=300" alt="Virgo Golden Round Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Golden"
data-target=".p-tab-16464"
data-product="16464"
data-product-name="Virgo"
data-product-sku="FM1790"
data-try-it-on="https://res.glassesshop.com/tryon/fm1790.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202207/62cbdd2a4df5e.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Golden"
data-target=".p-tab-16464"
data-product="16464"
data-product-name="Virgo"
data-product-sku="FM1790"
data-try-it-on="https://res.glassesshop.com/tryon/fm1790.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202207/62cbdd2a4df5e.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-16464">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="16464">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fm1790"
title="Virgo"
class="product-title p-tab p-tab-16464">
Virgo</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-16464">
<span>$29.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1790.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16464"
data-product-sku="FM1790"
data-product-name="Virgo"
data-product-is-sunglasses=""
data-product-gtin="FM1790"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1790.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16464"
data-product-sku="FM1790"
data-product-name="Virgo"
data-product-is-sunglasses=""
data-product-gtin="FM1790"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-15637">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="15637">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2469"
class="product-img p-tab p-tab-15637"
title="Water">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202111/617fad0aa0764.jpg?im=Resize,width=600,height=300" alt="Water Crystal/Golden Oval Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Crystal/Golden"
data-target=".p-tab-15637"
data-product="15637"
data-product-name="Water"
data-product-sku="FP2469"
data-try-it-on="https://res.glassesshop.com/tryon/fp2469.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202111/617fad0936d6f.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Crystal/Golden"
data-target=".p-tab-15637"
data-product="15637"
data-product-name="Water"
data-product-sku="FP2469"
data-try-it-on="https://res.glassesshop.com/tryon/fp2469.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202111/617fad0936d6f.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-15637">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="15637">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2469"
title="Water"
class="product-title p-tab p-tab-15637">
Water</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-15637">
<span>$29.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2469.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15637"
data-product-sku="FP2469"
data-product-name="Water"
data-product-is-sunglasses=""
data-product-gtin="FP2469"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2469.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15637"
data-product-sku="FP2469"
data-product-name="Water"
data-product-is-sunglasses=""
data-product-gtin="FP2469"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-13522">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="13522">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2107"
class="product-img p-tab p-tab-13522"
title="Gulfport">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202006/5ef06e410e21c.jpg?im=Resize,width=600,height=300" alt="Gulfport Brown/Golden Square TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Brown/Golden"
data-target=".p-tab-13522"
data-product="13522"
data-product-name="Gulfport"
data-product-sku="FP2107"
data-try-it-on="https://res.glassesshop.com/tryon/fp2107.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fp2107.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Brown/Golden"
data-target=".p-tab-13522"
data-product="13522"
data-product-name="Gulfport"
data-product-sku="FP2107"
data-try-it-on="https://res.glassesshop.com/tryon/fp2107.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fp2107.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-13522">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="13522">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2107"
title="Gulfport"
class="product-title p-tab p-tab-13522">
Gulfport</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-13522">
<span>$19.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2107.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="13522"
data-product-sku="FP2107"
data-product-name="Gulfport"
data-product-is-sunglasses=""
data-product-gtin="FP2107"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2107.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="13522"
data-product-sku="FP2107"
data-product-name="Gulfport"
data-product-is-sunglasses=""
data-product-gtin="FP2107"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-16733">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="16733">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fm1814"
class="product-img p-tab p-tab-16733"
title="Traverse">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202209/63291e344beb6.jpg?im=Resize,width=600,height=300" alt="Traverse Green/Golden Round Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Green/Golden"
data-target=".p-tab-16733"
data-product="16733"
data-product-name="Traverse"
data-product-sku="FM1814"
data-try-it-on="https://res.glassesshop.com/tryon/fm1814.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202209/63291e32d9286.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Green/Golden"
data-target=".p-tab-16733"
data-product="16733"
data-product-name="Traverse"
data-product-sku="FM1814"
data-try-it-on="https://res.glassesshop.com/tryon/fm1814.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202209/63291e32d9286.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-16733">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="16733">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fm1814"
title="Traverse"
class="product-title p-tab p-tab-16733">
Traverse</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-16733">
<span>$19.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1814.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16733"
data-product-sku="FM1814"
data-product-name="Traverse"
data-product-is-sunglasses=""
data-product-gtin="FM1814"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1814.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16733"
data-product-sku="FM1814"
data-product-name="Traverse"
data-product-is-sunglasses=""
data-product-gtin="FM1814"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-12522">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="12522">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fm1385"
class="product-img p-tab p-tab-12522"
title="Riverside">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/201906/5d031896295ff.jpg?im=Resize,width=600,height=300" alt="Riverside Black/Golden Oval Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-12522"
data-product="12522"
data-product-name="Riverside"
data-product-sku="FM1385"
data-try-it-on="https://res.glassesshop.com/tryon/fm1385.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fm1385.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-12522"
data-product="12522"
data-product-name="Riverside"
data-product-sku="FM1385"
data-try-it-on="https://res.glassesshop.com/tryon/fm1385.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fm1385.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-12522">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="12522">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fm1385"
title="Riverside"
class="product-title p-tab p-tab-12522">
Riverside</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-12522">
<span>$19.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1385.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="12522"
data-product-sku="FM1385"
data-product-name="Riverside"
data-product-is-sunglasses=""
data-product-gtin="FM1385"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1385.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="12522"
data-product-sku="FM1385"
data-product-name="Riverside"
data-product-is-sunglasses=""
data-product-gtin="FM1385"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-15501">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="15501">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/sup1256"
class="product-img p-tab p-tab-15501"
title="Schenectady">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202109/613efc5f73261.jpg?im=Resize,width=600,height=300" alt="Schenectady Black/Golden Square Acetate Sunglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-15501"
data-product="15501"
data-product-name="Schenectady"
data-product-sku="SUP1256"
data-try-it-on="https://res.glassesshop.com/tryon/sup1256.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202109/613efc5e03c14.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-15501"
data-product="15501"
data-product-name="Schenectady"
data-product-sku="SUP1256"
data-try-it-on="https://res.glassesshop.com/tryon/sup1256.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202109/613efc5e03c14.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-15501">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="15501">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/sup1256"
title="Schenectady"
class="product-title p-tab p-tab-15501">
Schenectady</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-15501">
<span>$29.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/sup1256.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15501"
data-product-sku="SUP1256"
data-product-name="Schenectady"
data-product-is-sunglasses="1"
data-product-gtin="FZ1739"
data-product-lens-customization="{"opacity": 0.8, "colorization": {"content": {"top_left": "#000000", "top_right": "#000000", "bottom_left": "#000000", "bottom_right": "#000000"}}, "reflectivity": 0.85, "antiReflectiveCoating": false}"
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/sup1256.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15501"
data-product-sku="SUP1256"
data-product-name="Schenectady"
data-product-is-sunglasses="1"
data-product-gtin="FZ1739"
data-product-lens-customization="{"opacity": 0.8, "colorization": {"content": {"top_left": "#000000", "top_right": "#000000", "bottom_left": "#000000", "bottom_right": "#000000"}}, "reflectivity": 0.85, "antiReflectiveCoating": false}"
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-12 slide-text">
<!-- Prescription banner -->
<div class="row slider slider-banners slider-prescription float-none h-auto w-auto">
</div>
<!-- Prescription banner -->
<!-- Buy Prescription Glasses Online -->
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-15570">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="15570">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2445"
class="product-img p-tab p-tab-15570"
title="Dinah">
<span class="im img-tag tag-off-per product-icon-text">52% OFF</span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202109/614a9ce1a161e.jpg?im=Resize,width=600,height=300" alt="Dinah Black/Golden Cat Eye TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-15570"
data-product="15570"
data-product-name="Dinah"
data-product-sku="FP2445"
data-try-it-on="https://res.glassesshop.com/tryon/fp2445.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202109/614a9ce04705d.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-15570"
data-product="15570"
data-product-name="Dinah"
data-product-sku="FP2445"
data-try-it-on="https://res.glassesshop.com/tryon/fp2445.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202109/614a9ce04705d.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-15570">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="15570">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2445"
title="Dinah"
class="product-title p-tab p-tab-15570">
Dinah</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-15570">
<span class="color-red">$12.95</span>
<span class="pl-2 product-pre-price">$26.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2445.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15570"
data-product-sku="FP2445"
data-product-name="Dinah"
data-product-is-sunglasses=""
data-product-gtin="FP2445"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2445.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15570"
data-product-sku="FP2445"
data-product-name="Dinah"
data-product-is-sunglasses=""
data-product-gtin="FP2445"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-16914">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="16914">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2679"
class="product-img p-tab p-tab-16914"
title="Equality">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202301/63d76dbb2186f.jpg?im=Resize,width=600,height=300" alt="Equality Black/Golden Square Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-16914"
data-product="16914"
data-product-name="Equality"
data-product-sku="FP2679"
data-try-it-on="https://res.glassesshop.com/tryon/fp2679.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202301/63d76db9a43f6.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-16914"
data-product="16914"
data-product-name="Equality"
data-product-sku="FP2679"
data-try-it-on="https://res.glassesshop.com/tryon/fp2679.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202301/63d76db9a43f6.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-16914">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="16914">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2679"
title="Equality"
class="product-title p-tab p-tab-16914">
Equality</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-16914">
<span>$19.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2679.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16914"
data-product-sku="FP2679"
data-product-name="Equality"
data-product-is-sunglasses=""
data-product-gtin="FP2679"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2679.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16914"
data-product-sku="FP2679"
data-product-name="Equality"
data-product-is-sunglasses=""
data-product-gtin="FP2679"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-15929">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="15929">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2520"
class="product-img p-tab p-tab-15929"
title="Pasadena">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202201/61dbe605ac50b.jpg?im=Resize,width=600,height=300" alt="Pasadena Black/Golden Oval TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-15929"
data-product="15929"
data-product-name="Pasadena"
data-product-sku="FP2520"
data-try-it-on="https://res.glassesshop.com/tryon/fp2520.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202201/61dbe60448941.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-15929"
data-product="15929"
data-product-name="Pasadena"
data-product-sku="FP2520"
data-try-it-on="https://res.glassesshop.com/tryon/fp2520.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202201/61dbe60448941.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-15929">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="15929">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2520"
title="Pasadena"
class="product-title p-tab p-tab-15929">
Pasadena</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-15929">
<span>$26.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2520.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15929"
data-product-sku="FP2520"
data-product-name="Pasadena"
data-product-is-sunglasses=""
data-product-gtin="FP2520"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2520.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15929"
data-product-sku="FP2520"
data-product-name="Pasadena"
data-product-is-sunglasses=""
data-product-gtin="FP2520"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-16281">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="16281">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fm1746"
class="product-img p-tab p-tab-16281"
title="Susanna">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202205/6278d34429bc9.jpg?im=Resize,width=600,height=300" alt="Susanna Brown/Golden Cat Eye Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Brown/Golden"
data-target=".p-tab-16281"
data-product="16281"
data-product-name="Susanna"
data-product-sku="FM1746"
data-try-it-on="https://res.glassesshop.com/tryon/fm1746.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202205/6278d342c6617.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Brown/Golden"
data-target=".p-tab-16281"
data-product="16281"
data-product-name="Susanna"
data-product-sku="FM1746"
data-try-it-on="https://res.glassesshop.com/tryon/fm1746.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202205/6278d342c6617.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-16281">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="16281">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fm1746"
title="Susanna"
class="product-title p-tab p-tab-16281">
Susanna</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-16281">
<span>$29.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1746.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16281"
data-product-sku="FM1746"
data-product-name="Susanna"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="try-on-btn btn-default-vto font-12"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1746.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16281"
data-product-sku="FM1746"
data-product-name="Susanna"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="d-block try-on-btn btn-default-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-16175">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="16175">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/rm0310"
class="product-img p-tab p-tab-16175"
title="AnnArbor">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202204/624ff5f880c56.jpg?im=Resize,width=600,height=300" alt="AnnArbor Golden/Tortoise Rectangle Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Golden/Tortoise"
data-target=".p-tab-16175"
data-product="16175"
data-product-name="AnnArbor"
data-product-sku="RM0310"
data-try-it-on="https://res.glassesshop.com/tryon/rm0310.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202204/624ff5f72c9dc.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Golden/Tortoise"
data-target=".p-tab-16175"
data-product="16175"
data-product-name="AnnArbor"
data-product-sku="RM0310"
data-try-it-on="https://res.glassesshop.com/tryon/rm0310.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202204/624ff5f72c9dc.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-16175">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="16175">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/rm0310"
title="AnnArbor"
class="product-title p-tab p-tab-16175">
AnnArbor</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-16175">
<span>$29.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/rm0310.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16175"
data-product-sku="RM0310"
data-product-name="AnnArbor"
data-product-is-sunglasses=""
data-product-gtin="RM0310"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/rm0310.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16175"
data-product-sku="RM0310"
data-product-name="AnnArbor"
data-product-is-sunglasses=""
data-product-gtin="RM0310"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-14281">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="14281">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2185"
class="product-img p-tab p-tab-14281"
title="Bainbridge">
<span class="im img-tag tag-off-per product-icon-text">75% OFF</span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202011/5fc4575041188.jpg?im=Resize,width=600,height=300" alt="Bainbridge Black/Golden Rectangle TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-14281"
data-product="14281"
data-product-name="Bainbridge"
data-product-sku="FP2185"
data-try-it-on="https://res.glassesshop.com/tryon/fp2185.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fp2185.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-14281"
data-product="14281"
data-product-name="Bainbridge"
data-product-sku="FP2185"
data-try-it-on="https://res.glassesshop.com/tryon/fp2185.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fp2185.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-14281">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="14281">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2185"
title="Bainbridge"
class="product-title p-tab p-tab-14281">
Bainbridge</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-14281">
<span class="color-red">$4.99</span>
<span class="pl-2 product-pre-price">$19.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2185.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="14281"
data-product-sku="FP2185"
data-product-name="Bainbridge"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="try-on-btn btn-default-vto font-12"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2185.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="14281"
data-product-sku="FP2185"
data-product-name="Bainbridge"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="d-block try-on-btn btn-default-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-14134">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="14134">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2165"
class="product-img p-tab p-tab-14134"
title="Ogden">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202011/5f9faf1aa2b44.jpg?im=Resize,width=600,height=300" alt="Ogden Black/Golden Browline TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-14134"
data-product="14134"
data-product-name="Ogden"
data-product-sku="FP2165"
data-try-it-on="https://res.glassesshop.com/tryon/fp2165.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202101/6008ef4e19d60.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-14134"
data-product="14134"
data-product-name="Ogden"
data-product-sku="FP2165"
data-try-it-on="https://res.glassesshop.com/tryon/fp2165.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202101/6008ef4e19d60.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-14134">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="14134">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2165"
title="Ogden"
class="product-title p-tab p-tab-14134">
Ogden</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-14134">
<span>$26.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2165.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="14134"
data-product-sku="FP2165"
data-product-name="Ogden"
data-product-is-sunglasses=""
data-product-gtin="FP2165"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2165.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="14134"
data-product-sku="FP2165"
data-product-name="Ogden"
data-product-is-sunglasses=""
data-product-gtin="FP2165"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-12945">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="12945">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/sup0749"
class="product-img p-tab p-tab-12945"
title="Bernardino">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202007/5f1e8ac5b6c35.jpg?im=Resize,width=600,height=300" alt="Bernardino Golden Aviator Metal Sunglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Golden"
data-target=".p-tab-12945"
data-product="12945"
data-product-name="Bernardino"
data-product-sku="SUP0749"
data-try-it-on="https://res.glassesshop.com/tryon/sup0749.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/sup0749.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Golden"
data-target=".p-tab-12945"
data-product="12945"
data-product-name="Bernardino"
data-product-sku="SUP0749"
data-try-it-on="https://res.glassesshop.com/tryon/sup0749.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/sup0749.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-12945">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="12945">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/sup0749"
title="Bernardino"
class="product-title p-tab p-tab-12945">
Bernardino</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-12945">
<span>$26.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/sup0749.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="12945"
data-product-sku="SUP0749"
data-product-name="Bernardino"
data-product-is-sunglasses="1"
data-product-gtin="FM1394"
data-product-lens-customization="{"opacity": 0.8, "colorization": {"content": {"top_left": "#371302", "top_right": "#371302", "bottom_left": "#371302", "bottom_right": "#371302"}}, "reflectivity": 0.85, "antiReflectiveCoating": false}"
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/sup0749.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="12945"
data-product-sku="SUP0749"
data-product-name="Bernardino"
data-product-is-sunglasses="1"
data-product-gtin="FM1394"
data-product-lens-customization="{"opacity": 0.8, "colorization": {"content": {"top_left": "#371302", "top_right": "#371302", "bottom_left": "#371302", "bottom_right": "#371302"}}, "reflectivity": 0.85, "antiReflectiveCoating": false}"
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-15568">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="15568">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2447"
class="product-img p-tab p-tab-15568"
title="Dinah">
<span class="im img-tag tag-off-per product-icon-text">52% OFF</span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202109/614a9cf20bcca.jpg?im=Resize,width=600,height=300" alt="Dinah Red/Golden Cat Eye TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Red/Golden"
data-target=".p-tab-15568"
data-product="15568"
data-product-name="Dinah"
data-product-sku="FP2447"
data-try-it-on="https://res.glassesshop.com/tryon/fp2447.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202109/614a9cf09f8cc.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Red/Golden"
data-target=".p-tab-15568"
data-product="15568"
data-product-name="Dinah"
data-product-sku="FP2447"
data-try-it-on="https://res.glassesshop.com/tryon/fp2447.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202109/614a9cf09f8cc.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-15568">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="15568">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2447"
title="Dinah"
class="product-title p-tab p-tab-15568">
Dinah</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-15568">
<span class="color-red">$12.95</span>
<span class="pl-2 product-pre-price">$26.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2447.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15568"
data-product-sku="FP2447"
data-product-name="Dinah"
data-product-is-sunglasses=""
data-product-gtin="FP2447"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2447.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15568"
data-product-sku="FP2447"
data-product-name="Dinah"
data-product-is-sunglasses=""
data-product-gtin="FP2447"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<!--网页横幅-->
<div class="category-title col-12">
<h2>Fit & Style Quiz</h2>
<div class="desc d-none d-lg-block">Are you still confusing about what kind of glasses to wear? Click here,
<br>you will find the perfect pair in 30 seconds.
</div>
<div class="desc d-lg-none">Are you still confusing about what kind of glasses to wear? Click here,you will find the perfect pair in 30 seconds.
</div>
<a class="start" href="/quiz/glasses-frame-finder">Get Started</a>
</div>
<!--网页横幅-->
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-8723">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="8723">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/rm0247"
class="product-img p-tab p-tab-8723"
title="Terre">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/201703/58c7556ccda85.jpg?im=Resize,width=600,height=300" alt="Terre Golden Rectangle Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Golden"
data-target=".p-tab-8723"
data-product="8723"
data-product-name="Terre"
data-product-sku="RM0247"
data-try-it-on="https://res.glassesshop.com/tryon/rm0247.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/rm0247.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Golden"
data-target=".p-tab-8723"
data-product="8723"
data-product-name="Terre"
data-product-sku="RM0247"
data-try-it-on="https://res.glassesshop.com/tryon/rm0247.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/rm0247.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-8723">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="8723">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/rm0247"
title="Terre"
class="product-title p-tab p-tab-8723">
Terre</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-8723">
<span>$32.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/rm0247.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="8723"
data-product-sku="RM0247"
data-product-name="Terre"
data-product-is-sunglasses=""
data-product-gtin="RM0247"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/rm0247.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="8723"
data-product-sku="RM0247"
data-product-name="Terre"
data-product-is-sunglasses=""
data-product-gtin="RM0247"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-13047">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="13047">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fm1419"
class="product-img p-tab p-tab-13047"
title="Smith">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202110/617cff866ccbc.jpg?im=Resize,width=600,height=300" alt="Smith Black/Golden Browline TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-13047"
data-product="13047"
data-product-name="Smith"
data-product-sku="FM1419"
data-try-it-on="https://res.glassesshop.com/tryon/fm1419.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202110/617cff84f0325.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-13047"
data-product="13047"
data-product-name="Smith"
data-product-sku="FM1419"
data-try-it-on="https://res.glassesshop.com/tryon/fm1419.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202110/617cff84f0325.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-13047">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="13047">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fm1419"
title="Smith"
class="product-title p-tab p-tab-13047">
Smith</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-13047">
<span>$29.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1419.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="13047"
data-product-sku="FM1419"
data-product-name="Smith"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="try-on-btn btn-default-vto font-12"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1419.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="13047"
data-product-sku="FM1419"
data-product-name="Smith"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="d-block try-on-btn btn-default-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-14278">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="14278">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2183"
class="product-img p-tab p-tab-14278"
title="Jacksonville">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202011/5fc45741a56c5.jpg?im=Resize,width=600,height=300" alt="Jacksonville Black/golden Rectangle TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/golden"
data-target=".p-tab-14278"
data-product="14278"
data-product-name="Jacksonville"
data-product-sku="FP2183"
data-try-it-on="https://res.glassesshop.com/tryon/fp2183.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fp2183.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/golden"
data-target=".p-tab-14278"
data-product="14278"
data-product-name="Jacksonville"
data-product-sku="FP2183"
data-try-it-on="https://res.glassesshop.com/tryon/fp2183.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fp2183.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-14278">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="14278">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2183"
title="Jacksonville"
class="product-title p-tab p-tab-14278">
Jacksonville</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-14278">
<span>$19.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2183.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="14278"
data-product-sku="FP2183"
data-product-name="Jacksonville"
data-product-is-sunglasses=""
data-product-gtin="FP2183"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2183.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="14278"
data-product-sku="FP2183"
data-product-name="Jacksonville"
data-product-is-sunglasses=""
data-product-gtin="FP2183"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-17923">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="17923">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fm1874"
class="product-img p-tab p-tab-17923"
title="Alva">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202309/64f6922c0bb0e.jpg?im=Resize,width=600,height=300" alt="Alva Black/Golden/Tortoise Oval TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden/Tortoise"
data-target=".p-tab-17923"
data-product="17923"
data-product-name="Alva"
data-product-sku="FM1874"
data-try-it-on="https://res.glassesshop.com/tryon/fm1874.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202309/64f6922b2af86.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden/Tortoise"
data-target=".p-tab-17923"
data-product="17923"
data-product-name="Alva"
data-product-sku="FM1874"
data-try-it-on="https://res.glassesshop.com/tryon/fm1874.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202309/64f6922b2af86.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-17923">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="17923">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fm1874"
title="Alva"
class="product-title p-tab p-tab-17923">
Alva</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-17923">
<span>$26.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1874.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="17923"
data-product-sku="FM1874"
data-product-name="Alva"
data-product-is-sunglasses=""
data-product-gtin="FM1874"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1874.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="17923"
data-product-sku="FM1874"
data-product-name="Alva"
data-product-is-sunglasses=""
data-product-gtin="FM1874"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-13504">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="13504">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2105"
class="product-img p-tab p-tab-13504"
title="Salisbury">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202006/5ef06e335153e.jpg?im=Resize,width=600,height=300" alt="Salisbury Black/Golden Browline TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-13504"
data-product="13504"
data-product-name="Salisbury"
data-product-sku="FP2105"
data-try-it-on="https://res.glassesshop.com/tryon/fp2105.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fp2105.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-13504"
data-product="13504"
data-product-name="Salisbury"
data-product-sku="FP2105"
data-try-it-on="https://res.glassesshop.com/tryon/fp2105.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fp2105.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-13504">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="13504">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2105"
title="Salisbury"
class="product-title p-tab p-tab-13504">
Salisbury</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-13504">
<span>$19.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2105.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="13504"
data-product-sku="FP2105"
data-product-name="Salisbury"
data-product-is-sunglasses=""
data-product-gtin="FP2105"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2105.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="13504"
data-product-sku="FP2105"
data-product-name="Salisbury"
data-product-is-sunglasses=""
data-product-gtin="FP2105"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
<img src="https://res.glassesshop.com/statics/images/product-list-icon/gv.png"
class="p-tab-14717" alt="">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-14717">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="14717">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fz1673"
class="product-img p-tab p-tab-14717"
title="Gemini">
<span class="im img-tag tag-off-per product-icon-text">56% OFF</span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202103/604724fa0e46b.jpg?im=Resize,width=600,height=300" alt="Gemini Tortoise/Golden Polygon Acetate Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Tortoise/Golden"
data-target=".p-tab-14717"
data-product="14717"
data-product-name="Gemini"
data-product-sku="FZ1673"
data-try-it-on="https://res.glassesshop.com/tryon/fz1673.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202103/604724f889c9b.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Tortoise/Golden"
data-target=".p-tab-14717"
data-product="14717"
data-product-name="Gemini"
data-product-sku="FZ1673"
data-try-it-on="https://res.glassesshop.com/tryon/fz1673.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202103/604724f889c9b.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-14717">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="14717">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fz1673"
title="Gemini"
class="product-title p-tab p-tab-14717">
Gemini</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-14717">
<span class="color-red">$19.95</span>
<span class="pl-2 product-pre-price">$44.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fz1673.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="14717"
data-product-sku="FZ1673"
data-product-name="Gemini"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="try-on-btn btn-default-vto font-12"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fz1673.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="14717"
data-product-sku="FZ1673"
data-product-name="Gemini"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="d-block try-on-btn btn-default-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-14752">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="14752">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fm1565"
class="product-img p-tab p-tab-14752"
title="Barret">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202106/60d13aac8e41f.jpg?im=Resize,width=600,height=300" alt="Barret Black/Golden Rectangle Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-14752"
data-product="14752"
data-product-name="Barret"
data-product-sku="FM1565"
data-try-it-on="https://res.glassesshop.com/tryon/fm1565.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202104/606bdb948b4e1.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-14752"
data-product="14752"
data-product-name="Barret"
data-product-sku="FM1565"
data-try-it-on="https://res.glassesshop.com/tryon/fm1565.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202104/606bdb948b4e1.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-14752">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="14752">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fm1565"
title="Barret"
class="product-title p-tab p-tab-14752">
Barret</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-14752">
<span>$29.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1565.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="14752"
data-product-sku="FM1565"
data-product-name="Barret"
data-product-is-sunglasses=""
data-product-gtin="FM1565"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1565.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="14752"
data-product-sku="FM1565"
data-product-name="Barret"
data-product-is-sunglasses=""
data-product-gtin="FM1565"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-13229">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="13229">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/sup0822"
class="product-img p-tab p-tab-13229"
title="Walnut">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202004/5e93cdbe0f963.jpg?im=Resize,width=600,height=300" alt="Walnut Black/Golden Aviator Metal Sunglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-13229"
data-product="13229"
data-product-name="Walnut"
data-product-sku="SUP0822"
data-try-it-on="https://res.glassesshop.com/tryon/sup0822.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/sup0822.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-13229"
data-product="13229"
data-product-name="Walnut"
data-product-sku="SUP0822"
data-try-it-on="https://res.glassesshop.com/tryon/sup0822.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/sup0822.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-13229">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="13229">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/sup0822"
title="Walnut"
class="product-title p-tab p-tab-13229">
Walnut</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-13229">
<span>$29.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/sup0822.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="13229"
data-product-sku="SUP0822"
data-product-name="Walnut"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="try-on-btn btn-default-vto font-12"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/sup0822.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="13229"
data-product-sku="SUP0822"
data-product-name="Walnut"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="d-block try-on-btn btn-default-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-16740">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="16740">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fm1820"
class="product-img p-tab p-tab-16740"
title="Smollett">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202209/63291e6619ff6.jpg?im=Resize,width=600,height=300" alt="Smollett Black/Golden/Tortoise Polygon Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden/Tortoise"
data-target=".p-tab-16740"
data-product="16740"
data-product-name="Smollett"
data-product-sku="FM1820"
data-try-it-on="https://res.glassesshop.com/tryon/fm1820.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202209/63291e6485f6d.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden/Tortoise"
data-target=".p-tab-16740"
data-product="16740"
data-product-name="Smollett"
data-product-sku="FM1820"
data-try-it-on="https://res.glassesshop.com/tryon/fm1820.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202209/63291e6485f6d.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-16740">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="16740">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fm1820"
title="Smollett"
class="product-title p-tab p-tab-16740">
Smollett</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-16740">
<span>$19.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1820.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16740"
data-product-sku="FM1820"
data-product-name="Smollett"
data-product-is-sunglasses=""
data-product-gtin="FM1820"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1820.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16740"
data-product-sku="FM1820"
data-product-name="Smollett"
data-product-is-sunglasses=""
data-product-gtin="FM1820"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-16944">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="16944">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2702"
class="product-img p-tab p-tab-16944"
title="Cleveland">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202301/63d76c765c32a.jpg?im=Resize,width=600,height=300" alt="Cleveland Black/Golden Rectangle TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-16944"
data-product="16944"
data-product-name="Cleveland"
data-product-sku="FP2702"
data-try-it-on="https://res.glassesshop.com/tryon/fp2702.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202301/63d76c742c0a6.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-16944"
data-product="16944"
data-product-name="Cleveland"
data-product-sku="FP2702"
data-try-it-on="https://res.glassesshop.com/tryon/fp2702.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202301/63d76c742c0a6.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-16944">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="16944">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2702"
title="Cleveland"
class="product-title p-tab p-tab-16944">
Cleveland</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-16944">
<span>$26.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2702.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16944"
data-product-sku="FP2702"
data-product-name="Cleveland"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="try-on-btn btn-default-vto font-12"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2702.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16944"
data-product-sku="FP2702"
data-product-name="Cleveland"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="d-block try-on-btn btn-default-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-15481">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="15481">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/sup1240"
class="product-img p-tab p-tab-15481"
title="Cloud">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202109/613efbeb85501.jpg?im=Resize,width=600,height=300" alt="Cloud Green/Golden Aviator Titanium Sunglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Green/Golden"
data-target=".p-tab-15481"
data-product="15481"
data-product-name="Cloud"
data-product-sku="SUP1240"
data-try-it-on="https://res.glassesshop.com/tryon/sup1240.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202109/613efbeb63c7d.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Green/Golden"
data-target=".p-tab-15481"
data-product="15481"
data-product-name="Cloud"
data-product-sku="SUP1240"
data-try-it-on="https://res.glassesshop.com/tryon/sup1240.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202109/613efbeb63c7d.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-15481">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="15481">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/sup1240"
title="Cloud"
class="product-title p-tab p-tab-15481">
Cloud</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-15481">
<span>$45.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/sup1240.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15481"
data-product-sku="SUP1240"
data-product-name="Cloud"
data-product-is-sunglasses="1"
data-product-gtin="FT0526"
data-product-lens-customization="{"opacity": 0.8, "colorization": {"content": {"top_left": "#000000", "top_right": "#000000", "bottom_left": "#000000", "bottom_right": "#000000"}}, "reflectivity": 0.85, "antiReflectiveCoating": false}"
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/sup1240.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15481"
data-product-sku="SUP1240"
data-product-name="Cloud"
data-product-is-sunglasses="1"
data-product-gtin="FT0526"
data-product-lens-customization="{"opacity": 0.8, "colorization": {"content": {"top_left": "#000000", "top_right": "#000000", "bottom_left": "#000000", "bottom_right": "#000000"}}, "reflectivity": 0.85, "antiReflectiveCoating": false}"
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-13900">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="13900">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/sup0999"
class="product-img p-tab p-tab-13900"
title="Hoboken">
<span class="im img-tag tag-off-per product-icon-text">52% OFF</span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202009/5f5f316564ec0.jpg?im=Resize,width=600,height=300" alt="Hoboken Black/Golden Browline TR90 Sunglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-13900"
data-product="13900"
data-product-name="Hoboken"
data-product-sku="SUP0999"
data-try-it-on="https://res.glassesshop.com/tryon/sup0999.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/sup0999.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-13900"
data-product="13900"
data-product-name="Hoboken"
data-product-sku="SUP0999"
data-try-it-on="https://res.glassesshop.com/tryon/sup0999.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/sup0999.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-13900">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="13900">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/sup0999"
title="Hoboken"
class="product-title p-tab p-tab-13900">
Hoboken</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-13900">
<span class="color-red">$12.95</span>
<span class="pl-2 product-pre-price">$26.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/sup0999.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="13900"
data-product-sku="SUP0999"
data-product-name="Hoboken"
data-product-is-sunglasses="1"
data-product-gtin="FP2047"
data-product-lens-customization="{"opacity": 0.8, "colorization": {"content": {"top_left": "#2979b6", "top_right": "#275898", "bottom_left": "#2cbff1", "bottom_right": "#2a7eb9"}}, "reflectivity": 0.85, "reflectionContrast": 2, "reflectionBrightness": 0.5, "antiReflectiveCoating": false}"
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/sup0999.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="13900"
data-product-sku="SUP0999"
data-product-name="Hoboken"
data-product-is-sunglasses="1"
data-product-gtin="FP2047"
data-product-lens-customization="{"opacity": 0.8, "colorization": {"content": {"top_left": "#2979b6", "top_right": "#275898", "bottom_left": "#2cbff1", "bottom_right": "#2a7eb9"}}, "reflectivity": 0.85, "reflectionContrast": 2, "reflectionBrightness": 0.5, "antiReflectiveCoating": false}"
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-14814">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="14814">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/ft0482"
class="product-img p-tab p-tab-14814"
title="Clark">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202104/606bbefd34db8.jpg?im=Resize,width=600,height=300" alt="Clark Black/Golden Rectangle Titanium Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-14814"
data-product="14814"
data-product-name="Clark"
data-product-sku="FT0482"
data-try-it-on="https://res.glassesshop.com/tryon/ft0482.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202104/606bbefbbb6c0.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-14814"
data-product="14814"
data-product-name="Clark"
data-product-sku="FT0482"
data-try-it-on="https://res.glassesshop.com/tryon/ft0482.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202104/606bbefbbb6c0.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-14814">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="14814">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/ft0482"
title="Clark"
class="product-title p-tab p-tab-14814">
Clark</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-14814">
<span>$54.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/ft0482.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="14814"
data-product-sku="FT0482"
data-product-name="Clark"
data-product-is-sunglasses=""
data-product-gtin="FT0482"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/ft0482.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="14814"
data-product-sku="FT0482"
data-product-name="Clark"
data-product-is-sunglasses=""
data-product-gtin="FT0482"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-14697">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="14697">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2265"
class="product-img p-tab p-tab-14697"
title="Nancy">
<span class="im img-tag tag-off-per product-icon-text">52% OFF</span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202106/60bdd4639d4c6.jpg?im=Resize,width=600,height=300" alt="Nancy Pink/Golden Oval TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Pink/Golden"
data-target=".p-tab-14697"
data-product="14697"
data-product-name="Nancy"
data-product-sku="FP2265"
data-try-it-on="https://res.glassesshop.com/tryon/fp2265.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202106/60bdd49e965bf.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Pink/Golden"
data-target=".p-tab-14697"
data-product="14697"
data-product-name="Nancy"
data-product-sku="FP2265"
data-try-it-on="https://res.glassesshop.com/tryon/fp2265.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202106/60bdd49e965bf.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-14697">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="14697">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2265"
title="Nancy"
class="product-title p-tab p-tab-14697">
Nancy</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-14697">
<span class="color-red">$12.95</span>
<span class="pl-2 product-pre-price">$26.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2265.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="14697"
data-product-sku="FP2265"
data-product-name="Nancy"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="try-on-btn btn-default-vto font-12"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2265.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="14697"
data-product-sku="FP2265"
data-product-name="Nancy"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="d-block try-on-btn btn-default-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-13414">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="13414">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fz1437"
class="product-img p-tab p-tab-13414"
title="Westlake">
<span class="im img-tag tag-off-per product-icon-text">33% OFF</span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202005/5eb9129c7a05e.jpg?im=Resize,width=600,height=300" alt="Westlake Tortoise/Golden Round Acetate Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Tortoise/Golden"
data-target=".p-tab-13414"
data-product="13414"
data-product-name="Westlake"
data-product-sku="FZ1437"
data-try-it-on="https://res.glassesshop.com/tryon/fz1437.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fz1437.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Tortoise/Golden"
data-target=".p-tab-13414"
data-product="13414"
data-product-name="Westlake"
data-product-sku="FZ1437"
data-try-it-on="https://res.glassesshop.com/tryon/fz1437.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fz1437.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-13414">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="13414">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fz1437"
title="Westlake"
class="product-title p-tab p-tab-13414">
Westlake</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-13414">
<span class="color-red">$29.95</span>
<span class="pl-2 product-pre-price">$44.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fz1437.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="13414"
data-product-sku="FZ1437"
data-product-name="Westlake"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="try-on-btn btn-default-vto font-12"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fz1437.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="13414"
data-product-sku="FZ1437"
data-product-name="Westlake"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="d-block try-on-btn btn-default-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-16732">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="16732">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fm1813"
class="product-img p-tab p-tab-16732"
title="Traverse">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202209/63291e2c28c96.jpg?im=Resize,width=600,height=300" alt="Traverse Black/Golden Round Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-16732"
data-product="16732"
data-product-name="Traverse"
data-product-sku="FM1813"
data-try-it-on="https://res.glassesshop.com/tryon/fm1813.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202209/63291e2aa2a37.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-16732"
data-product="16732"
data-product-name="Traverse"
data-product-sku="FM1813"
data-try-it-on="https://res.glassesshop.com/tryon/fm1813.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202209/63291e2aa2a37.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-16732">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="16732">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fm1813"
title="Traverse"
class="product-title p-tab p-tab-16732">
Traverse</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-16732">
<span>$19.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1813.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16732"
data-product-sku="FM1813"
data-product-name="Traverse"
data-product-is-sunglasses=""
data-product-gtin="FM1813"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1813.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16732"
data-product-sku="FM1813"
data-product-name="Traverse"
data-product-is-sunglasses=""
data-product-gtin="FM1813"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-14804">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="14804">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fm1595"
class="product-img p-tab p-tab-14804"
title="Gill">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202104/606bdc10429d3.jpg?im=Resize,width=600,height=300" alt="Gill Golden Oval Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Golden"
data-target=".p-tab-14804"
data-product="14804"
data-product-name="Gill"
data-product-sku="FM1595"
data-try-it-on="https://res.glassesshop.com/tryon/fm1595.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202104/606bdc0eea9f4.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Golden"
data-target=".p-tab-14804"
data-product="14804"
data-product-name="Gill"
data-product-sku="FM1595"
data-try-it-on="https://res.glassesshop.com/tryon/fm1595.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202104/606bdc0eea9f4.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-14804">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="14804">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fm1595"
title="Gill"
class="product-title p-tab p-tab-14804">
Gill</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-14804">
<span>$19.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1595.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="14804"
data-product-sku="FM1595"
data-product-name="Gill"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="try-on-btn btn-default-vto font-12"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1595.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="14804"
data-product-sku="FM1595"
data-product-name="Gill"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="d-block try-on-btn btn-default-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-12526">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="12526">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fm1388"
class="product-img p-tab p-tab-12526"
title="Celia">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/201906/5d03189634ede.jpg?im=Resize,width=600,height=300" alt="Celia Red/Golden Cat Eye Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Red/Golden"
data-target=".p-tab-12526"
data-product="12526"
data-product-name="Celia"
data-product-sku="FM1388"
data-try-it-on="https://res.glassesshop.com/tryon/fm1388.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fm1388.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Red/Golden"
data-target=".p-tab-12526"
data-product="12526"
data-product-name="Celia"
data-product-sku="FM1388"
data-try-it-on="https://res.glassesshop.com/tryon/fm1388.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fm1388.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-12526">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="12526">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fm1388"
title="Celia"
class="product-title p-tab p-tab-12526">
Celia</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-12526">
<span>$19.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1388.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="12526"
data-product-sku="FM1388"
data-product-name="Celia"
data-product-is-sunglasses=""
data-product-gtin="FM1388"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1388.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="12526"
data-product-sku="FM1388"
data-product-name="Celia"
data-product-is-sunglasses=""
data-product-gtin="FM1388"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-15572">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="15572">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2453"
class="product-img p-tab p-tab-15572"
title="Elva">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202109/614a9d257cb66.jpg?im=Resize,width=600,height=300" alt="Elva Champagne/Golden Round TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Champagne/Golden"
data-target=".p-tab-15572"
data-product="15572"
data-product-name="Elva"
data-product-sku="FP2453"
data-try-it-on="https://res.glassesshop.com/tryon/fp2453.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202109/614a9d2417b5f.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Champagne/Golden"
data-target=".p-tab-15572"
data-product="15572"
data-product-name="Elva"
data-product-sku="FP2453"
data-try-it-on="https://res.glassesshop.com/tryon/fp2453.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202109/614a9d2417b5f.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-15572">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="15572">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2453"
title="Elva"
class="product-title p-tab p-tab-15572">
Elva</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-15572">
<span>$26.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2453.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15572"
data-product-sku="FP2453"
data-product-name="Elva"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="try-on-btn btn-default-vto font-12"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2453.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15572"
data-product-sku="FP2453"
data-product-name="Elva"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="d-block try-on-btn btn-default-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-15569">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="15569">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2446"
class="product-img p-tab p-tab-15569"
title="Dinah">
<span class="im img-tag tag-off-per product-icon-text">52% OFF</span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202109/614a9ce9bf154.jpg?im=Resize,width=600,height=300" alt="Dinah Green/Golden Cat Eye TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Green/Golden"
data-target=".p-tab-15569"
data-product="15569"
data-product-name="Dinah"
data-product-sku="FP2446"
data-try-it-on="https://res.glassesshop.com/tryon/fp2446.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202109/614a9ce85d60c.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Green/Golden"
data-target=".p-tab-15569"
data-product="15569"
data-product-name="Dinah"
data-product-sku="FP2446"
data-try-it-on="https://res.glassesshop.com/tryon/fp2446.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202109/614a9ce85d60c.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-15569">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="15569">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2446"
title="Dinah"
class="product-title p-tab p-tab-15569">
Dinah</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-15569">
<span class="color-red">$12.95</span>
<span class="pl-2 product-pre-price">$26.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2446.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15569"
data-product-sku="FP2446"
data-product-name="Dinah"
data-product-is-sunglasses=""
data-product-gtin="FP2446"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2446.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15569"
data-product-sku="FP2446"
data-product-name="Dinah"
data-product-is-sunglasses=""
data-product-gtin="FP2446"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-15566">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="15566">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2454"
class="product-img p-tab p-tab-15566"
title="Dinah">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202109/614a9d9bb2e6a.jpg?im=Resize,width=600,height=300" alt="Dinah Pink/Golden Cat Eye TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Pink/Golden"
data-target=".p-tab-15566"
data-product="15566"
data-product-name="Dinah"
data-product-sku="FP2454"
data-try-it-on="https://res.glassesshop.com/tryon/fp2454.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202109/614a9d9a43e25.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Pink/Golden"
data-target=".p-tab-15566"
data-product="15566"
data-product-name="Dinah"
data-product-sku="FP2454"
data-try-it-on="https://res.glassesshop.com/tryon/fp2454.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202109/614a9d9a43e25.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-15566">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="15566">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2454"
title="Dinah"
class="product-title p-tab p-tab-15566">
Dinah</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-15566">
<span>$26.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2454.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15566"
data-product-sku="FP2454"
data-product-name="Dinah"
data-product-is-sunglasses=""
data-product-gtin="FP2454"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2454.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15566"
data-product-sku="FP2454"
data-product-name="Dinah"
data-product-is-sunglasses=""
data-product-gtin="FP2454"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-18225">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="18225">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fbfp2108"
class="product-img p-tab p-tab-18225"
title="Myers">
<span class="im img-tag tag-off-per product-icon-text">95% OFF</span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202402/65dc3432c7473.jpg?im=Resize,width=600,height=300" alt="Myers Black/Golden Rectangle TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-18225"
data-product="18225"
data-product-name="Myers"
data-product-sku="FBFP2108"
data-try-it-on="https://res.glassesshop.com/tryon/fbfp2108.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202402/65dc3431d4df5.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-18225"
data-product="18225"
data-product-name="Myers"
data-product-sku="FBFP2108"
data-try-it-on="https://res.glassesshop.com/tryon/fbfp2108.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202402/65dc3431d4df5.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-18225">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="18225">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fbfp2108"
title="Myers"
class="product-title p-tab p-tab-18225">
Myers</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-18225">
<span class="color-red">$0.99</span>
<span class="pl-2 product-pre-price">$19.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fbfp2108.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="18225"
data-product-sku="FBFP2108"
data-product-name="Myers"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="try-on-btn btn-default-vto font-12"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fbfp2108.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="18225"
data-product-sku="FBFP2108"
data-product-name="Myers"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="d-block try-on-btn btn-default-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
<img src="https://res.glassesshop.com/statics/images/product-list-icon/gv.png"
class="p-tab-13871" alt="">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-13871">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="13871">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fm1498"
class="product-img p-tab p-tab-13871"
title="Saxton">
<span class="im img-tag tag-off-per product-icon-text">50% OFF</span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202009/5f607ff3a3b08.jpg?im=Resize,width=600,height=300" alt="Saxton Black/Golden Oval Stainless Steel Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-13871"
data-product="13871"
data-product-name="Saxton"
data-product-sku="FM1498"
data-try-it-on="https://res.glassesshop.com/tryon/fm1498.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fm1498.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-13871"
data-product="13871"
data-product-name="Saxton"
data-product-sku="FM1498"
data-try-it-on="https://res.glassesshop.com/tryon/fm1498.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/fm1498.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-13871">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="13871">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fm1498"
title="Saxton"
class="product-title p-tab p-tab-13871">
Saxton</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-13871">
<span class="color-red">$19.95</span>
<span class="pl-2 product-pre-price">$39.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1498.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="13871"
data-product-sku="FM1498"
data-product-name="Saxton"
data-product-is-sunglasses=""
data-product-gtin="FM1498"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1498.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="13871"
data-product-sku="FM1498"
data-product-name="Saxton"
data-product-is-sunglasses=""
data-product-gtin="FM1498"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-16785">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="16785">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2663"
class="product-img p-tab p-tab-16785"
title="Methuen">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202209/63292002c7c1e.jpg?im=Resize,width=600,height=300" alt="Methuen Black/Golden Aviator TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-16785"
data-product="16785"
data-product-name="Methuen"
data-product-sku="FP2663"
data-try-it-on="https://res.glassesshop.com/tryon/fp2663.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202209/6329200157041.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-16785"
data-product="16785"
data-product-name="Methuen"
data-product-sku="FP2663"
data-try-it-on="https://res.glassesshop.com/tryon/fp2663.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202209/6329200157041.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-16785">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="16785">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2663"
title="Methuen"
class="product-title p-tab p-tab-16785">
Methuen</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-16785">
<span>$26.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2663.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16785"
data-product-sku="FP2663"
data-product-name="Methuen"
data-product-is-sunglasses=""
data-product-gtin="FP2663"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2663.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16785"
data-product-sku="FP2663"
data-product-name="Methuen"
data-product-is-sunglasses=""
data-product-gtin="FP2663"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-15399">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="15399">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fz1739"
class="product-img p-tab p-tab-15399"
title="Memphis">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202108/6107bdc41e686.jpg?im=Resize,width=600,height=300" alt="Memphis Black/Golden Square Acetate Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-15399"
data-product="15399"
data-product-name="Memphis"
data-product-sku="FZ1739"
data-try-it-on="https://res.glassesshop.com/tryon/fz1739.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202108/6107bdc29294a.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-15399"
data-product="15399"
data-product-name="Memphis"
data-product-sku="FZ1739"
data-try-it-on="https://res.glassesshop.com/tryon/fz1739.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202108/6107bdc29294a.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-15399">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="15399">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fz1739"
title="Memphis"
class="product-title p-tab p-tab-15399">
Memphis</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-15399">
<span>$29.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fz1739.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15399"
data-product-sku="FZ1739"
data-product-name="Memphis"
data-product-is-sunglasses=""
data-product-gtin="FZ1739"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fz1739.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15399"
data-product-sku="FZ1739"
data-product-name="Memphis"
data-product-is-sunglasses=""
data-product-gtin="FZ1739"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-16737">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="16737">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fm1817"
class="product-img p-tab p-tab-16737"
title="Smollett">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202209/63291e4cf1e42.jpg?im=Resize,width=600,height=300" alt="Smollett Black/Golden Polygon Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-16737"
data-product="16737"
data-product-name="Smollett"
data-product-sku="FM1817"
data-try-it-on="https://res.glassesshop.com/tryon/fm1817.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202209/63291e4b6d5fe.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden"
data-target=".p-tab-16737"
data-product="16737"
data-product-name="Smollett"
data-product-sku="FM1817"
data-try-it-on="https://res.glassesshop.com/tryon/fm1817.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202209/63291e4b6d5fe.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-16737">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="16737">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fm1817"
title="Smollett"
class="product-title p-tab p-tab-16737">
Smollett</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-16737">
<span>$19.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1817.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16737"
data-product-sku="FM1817"
data-product-name="Smollett"
data-product-is-sunglasses=""
data-product-gtin="FM1817"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fm1817.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16737"
data-product-sku="FM1817"
data-product-name="Smollett"
data-product-is-sunglasses=""
data-product-gtin="FM1817"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-15436">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="15436">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/spfm010"
class="product-img p-tab p-tab-15436"
title="Newport">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202108/6110c54d2ee65.jpg?im=Resize,width=600,height=300" alt="Newport Golden Round Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Golden"
data-target=".p-tab-15436"
data-product="15436"
data-product-name="Newport"
data-product-sku="SPFM010"
data-try-it-on="https://res.glassesshop.com/tryon/spfm010.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202108/6110c54bd2f31.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Golden"
data-target=".p-tab-15436"
data-product="15436"
data-product-name="Newport"
data-product-sku="SPFM010"
data-try-it-on="https://res.glassesshop.com/tryon/spfm010.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202108/6110c54bd2f31.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-15436">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="15436">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/spfm010"
title="Newport"
class="product-title p-tab p-tab-15436">
Newport</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-15436">
<span>$45.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/spfm010.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15436"
data-product-sku="SPFM010"
data-product-name="Newport"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="try-on-btn btn-default-vto font-12"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/spfm010.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="15436"
data-product-sku="SPFM010"
data-product-name="Newport"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="d-block try-on-btn btn-default-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-16670">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="16670">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/rm0319"
class="product-img p-tab p-tab-16670"
title="Curitis">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202208/62f9e777ca95f.jpg?im=Resize,width=600,height=300" alt="Curitis Golden Rectangle Metal Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Golden"
data-target=".p-tab-16670"
data-product="16670"
data-product-name="Curitis"
data-product-sku="RM0319"
data-try-it-on="https://res.glassesshop.com/tryon/rm0319.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202208/62f9e776553d4.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Golden"
data-target=".p-tab-16670"
data-product="16670"
data-product-name="Curitis"
data-product-sku="RM0319"
data-try-it-on="https://res.glassesshop.com/tryon/rm0319.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202208/62f9e776553d4.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-16670">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="16670">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/rm0319"
title="Curitis"
class="product-title p-tab p-tab-16670">
Curitis</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-16670">
<span>$26.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/rm0319.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16670"
data-product-sku="RM0319"
data-product-name="Curitis"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="try-on-btn btn-default-vto font-12"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/rm0319.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16670"
data-product-sku="RM0319"
data-product-name="Curitis"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="d-block try-on-btn btn-default-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-16570">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="16570">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fz2006"
class="product-img p-tab p-tab-16570"
title="Memphis">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202208/62f1d77027777.jpg?im=Resize,width=600,height=300" alt="Memphis Crystal/Golden Square Acetate Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Crystal/Golden"
data-target=".p-tab-16570"
data-product="16570"
data-product-name="Memphis"
data-product-sku="FZ2006"
data-try-it-on="https://res.glassesshop.com/tryon/fz2006.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202208/62f1d76eb584b.jpg) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Crystal/Golden"
data-target=".p-tab-16570"
data-product="16570"
data-product-name="Memphis"
data-product-sku="FZ2006"
data-try-it-on="https://res.glassesshop.com/tryon/fz2006.png?im=Resize,width=600,height=300"
data-try-type="COSIUM">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202208/62f1d76eb584b.jpg) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-16570">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="16570">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fz2006"
title="Memphis"
class="product-title p-tab p-tab-16570">
Memphis</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-16570">
<span>$29.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fz2006.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16570"
data-product-sku="FZ2006"
data-product-name="Memphis"
data-product-is-sunglasses=""
data-product-gtin="FZ2006"
data-product-lens-customization=""
class="try-on-btn font-12 btn-cosium-vto"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fz2006.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="16570"
data-product-sku="FZ2006"
data-product-name="Memphis"
data-product-is-sunglasses=""
data-product-gtin="FZ2006"
data-product-lens-customization=""
class="d-block try-on-btn btn-cosium-vto text-decoration-none"></a>
</div>
</div>
</div>
<div class="col-12 pb-5 mb-lg-3 col-lg-4 product-list-row text-center product-list-item">
<div class="p-icon d-none d-lg-block">
</div>
<div class="p-icon-favorite">
<div class="p-tab p-tab-18163">
<a href="javascript:void(0);" class="font-18 text-decoration-none favorite-btn add"
data-product="18163">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-img-outer">
<a href="https://www.glassesshop.com/eyeglasses/fp2047pro"
class="product-img p-tab p-tab-18163"
title="libra">
<span class="im img-tag tag-off-per product-icon-text"
style="background-color: unset;"> </span>
<img class="lazy d-block w-100 product-img-default"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/products/202401/65a728230fbde.jpg?im=Resize,width=600,height=300" alt="libra Black/Golden-Blue Block Pro Rectangle TR90 Eyeglasses">
</a>
</div>
<div class="p-title-block">
<div class="row no-gutters d-lg-flex d-block align-items-center">
<div class="col-12 col-lg-8">
<div class="product-colors d-none d-lg-block product-colors-pc-left">
<span class="product-color active"
title="Black/Golden-Blue Block Pro"
data-target=".p-tab-18163"
data-product="18163"
data-product-name="libra"
data-product-sku="FP2047PRO"
data-try-it-on="https://res.glassesshop.com/tryon/fp2047pro.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202401/6594faa1822a3.png) !important;"
>
</i>
</span>
</div>
<div class="product-colors d-block d-lg-none product-colors-mobile-display">
<span class="product-color active"
title="Black/Golden-Blue Block Pro"
data-target=".p-tab-18163"
data-product="18163"
data-product-name="libra"
data-product-sku="FP2047PRO"
data-try-it-on="https://res.glassesshop.com/tryon/fp2047pro.png?im=Resize,width=600,height=300"
data-try-type="SELF">
<i class="color item-color"
style="background-image: url(https://res.glassesshop.com/product-colors/202401/6594faa1822a3.png) !important;" ></i>
</span>
</div>
</div>
<div class="col-12 col-lg-4 text-right d-none d-lg-block">
<div class="p-tab p-tab-18163">
<a href="javascript:void(0);"
class="d-inline-flex align-items-center mt-2 font-18 text-decoration-none favorite-btn add"
data-product="18163">
<i class="fa fa-heart-o color-link" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="mt-3">
<div class="row no-gutters">
<div class="col-6 col-lg-6">
<div class="p-title">
<a href="https://www.glassesshop.com/eyeglasses/fp2047pro"
title="libra"
class="product-title p-tab p-tab-18163">
libra</a>
gold
</div>
</div>
<div class="col-6 col-lg-6">
<div class="p-price">
<div class="product-title p-tab p-tab-18163">
<span>$26.95</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center pt-3 mt-2">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2047pro.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="18163"
data-product-sku="FP2047PRO"
data-product-name="libra"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="try-on-btn btn-default-vto font-12"></a>
</div>
<div class="d-none d-lg-block justify-content-between font-12 align-items-center text-center mt-3">
<a href="javascript:void(0);" data-product="https://res.glassesshop.com/tryon/fp2047pro.png?im=Resize,width=600,height=300"
data-3d-try="1"
data-product-id="18163"
data-product-sku="FP2047PRO"
data-product-name="libra"
data-product-is-sunglasses="1"
data-product-gtin=""
data-product-lens-customization=""
class="d-block try-on-btn btn-default-vto text-decoration-none"></a>
</div>
</div>
</div>
</div>
<!-- product end -->
</div>
</div>
</div>
<!-- product -->
<!-- 分页 -->
<div class="container">
<div class="row mt-5 mb-5 d-none d-lg-block">
<div class="col-7">
<ul class="pagination" role="navigation">
<li class="page-item disabled" aria-disabled="true" aria-label="« Previous">
<span class="page-link" aria-hidden="true">Previous</span>
</li>
<li class="page-item active" aria-current="page"><span class="page-link">1</span></li>
<li class="page-item"><a class="page-link" href="https://www.glassesshop.com/gold-eyeglasses?page=2">2</a></li>
<li class="page-item"><a class="page-link" href="https://www.glassesshop.com/gold-eyeglasses?page=3">3</a></li>
<li class="page-item"><a class="page-link" href="https://www.glassesshop.com/gold-eyeglasses?page=4">4</a></li>
<li class="page-item">
<a class="page-link" href="https://www.glassesshop.com/gold-eyeglasses?page=2" rel="next" aria-label="Next »">Next</a>
</li>
</ul>
</div>
</div>
</div>
<div class="row d-lg-none mb-5">
<div class="col-12">
<ul class="pagination" role="navigation">
<li class="page-item active" aria-current="page"><span class="page-link">1</span></li>
<li class="page-item"><a class="page-link" href="https://www.glassesshop.com/gold-eyeglasses?page=2">2</a></li>
<li class="page-item"><a class="page-link" href="https://www.glassesshop.com/gold-eyeglasses?page=3">3</a></li>
<li class="page-item"><a class="page-link" href="https://www.glassesshop.com/gold-eyeglasses?page=4">4</a></li>
</ul>
</div>
</div>
<!-- 分页 -->
<!-- Try It On -->
<img src="https://res.glassesshop.com/statics/try-on/imgs/mask.png"
style="opacity: 0; position: absolute; left: -2000px; top: 0;">
<div class="tryon-outer" style="z-index: 1999;">
<div class="tryon-container">
<div class="dragger-place"></div>
<div class="close"></div>
<div class="img-list img-edit">
<p class="tips-file" style="color: #f35f11; margin-top: 10px; display: none;">Files: JPG, GIF, PNG, JPEG Max
file size is 10 MB</p>
<div class="btns clearfix">
<div class="upload">
<span></span><span>UPLOAD PHOTO</span>
<div class="mask"></div>
<input type="file" accept="image/*"/>
</div>
<div class="camera">
<span></span>
<span>USE YOUR WEBCAM</span>
</div>
</div>
<div class="imgs clearfix">
<div class="left">
<img src=""/>
<div class="mask">
<div class="imgContainer" style="width: 280px; top: 123px; left: 90px">
<img class="tryOnFrameImage" src=""/>
</div>
</div>
<div class="edit-icons">
<div class="rotate_left"></div>
<div class="rotate_right"></div>
<div class="rotate_bigger"></div>
<div class="rotate_smaller"></div>
</div>
</div>
<div class="right">
<div class="top-arrow arrow"></div>
<div class="list-outer">
<div class="list"></div>
</div>
<div class="bottom-arrow arrow"></div>
</div>
</div>
<div class="takepic-container">
<div class="takepic">
<div class="close"></div>
<div class="content">
<video id="video" width="400px" height="400px" autoplay="autoplay"></video>
<canvas id="canvas" width="400px" height="400px"></canvas>
</div>
<div class="btns2">
<div>Turn on the Camera</div>
<div>Take Photo</div>
</div>
</div>
</div>
</div>
<div class="img-upload img-edit">
<div class="img">
<img/>
<div class="edit-icons">
<div class="rotate_left"></div>
<div class="rotate_right"></div>
<div class="rotate_bigger" style="display: none"></div>
<div class="rotate_smaller" style="display: none"></div>
<div class="rotate_shang"></div>
<div class="rotate_xia"></div>
<div class="rotate_zuo"></div>
<div class="rotate_you"></div>
</div>
</div>
<div class="tools clearfix">
<div>Drag the box to crop the image</div>
<!-- <div class="rotate">Rotate image</div> -->
</div>
<div class="btns">
<div class="continue">CONTINUE</div>
<div class="back">BACK</div>
</div>
<div class="rotate-outer">
<div class="rotate-container">
<div>请输入旋转角度</div>
<input type="number"/>
<div class="btns clearfix">
<div class="confirm">OK</div>
<div class="cancel">Cancel</div>
</div>
</div>
</div>
</div>
<div class="img-adjust img-edit">
<div class="inner clearfix">
<div class="left">
<div class="img">
<img/>
<div class="mask">
<div class="cross"></div>
<div class="cross"></div>
</div>
</div>
</div>
<div class="right">
<div class="close" style="display: none"></div>
<div class="right-content">
<div class="title">Adjust the Image</div>
<div class="item">
<div class="img"></div>
<div class="content"><span>1.</span>Drag the <span style="color: red">RED</span> target to
the center of your eyes.
</div>
</div>
<div class="item">
<div class="img"></div>
<div class="content"><span>2.</span>Adjust the photo with the bottom controls.</div>
</div>
<div class="item" style="display: none">
<div class="img"></div>
<div class="content">
<span>3.</span>Set your PD,if you know it.
<div class="pd">
<span>PD</span>
<select class="select-pd">
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
<option value="60">60</option>
<option value="61">61</option>
<option value="62">62</option>
<option value="63" selected="selected">63</option>
<option value="64">64</option>
<option value="65">65</option>
<option value="66">66</option>
<option value="67">67</option>
<option value="68">68</option>
<option value="69">69</option>
<option value="70">70</option>
<option value="71">71</option>
<option value="72">72</option>
<option value="73">73</option>
<option value="74">74</option>
<option value="75">75</option>
<option value="76">76</option>
<option value="77">77</option>
<option value="78">78</option>
<option value="79">79</option>
<option value="80">80</option>
<option value="81">81</option>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="btns">
<div class="setPd" style="display: none">SET PD</div>
<div class="confirm">CONFIRM</div>
<div class="back">BACK</div>
</div>
</div>
<div class="img-video-tip img-edit">
<div class="inner clearfix">
<div class="left">
<div class="img">
<div class="content">
<video id="video" width="400px" height="400px" autoplay="autoplay"></video>
<div class="videoMask"></div>
<canvas id="canvas" width="400px" height="400px"></canvas>
</div>
</div>
</div>
<div class="right">
<div class="close"></div>
<div class="right-content">
<div class="title">For Best Results:</div>
<div class="items">
<div class="item">
<div class="img"></div>
<div class="content"><span>1.</span>Keep your face forward and level.</div>
</div>
<div class="item">
<div class="img"></div>
<div class="content"><span>2.</span>Use a photo without glasses.</div>
</div>
<div class="item">
<div class="img"></div>
<div class="content"><span>3.</span>Refrain from tilting your head or using a profile
picture.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="btns">
<div class="setPd">SET PD</div>
<div class="confirm">CONFIRM PHOTO</div>
<div class="back">BACK</div>
</div>
</div>
<div class="img-compare img-edit">
<div class="glass-item">
<div class="img">
<img/>
<div class="mask">
<img class="tryOnFrameImage" src=""/>
</div>
<div class="edit-icons">
<div class="rotate_left"></div>
<div class="rotate_right"></div>
<div class="rotate_bigger"></div>
<div class="rotate_smaller"></div>
</div>
</div>
<div class="titles">
<div>Frame too large or too small?</div>
<div>check its <a href="#dimensions-default">dimensions</a> or select a different size or style
</div>
</div>
<div class="btns">
<div class="change">Change a photo</div>
<div class="compare">Compare</div>
</div>
<input type="file" accept="image/*" style="display: none"/>
</div>
</div>
<div class="img-try img-edit try-on-compare-detail">
<div class="outer">
<div class="inner">
<div class="inner-item">
<div class="glass-item">
<div class="img">
<img/>
<div class="mask">
<img class="tryOnCompareFrameImage" src=""/>
</div>
<!-- <div class="edit-icons">
<div class="rotate_left"></div>
<div class="rotate_right"></div>
<div class="rotate_bigger"></div>
<div class="rotate_smaller"></div>
</div> -->
</div>
</div>
<div class="inches">
<div class="inner">
<div class="img">
<div class="mask">
<div class="imgContainer">
<img class="compareFrameImage" src=""/>
</div>
</div>
</div>
<div class="msg clearfix">
<div class="infos">
<div>SKU: <span class="gInfo-SKU"></span></div>
<div>Frame: <span class="gInfo-Frame"></span></div>
<div>Shape: <span class="gInfo-Shape"></span></div>
<div>Weight: <span class="gInfo-Weight"></span></div>
<div>Gender: <span class="gInfo-Gender"></span></div>
<div>Material: <span class="gInfo-Material"></span></div>
<div>Bifocal: <span class="gInfo-Bifocal"></span></div>
<div>Progressive: <span class="gInfo-Progressive"></span></div>
</div>
<div class="inchInfos">
<div><span class="gInfo-S1"></span></div>
<div><span class="gInfo-S2"></span></div>
<div><span class="gInfo-S3"></span></div>
<div><span class="gInfo-S4"></span></div>
<div><span class="gInfo-S5"></span></div>
<div><span class="gInfo-S6"></span></div>
<a>Show in inches</a>
</div>
</div>
</div>
</div>
<div class="titles clearfix">
<span></span>
<span>Price:</span>
</div>
<div class="btns">
<div class="confirm">CONFIRM</div>
<div class="like"></div>
<div class="trash"></div>
</div>
</div>
<div class="inner-item">
<div class="glass-item">
<div class="img">
<img/>
<div class="mask">
<img class="tryOnCompareFrameImage" src=""/>
</div>
<!-- <div class="edit-icons">
<div class="rotate_left"></div>
<div class="rotate_right"></div>
<div class="rotate_bigger"></div>
<div class="rotate_smaller"></div>
</div> -->
</div>
</div>
<div class="inches">
<div class="inner">
<div class="img">
<div class="mask">
<div class="imgContainer">
<img class="compareFrameImage" src=""/>
</div>
</div>
</div>
<div class="msg clearfix">
<div class="infos">
<div>SKU: <span class="gInfo-SKU"></span></div>
<div>Frame: <span class="gInfo-Frame"></span></div>
<div>Shape: <span class="gInfo-Shape"></span></div>
<div>Weight: <span class="gInfo-Weight"></span></div>
<div>Gender: <span class="gInfo-Gender"></span></div>
<div>Material: <span class="gInfo-Material"></span></div>
<div>Bifocal: <span class="gInfo-Bifocal"></span></div>
<div>Progressive: <span class="gInfo-Progressive"></span></div>
</div>
<div class="inchInfos">
<div><span class="gInfo-S1"></span></div>
<div><span class="gInfo-S2"></span></div>
<div><span class="gInfo-S3"></span></div>
<div><span class="gInfo-S4"></span></div>
<div><span class="gInfo-S5"></span></div>
<div><span class="gInfo-S6"></span></div>
<a>Show in inches</a>
</div>
</div>
</div>
</div>
<div class="titles clearfix">
<span class="gInfo-b"></span>
<span class="gInfo-price">Price:</span>
</div>
<div class="btns">
<div class="confirm">CONFIRM</div>
<div class="like"></div>
<div class="trash"></div>
</div>
</div>
<div class="inner-item">
<div class="glass-item">
<div class="img">
<img/>
<div class="mask">
<img class="tryOnCompareFrameImage" src=""/>
</div>
<!-- <div class="edit-icons">
<div class="rotate_left"></div>
<div class="rotate_right"></div>
<div class="rotate_bigger"></div>
<div class="rotate_smaller"></div>
</div> -->
</div>
<!-- <div class="titles clearfix">
<span>Aspen</span>
<span>Price:$44.95</span>
</div> -->
</div>
<div class="inches">
<div class="inner">
<div class="img">
<div class="mask">
<div class="imgContainer">
<img class="compareFrameImage" src=""/>
</div>
</div>
</div>
<div class="msg clearfix">
<div class="infos">
<div>SKU: <span class="gInfo-SKU"></span></div>
<div>Frame: <span class="gInfo-Frame"></span></div>
<div>Shape: <span class="gInfo-Shape"></span></div>
<div>Weight: <span class="gInfo-Weight"></span></div>
<div>Gender: <span class="gInfo-Gender"></span></div>
<div>Material: <span class="gInfo-Material"></span></div>
<div>Bifocal: <span class="gInfo-Bifocal"></span></div>
<div>Progressive: <span class="gInfo-Progressive"></span></div>
</div>
<div class="inchInfos">
<div><span class="gInfo-S1"></span></div>
<div><span class="gInfo-S2"></span></div>
<div><span class="gInfo-S3"></span></div>
<div><span class="gInfo-S4"></span></div>
<div><span class="gInfo-S5"></span></div>
<div><span class="gInfo-S6"></span></div>
<a>Show in inches</a>
</div>
</div>
</div>
</div>
<div class="titles clearfix">
<span class="gInfo-b"></span>
<span class="gInfo-price">Price:</span>
</div>
<div class="btns">
<div class="confirm">CONFIRM</div>
<div class="like"></div>
<div class="trash"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="declaration" tabindex="-1" role="dialog"
aria-labelledby="declarationTitle" aria-hidden="true" style="z-index: 5000">
<div class="modal-dialog text-center" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close font-22 closeImg" data-dismiss="modal" aria-label="Close">
<img src="https://res.glassesshop.com/statics/images/product/close.svg">
</button>
</div>
<div class="modal-body">
<div>
<div class="declarationTitle">Welcome to Virtual Try-On</div>
<div class="declarationDesc">
GlassesShop uses an augmented reality application feature on your device to show you
the right fit and look of the frames you select. Any information gathered will be
stored on your device and will not be shared nor stored by GlassesShop.
<br><br>
By continuing you accept the above
<a href="/doc/privacy" class="dec-link">
Privacy Policy
</a>
and
<a href="/doc/terms-conditions" class="dec-link">
Terms and Conditions
</a>
</div>
<div class="declarationBtn">
<button class="btn acceptBtn">
Accept & Continue
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal try-on" id="cosium-try-on" tabindex="-1" role="dialog" aria-labelledby="oneFreeModalTitle"
data-backdrop="static" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">
<img class="img-fluid" src="https://res.glassesshop.com/statics/cosium/image/close.svg" alt=""/>
</span>
</button>
</div>
<div id="cosium-vto" class="modal-body drop-shadow" style="background: rgba(0, 0, 0, .6);">
<!-- 插件内容 -->
<div class="vto-main">
<div class="vto-camera camera-content js-content tab-content">
<div id="vto_AppRoot" class="vto_AppRoot">
<video id="vto_VideoElement" muted loop playsinline autoplay
style="width:2px; height:2px; position:absolute; z-index:1;"></video>
<div class="mobile-tint d-lg-none">
<div class="lens-content-mb">
<div class="attr-content-mb">
<span class="attr-select-mb" data-type="lens">
<em class="lens-circle"></em>
<span class="lens-name">Lens Tint</span>
</span>
</div>
<div class="lens-detail" style="display: none;">
<span class="js-lens-close-mb iconfont icon-close font-24"></span>
<div class="lens-tint-mb">
<div class="tint-content-mb">
<div class="lens-tint-title">Lens Tint</div>
<div class="attr-lens-options">
<span class="attr-btn cosium-lens-type active" data-type="CLEAR">Clear</span>
<span class="attr-btn cosium-lens-type" data-type="SUN">Sunglasses</span>
<span class="attr-btn cosium-lens-type" data-type="LIGHT">Light Adjusting</span>
<span class="attr-btn cosium-lens-type" data-type="MIRRORED">Mirrored</span>
</div>
</div>
</div>
<div class="lens-content-box">
<div class="sun-content select-content" style="display: none;">
<div class="tint-strength">
<span class="strength active" data-opacity="40">Light (40%)</span>
<span class="strength" data-opacity="80">Dark (80%)</span>
</div>
<div class="tint-color-list">
<span class="color active" data-color="Pink"
data-color-type="TINT"
data-color-top-left="#c8288a"
data-color-top-right="#c8288a"
data-color-bottom-left="#c8288a"
data-color-bottom-right="#c8288a"
style="background-color: #c8288a;"></span>
<span class="color" data-color="Purple"
data-color-type="TINT"
data-color-top-left="#7126a1"
data-color-top-right="#7126a1"
data-color-bottom-left="#7126a1"
data-color-bottom-right="#7126a1"
style="background-color: #7126a1;"></span>
<span class="color" data-color="Blue"
data-color-type="TINT"
data-color-top-left="#2160b9"
data-color-top-right="#2160b9"
data-color-bottom-left="#2160b9"
data-color-bottom-right="#2160b9"
style="background-color: #2160b9;"></span>
<span class="color" data-color="Gray"
data-color-type="TINT"
data-color-top-left="#000000"
data-color-top-right="#000000"
data-color-bottom-left="#000000"
data-color-bottom-right="#000000"
style="background-color: #000000;"></span>
<span class="color" data-color="Brown"
data-color-type="TINT"
data-color-top-left="#371302"
data-color-top-right="#371302"
data-color-bottom-left="#371302"
data-color-bottom-right="#371302"
style="background-color: #371302;"></span>
<span class="color" data-color="Green"
data-color-type="TINT"
data-color-top-left="#2c422b"
data-color-top-right="#2c422b"
data-color-bottom-left="#2c422b"
data-color-bottom-right="#2c422b"
style="background-color: #2c422b;"></span>
</div>
</div>
<div class="light-content select-content" style="display: none;">
<div class="tint-color-list">
<span class="color active" data-color="Brown"
data-color-type="TRANSITIONS"
data-color-top-left="#582219"
data-color-top-right="#582219"
data-color-bottom-left="#582219"
data-color-bottom-right="#582219"
style="background-color: #582219;"></span>
<span class="color" data-color="Gray"
data-color-type="TRANSITIONS"
data-color-top-left="#3f4244"
data-color-top-right="#3f4244"
data-color-bottom-left="#3f4244"
data-color-bottom-right="#3f4244"
style="background-color: #3f4244;"></span>
<span class="color" data-color="Sapphire"
data-color-type="TRANSITIONS"
data-color-top-left="#066c9e"
data-color-top-right="#066c9e"
data-color-bottom-left="#066c9e"
data-color-bottom-right="#066c9e"
style="background-color: #066c9e;"></span>
<span class="color" data-color="Amber"
data-color-type="TRANSITIONS"
data-color-top-left="#964f21"
data-color-top-right="#964f21"
data-color-bottom-left="#964f21"
data-color-bottom-right="#964f21"
style="background-color: #964f21;"></span>
<span class="color" data-color="Amethyst Purple"
data-color-type="TRANSITIONS"
data-color-top-left="#492f7d"
data-color-top-right="#492f7d"
data-color-bottom-left="#492f7d"
data-color-bottom-right="#492f7d"
style="background-color: #492f7d;"></span>
<span class="color" data-color="Graphite Green"
data-color-type="TRANSITIONS"
data-color-top-left="#20341e"
data-color-top-right="#20341e"
data-color-bottom-left="#20341e"
data-color-bottom-right="#20341e"
style="background-color: #20341e;"></span>
</div>
<div class="slider-content">
<em class="home-img"></em>
<div class="slider-box">
<div class="cover" style="width: 21px;"></div>
<input type="range" class="slider-color-opacity" min="0"
max="1.0" step="0.01" value="0.85" autocomplete="off"/>
<span class="line-point first-point point-primary"></span>
<span class="line-point center-point point-primary"></span>
<span class="line-point last-point"></span>
</div>
<em class="sun-img"></em>
</div>
</div>
<div class="mirrored-content select-content" style="display: none;">
<div class="tint-color-list">
<span class="color active" data-color="Orange"
data-color-type="MIRRORED" data-color-top-left="#cd8458"
data-color-top-right="#bd5c26"
data-color-bottom-left="#fbd25f"
data-color-bottom-right="#b65d31"
style="background-color: #cd8458;"></span>
<span class="color" data-color="Gray"
data-color-type="MIRRORED"
data-color-top-left="#bababb"
data-color-top-right="#b2b2b2"
data-color-bottom-left="#e5e5e5"
data-color-bottom-right="#9c9c9c"
style="background-color: #bababb;"></span>
<span class="color" data-color="Blue"
data-color-type="MIRRORED"
data-color-top-left="#2979b6"
data-color-top-right="#275898"
data-color-bottom-left="#2cbff1"
data-color-bottom-right="#2a7eb9"
style="background-color: #2979b6;"></span>
<span class="color" data-color="Pink"
data-color-type="MIRRORED"
data-color-top-left="#f2a8cd"
data-color-top-right="#f4999e"
data-color-bottom-left="#f5a8ba"
data-color-bottom-right="#f985a0"
style="background-color: #f2a8cd;"></span>
</div>
</div>
</div>
</div>
</div>
<div class="vto-foot-mb">
<div class="product-info">
<div class="product-btn">
<span id="vto_FrameFitBtn"
class="btn btn-vto btn-edit-frame">Frame Fit</span>
<a href="#" class="btn btn-vto btn-selectLens vto-select-btn">Select
Lenses</a>
</div>
</div>
</div>
</div>
<div id="vto_RenderersRoot" class="overlay" style="z-index:2;">
<div class="vto_RendererGlassesSpinner" style="z-index:3;">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<!-- Panels BEGIN -->
<div id="vto_NoFaceDetectedPanel" class="panel overlay" style="z-index:15;">
<p id="vto_NoFaceDetectedMessage">No user detected. Please try again.</p>
<div>
<button id="vto_NoFaceDetectedBtn">OK</button>
</div>
</div>
<!-- Crop Image Panel [Begin] -->
<div id="vto_ImageValidationPanel" class="panel overlay" style="z-index:15;">
<div style="height: 100%">
<div class="uploading">
<div class="crop-content">
<canvas id="vto_ImageValidationCanvas"
style="width: 450px;height: 450px;"></canvas>
</div>
<div class="image-crop-text d-lg-none">
<div class="crop-desc">
Adjust the crop to keep your face
<br>centered and level
</div>
<div class="rotate" style="display: none">
<img class="img-fluid mr-3"
src="https://res.glassesshop.com/statics/cosium/image/rotate.png">
Rotate Image
</div>
</div>
<p id="vto_ImageValidationNoUserDetectedMsg" class="red">
No face detected
</p>
<div class="crop-btns-content d-lg-none">
<div class="btn-options">
<span id="vto_Mb_ImageValidationCancelBtn"
class="btn btn-vto btn-cancel">Cancel</span>
<span id="vto_Mb_ImageValidationValidateBtn"
class="btn-vto btn-confirm">Continue</span>
</div>
</div>
</div>
<!-- <button id="vto_ImageValidationCancelBtn">Cancel</button> -->
<!-- <p id="vto_ImageValidationNoUserDetectedMsg" class="red">No face detected</p> -->
<!-- <button id="vto_ImageValidationValidateBtn">Validate</button> -->
</div>
</div>
<!-- Crop Image Panel [End] -->
<!--<div id="vto_ModelsVideoPanel" class="panel overlay" style="z-index:4;">-->
<!-- <div>-->
<!-- <button id="vto_ModelsVideoManBtn">Man</button>-->
<!-- <button id="vto_ModelsVideoWomanBtn">Woman</button>-->
<!-- </div>-->
<!--</div>-->
<div id="vto_RecordVideoPanel" class="panel overlay" transparent="true"
style="z-index:4;"></div>
<div id="vto_GuessIPDPanel" class="panel overlay" style="z-index:4;">
<canvas id="vto_GuessIPDCanvas" class="overlay"></canvas>
<div id="vto_GuessIPDNoticeMsg">
<img src="https://res.glassesshop.com/statics/cosium/ipd_auto_measurement.svg"/>
<p>Keep your head straight inside the oval portion of the screen, then place a
card with a black magnetic stripe on your forhead and fit it inside the
rectangular box.
<br/><br/>
Make sure to place the card so that the black magnetic strip of the card is
located on the bottom part of the rectangle and visible to the camera.
Once you are ready, click on the button bellow to start the calibration.
</p>
</div>
<p id="vto_GuessIPDHintsMsg"></p>
<p id="vto_GuessIPDFailureMsg">An error occured.<br/>
<span class="red"></span><br/>Please retry.</p>
<p id="vto_GuessIPDConclusionMsg">Measurement successfull.<br/>Your Inter Pupillary
distance has been set accordingly.</p>
<div>
<button id="vto_GuessIPDCancelBtn">Cancel</button>
<button id="vto_GuessIPDStartBtn">Start</button>
<button id="vto_GuessIPDOKBtn">OK</button>
</div>
</div>
<div id="vto_SetIPDPanel1" class="panel overlay" style="z-index:4;">
<p>
Select your <label for="vto_SetIPDSelect">Inter Pupillary Distance:</label><br/>
<select id="vto_SetIPDSelect" name="vto_IPDSelect">
<optgroup label="Inter Pupillary Distance"></optgroup>
<option value="4.5">below 5 cm</option>
<option value="5.5">between 5 cm and 6 cm</option>
<option value="6.5">between 6 cm and 7 cm</option>
<option value="8.5">between 8 cm and 9 cm</option>
<option value="9.5">above 9 cm</option>
</select>
</p>
<p id="vto_SetIPDGuessMsg">
If you don't know, we can still<br/>
<button id="vto_SetIPDGuessBtn">Guess It</button>
</p>
<div>
<button id="vto_SetIPDCancelBtn">Cancel</button>
<button id="vto_SetIPDOKBtn">OK</button>
</div>
</div>
<div id="vto_RecommendationPanel" class="panel overlay" style="z-index:4;">
<p id="vto_RecommendationNoticeMsg">
Start the face analysis and discover the
selection of glasses that we will select for you.
</p>
<p id="vto_RecommendationFailureMsg">
An error occured.<br/>
<span class="red"></span><br/>Please retry.
</p>
<p id="vto_RecommendationConclusionMsg">
Analysis process completed.<br/>You will be
offered a selection of glasses corresponding to your morphology.
</p>
<div>
<button id="vto_RecommendationCancelBtn">Cancel</button>
<button id="vto_RecommendationStartBtn">Start</button>
<button id="vto_RecommendationOKBtn">OK</button>
</div>
</div>
<div id="vto_CountdownPanel" class="panel overlay" transparent="true"
style="z-index:5;">
<div id="vto_CountdownStatus">
<div id="vto_CountdownBlink" class="blink circle"></div>
<p id="vto_Countdown"></p>
</div>
<p id="vto_CountdownMsg">Be ready!</p>
</div>
<!-- Panels END -->
</div>
</div>
<div id="vto-info-section" class="vto-info-section">
<div class="info-name">
<span class="product-img">
<img class="img-fluid" src="">
</span>
<input type="hidden" class="product-id" value=""/>
<span class="product-name"></span>
</div>
<div class="vto-lens-tint">
<div class="vto-lens-part">
<span class="btn-lens-tint">
Lens Tint
<i class="iconfont icon-select"></i>
</span>
</div>
<div class="lens-tint-select fade-show">
<span class="lens-type cosium-lens-type active" data-type="CLEAR">Clear</span>
<span class="lens-type cosium-lens-type" data-type="SUN">Sun</span>
<span class="lens-type cosium-lens-type" data-type="LIGHT">Light Adjusting</span>
<span class="lens-type cosium-lens-type" data-type="MIRRORED">Mirrored</span>
</div>
<div class="tint-content">
<span class="js-lens-close iconfont icon-close font-24"></span>
<div class="color-content">
<div class="tint-title lens-tint-title">
Purple (80%)
</div>
<div class="sun-content select-content" style="display: none;">
<div class="tint-strength">
<span class="strength active" data-opacity="40">Light (40%)</span>
<span class="strength" data-opacity="80">Dark (80%)</span>
</div>
<div class="tint-color-list">
<span class="color active" data-color="Pink"
data-color-type="TINT"
data-color-top-left="#c8288a"
data-color-top-right="#c8288a"
data-color-bottom-left="#c8288a"
data-color-bottom-right="#c8288a"
style="background-color: #c8288a;"></span>
<span class="color" data-color="Purple"
data-color-type="TINT"
data-color-top-left="#7126a1"
data-color-top-right="#7126a1"
data-color-bottom-left="#7126a1"
data-color-bottom-right="#7126a1"
style="background-color: #7126a1;"></span>
<span class="color" data-color="Blue"
data-color-type="TINT"
data-color-top-left="#2160b9"
data-color-top-right="#2160b9"
data-color-bottom-left="#2160b9"
data-color-bottom-right="#2160b9"
style="background-color: #2160b9;"></span>
<span class="color" data-color="Gray"
data-color-type="TINT"
data-color-top-left="#000000"
data-color-top-right="#000000"
data-color-bottom-left="#000000"
data-color-bottom-right="#000000"
style="background-color: #000000;"></span>
<span class="color" data-color="Brown"
data-color-type="TINT"
data-color-top-left="#371302"
data-color-top-right="#371302"
data-color-bottom-left="#371302"
data-color-bottom-right="#371302"
style="background-color: #371302;"></span>
<span class="color" data-color="Green"
data-color-type="TINT"
data-color-top-left="#2c422b"
data-color-top-right="#2c422b"
data-color-bottom-left="#2c422b"
data-color-bottom-right="#2c422b"
style="background-color: #2c422b;"></span>
</div>
</div>
<div class="light-content select-content" style="display: none;">
<div class="tint-color-list">
<span class="color active" data-color="Brown"
data-color-type="TRANSITIONS"
data-color-top-left="#582219"
data-color-top-right="#582219"
data-color-bottom-left="#582219"
data-color-bottom-right="#582219"
style="background-color: #582219;"></span>
<span class="color" data-color="Gray"
data-color-type="TRANSITIONS"
data-color-top-left="#3f4244"
data-color-top-right="#3f4244"
data-color-bottom-left="#3f4244"
data-color-bottom-right="#3f4244"
style="background-color: #3f4244;"></span>
<span class="color" data-color="Sapphire"
data-color-type="TRANSITIONS"
data-color-top-left="#066c9e"
data-color-top-right="#066c9e"
data-color-bottom-left="#066c9e"
data-color-bottom-right="#066c9e"
style="background-color: #066c9e;"></span>
<span class="color" data-color="Amber"
data-color-type="TRANSITIONS"
data-color-top-left="#964f21"
data-color-top-right="#964f21"
data-color-bottom-left="#964f21"
data-color-bottom-right="#964f21"
style="background-color: #964f21;"></span>
<span class="color" data-color="Amethyst Purple"
data-color-type="TRANSITIONS"
data-color-top-left="#492f7d"
data-color-top-right="#492f7d"
data-color-bottom-left="#492f7d"
data-color-bottom-right="#492f7d"
style="background-color: #492f7d;"></span>
<span class="color" data-color="Graphite Green"
data-color-type="TRANSITIONS"
data-color-top-left="#20341e"
data-color-top-right="#20341e"
data-color-bottom-left="#20341e"
data-color-bottom-right="#20341e"
style="background-color: #20341e;"></span>
</div>
<div class="slider-content">
<em class="home-img"></em>
<div class="slider-box">
<div class="cover" style="width: 21px;"></div>
<input type="range" class="slider-color-opacity" min="0" max="1.0"
step="0.01" value="0.85" autocomplete="off"/>
<span class="line-point first-point point-primary"></span>
<span class="line-point center-point point-primary"></span>
<span class="line-point last-point"></span>
</div>
<em class="sun-img"></em>
</div>
</div>
<div class="mirrored-content select-content" style="display: none;">
<div class="tint-color-list">
<span class="color active" data-color="Orange"
data-color-type="MIRRORED"
data-color-top-left="#cd8458"
data-color-top-right="#bd5c26"
data-color-bottom-left="#fbd25f"
data-color-bottom-right="#b65d31"
style="background-color: #cd8458;"></span>
<span class="color" data-color="Gray"
data-color-type="MIRRORED"
data-color-top-left="#bababb"
data-color-top-right="#b2b2b2"
data-color-bottom-left="#e5e5e5"
data-color-bottom-right="#9c9c9c"
style="background-color: #bababb;"></span>
<span class="color" data-color="Blue"
data-color-type="MIRRORED"
data-color-top-left="#2979b6"
data-color-top-right="#275898"
data-color-bottom-left="#2cbff1"
data-color-bottom-right="#2a7eb9"
style="background-color: #2979b6;"></span>
<span class="color" data-color="Pink"
data-color-type="MIRRORED"
data-color-top-left="#f2a8cd"
data-color-top-right="#f4999e"
data-color-bottom-left="#f5a8ba"
data-color-bottom-right="#f985a0"
style="background-color: #f2a8cd;"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- No Webcam Panel [Begin] -->
<div id="vto_NoWebcamPanel" class="" style="z-index: 20;">
<div class="showBackdrop">
<div class="text d-none d-lg-block">
Please grant access to your webcam.
<p class="mt-5 pt-4">Cannot use the camera?</p>
<p class="mt-4">
Try with recorded <span class="underline"
id="vto_NoWebcamModelsBtn">model faces</span>.
</p>
</div>
<div class="text d-lg-none">
<p>Try on now?</p>
<p>Check your browser setting to grant access to your webcam.</p>
<p class="mt-5 pt-4">Cannot use the camera?</p>
<p>Click "<span style="text-decoration: underline;">Image</span>" button to use images
in your album to try on.</p>
</div>
</div>
</div>
<!-- No Webcam Panel [End] -->
<!-- Upload Photo Panel [Begin] -->
<div id="vto_UploadPhotoPanel" class="vto-image image-content tab-content" style="z-index: 20;">
<div class="vto-image-box" style="position: relative;">
<img class="img-fluid uploadImgClose d-lg-none" id="vto_UploadImgClose"
src="https://res.glassesshop.com/statics/images/product/close.png" alt="">
<div class="title">Upload an image</div>
<div class="vto-upload-img">
<div class="vto-upload-tip">
Maximum file size is 10MB.
</div>
<input id="vto_LoadPhotoBtn" class="t-upload-input" type="file" accept="image/*"
style="position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; filter: alpha(opacity=0); opacity: 0; font-size: 50px; outline: none; z-index: 2;"/>
</div>
<div class="vto-img-tip">
<img src="https://res.glassesshop.com/statics/cosium/image/do.jpg">
<img src="https://res.glassesshop.com/statics/cosium/image/do-not.jpg">
</div>
<div class="vto-text-tip">
Keep your face forward, centered, and level.<br/>
Do not wear any eyewear.
</div>
</div>
</div>
<!-- Upload Photo Panel [End] -->
<!-- Authorization Panel [Begin] -->
<div id="vto_AuthorizationPanel" class="" style="z-index: 15;">
<p id="vto_Disclaimer"></p>
<div class="showBackdrop">
<div class="text d-none d-lg-block">
Please grant access to your webcam.
<p class="mt-5 pt-4">Cannot use the camera?</p>
<p class="mt-4">
Try with recorded <span class="underline"
id="vto_NoWebcamModelsBtn">model faces</span>.
</p>
</div>
<div class="text d-lg-none" style="width: 80%">
<p>Try on now?</p>
<p>Check your browser setting to grant access to your webcam.</p>
<p class="mt-5 pt-4">Cannot use the camera?</p>
<p>Click "<span style="text-decoration: underline;">Image</span>" button to use images
in your album to try on.</p>
</div>
</div>
</div>
<!-- Authorization Panel [End] -->
</div>
<div class="vto-aside">
<div class="vto-tab">
<span class="tab-title camera active" data-type="camera-content" id="vto-UseCameraBtn"
active="true">
CAMERA
<i class="iconfont icon-select d-lg-none"></i>
</span>
<span class="tab-title image" data-type="image-content" id="vto-UseImageBtn">
IMAGE
<i class="iconfont icon-select d-lg-none"></i>
</span>
</div>
<div class="aside tab-content">
<div class="camera-image">
<div id="vto_AuthorizationControlPanel" class="vto-default-content control-panel">
<div class="title">Live Camera</div>
<div class="not-title ">Current PD: <b id="vto_cameraIPDContent"
class="video-pd-val ipd-content">63</b><b>mm</b>
<a class="pdModal" href="javascript:void(0)" data-toggle="modal" tabindex="0"
data-target="#vto-pd-modal"><i class="iconfont icon-warning-circle"></i></a>
</div>
<div id="vto_UseCameraSetIPDBtn" class="btn btn-vto vto-default-btn vto-edit-btn">Edit
</div>
<div class="vto-tips">
<div class="tips-title">Try-on tips:</div>
<div class="tips-desc">
1. Please take off your glasses before you start Try-on.<br/>
2. Try-on effects may be affected by lighting, camera distance, and/or other
factors. The frame size is subject to the actual.
</div>
<div class="btns-content">
<div class="btn-options">
<a href="#" class="vto-select-btn">Select Lenses</a>
</div>
</div>
</div>
</div>
<div id="vto_NoWebcamControlPanel" class="no-webcam-control control-panel">
<div class="title">Try on now?</div>
<div class="vto-text">
Check your browser setting to grant access to your webcam.
</div>
<div class="btns-content">
<div class="btn-options">
<a href="#" class="vto-select-btn">Select Lenses</a>
</div>
</div>
</div>
<div id="vto_ModelsVideoControlPanel" class="model-videos control-panel">
<div class="title">Try on now?</div>
<div class="vto-text">
Check your browser setting to grant access to your webcam.
</div>
<div class="change-btn">
<span id="vto_ModelsVideoManBtn" class="btn-type active btn-male">Male</span>
<span id="vto_ModelsVideoWomanBtn" class="btn-type btn-female">Female</span>
</div>
<div class="btns-content">
<div class="btn-options">
<a href="#" class="vto-select-btn">Select Lenses</a>
</div>
</div>
</div>
<div id="vto_UseImageControlPanel" class="control-panel">
<div class="add-new-image">
<div class="title">Add new image</div>
<div class="vto-text">
Enter your PD for a more accurate fit.<br><br>
Be sure to double check your frame’s dimensions before ordering your
glasses.
</div>
<!-- <div class="vto-pup">
Pupillary distance(PD)
<a class="pdModal" href="javascript:void(0)" data-toggle="modal"
data-target="#vto-pd-modal"><i class="iconfont icon-warning-circle"></i></a>
</div>
<input class="vto-input-pd" type="text"> -->
<div class="btns-content">
<div class="btn-options">
<span id="vto_ImageUploadCancelBtn" style="width: 200px;"
class="btn btn-vto btn-cancel">Cancel</span>
</div>
</div>
</div>
</div>
<div id="vto_ImageValidationControlPanel" class="control-panel">
<div class="upload-new-image">
<div class="title">Add new image</div>
<div class="vto-text">
Enter your PD for a more accurate fit.<br><br>
Be sure to double check your frame’s dimensions before ordering your
glasses.
</div>
<div class="editPd">
<div class="vto-pup">
Pupillary distance(PD)
<a class="pdModal" href="javascript:void(0)" data-toggle="modal"
data-target="#vto-pd-modal"><i class="iconfont icon-warning-circle"></i></a>
</div>
<input class="vto-input-pd ipd-content-input" type="number" value="63" min="40"
max="80">
<div class="btns-content">
<div class="btn-options">
<span class="btn btn-vto btn-cancel"
id="vto_ImageValidationCancelBtn">Cancel</span>
<span class="btn-vto btn-confirm"
id="vto_ImageValidationValidateBtn">Continue</span>
</div>
</div>
</div>
</div>
</div>
<div id="vto_ChangePhotoIPDControlPanel" class="edit-pd editPd" style="display: none;">
<div class="title">Edit PD</div>
<div class="vto-text">
Enter your PD for a more accurate fit.<br><br>
Be sure to double check your frame’s dimensions before ordering your
glasses.
</div>
<div class="vto-pup">
Pupillary distance(PD)
<a class="pdModal" href="javascript:void(0)" data-toggle="modal"
data-target="#vto-pd-modal"><i class="iconfont icon-warning-circle"></i></a>
</div>
<input id="vto_SetPhotoIPDInput" class="vto-input-pd ipd-content-input" type="number"
value="63" min="40" max="80"/>
<input id="vto_refererInput" type="hidden" value=""/>
<div class="btns-content">
<div class="btn-options">
<span id="vto_SetPhotoIPDCancelBtn" class="btn btn-vto btn-cancel">Cancel</span>
<span id="vto_SetPhotoIPDOKBtn" class="btn-vto btn-confirm">Confirm</span>
</div>
</div>
</div>
<div class="adjust-position" style="display: none;">
<div class="title">Add new image</div>
<div class="adjust-img">
<img src="https://res.glassesshop.com/statics/cosium/image/adjust_glasses.jpg">
</div>
<div class="how-title">How to adjust:</div>
<div class="adjust-desc">
Click on the frame and drag up and down to adjust
</div>
<div class="btns-content">
<div class="btn-options">
<span class="btn btn-vto btn-cancel">Cancel</span>
<span class="btn-vto btn-confirm">Continue</span>
</div>
</div>
</div>
<div id="vto_UploadedImages" class="show-upload-image" style="display: none;">
<div class="title">Select image</div>
<div class="upload-image-list">
<span class="img-box">
<img class="img-fluid uploaded-vto-image"
src="" crossorigin="anonymous">
</span>
</div>
<div class="manage-img d-lg-none">Manage this image</div>
<div id="vto_ChangePhotoBtn" class="btn btn-vto vto-default-btn btn-image-change">
Change Photo
</div>
<div class="enter-text d-lg-none">Enter your PD for a better fit.</div>
<div class="not-title ">Current PD: <b id="vto_photoIPDContent"
class="video-pd-val ipd-content">63</b><b>mm</b>
<a class="pdModal d-none d-lg-inline" href="javascript:void(0)"
data-toggle="modal" data-target="#vto-pd-modal"><i
class="iconfont icon-warning-circle"></i></a>
<a class="tips-po d-lg-none" href="javascript:void(0)" data-toggle="popover"
data-trigger="focus" tabindex="0" data-placement="top" data-content="<div class='pd-popove'>
<img class='pd-img img-fluid' src='https://res.glassesshop.com/statics/cosium/image/pd-3.png'>
<div class='tips-pd-desc'>
Pupillary Distance (PD), the distance between the centers of your pupils, determines where you look through the lens of your glasses. It should be as accurate as possible. The
average adult's single PD is between 54-74 mm; kids' are between 43-58 mm.
</div>
<div class='Ok-btn'>OK</div>
</div>">
<i class="iconfont icon-warning-circle" style="color: #333;"></i>
</a>
</div>
<div id="vto_ChangePhotoIPDBtn"
class="btn btn-vto vto-default-btn vto-edit-btn d-none d-lg-block">Edit
</div>
<div id="vto_MbChangePhotoIPDBtn"
class="btn btn-vto vto-default-btn vto-edit-btn d-block d-lg-none">Edit
</div>
<div class="btns-content d-none d-lg-block">
<div class="btn-options">
<a href="#" class="vto-select-btn">Select Lenses</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 移动端编辑pd -->
<div id="vto_SetIPDPanel" class="edit-pd-mobile" style="display: none;">
<div class="pd-mb-content">
<div class="edit-pd-title">
Enter your PD for a better fit.
</div>
<div class="pd-input">
<div class="pd-input-desc">Pupillary distance(PD)
<a class="tips-po" href="javascript:void(0)" data-toggle="popover"
data-trigger="focus" tabindex="0" data-placement="bottom" data-content="<div class='pd-popove'>
<img class='pd-img img-fluid' src='https://res.glassesshop.com/statics/cosium/image/pd-3.png'>
<div class='tips-pd-desc'>
Pupillary Distance (PD), the distance between the centers of your pupils, determines where you look through the lens of your glasses. It should be as accurate as possible. The
average adult's single PD is between 54-74 mm; kids' are between 43-58 mm.
</div>
<div class='Ok-btn'>OK</div>
</div>">
<i class="iconfont icon-warning-circle"></i>
</a>
</div>
<input id="vto_SetIPDInput" class="input-pd-mb ipd-content-input" type="number" value="63"
min="40" max="80"/>
</div>
<div class="edit-pd-btn">
<span id="vto_SetIPDCancelBtn" class="btn btn-vto btn-cancel">Cancel</span>
<span id="vto_SetIPDOKBtn" class="btn btn-vto btn-confirm">Confirm</span>
</div>
<div class="vto-tips">
<div class="tips-title">Try-on tips:</div>
<div class="tips-desc">
1. Please take off your glasses before you start Try-on.<br/>
2. Try-on effects may be affected by lighting, camera distance, and/or other factors.
The frame size is subject to the actual.
</div>
</div>
</div>
</div>
<div id="vto_Spinner" style="z-index: 100;">
<div id="vto_SpinnerContent">
<div>
<div>
<div>
<div class="circle"></div>
</div>
</div>
<div>
<div>
<div class="circle"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal pdModal" id="vto-pd-modal" tabindex="-1" role="dialog" aria-labelledby="pdM" aria-hidden="true"
data-backdrop="false">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
</div>
<div class="modal-body">
<img class="img-fluid" src="https://res.glassesshop.com/statics/cosium/image/pd-3.png">
<div class="pdText">
Pupillary Distance (PD), the distance between the centers of your pupils, determines where you
look through the lens of your glasses. It should be as accurate as possible. The
average adult's single PD is between 54-74 mm; kids' are between 43-58 mm.
</div>
<div class="Ok-btn" data-dismiss="modal">OK</div>
</div>
</div>
</div>
</div>
<!-- 报错弹窗 -->
<div class="modal error-dialog" id="vto-uploaded-file-oversize-dialog" tabindex="-1" role="dialog"
aria-labelledby="error-dialog"
data-backdrop="false" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="error-desc">
Kindly please make sure the max size of<br/>
the file you upload is less than 10MB.
</div>
<div class="close-btn" data-dismiss="modal">OK</div>
</div>
</div>
</div>
</div>
<div class="modal error-dialog" id="vto-no-face-validation-dialog" tabindex="-1" role="dialog"
aria-labelledby="error-dialog"
data-backdrop="false" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="error-desc">
No user detected. Please try again.
</div>
<div class="close-btn" data-dismiss="modal">OK</div>
</div>
</div>
</div>
</div>
<!-- 免责声明 -->
<div class="modal fade" id="vto-declaration" tabindex="-1" role="dialog" aria-labelledby="declarationTitle"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered text-center" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close font-22 closeImg" data-dismiss="modal" aria-label="Close">
<img src="https://res.glassesshop.com/statics/cosium/image/close.svg">
</button>
</div>
<div class="modal-body">
<div class="declarationTitle">Welcome to Virtual Try-On</div>
<div class="declarationDesc">
GlassesShop uses an augmented reality application feature on your device to show you the right
fit and look of the frames you select. Any information gathered will be stored on your device
and will not be shared nor stored by GlassesShop.
<br><br>By continuing you accept the above <a href="/doc/privacy" class="dec-link">Privacy
Policy</a> and
<a href="/doc/terms-conditions" class="dec-link">Terms and Conditions</a>
</div>
<div class="declarationBtn">
<button type="button" class="btn acceptBtn">
Accept & Continue
</button>
</div>
</div>
</div>
</div>
</div>
<!-- Try It On -->
<div class="row pb-6 d-lg-none"></div>
</div>
<!-- 分类推荐 -->
<div class="catalog-related-tags">
<div class="title container">Related categories</div>
<div class="tags-list">
<p class="container">
<a class="tag-item" href="/clear-eyeglasses">
<i class="icon-magnifier middle"></i>
<span class="middle">Clear Glasses</span>
</a>
<a class="tag-item" href="/black-glasses">
<i class="icon-magnifier middle"></i>
<span class="middle">Black Glasses</span>
</a>
<a class="tag-item" href="/vintage-eyeglasses">
<i class="icon-magnifier middle"></i>
<span class="middle">Vintage Glasses</span>
</a>
<a class="tag-item" href="/pink-eyeglasses">
<i class="icon-magnifier middle"></i>
<span class="middle">Pink Glasses</span>
</a>
<a class="tag-item" href="/red-eyeglasses">
<i class="icon-magnifier middle"></i>
<span class="middle">Red Glasses</span>
</a>
<a class="tag-item" href="/green-eyeglasses">
<i class="icon-magnifier middle"></i>
<span class="middle">Green Glasses</span>
</a>
<a class="tag-item" href="/purple-eyeglasses">
<i class="icon-magnifier middle"></i>
<span class="middle">Purple Glasses</span>
</a>
<a class="tag-item" href="/brown-eyeglasses">
<i class="icon-magnifier middle"></i>
<span class="middle">Brown Glasses</span>
</a>
<a class="tag-item" href="/tortoise-eyeglasses">
<i class="icon-magnifier middle"></i>
<span class="middle">Tortoise Glasses</span>
</a>
<a class="tag-item" href="/gray-eyeglasses">
<i class="icon-magnifier middle"></i>
<span class="middle">Gray Glasses</span>
</a>
<a class="tag-item" href="/silver-glasses">
<i class="icon-magnifier middle"></i>
<span class="middle">Silver Glasses Frames</span>
</a>
<a class="tag-item" href="/pride-eyeglasses">
<i class="icon-magnifier middle"></i>
<span class="middle">Pride Glasses</span>
</a>
<a class="tag-item" href="/rose-gold-eyeglasses">
<i class="icon-magnifier middle"></i>
<span class="middle">Rose Glasses</span>
</a>
<a class="tag-item" href="/orange-glasses">
<i class="icon-magnifier middle"></i>
<span class="middle">Orange Glasses Frames</span>
</a>
<a class="tag-item" href="/yellow-glasses">
<i class="icon-magnifier middle"></i>
<span class="middle">Yellow Glasses Frames</span>
</a>
</p>
</div>
</div>
<!-- 分类推荐 -->
<div class="faqs">
<h2 class="try-home-title m-auto">
FAQs
</h2>
<div class="faqs-content mt-lg-3">
<div class="faq-title active">
<div class="try-tab-title" style="background: unset;">
<h3>What are Gold Frame Eyeglasses with eyeglass lenses?</h3>
<img src="https://d22qih3asjv3x0.cloudfront.net/1/static/public/assets/images/help-center-new/reduce.svg"
class="arrow img-fluid">
</div>
<div class="faq-desc">
Gold frame eyeglasses are eyeglasses that have eyewear frames made of gold or a gold-tone material. Gold frame eyeglasses with eyewear lens are a popular and classic choice for eyewear because gold is a durable and hypoallergenic metal, and it can add a touch of glamour and elegance to an outfit for both women and men.
</div>
</div>
<div class="faq-title active">
<div class="try-tab-title" style="background: unset;">
<h3>Can I Wear Gold Framed Eye glasses with any Outfit?</h3>
<img src="https://d22qih3asjv3x0.cloudfront.net/1/static/public/assets/images/help-center-new/reduce.svg"
class="arrow img-fluid">
</div>
<div class="faq-desc">
Gold framed eyewear can be worn with a variety of outfits to add styles of vintage for both women and men, although gold framed eyewear with eyeglass lens may be more suitable for formal or dressy occasions. If you want to wear your gold framed eyewear with a more casual look, you can try pairing golden frame eyewear with jeans and a t-shirt or a sweater and sneakers.
</div>
</div>
<div class="faq-title active">
<div class="try-tab-title" style="background: unset;">
<h3>Are Gold Frame Eye glasses with eyeglass lenses Suitable for all Face Shapes?</h3>
<img src="https://d22qih3asjv3x0.cloudfront.net/1/static/public/assets/images/help-center-new/reduce.svg"
class="arrow img-fluid">
</div>
<div class="faq-desc">
Gold frame eyeglasses and sunglasses with eyeglass lens can be worn by people with all face shapes, although certain styles may be more flattering on certain face shapes. For example, round or oval face shapes may look best in rectangular or square gold frames eyewear, while angular or rectangular face shapes may look better in round or oval eyeglass frames.
</div>
</div>
<div class="faq-title active">
<div class="try-tab-title" style="background: unset;">
<h3>What Types of Golden Frame Eyeglassess with eyeglass lenses are Available at GlassesShop?</h3>
<img src="https://d22qih3asjv3x0.cloudfront.net/1/static/public/assets/images/help-center-new/reduce.svg"
class="arrow img-fluid">
</div>
<div class="faq-desc">
There are many different types, brands and styles of gold frames eyeglasses with eyeglass lens to choose from, including different shapes,materials,features and etc. For example, there are shapes like round, aviator and cat eye. There are materials like titanium, acetate. Browse various gold frame eyeglasses and eyewear lenses. Pick your favorite pairs, brands and styles at GlassesShop now! Any questions and further information, please feel free to contact us.
</div>
</div>
<div class="faq-title active">
<div class="try-tab-title" style="background: unset;">
<h3>How much do gold eye glasses cost?</h3>
<img src="https://d22qih3asjv3x0.cloudfront.net/1/static/public/assets/images/help-center-new/reduce.svg"
class="arrow img-fluid">
</div>
<div class="faq-desc">
The cost of gold eye glasses can vary depending on the quality of the materials used and different brands and styles. In general, you can expect to pay more for gold eye glasses than you would for eyeglasses frames and eyewear lenses made of other materials. However, there are also more affordable options available, so you can also shop around at GlassesShop to find and buy your best pairs. Any questions and further information, please feel free to contact us.
</div>
</div>
</div>
</div>
<!-- 底部描述 -->
<!-- 底部描述 -->
<!-- right fixed -->
<aside class="right-fixed">
<a href="#top" class="fixed-scroll-top"></a>
</aside>
<!-- right fixed -->
</main>
<footer class="galsses-footer">
<div class="footer-with-us">
<div class="container">
</div>
</div>
<div class="footer-info">
<div class="container">
<div class="d-none d-lg-flex" style="width: 100%;border-bottom: 1px solid #dadada;margin-bottom: 15px;justify-content: space-between;">
<div>
<a class="footer-info-title">
Contact Us
</a>
<div class="collapse footer-info-item footer-info-icon d-lg-block d-none">
<a href="mailto:service@glassesshop.com">
<div class="footer-content">
<svg class="img-fluid footer-img" xmlns="http://www.w3.org/2000/svg" width="140"
height="140" viewBox="0 0 140 140">
<path fill="#333" fill-rule="evenodd"
d="M124.42,21.874H15.579a11.177,11.177,0,0,0-11.2,10.867v74.514a11.177,11.177,0,0,0,11.2,10.869H124.42a11.177,11.177,0,0,0,11.2-10.869V32.741a11.176,11.176,0,0,0-11.2-10.867h0ZM15.579,31.188H124.42a1.49,1.49,0,0,1,1.6,1.553v3.725L70,70.62,13.978,36.466V32.741a1.49,1.49,0,0,1,1.6-1.553h0ZM124.42,108.809H15.579a1.49,1.49,0,0,1-1.6-1.554V47.333l53.461,32.6A3.529,3.529,0,0,0,70,80.555a6.209,6.209,0,0,0,2.561-.621l53.46-32.6v59.922a1.49,1.49,0,0,1-1.6,1.554h0Zm0,0"/>
</svg>
<div class="footer-title">
E-mail
</div>
<div class="footer-dec">
service@GlassesShop.com
</div>
</div>
</a>
<a href="javascript:;" class="nav-help-chat live-chat">
<div class="footer-content">
<svg class="img-fluid footer-img" xmlns="http://www.w3.org/2000/svg" width="140"
height="140" viewBox="0 0 140 140">
<path fill="#333" fill-rule="evenodd"
d="M126.822,62.589C126.236,31.7,101.976,6.749,72.187,6.749H67.812c-29.789,0-54.049,24.952-54.635,55.836a17.191,17.191,0,0,0-8.8,14.9v8.636a17.5,17.5,0,0,0,35,0V77.487A17.4,17.4,0,0,0,22.041,60.23C23.752,35.207,43.6,15.385,67.812,15.385h4.375c24.216,0,44.061,19.822,45.772,44.845a17.4,17.4,0,0,0-17.334,17.257v8.636a17.267,17.267,0,0,0,12.494,16.466,46.2,46.2,0,0,1-26.24,16.8,10.8,10.8,0,1,0-1.037,9.094,55.019,55.019,0,0,0,38.04-26.125,17.248,17.248,0,0,0,11.743-16.233V77.487a17.177,17.177,0,0,0-8.8-14.9h0Zm-96.2,14.9v8.636a8.751,8.751,0,0,1-17.5,0V77.487a8.751,8.751,0,0,1,17.5,0h0Zm96.25,8.636a8.68,8.68,0,0,1-8.357,8.6l-0.341-.159c-0.031.069-.079,0.126-0.109,0.189a8.694,8.694,0,0,1-8.694-8.628V77.487a8.751,8.751,0,0,1,17.5,0v8.636Zm0,0"/>
</svg>
<div class="footer-title">
Live Chat
</div>
<div class="footer-dec">
24hrs Mon.to Fri.(EST)
</div>
</div>
</a>
<a href="tel:1-855-202-0123">
<div class="footer-content">
<svg class="img-fluid footer-img" xmlns="http://www.w3.org/2000/svg" width="140"
height="140" viewBox="0 0 140 140">
<path fill="#333" fill-rule="evenodd"
d="M106.37,65.726a4.274,4.274,0,1,0,8.449-1.3C109.148,27.457,76.035,25.721,75.7,25.706a4.28,4.28,0,0,0-.339,8.552c0.265,0.012,26.391,1.393,31.008,31.468h0Zm9.545-40.81C86.814-4.192,60.257,6.023,59.14,6.474a4.277,4.277,0,0,0,3.189,7.938c0.223-.088,22.4-8.6,47.542,16.557,23.163,23.173,16.363,46.7,16.07,47.674a4.275,4.275,0,1,0,8.158,2.562c0.37-1.187,8.778-29.318-18.184-56.288h0ZM105.905,125.7c-0.41.409-1.75,1.366-5.375,1.366-11.749,0-34.265-9.881-55.94-31.571C16.133,67,9.661,38.88,14.415,34.124c3.072-3.077,9.461-9.478,15.5-9.478,3.342,0,6.511,1.925,9.683,5.884,9.142,11.4,5.184,15.312-1.376,21.79L37,53.531A8.656,8.656,0,0,0,34.491,59.8c0,3.93,1.9,11.052,18.31,27.469S76.331,105.6,80.255,105.6h0a8.651,8.651,0,0,0,6.258-2.5l1.206-1.219c3.567-3.619,6.652-6.748,10.55-6.748,3.02,0,6.8,1.805,11.228,5.365,3.773,3.037,5.69,6.05,5.858,9.222,0.339,6.2-6.271,12.81-9.452,15.989h0Zm8.948-31.879c-6.07-4.884-11.5-7.253-16.582-7.253-7.475,0-12.343,4.94-16.637,9.3l-1.379,1.173c-1.314,0-6.737-1.137-21.41-15.82-17.124-17.128-15.8-21.63-15.8-21.639l1.18-1.169c6.757-6.672,16.013-15.811,2.04-33.234-4.833-6.028-10.336-9.088-16.351-9.088-9.581,0-17.369,7.8-21.55,11.982-12.362,12.384,5.734,49,30.179,73.473,23.521,23.539,48.077,34.079,61.984,34.079,5.016,0,8.86-1.306,11.423-3.872,4.052-4.055,12.487-12.489,11.942-22.505-0.3-5.656-3.348-10.848-9.042-15.425"/>
</svg>
<div class="footer-title">
Call: 1-855-202-0123
</div>
<div class="footer-dec">
9 am to 5 pm Mon.to Fri.(EST)
</div>
</div>
</a>
</div>
</div>
<div>
<a class="footer-info-title">
Follow Us
</a>
<div class="collapse d-lg-block d-none">
<div class="row m-0 flex-nowrap">
<a href="https://www.instagram.com/iglassesshop/" target="_blank"
title="Follow us on Instagram" class="footer-social">
<i class="footer-social-icon fa fa-instagram"
style="color: rgb(221, 49, 114);"></i>
</a>
<a href="https://www.facebook.com/iGlassesShop" target="_blank"
title="Follow us on Facebook" class="footer-social">
<i class="footer-social-icon fa fa-facebook-f"
style="color: rgb(63, 89, 149);"></i>
</a>
<a href="https://twitter.com/glassesshop" target="_blank"
title="Follow us on Twitter" class="footer-social">
<i class="footer-social-icon fa fa-twitter"
style="color: rgb(0, 169, 236);"></i>
</a>
<a href="https://www.pinterest.com/glassesshop/" target="_blank"
title="Follow us on Pinterest" class="footer-social">
<i class="footer-social-icon fa fa-pinterest-p"
style="color: rgb(188, 17, 34);"></i>
</a>
<a href="https://www.youtube.com/channel/UCVl_tXoMw5CI9gRDUSVOf4g/" target="_blank"
title="Follow us on Youtube" class="footer-social">
<i class="footer-social-icon fa fa-youtube-play"
style="color: rgb(255, 0, 9);"></i>
</a>
<a href="https://www.tiktok.com/@glassesshop" target="_blank"
title="Follow us on Tiktok" class="footer-social">
<i class="footer-social-icon tiktok-icon"></i>
</a>
</div>
</div>
</div>
</div>
<div class="row justify-content-between footer-info-content">
<div class="col-lg-2 col-12">
<a class="footer-info-title d-lg-none mobile" data-target="#collapseFooterShop">
About Glasses Shop
</a>
<span class="footer-info-title d-none d-lg-inline-block">
About Glasses Shop
</span>
<div class="collapse footer-info-item d-lg-block" id="collapseFooterShop">
<a href="/doc/about-us">Our Story</a>
<a href="/doc/shipping-and-return">Shipping & Return</a>
<a href="/order-tracking">Track My Order</a>
<a href="/doc/terms-conditions">Terms of Use</a>
<a href="/doc/privacy">Privacy & Security</a>
<a href="/doc/why-choose-us">Why Choose Us</a>
<a href="/doc/our-promise">Our Promise</a>
<a href="/press">Press Room</a>
<a href="/customer/testimonials">Testimonials</a>
<a href="/lookbook">Lookbook</a>
<a href="/blog">Blog</a>
<a href="/doc/sitemap">Sitemap</a>
</div>
<a class="footer-info-title d-lg-none mobile" data-target="#collapseFooterStyles">
Shop by Styles
</a>
<span class="footer-info-title d-none d-lg-inline-block">
Shop by Styles
</span>
<div class="collapse footer-info-item d-lg-block" id="collapseFooterStyles">
<a href="/bold-glasses">Bold Glasses</a>
<a href="/oversized-glasses">Oversized Glasses</a>
<a href="/small-glasses">Small Glasses</a>
<a href="/plain-jane">Plain Jane</a>
<a href="/the-professional">The Professional</a>
<a href="/unisex-eyeglasses">Unisex Eyeglasses</a>
<a href="/unisex-sunglasses">Unisex Sunglasses</a>
<a href="/promotion/fashion-eyeglasses">Fashion Eyeglasses</a>
<a href="/vintage-eyeglasses">Vintage Eyeglasses</a>
<a href="/avant-garde">Avant Garde</a>
<a href="/men-business-eyeglasses">Men Business Glasses</a>
<a href="/back-to-school-eyeglasses">Back To School</a>
<a href="/diamond-cut-glasses">Diamond Cut Glasses</a>
<a href="/collection/men-styles-for-the-week">Men Styles For The Week</a>
<a href="/collection/sweetheart">Sweetheart</a>
<a href="/collection/acetate-glasses">Acetate Glasses</a>
<a href="/cleaning-cloth">Cleaning Cloth</a>
<a href="/collection/holiday">Holiday</a>
</div>
</div>
<div class="col-lg-2 col-12">
<a class="footer-info-title d-lg-none mobile" data-target="#collapseFooterTips">
Tips & Guides
</a>
<span class="footer-info-title d-none d-lg-inline-block">
Tips & Guides
</span>
<div class="collapse footer-info-item d-lg-block" id="collapseFooterTips">
<a href="/doc/how-do-i-read-my-prescription">How to Read My Prescription</a>
<a href="/doc/how-to-order">How to Buy Glasses Online</a>
<a href="/doc/frame-measurements">How to Find My Frame Size</a>
<a href="/doc/measure-pd">Measure PD at Home</a>
<a href="/lenses">How to Choose Lenses</a>
<a href="/doc/how-to-choose-glasses">Frames for Your Face Shape</a>
<a href="/quiz/glasses-frame-finder">Glasses Frame Finder</a>
<a href="/virtual-try-on">Virtual Try On</a>
<a href="/home-try-on-glasses">Home Try On</a>
<a href="/doc/video-guides">Video Guides</a>
<a href="/doc/helpcenter">Help Center</a>
<a href="/doc/contact-us">Contact Us</a>
</div>
<a class="footer-info-title d-lg-none mobile" data-target="#collapseFooterPrograms">
Our Programs
</a>
<span class="footer-info-title d-none d-lg-inline-block">
Our Programs
</span>
<div class="collapse footer-info-item d-lg-block" id="collapseFooterPrograms">
<a href="/doc/affiliate">Affiliate Program</a>
<a href="/promotion/student-discount">Student Discount</a>
<a href="/customer/invite-friends">Refer a Friend</a>
<a href="/doc/points-program">Points Program</a>
<a href="/loyalty-program">Loyalty Program</a>
<a href="/doc/flexible-spending-accounts">FSA/HSA</a>
</div>
<a class="footer-info-title d-lg-none mobile" data-target="#collapseFooterMaterials">
Shop by Materials
</a>
<span class="footer-info-title d-none d-lg-inline-block">
Shop by Materials
</span>
<div class="collapse footer-info-item d-lg-block" id="collapseFooterMaterials">
<a href="/wood-texture-eyeglasses">Wood Texture Glasses</a>
<a href="/metal-eyeglasses">Metal Glasses</a>
<a href="/plastic-eyeglasses">Plastic Glasses</a>
<a href="/acetate-eyeglasses">Acetate Glasses</a>
<a href="/titanium-eyeglasses">Titanium Glasses</a>
<a href="/tr90-eyeglasses">Tr90 Glasses</a>
<a href="/silica-gel-eyeglasses">Silica Gel Glasses</a>
<a href="/ultra-lightweight-glasses">Ultra Lightweight Glasses</a>
<a href="/metal-bridge-glasses">Metal Bridge Glasses</a>
<a href="/tortoise-eyeglasses">Tortoise Eyeglasses</a>
<a href="/stainless-steel-glasses">Stainless Steel Glasses</a>
</div>
</div>
<div class="col-lg-2 col-12">
<a class="footer-info-title d-lg-none mobile" data-target="#collapseFooterService">
Shop by Color
</a>
<span class="footer-info-title d-none d-lg-inline-block">
Shop by Color
</span>
<div class="collapse footer-info-item d-lg-block" id="collapseFooterService">
<a href="/collection/tortoise-shell-glasses">Toroise Shell Glasses</a>
<a href="/glitter-eyeglass-frames">Glitter Glasses</a>
<a href="/collection/colors">Colorful Glasses</a>
<a href="/pride-eyeglasses">Pride Glasses</a>
<a href="/ombre-eyeglasses">Ombre Glasses</a>
<a href="/floral-eyeglasses">Floral Glasses</a>
<a href="/clear-eyeglasses">Clear Glassess</a>
<a href="/two-tone-eyeglasses">Two Tone Glasses</a>
<a href="/yellow-glasses">Yellow Glasses</a>
<a href="/white-glasses">White Glasses</a>
<a href="/silver-glasses">Silver Glasses</a>
<a href="/rose-glasses">Rose Glasses</a>
<a href="/multicolor-glasses">Multicolor Glasses</a>
<a href="/lavender-glasses">Lavender Glasses</a>
<a href="/gunmetal-glasses">Gunmetal Glasses</a>
<a href="/cyan-glasses">Cyan Glasses</a>
<a href="/orange-glasses">Orange Glasses</a>
<a href="/crystal-glasses">Crystal Glasses</a>
<a href="/chocloate-glasses">Chocolate Prescription Glasses</a>
<a href="/champagne-glasses">Champagne Glasses</a>
<a href="/burgundy-glasses">Burgundy Glasses</a>
<a href="/rose-gold-eyeglasses">Rose Gold Glasses</a>
<a href="/purple-eyeglasses">Purple Glasses</a>
<a href="/pink-eyeglasses">Pink Glasses</a>
<a href="/red-eyeglasses">Red Glasses</a>
<a href="/green-eyeglasses">Green Glasses</a>
<a href="/gray-eyeglasses">Gray Glasses</a>
<a href="/blue-eyeglasses">Blue Glasses</a>
<a href="/brown-eyeglasses">Brown Glasses</a>
<a href="/gold-eyeglasses">Gold Glasses</a>
<a href="/collection/colorful-frames">Colorful Frames</a>
<a href="/collection/ice-cream-color">Ice Cream Color</a>
</div>
</div>
<div class="col-lg-2 col-12">
<a class="footer-info-title d-lg-none mobile" data-target="#collapseFooterShape">
Shop by Shape
</a>
<span class="footer-info-title d-none d-lg-inline-block">
Shop by Shape
</span>
<div class="collapse footer-info-item d-lg-block" id="collapseFooterShape">
<a href="/collection/shapes">Glasses for Face Shape</a>
<a href="/aviator-eyeglasses">Aviator Glasses</a>
<a href="/oval-eyeglasses">Oval Glasses</a>
<a href="/full-eyeglasses">Full Frame Glasses</a>
<a href="/semi-eyeglasses">Semi Glasses</a>
<a href="/rimless-eyeglasses">Rimless Glasses</a>
<a href="/browline-eyeglasses">Browline Glasses</a>
<a href="/rectangle-eyeglasses">Rectangle Glasses</a>
<a href="/square-eyeglasses">Square Glasses</a>
<a href="/round-eyeglasses">Round Glasses</a>
<a href="/polygon-eyeglasses">Polygon Glasses</a>
<a href="/cateye-eyeglasses">Cateye Glasses</a>
<a href="/classic-wayframe-eyeglasses">Classic Wayframe Glasses</a>
<a href="/horn-eyeglasses">Horn Glasses</a>
</div>
<a class="footer-info-title d-lg-none mobile" data-target="#collapseFooterCategory">
Shop by Category
</a>
<span class="footer-info-title d-none d-lg-inline-block">
Shop by Category
</span>
<div class="collapse footer-info-item d-lg-block" id="collapseFooterCategory">
<a href="/promotion/prescription-bluelight">Blue-Light Glasses</a>
<a href="/night-driving-glasses">Night Driving Glasses</a>
<a href="/clip-on-sunglasses">Clip On Sunglasses</a>
<a href="/affordable-eyeglasses">Affordable Glasses</a>
<a href="/readers">Reading Glasses</a>
<a href="/sports-eyeglasses">Sports Glasses</a>
<a href="/progressive-eyeglasses">Progressive Glasses</a>
<a href="/high-prescription-eyeglasses">High Prescription Eyeglasses</a>
<a href="/prescription-sunglasses">Prescription Sunglasses</a>
<a href="/polarized-sunglasses">Polarized Sunglasses</a>
<a href="/adjustable-nose-pads-eyeglasses">Adjustable Nose Pads Glasses</a>
<a href="/screwless-eyeglasses">Screwless Eyeglasses</a>
<a href="/spring-hinge-eyeglasses">Spring Hinge Eyeglasses</a>
<a href="/gift-cards">Gift Cards</a>
<a href="/accessories">Accessories</a>
<a href="/jewelry">Jewelry</a>
</div>
</div>
<div class="col-lg-2 col-12">
<a class="footer-info-title d-lg-none mobile" data-target="#collapseFooterGreat">
Great Deals
</a>
<span class="footer-info-title d-none d-lg-inline-block">
Great Deals
</span>
<div class="collapse footer-info-item d-lg-block" id="collapseFooterGreat">
<a href="/first-pair">First Pair Free</a>
<a href="/promotion/glasses-under-20">Glasses Under $20</a>
<a href="/clearance-sale">Clearance Sale</a>
<a href="/promotion/first-50-off">First 50 Off</a>
<a href="/promotion">Coupon Codes</a>
<a href="/collection/editor-choice">Editor Choice</a>
<a href="/cheap-glasses">Cheap Glasses</a>
<a href="/reading-glasses">Cheap Reading Glasses</a>
</div>
<a class="footer-info-title d-lg-none mobile" data-target="#collapseFooterLenses">
Shop by Lenses
</a>
<span class="footer-info-title d-none d-lg-inline-block">
Shop by Lenses
</span>
<div class="collapse footer-info-item d-lg-block" id="collapseFooterLenses">
<a href="/lenses/blue-light-blocking">Blue Light Blocking</a>
<a href="/lenses/sunglasses">Sunglasses Lenses</a>
<a href="/lenses/transitions">Transitions Lenses</a>
<a href="/lenses/blue-block-pro">Blue Block Pro</a>
<a href="/lenses/mirrored">Mirrored Glasses</a>
<a href="/lenses/photochromic">Photochromic Lenses</a>
<a href="/progressive-eyeglasses">Progressive Glasses</a>
<a href="/promotion/prescription-bluelight">Prescription Bluelight</a>
<a href="/progressive-sunglasses">Progressive Sunglasses</a>
<a href="/single-vision-eyeglasses">Single Vision Glasses</a>
<a href="/bifocal-eyeglasses">Bifocal Glasses</a>
</div>
<a class="footer-info-title d-lg-none mobile" data-target="#collapseFooterAll">
Shop All
</a>
<span class="footer-info-title d-none d-lg-inline-block">
Shop All
</span>
<div class="collapse footer-info-item d-lg-block" id="collapseFooterAll">
<a href="/eyeglasses">Eyeglasses Online</a>
<a href="/sunglasses">Sunglasses Online</a>
<a href="/women-eyeglasses">Women's Eyeglasses</a>
<a href="/men-eyeglasses">Men's Eyeglasses</a>
<a href="/kids-eyeglasses">Kids Eyeglasses</a>
<a href="/bestsellers">Best Sellers</a>
<a href="/new-arrivals">New Arrivals</a>
<a href="/sunglasses-new-arrivals">Sunglasses New Arrivals</a>
</div>
</div>
</div>
<div class="certificate d-none d-lg-flex">
<a href="https://sealserver.trustwave.com/cert.php?customerId=&size=105x54&style=normal&baseURL=www.glassesshop.com">
<img class="lazy img-fluid img-icon1"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/after-sales/1.png"
alt="trustwave">
</a>
<a href="https://www.trustpilot.com/review/www.glassesshop.com">
<img class="lazy img-fluid img-icon1"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/trustpilot/trustpilot_4.6.png"
alt="turstpilot">
</a>
<a href="https://customerreviews.google.com/v/merchant?q=glassesshop.com&c=US&v=19">
<img class="lazy img-fluid img-icon1"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/google-review-rating/4.6.png"
alt="Google customer reviews">
</a>
<img class="lazy float-right img-icon3"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/index/210527/card1.png">
</div>
</div>
</div>
<!-- Lookbook其他连接 -->
<div class="pt-4 pb-4 d-lg-none">
<div class="col-12">
<h3 class="text-center mb-3">Follow us</h3>
</div>
<div class="col-12 d-flex justify-content-center">
<a href="https://www.instagram.com/iglassesshop/" class="lookbook-icon lookbook-instagram ml-0"></a>
<a href="https://www.facebook.com/iGlassesShop" class="lookbook-icon lookbook-facebook"></a>
<a href="https://www.pinterest.com/glassesshop/" class="lookbook-icon lookbook-pinterest"></a>
<a href="https://twitter.com/glassesshop" class="lookbook-icon lookbook-twitter"></a>
<a href="https://www.youtube.com/channel/UCVl_tXoMw5CI9gRDUSVOf4g/"
class="lookbook-icon lookbook-youtube"></a>
<a href="https://www.tiktok.com/@glassesshop" class="lookbook-icon tiktok-icon"></a>
</div>
</div>
<!-- Lookbook其他连接 -->
<div class="container">
<div class="row footer-card">
<div class="conclusion footer-bottom font-12 m-0 col-lg-12 col-12 text-center">©
Copyright 2024 Glassesshop.com. All Right Reserved |
<a href="/doc/privacy">Privacy Policy</a>
|
<a href="/doc/terms-conditions">Terms & Conditions</a>
</div>
</div>
<div class="footer-img-content d-lg-none">
<a href="https://sealserver.trustwave.com/cert.php?customerId=&size=105x54&style=normal&baseURL=www.glassesshop.com">
<img class="lazy img-fluid img-icon1 mobile"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/layout/1.png"
alt="trustwave">
</a>
<a href="https://www.trustpilot.com/review/www.glassesshop.com">
<img class="lazy img-fluid img-icon1 mobile"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/trustpilot/trustpilot_4.6.png"
alt="turstpilot">
</a>
<a href="javascript:;">
<img class="lazy img-fluid img-icon2 mobile"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/mobile/layout/5.png"
alt="Google customer reviews">
</a>
</div>
</div>
</footer>
</div>
<div class="modal popup-wrapper" tabindex="-1" role="dialog" style="display: none">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content" style="border-radius: 0;">
<div class="modal-header popup-header">
<span class="modal-title" id="myLargeModalLabel"></span>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" class="font-18">×</span>
</button>
</div>
<div class="modal-body text-center popup-message">
<span class="font-18">
Remove this frame from your cart?
</span>
</div>
<div class="modal-footer text-center action popup-footer">
<button type="button" class="btn btn-base model-confirm-btn m-3" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">YES</span>
</button>
<button type="button" class="btn btn-base model-cancel-btn m-3" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">NO</span>
</button>
</div>
</div>
</div>
</div>
<div id="amazon-root"></div>
<script type="text/javascript" src="//res.glassesshop.com/statics/js/jquery-migrate-3.0.0.min.js"></script>
<script type="text/javascript" src="//res.glassesshop.com/statics/js/popper.min.js"></script>
<script type="text/javascript" src="//res.glassesshop.com/assets/js/jquery.cookie.min.js" async></script>
<script src="//res.glassesshop.com/assets/js/jquery-ui-1.11.4.min.js"></script>
<script>
/*** Handle jQuery plugin naming conflict between jQuery UI and Bootstrap ***/
$.widget.bridge('uibutton', $.ui.button);
$.widget.bridge('uitooltip', $.ui.tooltip);
</script>
<script type="text/javascript" src="//res.glassesshop.com/statics/plugins/lazyload/lazyload.min.js"></script>
<script type="text/javascript" src="//res.glassesshop.com/statics/js/bootstrap.min.js"></script>
<script type="text/javascript" src="//res.glassesshop.com/assets/js/jquery.validate.min.js"></script>
<!-- JS file -->
<script src="//res.glassesshop.com/statics/plugins/easyAutocomplete/jquery.easy-autocomplete.min.js"></script>
<script type="text/javascript" src="//res.glassesshop.com/statics/js/slick.min.js"></script>
<!-- Klaviyo Mail JS -->
<script type="text/javascript" src="//static.klaviyo.com/onsite/js/klaviyo.js?company_id=Y5ZiUa"></script>
<script type="text/javascript" src="//static.klaviyo.com/onsite/js/klaviyo.js?company_id=VtR8mj"></script>
<script>
let isHomePage = false;
</script>
<link rel="stylesheet" href="https://res.glassesshop.com/statics/css2/popup-turntable.css?v=23122701" />
<!-- turntable -->
<div class="turntable-container">
<div class="turntable" style="display: flex;align-items: center;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button"
class="close"
data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">
<path fill="#333" fill-rule="evenodd" d="M1.675,0L6.5,4.822,11.324,0,13,1.674,8.175,6.5,13,11.323,11.324,13,6.5,8.174,1.675,13,0,11.323,4.824,6.5,0,1.674Z"/>
</svg>
</span>
</button>
</div>
<div class="modal-body">
<div class="beforeLogin"
style="background: #f6edd0">
<a href="javascript:;"
data-toggle="modal"
data-target="#turntable_rules"
class="turntable-terms">
Terms
</a>
<div class="turntable-head">
Surprise Turntable at GlassesShop
</div>
<div class="turntable-continer">
<div class="turntable-img">
<img class="img-fluid lazy"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/turntable/go-new.png"
id="start">
<div class="turntable-text">
New customer only
</div>
</div>
<div style="position: relative;width:100%;height:100%">
<canvas id="myCanvas" width="405" height="405">
</canvas>
</div>
</div>
<div class="row turntable-email">
<input class="col-8" type="text" name="turntable-email" placeholder="Enter email address">
<div class="turntable-sign col-4">
Spin
</div>
<div class="turntable-error-text col-12"></div>
</div>
</div>
<div class="afterLogin" style="display: none;">
<div class="modal-header">
<img class="img-fluid" src="https://res.glassesshop.com/statics/images/turntable/default/win.png">
</div>
<div style="background: #F6EDD0">
<div class="turntable_code">
<div class="turntable-bac">
<div class="turntable-couponsContent special">
<img class="img-fluid w-100 lazy"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/turntable/code2.svg">
<div class="turntable-couponsText">
<div class="turntable-copponsTitle">Free Shipping</div>
<div class="turntable-copponsDesc">50% OFF for Frames</div>
<div class="turntable-code">
Code: New50
<div class="copy-content" style="width: 12px;height: 14px;">
<span class="tip-code" onclick="copyContent(this,'copy-New50')">
<img class="img-fluid lazy"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/turntable/copy2.svg">
<span class="position-absolute none copied" style="padding: 1px 0px; text-align: center; border-radius: 0.3rem; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); width: 60px; left: -39px; font-size:12px; top: -130%; display: none;">Copied</span>
</span>
<textarea id="copy-New50" style="position: fixed;top: -2000px;" readonly="readonly">New50</textarea>
</div>
</div>
</div>
</div>
<div class="turntable-couponsContent special">
<img class="img-fluid w-100 lazy"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/turntable/code2.svg">
<div class="turntable-couponsText">
<div class="turntable-copponsTitle">$20.00 OFF</div>
<div class="turntable-copponsDesc">For orders
over $59.00</div>
<div class="turntable-code">
Code: GSN20
<div class="copy-content" style="width: 12px;height: 14px;">
<span class="tip-code" onclick="copyContent(this,'copy-GSN20')">
<img class="img-fluid lazy"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/turntable/copy2.svg">
<span class="position-absolute none copied" style="padding: 1px 0px; text-align: center; border-radius: 0.3rem; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); width: 60px; left: -39px; font-size:12px; top: -130%; display: none;">Copied</span>
</span>
<textarea id="copy-GSN20" style="position: fixed;top: -2000px;" readonly="readonly">GSN20</textarea>
</div>
</div>
</div>
</div>
<div class="turntable-tip">The coupon has been sent to your account.</div>
<div class="turntable-shop" data-dismiss="modal">
Continue Shopping
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- turntable -->
<!-- first-visit-vision-a Modal -->
<div class="js-coupon" style="display: none">
<div class="js-content">
<img class="img-fluid lazy"
width="73"
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="https://res.glassesshop.com/statics/images/turntable/coupon-off-new.png">
<div class="btn-close"></div>
</div>
</div>
<!-- first-visit-vision-a Modal-->
<div class="modal fade turntable_rules" id="turntable_rules" tabindex="-1" role="dialog" aria-labelledby="turntable_rules" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">
<svg class="img-fluid" xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">
<path fill="#333" fill-rule="evenodd" d="M1.675,0L6.5,4.822,11.324,0,13,1.674,8.175,6.5,13,11.323,11.324,13,6.5,8.174,1.675,13,0,11.323,4.824,6.5,0,1.674Z"/>
</svg>
</span>
</button>
</div>
<div class="modal-body">
<div class="turntable_rules_title">Turntable Rules</div>
<div class="turntable_rules_text">
<div class="turntable_rules_box">
<soan class="serial_n">1.</soan>Only available to new customers.
</div>
<div class="turntable_rules_box">
<br><soan class="serial_n">2.</soan>Each new guest could spin once only.
</div>
<div class="turntable_rules_box">
<br><soan class="serial_n">3.</soan>The prizes cannot be settled separately or ordered together with flash sale products.
</div>
<div class="turntable_rules_box">
<br><soan class="serial_n">4.</soan>If you get a frame for a prize, you need to select the lenses to make the order.
</div>
<div class="turntable_rules_box">
<br><soan class="serial_n">5.</soan>GlassesShop reserves the right of final interpretation.
</div>
</div>
</div>
</div>
</div>
</div >
<script type="text/javascript">
let isLogin = false;
let turntableData = {"success":true,"list":[{"id":18,"name":"","image":"https:\/\/res.glassesshop.com\/images\/uploads660ba8ca6ffd5.svg","rank":0,"percent":20},{"id":2,"name":"","image":"https:\/\/res.glassesshop.com\/statics\/images\/turntable\/200points.svg","rank":1,"percent":10},{"id":17,"name":"","image":"https:\/\/res.glassesshop.com\/images\/uploads660ba8c8d88ec.svg","rank":2,"percent":20},{"id":15,"name":"","image":"https:\/\/res.glassesshop.com\/images\/uploads65f165a49b6a0.png","rank":3,"percent":10},{"id":16,"name":"","image":"https:\/\/res.glassesshop.com\/images\/uploads65f165a578179.png","rank":4,"percent":10},{"id":12,"name":"","image":"https:\/\/res.glassesshop.com\/images\/uploads65961fcd77c03.png","rank":6,"percent":30}]};
let Disk = ['#fff', '#fff9e0', '#fff', '#fff9e0', '#fff', '#fff9e0']; // 中心奖盘的颜色
</script>
<script type="text/javascript"
src="https://res.glassesshop.com/statics/js/popup-turntable/first-visit.js?v=2023092703"
async="async"></script>
<script type="text/javascript">
const preRxUrl = 'https://www.glassesshop.com/lens';
</script>
<script src="https://res.glassesshop.com/statics/try-on/js/jquery.mobile.custom.min.js"></script>
<script src="https://res.glassesshop.com/statics/try-on/js/cropper.min.js"></script>
<script src="https://res.glassesshop.com/statics/try-on/js/tryon-notice.js?v=2023071701"></script>
<script type="module" src="https://res.glassesshop.com/statics/cosium/vto.js?v=2023080601"></script>
<script src="https://res.glassesshop.com/statics/js/plugins/jquery-ui-1.12.1/jquery-ui.js"></script>
<script type="text/javascript" src="https://res.glassesshop.com/assets/js/jquery.ui.touch-punch.min.js"></script>
<script src="https://res.glassesshop.com/statics/plugins/swiper-v2/js/swiper.js"></script>
<script>
$(document).ready(function () {
$('img.lazy').lazyload({
placeholder: 'https://res.glassesshop.com/statics/images/lazyload/img/transparent.gif',
effect: 'fadeIn'
});
});
</script>
<script>
$(function () {
// PC端搜索样式
$('.nav-form-search .btn-outline-success').click(function () {
event.preventDefault();
let $form = $(this).closest('form');
if ($form.hasClass('active-search')) {
$form.submit();
} else {
$(this).parent('.nav-form-search').addClass('active-search');
// $('.searchSuggestions').css('display', 'block');
$('.nav-form-search .input-search').focus();
$('.searchSuggestions').css('display', 'block');
}
});
$('body').click(function (e) {
var type = e.target;
if ($(e.target).parents().filter('.nav-item.my-2.my-lg-0 ').length == 0) {
$('.searchSuggestions').css('display', 'none');
}
});
$('.nav-form-search .input-search').focus(function () {
// $('.searchSuggestions').css('display','block');
let curSymbol = '$';
$.ajax({
url: '/search/auto-suggest-pc?word=clickSearch',
type: 'get',
success: function (res) {
$('.fixed-items-list').css('display', 'block');
$('.recentHeader').css('display', 'block');
$('.suggestedHeader').css('display', 'none');
$('#list-items').css('display', 'none');
let product = '<ul class="product-list clearfix algolia-product-list" id="search-product-lists">';
$.each(res.productsInfo, function (index, val) {
product += '<li class="product-item">';
product += '<a onclick="" href="' + val.skuUrl + '" title="' + val.skuTitle + '">';
product += '<img src="' + val.defaultImage + '" title="' + val.skuTitle + '" alt="' + val.skuTitle + '"> </a>';
product += '<div class="product-desc clearfix">';
product += '<a class="product-title" onclick="" href="">' + val.skuTitle + '</a> - ';
if (val.listPrice > val.salePrice) {
product += '<span class="product-price color-red">' + curSymbol + val.salePrice + '</span>';
} else {
product += '<span class="product-price">' + curSymbol + val.salePrice + '</span>';
}
product += '</div>';
product += '</li>';
});
product += '</ul>';
$('#search-product-lists').html(product);
$('.searchSuggestions').css('display', 'block');
// delete Recent Queries
$('#suggesthits_copy .icon-close').click(function () {
$(this).parent('.items-list').remove();
});
},
});
})
// PC端搜索
$("#input-search-item").bind('input porpertychange', function () {
let word = $('#input-search-item').val();
let curSymbol = '$';
$.ajax({
url: '/search/auto-suggest-pc',
data: {'word': word},
type: 'get',
success: function (res) {
if (res.code == 500) {
$('.searchSuggestions').css('display', 'none');
return false;
}
if (res.search) {
$('.fixed-items-list').css('display', 'none');
$('.recentHeader').css('display', 'none');
$('.suggestedHeader').css('display', 'block');
let content = '<div class="list-items" id="list-items">';
$.each(res.search, function (index, val) {
content += '<div class="items-list">';
content += '<a href="' + val.link + '">' + val.word + '</a>';
content += '<img src="https://res.glassesshop.com/statics/images/new-index/del.png" alt="delete" class="icon-close">';
content += '</div>';
if (index >= 5) return false;
});
$('#list-items').html(content);
$('#list-items').css('display', 'block');
let product = '<ul class="product-list clearfix algolia-product-list" id="search-product-lists">';
$.each(res.productsInfo, function (index, val) {
product += '<li class="product-item">';
product += '<a onclick="" href="' + val.skuUrl + '" title="' + val.skuTitle + '">';
product += '<img src="' + val.defaultImage + '" title="' + val.skuTitle + '" alt="' + val.skuTitle + '"> </a>';
product += '<div class="product-desc clearfix">';
product += '<a class="product-title" onclick="" href="">' + val.skuTitle + '</a> - ';
if (val.listPrice > val.salePrice) {
product += '<span class="product-price color-red">' + curSymbol + val.salePrice + '</span>';
} else {
product += '<span class="product-price">' + curSymbol + val.salePrice + '</span>';
}
product += '</div>';
product += '</li>';
});
product += '</ul>';
$('#search-product-lists').html(product);
} else {
$('.fixed-items-list').css('display', 'block');
$('.recentHeader').css('display', 'block');
$('.suggestedHeader').css('display', 'none');
$('#list-items').css('display', 'none');
}
//
$('.searchSuggestions').css('display', 'block');
// delete Recent Queries
$('#suggesthits_copy .icon-close').click(function () {
$(this).parent('.items-list').remove();
});
},
});
})
// 移动端点击搜索
$('#navSearch').on('show.bs.collapse', function (event) {
$('body,#wrapper').css('overflow', 'hidden');
$('#wrapper').append("<div id='overlay'></div>");
let curSymbol = '$';
$.ajax({
url: '/search/auto-suggest-pc?word=clickSearch',
type: 'get',
success: function (res) {
let product = '<ul class="product-list clearfix algolia-product-list">';
$.each(res.productsInfo, function (index, val) {
product += '<li class="product-item">';
product += '<a onclick="" href="' + val.skuUrl + '" title="' + val.skuTitle + '">';
product += '<img class="img-fluid" src="' + val.defaultImage + '" title="' + val.skuTitle + '" alt="' + val.skuTitle + '">';
product += '<div class="product-desc clearfix">';
product += '<span class="product-lable">' + val.skuTitle + '</span>';
if (val.listPrice > val.salePrice) {
product += '<span class="search-product-price color-red">' + curSymbol + val.salePrice + '</span>';
} else {
product += '<span class="search-product-price">' + curSymbol + val.salePrice + '</span>';
}
product += '</div> </a>';
product += '</li>';
});
product += '</ul>';
$('#search-suggestions-poduct').html(product);
},
});
}).on('hidden.bs.collapse', function (event) {
if (event.target === this) {
$('body,#wrapper').css('overflow', 'auto');
$('#overlay').remove();
}
});
$("#input-search-mobile").bind('input porpertychange', function () {
let word = $('#input-search-mobile').val();
let curSymbol = '$';
$.ajax({
url: '/search/auto-suggest-pc',
data: {'word': word},
type: 'get',
success: function (res) {
if (res.code == 500) {
$('#popular-queries').css('display', 'block');
$('#easy-autocomplete-container ul').css('display', 'none')
return false;
}
if (res.search) {
// $('.fixed-items-list').css('display', 'none');
// $('.recentHeader').css('display', 'none');
// $('.suggestedHeader').css('display', 'block');
$('#popular-queries').css('display', 'none');
$('#easy-autocomplete-container').css('display', 'block')
let content = '<ul style="display: block">';
$.each(res.search, function (index, val) {
content += '<li><div class="eac-item">';
content += '<a href="' + val.link + '">' + val.word + '</a>';
content += '</div></li>'
if (index >= 5) return false;
});
content += '</ul>';
$('#easy-autocomplete-container').html(content)
let product = '<ul class="product-list clearfix algolia-product-list">';
$.each(res.productsInfo, function (index, val) {
product += '<li class="product-item">';
product += '<a onclick="" href="' + val.skuUrl + '" title="' + val.skuTitle + '">';
product += '<img class="img-fluid" src="' + val.defaultImage + '" title="' + val.skuTitle + '" alt="' + val.skuTitle + '">';
product += '<div class="product-desc clearfix">';
product += '<span class="product-lable">' + val.skuTitle + '</span>';
if (val.listPrice > val.salePrice) {
product += '<span class="product-price color-red">' + curSymbol + val.salePrice + '</span>';
} else {
product += '<span class="product-price">' + curSymbol + val.salePrice + '</span>';
}
product += '</div> </a>';
product += '</li>';
});
product += '</ul>';
$('#search-suggestions-poduct').html(product);
} else {
$('.fixed-items-list').css('display', 'block');
$('.recentHeader').css('display', 'block');
$('.suggestedHeader').css('display', 'none');
$('#list-items').css('display', 'none');
}
//
$('.searchSuggestions').css('display', 'block');
// delete Recent Queries
$('#suggesthits_copy .icon-close').click(function () {
$(this).parent('.items-list').remove();
});
},
});
})
// 移动端搜索Featured滑动
$('.search-featured').slick({
infinite: false,
variableWidth: true,
autoplay: false,
arrows: false,
autoplaySpeed: 5000,
dots: false,
});
$('.nav-form-search .ais-SearchBox-reset-close').click(function () {
event.preventDefault();
$("input[name='q']").val("")
// $(this).parent('.nav-form-search').removeClass('active-search');
$('.searchSuggestions').css('display', 'none');
});
$('.nav-sign input').on('focus', function () {
$('.navbar-sign-content').addClass('open');
}).on('blur', function () {
$('.navbar-sign-content').removeClass('open');
});
$('#signAndAccount, #signIn, #navCreateAccount').on('show.bs.collapse', function (event) {
$('body,#wrapper').css('overflow', 'hidden');
}).on('hidden.bs.collapse', function (event) {
if (event.target === this) {
$('body,#wrapper').css('overflow', 'auto');
}
});
// 导航关闭
$('.mobile-mask').on('click', function (event) {
if (this === event.target) {
$('.mobile-collapse').collapse('hide');
}
});
// search关闭
// $('#overlay').click(function (event) {
// $('.mobile-collapse').collapse('hide');
// });
$('body').on('click', '#overlay', function (event) {
if (this === event.target) {
$('#navSearch').collapse('hide');
}
});
// scroll top
$(window).scroll(function () {
if ($(this).scrollTop() > 300) {
$('.fixed-scroll-top').fadeIn();
} else {
$('.fixed-scroll-top').fadeOut();
}
});
$(document).scroll(function () {
if ($(this).scrollTop() > 300) {
$('.fixed-scroll-top').css('display', 'block');
} else {
$('.fixed-scroll-top').css('display', 'none');
}
});
// 移动端搜索插件
// $('.input-search-mobile').easyAutocomplete({
// url: function (word) {
// return '/search/auto-suggest?word=' + word + '&format=json';
// },
// getValue: 'word',
// template: {
// type: 'links',
// fields: {
// link: 'link'
// }
// }
// });
// Login & Login Form Validate
$('.header-login-button').on('click', function (e) {
var validateForm = $(this).closest('form');
var validateFormEmail = validateForm.children().find('input[type="email"]');
validateForm.validate({
rules: {
email: {
required: true,
email: true
},
password: {
required: true,
minlength: 6
}
},
messages: {
email: {
required: 'Please enter an email address!',
minlength: 'Invalid email address'
},
password: {
required: 'Please enter your password'
}
},
errorElement: "span",
errorClass: 'form-text',
errorPlacement: function (error, element) {
error.appendTo(element.parent());
element.closest('.form-group')
.addClass('form-error');
},
success: function (label) {
label.closest('.form-group')
.removeClass('form-error')
.children('.form-text')
.removeClass('form-text');
label.remove();
}
});
var valid = validateForm.valid();
if (!valid) {
return false;
}
$.ajax({
url: '/login/ajax',
type: 'post',
data: validateForm.serialize(),
dataType: 'json',
success: function (retData) {
if ((retData.status == 1) && (retData.code == 200)) {
window.location.reload();
} else {
validateFormEmail.after('<span class="form-text">Invalid email address or password</span>').closest('.form-group').addClass('form-error');
return false;
}
}
});
e.stopPropagation();
return false;
});
// Register
$('.header-sign-up-form-button').on('click', function (e) {
$('.header-sign-up-form').validate({
rules: {
email: {
required: true,
email: true
},
firstname: {
required: true
},
lastname: {
required: true
},
password: {
required: true,
minlength: 6
},
password_confirmation: {
required: true,
minlength: 6,
equalTo: '#register-password'
}
},
messages: {
password_confirmation: {
equalTo: 'Please enter the same password again.'
}
},
errorElement: "span",
errorClass: 'form-text',
errorPlacement: function (error, element) {
error.appendTo(element.parent());
element.closest('.form-group')
.addClass('form-error');
},
success: function (label) {
label.closest('.form-group')
.removeClass('form-error')
.children('.form-text')
.removeClass('form-text');
label.remove();
}
});
var valid = $('.header-sign-up-form').valid();
if (!valid) {
return false;
}
$.ajax({
url: '/register/ajax',
type: 'post',
data: $('.header-sign-up-form').serialize(),
dataType: 'json',
success: function (retData) {
if ((retData.status == 1) && (retData.code == 200)) {
window.location.href = retData.jumpurl;
}
if (retData.status == 2) {
alert(retData.msg);
return false;
}
if (retData.status == 3) {
alert('Something Error, Please contact us!');
return false;
}
}
});
e.stopPropagation();
});
// 导航栏背景色
$(".navbar-nav-content").hover(
function () {
return $(".nav-bac-layer").hasClass("active-bac") ? (console.log(11), !1) : void $(".nav-bac-layer").addClass("active-bac")
},
function () {
$(".nav-bac-layer").removeClass("active-bac")
}
)
// Search
$('.input-search-mobile').on('keydown', function (event) {
if (event.keyCode == 13) {
if ($(this).val().trim().length > 0) {
$(this).form.submit();
}
return false;
}
});
$('.search-form-button').on('click', function () {
var queryStringLength = $(this).closest('form').children().find('.input-search').val().length;
if (queryStringLength > 0) {
$(this).closest('form').submit();
}
return false;
});
$('.footer-newsletter-btn').on('click', function (event) {
$.ajax({
url: '/newsletter/add',
type: 'post',
data: $('.footer-newsletter-form').serialize(),
dataType: 'json',
success: function (retData) {
if (retData.status == 'success') {
$('.tooltip-message').html(retData.content).closest('.show-tooltip-area').css('display', 'block');
} else {
$('.tooltip-message').html(retData.message).closest('.show-tooltip-area').css('display', 'block');
}
}
});
event.stopPropagation();
return false;
});
$('.footer-form').on('click', '.tool-tip-close', function () {
$('.tooltip-message').html('').closest('.show-tooltip-area').css('display', 'none');
});
// 移动端点击打开
$('.footer-info-title.mobile').click(function (e) {
$('.footer-info-item').not(this).slideUp();
$('.footer-info-title.mobile').not(this).removeClass('active');
var that = $(this);
var target = $(this).data('target');
var isOpen = $(this).toggleClass('active').hasClass('active');
console.log(isOpen)
console.log(target)
if (isOpen) {
console.log($(target))
$(target).slideDown();
} else {
$(target).slideUp();
}
});
});
</script>
<script type="text/javascript">
window.onAmazonLoginReady = function () {
amazon.Login.setClientId('amzn1.application-oa2-client.532d067a996d4ccba5f80885324210ea');
};
(function (d) {
var a = d.createElement('script');
a.type = 'text/javascript';
a.async = true;
a.id = 'amazon-login-sdk';
a.src = 'https://api-cdn.amazon.com/sdk/login1.js';
d.getElementById('amazon-root').appendChild(a);
})(document);
$(function () {
$('.login-with-amazon').on('click', function () {
var options = {scope: 'profile'};
amazon.Login.authorize(options, '/login/amazon/callback?referer=https://www.glassesshop.com/gold-eyeglasses');
return false;
})
})
</script>
<script>
let isMobile = 0;
let isTablet = 0;
let _currentUrl = decodeURI(location.href);
_currentUrl = _currentUrl.replace(/\[\d*\]/, '[]');
let pageRecords = '61';
function setQueryString(url, flag) {
if (_currentUrl.indexOf('&') > -1) {
_currentUrl = _currentUrl.replace(/&/g, '&');
}
if (url == 'clear') {
window.location.href = 'https://www.glassesshop.com/gold-eyeglasses';
} else {
switch (flag) {
case 'replace':
_currentUrl = location.pathname + '?' + url;
break;
case 'add':
if (_currentUrl.indexOf('?') > -1) {
_currentUrl += '&' + url;
} else {
_currentUrl += '?' + url;
}
break;
case 'remove':
if (_currentUrl.indexOf('?' + url) > -1 && _currentUrl.indexOf(url + '&') > -1) {
_currentUrl = _currentUrl.replace(url + '&', '');
} else if (_currentUrl.indexOf('?' + url) > -1 && _currentUrl.indexOf(url + '&') == -1) {
_currentUrl = _currentUrl.replace("?" + url, '');
} else if (_currentUrl.indexOf('&' + url) > -1) {
_currentUrl = _currentUrl.replace('&' + url, '');
}
break;
}
let _url = encodeURI(_currentUrl);
window.location.href = _url;
}
}
$(function () {
// $(".mb-description .text-section").each(function(){
// let maxLength = 30;
// let desc = "";
// let tab =$('<span class="read-more"> Read More</span>')
// let moreDesc = $('<span class="moreDesc"></span>')
// let texts = $(this).children().html();
// if(texts.length>maxLength){
// moreDesc.text(texts.slice(maxLength));
// desc = texts.slice(0, maxLength);
// $(this).children().html(desc).append(moreDesc).append(tab)
// }
// })
// $('.text-section .read-more').click(function (e) {
// console.log($(this).text() ===' Read More')
// if($(this).text() === ' Read More'){
// $(this).html(' Show Less');
// $(this).siblings('.moreDesc').show();
// }else {
// $(this).html(' Read More');
// $(this).siblings('.moreDesc').hide()
// }
// })
$('.read-more').click(function (e) {
$(this).toggleClass("absolute");
if($(this).hasClass("absolute")){
$(this).find('.read-more-text').text("read more")
$(this).siblings('.text').css('height','21px').css("display","block")
}else {
$(this).siblings('.text').css('height','unset');
$(this).find('.read-more-text').text("show less")
$(this).css("display","inline").siblings('.text').css("display","inline")
}
})
window.onresize = function () {
$('.mobile-collapse').height($(window).height() - 60);
$('.filter-wrap').css("padding-bottom", ($(window).height() - 60) * 0.1);
}
$('.mobile-collapse').height($(window).height() - 60);
$('.filter-wrap').css("padding-bottom", ($(window).height() - 60) * 0.1);
// 移动端切换sort
// $('.categories-sort .sort-item').on('click', function (event) {
// $('.categories-sort .navbar-toggler').text($(this).text())
// })
// 选择颜色
$('.product-color').on('click', function () {
$(this).addClass('active').closest('.product-colors').find('.product-color').not(this).removeClass('active');
const targetId = $(this).data('target');
if (targetId) {
$(this).closest('.product-list-row').find('.p-tab').addClass('none');
$(this).closest('.product-list-row').find(targetId).removeClass('none');
}
const tryItOnImage = $(this).data('try-it-on');
const productId = $(this).data('product');
const productName = $(this).data('product-name')
const productSKU = $(this).data('product-sku');
let tryBtnClass = 'btn-default-vto';
if ($(this).data('try-type') == 'COSIUM') {
tryBtnClass = 'btn-cosium-vto';
}
const $tryBtn = $(this).closest('.product-list-row')
.find('.try-on-btn');
$tryBtn.removeClass('btn-default-vto')
.removeClass('btn-cosium-vto')
.addClass(tryBtnClass);
if (tryItOnImage) {
$tryBtn.data('product', tryItOnImage)
.data('product-id', productId)
.data('product-name', productName)
.data('product-sku', productSKU);
}
});
// 初始化移动端Top Choices
$('.slick-choices').slick({
infinite: false,
autoplay: false,
arrows: false,
autoplaySpeed: 5000,
dots: false,
variableWidth: true,
slidesToShow: 3,
slidesToScroll: 2,
edgeFriction: 0,
responsive: [
{
breakpoint: 992,
settings: {
slidesToShow: 6,
slidesToScroll: 6,
}
},
{
breakpoint: 767.9,
settings: {
slidesToShow: 3,
slidesToScroll: 2,
}
},
]
});
//轮播
$('.slider-banners').slick({
autoplay: true,
arrows: true,
autoplaySpeed: 5000,
dots: true
});
//轮播
$('.slider-banners-middle').slick({
autoplay: true,
arrows: false,
autoplaySpeed: 5000,
dots: true
});
//拉杆
$('.slider-range .slider-base').each(function (index, obj) {
let max = $(this).data('max') || 100;
let min = $(this).data('min') || 0;
let values = [min, max];
if ($(this).data('value')) {
values = $(this).data('value').split(',');
}
let valueChildren = $(obj).siblings(".slider-value-bar").children('span.slider-value');
valueChildren.each(function (index, item) {
$(this).text(values[index] + 'mm')
})
$(this).slider({
step: 1,
max,
min,
range: true,
values,
slide: function (event, ui) {
valueChildren.each(function (index, item) {
$(this).text(ui.values[index] + 'mm');
})
},
change: function (event, ui) {
$('#custom-size').prop('checked', true).trigger('change');
let obj = $(this).data('obj');
let value = ui.values.join(',');
let _size = obj + '=' + value;
let _oldValue = values.join(',');
let _searchItem = obj + '=' + _oldValue;
console.log(_searchItem)
if (_currentUrl.indexOf(_searchItem) > -1) {
if (_currentUrl.indexOf('&' + _searchItem) > -1) {
_currentUrl = _currentUrl.replace('&' + _searchItem, '');
} else if (_currentUrl.indexOf('?' + _searchItem) > -1) {
if (_currentUrl.indexOf('?' + _searchItem + '&') > -1) {
_currentUrl = _currentUrl.replace(_searchItem + '&', '');
} else {
_currentUrl = _currentUrl.replace('?' + _searchItem, '');
}
}
}
setQueryString(_size, 'add');
}
});
})
// 展开更多描述
$('.desc-arrow').click(function (event) {
$(this).hide().siblings().removeClass('desc-more');
});
$('.btn-more-colors').click(function (e) {
$(this).next().slideToggle();
var width = $(window).width();
if (width > 992) {
$(this).next('.more-colors-list').toggleClass('active');
}
});
// 点击喜欢
$('.favorite-btn').on('click', function () {
let $$ = $(this);
let productId = $$.data('product');
if ($$.hasClass('add')) {
$.ajax({
url: '/customer/wishlist/add/' + productId,
type: 'get',
dataType: 'json',
success: function (retData) {
if (retData.status == 1 && retData.code == 200) {
$$.removeClass('add').addClass('remove').find('.fa').removeClass('fa-heart-o').addClass('fa-heart');
$('.nav-heart').children('span').text(retData.data.count);
} else {
window.alert(retData.msg);
}
}
});
} else if ($$.hasClass('remove')) {
$.ajax({
url: '/customer/wishlist/delete/' + productId,
type: 'get',
dataType: 'json',
success: function (retData) {
if (retData.status == 1 && retData.code == 200) {
$$.removeClass('remove').addClass('add').find('.fa').removeClass('fa-heart').addClass('fa-heart-o');
$('.nav-heart').children('span').text(retData.data.count);
} else {
window.alert(retData.msg);
}
}
});
}
});
});
// 中间 top-pic
$('.variable-width').slick({
adaptiveHeight: true,
arrows: true,
infinite: true,
slidesToShow: 4,
slidesToScroll: 4,
variableWidth: false,
useTransform: false,
responsive: [
{
breakpoint: 992,
settings: {
arrows: false,
slidesToShow: 1,
slidesToScroll: 1,
variableWidth: true,
centerMode: true,
centerPadding: '30px 0 0',
}
}
]
});
$(function () {
let _queryParams = [];
if (Object.keys(_queryParams).length > 0) {
$.each(_queryParams, function (_key, _value) {
if ($.inArray(_key, ['frame-size', 'bridge-size', 'lens-size', 'temple-arm',]) > -1) {
$('#js-filter .size').addClass('filtered');
$("input[name='" + _key + "'][value='" + _value[0] + "']").closest('dd').siblings(':not(:first)').css('display', 'none');
}
if ($.inArray(_key, ['age']) > -1) {
$('#js-filter .size').addClass('filtered');
$("input[name='" + _key + "'][value='" + _value[0] + "']").closest('dd').siblings().css('display', 'none');
}
if ($.inArray(_key, ['gender', 'feature', 'shape', 'color', 'frame', 'material', 'age']) > -1) {
$('.' + _key).addClass('filtered');
}
});
}
if ($('#Filters li input:checked').length >= 1) {
$("#js-filter-clear").addClass('selected');
}
setTimeout(function () {
if (_currentUrl.indexOf('sort=') > -1) {
let sort = '';
$('#list-sort').val(sort);
}
}, 200);
// $('#custom-size').on('change', function () {
// if ($(this).prop('checked')) {
// $('#Filters li input:checkbox[name="size"]').prop('checked', false).trigger('change');
// }
// });
$('.filter-item-sort').on('click', '.sort-item', function () {
let _sort = 'sort=' + $(this).data('val');
let _sortNow = $('#list-sort').val();
if (_sortNow.length == 0) {
setQueryString(_sort, 'add');
} else {
if (_currentUrl.indexOf('sort=' + _sortNow) > -1) {
if (_currentUrl.indexOf('&sort=' + _sortNow) > -1) {
_currentUrl = _currentUrl.replace('&sort=' + _sortNow, '');
} else if (_currentUrl.indexOf('?sort=' + _sortNow) > -1) {
if (_currentUrl.indexOf('?sort=' + _sortNow + '&') > -1) {
_currentUrl = _currentUrl.replace('sort=' + _sortNow + '&', '');
} else {
_currentUrl = _currentUrl.replace('?sort=' + _sortNow, '');
}
}
setQueryString(_sort, 'add');
}
}
$('#list-sort').val($(this).data('val'));
});
$('body').on('change', '#filter-page', function () {
let limit = $(this).val();
let _limit = 'num=' + $(this).val();
if (_currentUrl.indexOf(_limit) == -1) {
setQueryString(_limit, 'add');
}
});
// PC端勾选条件
$('#Filters li input:checkbox').on('change', function () {
if (isMobile || isTablet) {
return false;
}
let _key = $(this).attr('name');
if (_key == undefined) {
return false;
}
let _value = $(this).val();
let _uri = _key + '[]=' + _value;
if ($('#Filters li input:checked').length >= 1) {
$("#js-filter-clear").addClass('selected');
} else {
$("#js-filter-clear").removeClass('selected');
}
if ($(this).prop('checked')) {
if ($.inArray(_key, ['frame-size', 'bridge-size', 'lens-size', 'temple-arm']) > -1) {
$(this).closest('dd').siblings(':not(:first)').css('display', 'none');
}
if ($.inArray(_key, ['age']) > -1) {
$(this).closest('dd').siblings('').css('display', 'none');
}
$(this).closest('li').addClass('filtered');
if (_currentUrl.indexOf(_uri) == -1) {
setQueryString(_uri, 'add');
}
} else {
if ($(this).closest('li').find('input:checked').length == 0) {
$(this).closest('li').removeClass('filtered');
}
if ($.inArray(_key, ['frame-size', 'bridge-size', 'lens-size', 'temple-arm']) > -1) {
$(this).closest('dd').siblings().css('display', 'block');
}
if ($.inArray(_key, ['age']) > -1) {
$(this).closest('dd').siblings().css('display', 'block');
}
if (_currentUrl.indexOf(_uri) > -1) {
setQueryString(_uri, 'remove');
}
}
});
// 移动端勾选条件
$('#Filters-mb li input:checkbox').on('change', function () {
var arr = [];
$(this).closest('.row.m-0').children().each(function (index, item) {
if ($(item).find('input[type="checkbox"]').prop('checked')) {
if (arr.length < 3) {
arr.push($(this).find('input[type="checkbox"]').val())
}
}
})
$(this).closest('.filter-down').siblings('.filter-menu').find('.select-text').html(arr.join(',').replace(/,/g, ", "))
if (isMobile || isTablet) {
let _queryString = '';
$('#Filters-mb li input:checkbox').each(function () {
if ($(this).prop('checked')) {
// if ($(this).attr('name') == 'gender') {
// return true;
// }
_queryString += $(this).attr('name') + '[]=' + $(this).val() + '&';
}
});
_queryString = _queryString.slice(0, -1);
let mb_url = '';
if (_currentUrl.indexOf('&') > -1) {
mb_url = _currentUrl.replace(/&/g, '&');
}
mb_url = '/getProductNums' + location.pathname + '?' + _queryString;
let _url = encodeURI(mb_url);
$.ajax({
url: _url,
type: 'get',
dataType: 'json',
success: function (retData) {
if (retData.code == 200 && retData.status == 1) {
$('.product-filter-num').html(retData.data)
}
}
});
return false;
}
});
// 移动端点击展开Find My Fit
$('.accurate-size').on('change', function () {
if ($(this).prop('checked')) {
$('.accurate-size-content').slideDown()
} else {
$('.accurate-size-content').slideUp()
}
})
// PC端Find My Fit
$('.find-fit-pc').on('click', function (event) {
let lens_width2 = $("input[name='lens-width2-pc']").val()
let bridge_width2 = $("input[name='bridge-width2-pc']").val()
let diagonal = $("input[name='diagonal-pc']").val()
console.log(bridge_width2)
findFit(lens_width2, bridge_width2, diagonal)
})
// 移动端Find My Fit
$('.find-fit-mb').on('click', function (event) {
let lens_width2 = $("input[name='lens-width2-mb']").val()
let bridge_width2 = $("input[name='bridge-width2-mb']").val()
let diagonal = $("input[name='diagonal-mb']").val()
findFit(lens_width2, bridge_width2, diagonal)
})
function findFit(lens_width2, bridge_width2, diagonal) {
if (!lens_width2 && !bridge_width2 && !diagonal) {
return false;
}
let _uri = '';
if (lens_width2) {
_uri = 'lens-width2=' + lens_width2;
}
if (bridge_width2) {
if (_uri) {
_uri = _uri + '&bridge-width2=' + bridge_width2
} else {
_uri = _uri + 'bridge-width2=' + bridge_width2
}
}
if (diagonal) {
if (_uri) {
_uri = _uri + '&diagonal=' + diagonal
} else {
_uri = _uri + 'diagonal=' + diagonal
}
}
let _oldLensWidth2 = getQueryVariable('lens-width2');
let _searchLensWidth2 = 'lens-width2=' + _oldLensWidth2;
replaceEmpty(_searchLensWidth2)
let _oldBridge_width2 = getQueryVariable('bridge-width2');
let _searchBridgeWidth2 = 'bridge-width2=' + _oldBridge_width2;
replaceEmpty(_searchBridgeWidth2)
let _oldDiagonal = getQueryVariable('diagonal');
let _searchDiagonal = 'diagonal=' + _oldDiagonal;
replaceEmpty(_searchDiagonal)
setQueryString(_uri, 'add');
}
function replaceEmpty(searchParams) {
if (_currentUrl.indexOf(searchParams) > -1) {
if (_currentUrl.indexOf('&' + searchParams) > -1) {
_currentUrl = _currentUrl.replace('&' + searchParams, '');
} else if (_currentUrl.indexOf('?' + searchParams) > -1) {
if (_currentUrl.indexOf('?' + searchParams + '&') > -1) {
_currentUrl = _currentUrl.replace(searchParams + '&', '');
} else {
_currentUrl = _currentUrl.replace('?' + searchParams, '');
}
}
}
}
// 获取url参数
function getQueryVariable(variable) {
var query = location.search.substring(1);
var vars = query.split("&");
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split("=");
if (pair[0] == variable) {
return pair[1];
}
}
return (false);
}
// PC端清空
$('.js-filter-clear').on('click', function (event) {
if ($('#Filters li input:checked').length >= 1) {
$("#js-filter-clear").removeClass('selected');
$('#Filters li').removeClass('filtered');
$('#Filters li input:checked').attr("checked", false);
setQueryString('clear', 'add');
}
});
// 移动端清空
$('.js-filter-mb-clear').on('click', function (event) {
if ($('#Filters-mb li input:checked').length >= 1) {
$("#js-filter-clear").removeClass('selected');
$('#Filters-mb li').removeClass('filtered');
$('#Filters-mb li input:checked').attr("checked", false);
setQueryString('clear', 'add');
}
});
// 移动端Filter搜索
$('.js-filter-apply').on('click', function (event) {
let _queryString = '';
let sort = getQueryVariable('sort')
if (sort != undefined && sort != '' && sort != false) {
_queryString += 'sort=' + sort + '&';
}
$('#Filters-mb li input:checkbox').each(function () {
if ($(this).prop('checked')) {
// if ($(this).attr('name') == 'gender') {
// return true;
// }
_queryString += $(this).attr('name') + '[]=' + $(this).val() + '&';
}
});
_queryString = _queryString.slice(0, -1);
setQueryString(_queryString, 'replace');
});
//多选框动态长度
$('.filter-down-color,.filter-down-feature').click(function () {
$(this).siblings('.filter-menu').find('.filter-count').text($(this).find('input:checked').length);
});
//pc 有选中样式
$('.filter-item').click(function () {
if ($(this).find('input:checked').length) {
$(this).find('.filter-menu').addClass('color-link');
} else {
$(this).find('.filter-menu').removeClass('color-link');
}
});
// 展开更多描述
$('.desc-show').click(function (event) {
$(this).toggleClass("down");
$(".home-desc-more").slideToggle();
});
$('.colors-exceed').click(function (e) {
$(this).next().slideToggle();
var width = $(window).width();
if (width > 992) {
$(this).next('.colors-list-exceed').toggleClass('active');
}
});
$('.JS_grid_switch').click(function (e) {
const column = parseInt($(this).data('column'));
if (column === 2) {
$('.product-list').removeClass('column-1').removeClass('column-2').addClass('column-2');
$('.product-list-row').removeClass('col-12').removeClass('col-6').addClass('col-6');
} else {
$('.product-list').removeClass('column-1').removeClass('column-2').addClass('column-1');
$('.product-list-row').removeClass('col-12').removeClass('col-6').addClass('col-12');
}
$(this).addClass('grid-current').siblings('.grid').removeClass('grid-current');
$.cookie('list_column', column);
// $('.grid').removeClass('grid-current');
// $(this).find('i').addClass('grid-current');
});
// 网一lp
$('.cyber-monday-toggle').on('click', function () {
// $('.cyber-monday-content').slideToggle();
$('.cyber-monday-content').toggleClass('hide-item');
$('.cyber-monday-toggle').find('img').toggleClass('up');
});
// $('.filter-menu').on('click', function() {
// $(this).parent('.filter-item').toggleClass('active');
// });
// bogo 筛选
$('.cloud-tags-item').click(function () {
$(this).addClass('active').siblings().removeClass('active');
});
$(window).bind("scroll", function () {
if ($(this).scrollTop() > 100) {
$('.countdown').slideUp();
// $('#wrapper').animate({marginTop:'0'});
// $('.navbar-sec').animate({top:'49px'});
} else {
if (!$(".countdown").hasClass('close')) {
$(".countdown").slideDown();
}
// var height = $('.countdown').outerHeight(true);
// var _top = $('。countdown').outerHeight(true);
// $('.navbar-sec').css('top',height);
}
});
// 选择颜色 no-result页面
$('.tab-content').on('click', '.product-color', function () {
$(this).addClass('active').siblings().removeClass('active');
var imgId = $(this).data('target'), titleId = $(this).data('title');
if (imgId) {
$(imgId).addClass('active').siblings('.product-img').removeClass('active')
}
if (titleId) {
$(titleId).addClass('active').siblings().removeClass('active')
}
});
$('#recommended').slick({
autoplay: false,
arrows: true,
slidesToShow: 4,
autoplaySpeed: 5000,
dots: false,
responsive: [
{
breakpoint: 992,
settings: {
arrows: false,
variableWidth: true,
}
},
{
breakpoint: 700,
settings: {
slidesToShow: 1,
arrows: false,
variableWidth: true,
}
},
]
});
$('#new').slick({
autoplay: false,
arrows: true,
autoplaySpeed: 5000,
slidesToShow: 4,
dots: false,
responsive: [
{
breakpoint: 992,
settings: {
arrows: false,
variableWidth: true,
}
},
{
breakpoint: 700,
settings: {
slidesToShow: 1,
arrows: false,
variableWidth: true,
}
},
]
});
//tab 切换
$('.recommend-tabs .tab-title-no').click(function (event) {
$(this).addClass('active');
$(this).siblings().removeClass('active');
var index = $(this).index();
$('.single-item').eq(index).show();
$('.single-item').eq(1 - index).hide();
if (index == 1) {
$('.single-item2')[0].slick.refresh()
}
});
});
$('.countdown .close-btn').click(function (event) {
// $('.countdown').addClass('close');
$('#filters-menu').animate({top: '49px'});
});
$('.login-form').on("click", ".modal-title", function () {
$(this).addClass("active").siblings().removeClass("active");
var index = $(this).index();
$(this).closest('.login-form').find('.form-content').eq(index).show();
$(this).closest('.login-form').find('.form-content').eq(1 - index).hide();
})
$('.default').on('click', function (e) {
$(this).hide();
$(this).siblings(".default").show();
if ($(this).hasClass('checkPassword')) {
$(this).siblings(".form-control").attr("type", "password")
} else {
$(this).siblings(".form-control").attr("type", "text")
}
})
// 弹窗登录
$('#login-form .dialog-login-button').on('click', function (e) {
var validateForm = $(this).closest('form');
var validateFormEmail = validateForm.children().find('input[type="email"]');
validateForm.validate({
rules: {
email: {
required: true,
email: true
},
password: {
required: true,
minlength: 6
},
passwordConfirm: {
required: true,
equalTo: "#register_password",
},
},
messages: {
email: {
required: 'Please enter an email address!',
minlength: 'Enter 6 characters or more',
},
password: {
required: 'Please enter your password'
},
passwordConfirm: {
required: 'Please enter your confirm password.',
equalTo: 'Please enter the same password.'
},
},
errorElement: "span",
errorClass: 'form-text',
errorPlacement: function (error, element) {
error.appendTo(element.parent());
element.closest('.form-group')
.addClass('form-error');
},
success: function (label) {
label.closest('.form-group')
.removeClass('form-error')
.children('.form-text')
.removeClass('form-text');
label.remove();
}
});
var valid = validateForm.valid();
if (!valid) {
return false;
}
$.ajax({
url: '/login/ajax',
type: 'post',
data: validateForm.serialize(),
dataType: 'json',
success: function (retData) {
if ((retData.status == 1) && (retData.code == 200)) {
window.location.reload();
} else {
validateFormEmail.after('<span id="category-login-email-error" class="form-text">Invalid email address or password</span>').closest('.form-group').addClass('form-error');
return false;
}
}
});
e.stopPropagation();
return false;
});
// 弹窗注册
$('#login-form .dialog-register-button').on('click', function (e) {
if ($('.register-newsletter').prop('checked') == true) {
$("input[name='newsletter']").val(1)
} else {
$("input[name='newsletter']").val(0)
}
var validateForm = $(this).closest('form');
var validateFormEmail = validateForm.children().find('input[type="email"]');
validateForm.validate({
rules: {
firstname: {
'required': true
},
lastname: {
'required': true
},
email: {
required: true,
email: true
},
password: {
required: true,
minlength: 6
},
password_confirmation: {
required: true,
equalTo: "#register_password",
},
},
messages: {
firstname: {
required: 'Please enter your First Name!'
},
lastname: {
required: 'Please enter your Last Name!'
},
email: {
required: 'Please enter an email address!',
minlength: 'Enter 6 characters or more!',
},
password: {
required: 'Please enter your password!'
},
password_confirmation: {
required: 'Please enter your confirm password.',
equalTo: 'Please enter the same password.'
},
},
errorElement: "span",
errorClass: 'form-text',
errorPlacement: function (error, element) {
error.appendTo(element.parent());
element.closest('.form-group')
.addClass('form-error');
},
success: function (label) {
label.closest('.form-group')
.removeClass('form-error')
.children('.form-text')
.removeClass('form-text');
label.remove();
}
});
var valid = validateForm.valid();
if (!valid) {
return false;
}
$.ajax({
url: '/register/ajax',
type: 'post',
data: validateForm.serialize(),
dataType: 'json',
success: function (retData) {
if ((retData.status == 1) && (retData.code == 200)) {
var register_email = retData.content.email;
if (typeof fbq === 'function') {
fbq('track', 'CompleteRegistration', {
email: register_email,
});
}
window.location.reload();
}
if (retData.status == 2) {
alert(retData.msg);
return false;
}
if (retData.status == 3) {
validateFormEmail.after('<span id="category-register-email-error" class="form-text">Email already exists!</span>').closest('.form-group').addClass('form-error');
return false;
}
}
});
e.stopPropagation();
return false;
});
</script>
<script>
var recommend_swiper = new Swiper('.swiper-container-recommend', {
slidesPerView: 3.1,
spaceBetween: 0,
centeredSlides: true,
loop: true,
slideToClickedSlide: true,
pagination: {
el: '.swiper-pagination-recommend',
clickable: true,
},
breakpoints: {
992: {
slidesPerView: 1.3,
preventClicksPropagation : false,
}
},
});
var swiper2 = new Swiper('.swiper-container-choose', {
slidesPerView: 4,
spaceBetween: 30,
loop: true,
allowSlidePrev: false,
allowSlideNext: false,
breakpoints: {
992: {
allowSlidePrev: true,
allowSlideNext: true,
slidesPerView: 2,
spaceBetween: 5,
slidesPerGroup: 2,
pagination: {
el: '.swiper-pagination-choose',
clickable: true,
},
}
},
});
$('.filter-menu').click(function (e) {
$(this).parent('.filter-item').toggleClass('active');
if ($(this).parent('.filter-item').hasClass('active')) {
$(this).find('.arrow').attr("src", "http://d22qih3asjv3x0.cloudfront.net/1/static/public/assets/images/help-center-new/reduce.svg");
$(this).siblings('.filter-down').slideDown()
} else {
$(this).find('.arrow').attr("src", "http://d22qih3asjv3x0.cloudfront.net/1/static/public/assets/images/help-center-new/add.svg");
$(this).siblings('.filter-down').slideUp()
}
})
$('.filter-select-sort').focus(function () {
$(this).siblings('.filter-sort-down').toggle()
})
$('.filter-select-sort').blur(function () {
setTimeout(function () {
$('.filter-sort-down').hide();
}, 200);
})
$('.filter-sort-down').on('click', '.sort-item', function () {
let data = $(this).html()
$('.filter-sort-text').html(data);
$('.filter-sort-down').hide()
})
$('.filter-down-feature').on('click', '.select-li', function () {
$(this).addClass("active").parent('.col-12').siblings().find('.select-li').removeClass("active");
$('.select-sort').html($(this).text())
})
$('.custom-size').on('change', function () {
if ($(this).prop('checked')) {
$('.custom-size-content').slideDown()
} else {
$('.custom-size-content').slideUp()
}
})
$('.try-tab-title').click(function () {
let el = $(this).parent('.faq-title');
$(this).parent('.faq-title').toggleClass('active');
// $(this).parent('.faq-title').toggleClass('active').siblings().removeClass('active');
// $('.faq-title').not(el).children('.faq-desc').slideUp();
// $('.faq-title').not(el).children('.try-tab-title').css("background", "unset");
// $('.faq-title').not(el).find('.arrow').attr("src", "https://d22qih3asjv3x0.cloudfront.net/1/static/public/assets/images/help-center-new/add.svg")
if (el.hasClass('active')) {
// $(this).children('.try-tab-title').css("font-weight","bold");
$(this).css("background", "#F0F3F8")
el.children('.faq-desc').slideDown();
$(this).find('.arrow').attr("src", "https://d22qih3asjv3x0.cloudfront.net/1/static/public/assets/images/help-center-new/reduce.svg")
} else {
$(this).css("background", "unset")
// $(this).children('.try-tab-title').css("font-weight","normal");
el.children('.faq-desc').slideUp();
$(this).find('.arrow').attr("src", "https://d22qih3asjv3x0.cloudfront.net/1/static/public/assets/images/help-center-new/add.svg")
}
})
// add photo
/*计算眼镜位置*/
var frame_position = function () {
var scale = $(".trypic .modal-img").width() / parseInt(700);
//$(".trypic .frame-img").attr("width", 440 * scale);
var strsL = $('.trypic img').data('eye-l');
var strsR = $('.trypic img').data('eye-r');
var pwidth = $('.trypic img').data('width');
//var scale = $(".trypic .modal-img").width() / parseInt(pwidth);
var eyeL = strsL.split(",");
eyeL[0] = (eyeL[0]) * scale;
eyeL[1] = parseInt(eyeL[1]) * scale;
var eyeR = strsR.split(",");
eyeR[0] = parseInt(eyeR[0]) * scale;
eyeR[1] = parseInt(eyeR[1]) * scale;
var realPD = eyeR[0] - eyeL[0];
var sc = realPD / 190 / scale;
$(".trypic .frame-img").attr("width", 440 * scale * sc);
var image = new Image();
var frame_src = $('.trypic .tryon-frame img').attr('src');
image.src = frame_src; //alert(image.width);
var n = image.width / parseInt(440 * scale * sc); //alert(n);
var ss = image.height / image.width;
var top = eyeL[1] - image.height / n / 2;
var left = eyeL[0] - (440 * scale * sc - (eyeR[0] - eyeL[0])) / 2;
$(".tryon-frame").css({
"width": 440 * scale * sc,
"height": 440 * scale * sc * ss,
"top": top,
"left": left
}).fadeIn(200);
};
// 移动端top choices
$(function () {
//slide click
$('.slider').on('click', 'li', function () {
$(this).addClass('current').siblings().removeClass('current');
var trypic = $('.trypic');
var src = $(this).children().find('img').data('big-src');
trypic.children('img').attr('src', src);
var eye_l = $(this).children().find('img').data('eye-l');
var eye_r = $(this).children().find('img').data('eye-r');
var width = $(this).children().find('img').data('width');
trypic.children('img').attr('data-eye-l', eye_l);
trypic.children('img').attr('data-eye-r', eye_r);
trypic.children('img').attr('data-width', width);
trypic.find('img').data('eyeL', eye_l);
trypic.find('img').data('eyeR', eye_r);
trypic.find('img').data('width', width);
frame_position();
});
var i = 5;
var m = 5;
var $content = $(".sliderbox .slider");
var count = $content.find("li").length;
var liWidth = ($(".sliderbox .slider").width()) / 5;
//slide next
$('.sliderbox .next').on('click', function () {
var $scrollableDiv = $(this).siblings(".slider").children('ul');
if (!$scrollableDiv.is(":animated")) {
if ((i + 1) == count) $(this).addClass('disabled');
if (i < count) {
i++;
$scrollableDiv.animate({left: "-=" + liWidth + "px"}, 400);
}
}
if (i > 5) {
$(this).siblings('.prev').removeClass('disabled');
} else {
$(this).siblings('.prev').addClass('disabled');
}
return false;
});
//slide prev
$('.sliderbox .prev').click(function () {
var $scrollableDiv = $(this).siblings(".slider").children('ul');
if (!$scrollableDiv.is(":animated")) {
if (i == 6) {
$(this).addClass('disabled');
}
if (i > 5) {
i--;
$scrollableDiv.animate({left: "+=" + liWidth + "px"}, 400);
}
}
if (i < m) {
$(this).siblings('.next').removeClass('disabled');
} else {
$(this).siblings('.next').addClass('disabled');
}
return false;
});
});
// clip-on分类页视频
function play_video(send, video_link) {
$(send).siblings('.videoInfo').show()
$(send).css('display', 'none');
// $('iframe').remove();
// $("img[name='youtubevideo_image']").removeAttr("style");
// if(video_link==null){
// alert('error');
// }else{
// var video_width = $(send).width();
// var video_height = $(send).height();
// $(send).css('display','none');
// $(send).after('<iframe id="playing_youtubevideo" src="'+video_link+'?autoplay=1" frameborder="0" allowfullscreen></iframe>');
// $("#playing_youtubevideo").css("width",video_width+"px");
// $("#playing_youtubevideo").css("height",video_height+"px");
// }
}
// prescription blue light 分类页播放视频
function playSlickVideo(send,video_link) {
var video_width = $(send).width();
var video_height = $(send).height();
$(send).parents('.swiper-slide').siblings().find("img").show();
$(send).parents('.swiper-slide').siblings().find(".blue-video-text").show();
$(send).parents('.swiper-slide').siblings().find(".videoInfo").hide()
$(send).siblings('.videoInfo').css("width",video_width+"px");
$(send).siblings('.videoInfo').css("height",video_height+"px");
$(send).siblings('.videoInfo').show()
$(send).siblings('.blue-video-text').hide()
$(send).css('display','none');
}
</script>
<script>
$(function ($) {
//默认颜色
let defaultColor = '';
//默认strength
let defaultStrength = '';
//是否上传图片
// let isUpload = false;
// $('[data-toggle="popover"]').popover({html: true});
// let tabType = 'camera-content';
// $('#tryon .tab-title').click(function (e) {
// let type = $(this).data('type');
// tabType = type;
// if ($(this).hasClass('active') && type !== 'camera-content') {
// $('.vto-info-section').hide();
// if (isUpload) {
// //已经上传图片
// if (IsPC()) {
// return
// }
// if ($(this).hasClass('select')) {
// $('.lens-content-mb').show();
// $('.vto-foot-mb').show();
// $('.camera-image').hide();
// $('.show-upload-image').hide();
// $(this).removeClass('select');
// } else {
// $('.lens-content-mb').hide();
// $('.vto-foot-mb').hide();
// $('.camera-image').show();
// $('.show-upload-image').show().siblings().hide();
// $(this).addClass('select').siblings().removeClass('select');
// }
// } else {
// //没有上传图片
// $('.lens-content-mb').hide();
// $('.vto-foot-mb').hide();
// $('.vto-image.image-content').show();
// $('.add-new-image').show().siblings().hide();
// $('.lens-content-mb').hide();
// $('.vto-foot-mb').hide();
// }
// } else {
// $(this).addClass('active').siblings().removeClass('active').removeClass('select');
// if (type === 'camera-content') {
// $('.lens-content-mb').show();
// $('.vto-foot-mb').show();
// $('.default-content').show().siblings().hide();
// $('.vto-image.image-content').hide();
// // $('.camera-image').hide();
// $('.vto-info-section').show();
// } else {
// $('.vto-info-section').hide();
// if (isUpload) {
// $('.vto-info-section').show();
// if (!IsPC()) {
// return
// }
// $('.camera-image').show()
// $(".show-upload-image").show().siblings().hide();
// } else {
// $('.lens-content-mb').hide();
// $('.vto-foot-mb').hide();
// $('.vto-image.image-content').show()
// $(".add-new-image").show().siblings().hide();
// }
// }
// }
// });
// $('.btn-vto.vto-edit-btn').click(function (e) {
// if (IsPC()) {
// $('.edit-pd').show().siblings().hide();
//
// } else {
// $('.edit-pd-mobile').show();
// }
// })
// $('.editPd .btn-vto.btn-cancel').click(function (e) {
// if (tabType === 'camera-content') {
// $('.default-content').show().siblings().hide();
// } else {
// if (isUpload) {
// $('.show-upload-image').show().siblings().hide();
// } else {
// $('.add-new-image').show().siblings().hide();
// }
// }
// })
// $('.editPd .btn-vto.btn-confirm').click(function (e) {
// $('vto-info-section').show();
// if (tabType === 'camera-content') {
// $('.default-content').show().siblings().hide();
// } else {
// $('.show-upload-image').show().siblings().hide();
// }
// })
// $('.adjust-position .btn-vto.btn-cancel').click(function (e) {
// $('.show-upload-image').show().siblings().hide();
// })
// $('.adjust-position .btn-vto.btn-confirm').click(function (e) {
// $(".show-upload-image").show().siblings().hide();
// })
// $('.show-upload-image .btn-image-adjust').click(function (e) {
// $('.adjust-position').show().siblings().hide();
// })
// $('.show-upload-image .btn-image-change').click(function (e) {
// $('.vto-image.image-content').show();
// if (IsPC()) {
// $('.vto-info-section').hide();
// $(".show-upload-image").hide();
// $('.add-new-image').show();
// } else {
// $('.camera-image').hide();
// $('.tab-title.image').removeClass('select');
// }
// })
//
// //
// $('.vto-tabs').on('click', 'span', function (e) {
// if ($(this).hasClass('active') && $(this).data('type') !== 'camera') {
// if ($(this).hasClass('select')) {
// $(this).removeClass('select');
// } else {
// $(this).addClass('select').siblings().removeClass('select');
// }
// } else {
// $(this).addClass('active').siblings().removeClass('active').removeClass('select');
// if ($(this).data('type') === 'camera') {
// //
// } else {
// if (isUpload) {
// //上传图片
// } else {
// //没上传图片
// $('.lens-content-mb').hide();
// $('.vto-foot-mb').hide();
// $('.upload-image-mb').show();
// }
// }
// }
// })
// $('.edit-pd-btn').on('click', '.btn-cancel', function (e) {
// $('.edit-pd-mobile').hide();
// })
// $('.add-new-image').on('click', '.btn-cancel', function (e) {
// if (isUpload) {
// $('.vto-info-section').show();
// $('.vto-image.image-content').hide();
// $('.show-upload-image').show().siblings().hide();
// } else {
// $('#tryon').modal('hide');
// }
// })
// $('.edit-pd-btn').on('click', '.btn-confirm', function (e) {
// $('.edit-pd-mobile').hide();
// })
// $('.product-btn').on('click', '.btn-edit-frame', function (e) {
// $('.edit-pd-mobile').show();
// })
// $('.attr-lens-options .attr-btn').click(function (e) {
// $(this).addClass('active').siblings().removeClass('active');
// let type = $(this).data('type');
// if (type === 'clear') {
// $('.lens-tint-title').html('Lens Tint');
// } else {
// $(`.${type}-content`).show().siblings().hide();
// let color = $(`.lens-content-mb .${type}-content`).find('.tint-color-list .color.active').data('color');
// defaultColor = color;
// if (type === 'sun') {
// let strength = $(`.lens-content-mb .${type}-content`).find('.tint-strength .strength.active').data('opacity');
// defaultStrength = strength;
// $('.lens-tint-title').html(defaultColor + ' ' + defaultStrength);
// } else {
// defaultStrength = '';
// $('.lens-tint-title').html(defaultColor);
// }
// }
// })
});
function IsPC() {
const userAgentInfo = navigator.userAgent.toLowerCase();
const Agents = [
'android',
'iphone',
'symbianos',
'windows phone',
'ipad',
'ipod',
'midp',
'windows mobile',
'ucweb',
'windows ce',
'iphone os',
];
let flag = true;
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
flag = false;
break;
}
}
let screen_width = document.body.clientWidth;
if (screen_width >= 992) {
flag = true;
} else {
flag = false;
}
return flag;
}
const uploadImgSureMb = document.querySelector('.uploading .btn-confirm');
uploadImgSureMb.addEventListener('click', () => {
app._panels.ImageValidation._onValidate();
});
</script>
<script>
tryOnImagesURL = 'https://www.glassesshop.com/tryon/get-images';
</script>
<script>
$(function () {
$('body').on('click', '.btn-default-vto', function (event) {
let tryItOnImage = $(this).data('product');
$('#frameImg').attr('src', tryItOnImage);
$('.tryOnFrameImage').attr('src', tryItOnImage);
});
$('.upload input').on('click', function () {
$('.tips-file').css('display', 'block');
});
});
</script>
<script src="https://snippets.freshchat.com/js/fc-pre-chat-form-v2.min.js"></script>
<script>
const preChatTemplate = {
//Form header color and Submit button color.
mainbgColor: '#0aa4db',
//Form Header Text and Submit button text color.
maintxColor: '#fff',
//Chat Form Title
heading: 'Live Chat',
//Chat form Welcome Message
textBanner: 'We can\'t wait to talk to you. But first, please take a couple of moments to tell us a bit about yourself.',
//Submit Button Label.
SubmitLabel: 'Start Chat',
//Fields List - Maximum is 5
//All the values are mandatory and the script will not work if not available.
fields: {
field1: {
//Type for Name - Do not Change
type: "name",
//Label for Field Name, can be in any language
label: "Name",
//Default - Field ID for Name - Do Not Change
fieldId: "name",
//Required "yes" or "no"
required: "yes",
//Error text to be displayed
error: "Please Enter a valid name"
},
field2: {
//Type for Email - Do Not Change
type: "email",
//Label for Field Email, can be in any language
label: "Email",
//Default - Field ID for Email - Do Not Change
fieldId: "email",
//Required "yes" or "no"
required: "yes",
//Error text to be displayed
error: "Please Enter a valid Email"
},
field3: {
type: "dropdown",
label: "Type",
fieldId: "type",
required: "yes",
error: "Please Choose the Department",
options: ['Pre sale Consultation', 'Return & Exchange', 'Check Order Status', 'Order Cancel/Modification']
}
}
};
window.fcSettings = {
token: "3cde2f92-8292-4150-b274-62c9f0452e5b",
host: "https://wchat.freshchat.com",
config: {
cssNames: {
//The below element is mandatory. Please add any custom class or leave the default.
widget: 'custom_fc_frame',
//The below element is mandatory. Please add any custom class or leave the default.
expanded: 'custom_fc_expanded'
}
},
onInit: function () {
fcPreChatform.fcWidgetInit(preChatTemplate);
}
};
</script>
<script>
$(function () {
const openFreshChat = function () {
if (!window.fcWidget.isOpen()) {
window.fcWidget.open();
window.fcWidget.show();
//Or do something else :)
}
};
let fcWidgetLoaded = false;
$('#help-live-chat,#cart-live-chat,.live-chat').on('click', function (event, data) {
if (!fcWidgetLoaded) {
$.when(
$.getScript('https://wchat.freshchat.com/js/widget.js')
).done(function () {
fcWidgetLoaded = true;
openFreshChat();
});
} else {
openFreshChat();
}
});
});
</script>
</body>
</html>