@charset "utf-8";
/* CSS Document */
#grid-wrapper {margin: 0 auto;padding: 0 30px;color: #434343;font:normal 13px/16px "latoRegular", Arial, Helvetica, sans-serif;}
a {text-decoration: none;color: #434343;cursor: pointer;}
.grid-banner {position: relative;width: 100%;margin: 15px auto 0 !important;padding: 15px 0 11px;min-height:150px;background-color: white;}
.grid-banner .grid-banner-logo{margin-top: 15px; margin-left: 20px;float: left; display: block; width: 175px; margin-right: 20px;}
.grid-banner .grid-banner-logo img {max-width:100%;width: auto;}
/*.grid-banner .grid-banner-info {width: 58%;margin: 0 auto;text-align: center; min-width: 770px; max-width: 1010px; margin-left: 205px;}*/
.grid-banner .grid-banner-info h1 {padding: 20px 0 15px;font: normal 22px/13px "NovecentowideDemiBold";text-align: left;}
.banner-info-cnt {text-align: left;font: normal 13px/17px "latoRegular", Arial, Helvetica, sans-serif;}
.banner-info-txt {display: none;width: 100%;text-align: left;font: normal 13px/17px "latoRegular", Arial, Helvetica, sans-serif;clear: both}
.banner-info-txt p {padding-bottom: 10px;}
.banner-info-cnt, .banner-info-cnt p {min-height: 35px !important;}
.banner-info-imgvideo {display:none; float: left;width: 410px; margin-bottom: 10px; margin-left: 20px; margin-right: 20px;}
.banner-info-imgvideo .fa-play-circle-o {position: absolute;left: 17%;top: 52%;font-size: 50px;color: #fff;cursor: pointer;}
.banner-info-more {margin-top:20px;font-size: 30px;color: #4d4d4d;text-align: center;display: block;clear: both;}
.banner-info-full-descr {margin-left: 20px;margin-top: 20px;}
.banner-info-full-descr a {color: #FF9800;}
.banner-info-full-descr a:hover {text-decoration: underline;}
.banner-info-cnt a {color: #f39200;}
.grid-banner .grid-banner-glasses {position: relative;top: 0;right: 20px; float: right}
.grid-banner .grid-banner-glasses img {max-width:100%;width: auto;}
.gb_wrap{overflow: hidden}
.grid-filter {float: left;width: 22.5%;padding: 15px 0;background-color: #f5f5f5;}
.filter-title, .filter-suboption-title {padding: 0 20px;font-size: 14px;font-family: "NovecentowideDemiBold",sans-serif;}
.filter-suboption-title {position: relative;cursor: pointer;}
.filter-suboption-title .filter-slide-icon {position: absolute;right: 15px;font-size: 27px;font-family: "NovecentowideNormal",sans-serif;line-height: 16px;}
.filter-detail {margin-bottom: 30px;}
.filter-suboption {padding: 5px 20px 0;}
.filter-suboption a {display: block;line-height: 13px;padding: 5px 0;}
.filter-suboption a:hover {padding-left: 10px; margin-left: -10px;color: #fff;background-color: #FF9800;}
.filter-remove {margin-bottom: 30px;}
.filter-remove a {position: relative;color: #FF9800;}
.filter-remove a:hover {background: none;color: #FF9800;}
.filter-remove a.cur {font-family: "latoBold",sans-serif;}
.filter-remove a .filter-close-icon {position: absolute;right: 0;font-size: 25px;color: #434343;-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);font-family: "NovecentowideNormal",sans-serif;}
.filter-color a {background: none;display: inline-block;width: 21px;height: 20px;margin-right: 20px;}
.filter-color a:hover {background: none;}
.filter-color a span {overflow: hidden;display: inline-block;width: 10px;height: 20px;font-size: 0;list-style: none;text-indent: -999px;}
.color-black .dark {background-color: #252525;border-right: 1px solid #424141;} /*color1*/
.color-black .light {background-color: #424141;}
.color-blue .dark {background-color: #003b94;border-right: 1px solid #1253b4;} /*color2*/
.color-blue .light {background-color: #0449b0;}
.color-pink .dark {background-color: #ffc0cb;border-right: 1px solid #fdd7de;} /*color3*/
.color-pink .light {background-color: #fdd7de;}
.color-silver .dark {background-color: #d4d2d2;border-right: 1px solid #e5e4e4;} /*color4*/
.color-silver .light {background-color: #e4e3e3;}
.color-gold .dark {background-color: #ffd700;border-right: 1px solid #fee248;} /*color5*/
.color-gold .light {background-color: #ffe13d;}
.color-green .dark {background-color: #10c892;border-right: 1px solid #31ddab;} /*color6*/
.color-green .light {background-color: #25dba6;}
.color-gunmetal .dark {background-color: #806c47;border-right: 1px solid #7f6e4f;} /*color7*/
.color-gunmetal .light {background-color: #8c7853;}
.color-metalic_brown .dark {background-color: #806c47;border-right: 1px solid #7f6e4f;} /*color8*/
.color-metalic_brown .light {background-color: #8c7853;}
.color-tortoise .dark {background-color: #9d6a35;border-right: 1px solid #bd9163;} /*color9*/
.color-tortoise .light {background-color: #ba8b5a;}
.color-dark .dark {background-color: #252525;border-right: 1px solid #424141;} /*color10*/
.color-dark .light {background-color: #424141;}
.color-chocolate .dark {background-color: #61391d;border-right: 1px solid #6e492f;} /*color11*/
.color-chocolate .light {background-color: #6B4226;}
/* .color-black_lillac .dark {background-color: #;border-right: 1px solid #;}  *//*color12*/
/* .color-black_lillac .light {background-color: #;} */
/* .color-multi_coloured .dark {background-color: #;border-right: 1px solid #;} */ /*color13*/
/* .color-multi_coloured .light {background-color: #;} */
.color-orange .dark {background-color: #e79603;border-right: 1px solid #fba811;} /*color14*/
.color-orange .light {background-color: #ffa500;}
/*.color-clear .dark {background-color: #;border-right: 1px solid #;} */ /*color15*/
/* .color-clear .light {background-color: #;} */
.color-yellow .dark {background-color: #e8dd2c;border-right: 1px solid #f5ec52;} /*color16*/
.color-yellow .light {background-color: #f5eb48;}
.color-grey .dark {background-color: #808080;border-right: 1px solid #9d9d9d;} /*color17*/
.color-grey .light {background-color: #989898;}
.color-purple .dark {background-color: #ae3aff;border-right: 1px solid #bd5ffe;} /*color18*/
.color-purple .light {background-color: #b956ff;}
.color-brown .dark {background-color: #720e0e;border-right: 1px solid #8f2828;} /*color19*/
.color-brown .light {background-color: #891b1b;}
.color-red .dark {background-color: #ff3a3a;border-right: 1px solid #ff3a3a;} /*color20*/
.color-red .light {background-color: #fe5757;}
.color-white .dark {background-color: #f0f0f0;border-right: 1px solid #fefefe;} /*color21*/
.color-white .light {background-color: #fff;}
.color-crystal .dark {background-color: #ababab;border-right: 1px solid #c7c6c6;} /*color22*/
.color-crystal .light {background-color: #c4c3c3;}
/* .color-coffee .dark {background-color: #;border-right: 1px solid #;} */ /*color23*/
/* .color-coffee .light {background-color: #;} */
.color-burgundy .dark {background-color: #800020;border-right: 1px solid #a21f40;} /*color24*/
.color-burgundy .light {background-color: #9d1235;}
.color-violet .dark {background-color: #e874e8;border-right: 1px solid #eb91eb;} /*color25*/
.color-violet .light {background-color: #ee82ee;}

.filter-shapes {margin-bottom: 20px;}
.filter-shapes:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .filter-shapes           { zoom: 1; } /* IE6 */
*:first-child+html .filter-shapes { zoom: 1; } /* IE7 */
.filter-shapes a {float: left;width: 40%;margin-right: 15px;padding-bottom: 15px;text-align: center;}
.filter-shapes a:hover {background: none;color: #434343;}
.filter-shapes a span {display: block;width: 70px;height: 35px;margin: 0 auto;background-image: url("//static.cdnsbg.com/en/images/search/shapes_sunglasses_new.png");background-repeat: no-repeat;}
.filter-shapes a:hover span {background-image: url("//static.cdnsbg.com/en/images/search/shapes_sunglasses_hover_new.png");}
.filter-shapes .sun-shapes-av	{ background-position:center 0;       }
.filter-shapes .sun-shapes-rec { background-position:center -390px;  }
.filter-shapes .sun-shapes-bu { background-position:center -113px;  }
.filter-shapes .sun-shapes-cat { background-position:center -166px;  }
.filter-shapes .sun-shapes-go { background-position:center -221px;  }
.filter-shapes .sun-shapes-ov { background-position:center -275px;  }
.filter-shapes .sun-shapes-over { background-position:center -335px;   }
.filter-shapes .sun-shapes-rou { background-position:center -445px;  }
.filter-shapes .sun-shapes-sin { background-position:center -504px;  }
.filter-shapes .sun-shapes-wa { background-position:center -55px;   }
.filter-shapes .sun-shapes-warp { background-position:center -558px;  }
.filter-shapes .sun-shapes-pi { background-position:center -664px   }
.filter-shapes .sun-shapes-sq { background-position:center -609px;  }
.FrameType.filter-shapes a span {display: block;width: 70px;height: 35px;margin: 0 auto;background-image: url("//static.cdnsbg.com/en/images/search/frame_style.png");background-repeat: no-repeat;-moz-background-size: 70px auto;-webkit-background-size: 70px auto;background-size: 70px auto;}
.FrameType.filter-shapes a:hover span {background-image: url("//static.cdnsbg.com/en/images/search/frame_style_hover.png");}
.FrameType.filter-shapes a .Full_Rim { background-position:0 -85px; }
.FrameType.filter-shapes a .Rimless { background-position:0 -180px; }
.FrameType.filter-shapes a .Semi_Rimless { background-position:0 7px; }
.FrameType.filter-shapes a:hover .Full_Rim  {background-position:0 -85px; }
.FrameType.filter-shapes a:hover .Rimless { background-position:0 -180px; }
.FrameType.filter-shapes a:hover .Semi_Rimless { background-position:0 7px;  }
#amount-price, #amount {width: 45%;border:0; color:#f6931f; font-weight:bold;}
#amount {float: left;}
.sizeSlider .min {float: left;}
.sizeSlider .max {float: right;}
.filter-tip-box {position: relative;float: right;}
.filter-tip-box .filter-tip {display: none;}
.filter-tip-box .fa-question-circle {font-size: 15px; line-height: 24px; color: #c3c3c3;cursor: pointer;}
.filter-tip-box .filter-tip .addInfoPopArrow {position: absolute;left: 15px;z-index: 101;top: 4px;}
.filter-tip-box .filter-tip .filter-tip-cnt {position: absolute;padding: 15px 10px;top: -20px;left: 25px;font: normal 12px Arial, Helvetica, sans-serif;box-shadow: 3px 3px 0 0 rgba( 204,204,204,0.4);border: solid 1px #c9c9c9;background-color: #fefefe;z-index: 100;text-align: left;}
.filter-tip-box .filter-tip .filter-tip-cnt  p {text-align: center;}

.directory-nav + h1, .grid-product h1 {font: 22px/60px "NovecentowideMedium", sans-serif;}
.wide_old_banner {position: relative;margin: 0 auto 15px auto;}
.wide_old_banner .brand_name {position: absolute; width: 100%;}
.wide_old_banner .brand_name > h1 {float: left;width: 22.5%;padding-top: 60px; font: normal 12px/13px "NovecentowideMedium";}
.wide_old_banner .brand_name > img {float: right;    margin-top: 40px;}
.wide_old_banner .rx_banner {width: 100%; margin-left: 0%; margin-right: 0%}
.wide_old_banner .rx_banner img {  width: 100%;max-width: 1200px;max-height: 340px;}
.wide_old_banner .rx_banner_brand {width: 55.8%; margin-left: 24.1%;}
.wide_old_banner .rx_banner_brand img {max-width: 1200px;}
.wide_old_banner .rx_banner .Polarized_banner_sun{margin-left: 24.1%;}
/* Interaction states
----------------------------------*/
.ui-slider-horizontal {height: 0.3em;}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: none;
	background: #FF9800;
	font-weight: normal/*{fwDefault}*/;
	cursor: pointer;
      width: 14px;
    height: 3px;
		line-height: 0;
  -moz-border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: none;
	background:#FF9800;
	font-weight: normal/*{fwDefault}*/;
	color: #fff/*{fcHover}*/;
	outline: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #fff/*{borderColorActive}*/;
	background: #FF9800;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcActive}*/;
}
/* Component containers
----------------------------------*/
.ui-widget-content {
	width: 96%;
	margin-right: 5px;
	margin-top: 15px;
	border: 1px solid #fff/*{borderColorContent}*/;
	background: #fff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
	color: #222222/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #fff/*{borderColorHeader}*/;
	background: #FF9800;
	color: #fff/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222/*{fcHeader}*/;
}
.filter-suboption .slider_button {display: inline-block;width: auto;padding: 5px 15px;font-size: 13px;text-transform: uppercase;background-color: #FF9800;color: #fff;}


.Scroller-box {overflow-y:auto;width: 78%; max-height: 210px;}
.Scroller-box.collection {overflow-y:auto;width: 78%; max-height: 185px;}
.Scroller-box {
overflow:-moz-scrollbars-vertical;
/*IE8*/
scrollbar-face-color:#FF9800; /*滚动条3D表面（ThreedFace）的颜色*/
scrollbar-highlight-color:#fff; /*滚动条3D界面的亮边（ThreedHighlight）颜色*/
scrollbar-shadow-color:#eeeeee; /*滚动条3D界面的暗边（ThreedShadow）颜色*/
scrollbar-3dlight-color:#FF9800; /*滚动条亮边框颜色*/
scrollbar-arrow-color:#fff; /*滚动条方向箭头的颜色 */
scrollbar-track-color:#fff; /*滚动条的拖动区域(TrackBar)颜色*/
scrollbar-darkshadow-color:#fff; /*滚动条暗边框（ThreedDarkShadow）颜色*/
}
/*chrome*/
/*---滚动条默认显示样式--*/
.Scroller-box::-webkit-scrollbar-thumb{
   background-color:#FF9800;
   height:25px;
   outline-offset:-2px;
   outline:2px solid #fff;
   -webkit-border-radius:6px;
   border-radius:6px;
   border: 2px solid #fff;
}
/*---鼠标点击滚动条显示样式--*/
.Scroller-box::-webkit-scrollbar-thumb:hover{
   background-color:#FF9800;
   height:25px;
   -webkit-border-radius:6px;
}
/*---滚动条大小--*/
.Scroller-box::-webkit-scrollbar{
   width:12px;
   height:25px;
   color: #FF9800;
}
/*---滚动框背景样式--*/
.Scroller-box::-webkit-scrollbar-track-piece{
   background-color:#fff;
   -webkit-border-radius:6px;
   border-radius:6px;
}

/* Contact Lenses*/
.filter-suboption .cl-filter-label {display: block;line-height: 24px; text-align:left; cursor: pointer;}
.filter-suboption .cl-filter-label:hover {color: #fff;background-color: #FF9800;}
.filter-suboption .cl-filter-label.inactive {color: #888;}
.filter-suboption .cl-filter-label.inactive {background-color: transparent; cursor: not-allowed}

.cl-checkbox-icon-rect {display: inline-block;width: 16px;height: 14px;cursor: pointer;text-align: center;background-image: url("../images/cl-checkbox-icons-rect2.png");background-position: -5px center;background-repeat: no-repeat;}
.cl-checkbox-icon-rect.on {background-position: -29px center;}
label.inactive .cl-checkbox-icon-rect {background-position: -52px center;}
.cl-checkbox-icon-rect .cl-checkbox-hide {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);}
.filter-suboption .cl-filter-box {margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #e1e1e1;}
.filter-suboption .cl-filter-box:last-child {margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.filter-suboption .filter-see-more {width: auto;padding-left: 18px;font-family: "NovecentowideMedium",sans-serif;}
.filter-suboption .filter-see-more:hover {background: none;color: #434343;}
.CL-grid-pro .pro-img img {width: 180px;}
.CL-grid-pro .pro-name {padding-top: 5px;}
.CL-grid-pro .pro-name p {width: 100%;margin: 0 auto;}
.CL-grid-pro .pro-name .cl-pro-name {padding-bottom: 8px;line-height: 16px;font-size: 14px;font-family: "latoBold",sans-serif;}
.CL-grid-pro .pro-name .cl-pro-type {font-size: 12px;line-height: 13px;}
.CL-grid-pro .pro-name .cl-pro-type span {display: block;}

.grid-product {float: right;width: 76%;}
.grid-pro-nav {padding: 5px 15px 2px;background-color: #f5f5f5;font-size: 14px;line-height:37px;font-family: "NovecentowideDemiBold",sans-serif;}
.grid-pro-nav h3 {float: left;}
.grid-pro-nav .grid-pro-pagination, .grid-pro-nav .grid-pro-sort {float: right;margin-left: 10px;}
.grid-pro-nav .grid-pro-sort .dropdown {position: relative;display: inline-block; width: 210px;height: 25px;margin-left: 5px;padding-left: 3px;line-height: 25px;border: 1px solid #e1e1e1;background-color: #fff;font-family: "latoRegular",sans-serif;}
.grid-pro-nav .grid-pro-sort .dropdown .dropdown-input, .grid-pro-nav .grid-pro-sort .dropdown .paging-dropdown-input {position: relative;display: block;width: 100%;}
.grid-pro-nav .grid-pro-sort .dropdown .dropdown-input .fa-caret-down, .grid-pro-nav .grid-pro-sort .dropdown .paging-dropdown-input .fa-caret-down {display: block;position: absolute;right: 10px;top: 3px;font-size: 20px;}
.grid-pro-nav .grid-pro-sort .dropdown .dropdown-list, .grid-pro-nav .grid-pro-sort .dropdown .paging-dropdown-list {display: none;position: absolute;width: 210px;padding-left: 3px;left: 0;top: 25px;border: 1px solid #e1e1e1;background-color: #fff;z-index: 999;}
.grid-pro-nav .grid-pro-sort .dropdown .dropdown-list a:hover, .grid-pro-nav .grid-pro-sort .dropdown .paging-dropdown-list a:hover {color: #FF9800;}
.grid-pro-nav .grid-pro-sort .dropdown .dropdown-list a, .grid-pro-nav .grid-pro-sort .dropdown .paging-dropdown-list a {display: block;}
.grid-pro-nav .grid-pro-pagination {overflow: hidden;margin-left: 20px;font-size: 16px;}
.grid-pro-nav .grid-pro-pagination a {display: inline-block;padding: 0 2px;}
.grid-pro-nav .grid-pro-pagination a:hover, .grid-pro-nav .grid-pro-pagination .active_a_bottom, .grid-pro-nav .grid-pro-pagination .active_a, .grid-pro-nav .grid-pro-pagination .pages .pgCurrent {color: #FF9800;}
.grid-pro-nav .grid-pro-pagination .fa-angle-left, .grid-pro-nav .grid-pro-pagination  .fa-angle-right {font-size: 22px;line-height: 37px;}
.grid-pro-nav .grid-pro-pagination .fa-angle-left {padding-right: 8px;}
.grid-pro-nav .grid-pro-pagination  .fa-angle-right {padding-left: 8px;}
.pro-nav-bottom {padding-right: 0;border-top: 1px solid #e1e1e1;background: none;}
.pro-nav-bottom .next-btn {padding-left: 15px !important;font-size: 12px;font-family: "NovecentowideNormal",sans-serif;}
.grid-pro-nav .grid-pro-pagination .pages li {display: inline-block;margin-left: 12px;}

.grid-pro-box {padding: 20px 0;}
.grid-pro-cell {position: relative;float: left;width: 32%;width: calc(33.3% - 3px);height: 310px;margin-right: 1px;margin-bottom: 1px;border: 1px solid #fff;text-align: center;}
.grid-pro-cell:hover, .grid-pro-cell.view_quick_border {border: 1px solid #ebebeb;}
.grid-pro-cell .fav-heart-icon {display: none;position: absolute; font-size: 22px;font-weight: bold;right: 10px;bottom: 10px;}
.grid-pro-cell:hover .fav-heart-icon {display: inline-block;}
.grid-pro--quick-view {display: none;position: absolute;width: 100%;left: 0;top: 0;background: rgba(67, 67, 67, 0.5);z-index: 10;text-align: center;}
.grid-pro-cell:hover .grid-pro--quick-view {display: block;}
.grid-pro-cell:hover .fav_icon {display: block !important;}
.grid-pro--quick-view .fa {display: block;font-size: 35px;}
.grid-pro--quick-view .qick-view-do {display: block;width: 100%;padding: 43px 0;color: #fff;}
.grid-pro--quick-view .qick-view-do .quick_view_text {display: block;padding-top: 5px;font: normal 21px/24px "NovecentowideDemiBold";}
.grid-pro--quick-view .product_view_do {display: block;width: 100%;padding: 43px 0;color: #fff;}
.grid-pro--quick-view .product_view_do .product_view_text {display: block;padding-top: 5px;font: normal 21px/24px "NovecentowideDemiBold";}
.grid-pro-cell:nth-child(3n) {margin-right: 0;}
.grid-pro-cell .discount-circle-icon { position: absolute;width: 40px;height: 20px;right: 10px;top: 10px;padding: 15px 0 5px;font-size: 14px;line-height: 10px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #FF9800;color: #fff;text-align: center;font-family: "latoBold",sans-serif;}
.grid-pro-cell .qick-view-arrow {display: none;width: 100%;position: absolute;bottom: -20px;left: 0;height: 20px;text-align: center;background: url("//static.cdnsbg.com/en/images/brand/grid-qick-view-arrow.png") no-repeat  center center;}
.grid-pro-cell .pro-img {display: block;width: 100%;padding-top: 30px;}
.grid-pro-cell .pro-img img {width: 230px;}
.grid-pro-cell .pro-name {display: block;padding: 15px 0 5px;}
.grid-pro-cell .pro-name .pro-brand-name {display: block;font-size: 14px;font-family: "latoBold",sans-serif;}
.grid-pro-cell .pro-name .proInfoN_name {overflow: hidden;width: 85%; text-overflow: ellipsis; white-space: nowrap; display: inline-block;}
.grid-pro-cell .pro-price {display: block;}
.grid-pro-cell .pro-price a {display: inline-block; width: 100%}
.grid-pro-cell .pro-price span {display: inline-block;line-height: 28px;}
.grid-pro-cell .pro-price .pro-original-price {padding-right: 5px;font-size: 12px;color: #6e6e6e;text-decoration: line-through;}
.grid-pro-cell .pro-price .pro-cur-price {font-size: 20px;color: #FF9800;font-family: "latoBold",sans-serif;}
.grid-pro-cell .pro-price .discount-original_cost {padding-right: 5px !important;font-size: 12px !important;color: #6e6e6e !important;text-decoration: line-through !important;}
.grid-pro-cell .pro-icons {display: inline-block;width: auto;padding-top: 10px;}
.grid-pro-cell .from {font-style: italic;font-size: 13px;color: #FF9800;font-family: "latoRegular", sans-serif;}
.pro-icons li, .pro-icons a {position: relative;float: left;margin-right: 5px;font-size: 13px;font-family: "NovecentowideDemiBold",sans-serif;cursor: default;}
.pro-icons .freelenses {display: inline-block;width: 50px;line-height: 14px;font-weight: bold;text-transform: uppercase; text-align: left;}
.pro-icons-bg {display: inline-block;width: 25px;height: 25px;font-size: 18px;line-height: 26px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border:1.5px solid #FF9800;text-align: center;cursor: default;}
.pro-icons-bg .fa-plane {line-height: 26px; -ms-transform: rotate(45deg); /* IE 9 */-webkit-transform: rotate(45deg);	/* Safari 和 Chrome */-moz-transform: rotate(45deg);		/* Firefox */-o-transform: rotate(45deg);		/* Opera */transform: rotate(45deg);}
.pro-icons .pro-icons-tip {position: absolute;display: block;min-width: 80px;width: auto;line-height: 28px;text-align: center;left: -65px;top: 35px;background: #ebebeb;border: 2px solid #fff;z-index: 10;}
.pro-icons .pro-icons-tip em {display: block;width: auto;margin-top: -17px;margin-right: -2px;padding: 25px 5px 10px;background: url("//static.cdnsbg.com/en/images/topbar-tip_icon_right.png") right 0 no-repeat;font:normal 12px/13px "latoRegular", Arial, Helvetica, sans-serif;}
.pro-icons .pro-icons-new {cursor: default;line-height: 28px;}

.qick-view-box  {position: relative;}
.qick-view-box .qv-top-close{display: block;position: absolute;margin: 2px 8px 0 0;right: 0;font-size: 40px;color: #434343;-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);z-index: 100;}
.qv-pro-detail {padding-top: 45px;padding-bottom: 20px;}
.qv-pro-detail .pro-box-left {position: relative;float: left;width: 58%;padding-top: 0px;}

.qv-pro-detail .pro-icons {padding-top: 4px;}

/*.qv-pro-detail-btn {display: inline-block; float: left; margin: 0 15px 0 0;font: 14px/18px "NovecentowideMedium";text-align: center;border: 1px solid #828282;color: #434343;}*/
.qv-pro-detail-btn {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: 8px 10px;
    font: 14px/18px "NovecentowideMedium";
    text-align: center;
    border: 1px solid #828282;
    color: #434343;
}
.qv-pro-detail .pro-box-left .discount-circle-icon {position: absolute;width: 50px;height: 30px;right: 10px;top: -5px;padding: 15px 0 5px;font-size: 16px;line-height: 20px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #FF9800;color: #fff;text-align: center;font-family: "latoBold",sans-serif;z-index: 30;}
.qv-pro-detail .pro-box-left #frames-container, .qv-pro-detail .pro-box-left #video-container, .qv-pro-detail .pro-box-left #wr360Player-container, .qv-pro-detail .pro-box-left #tryOn-container {width: 100%;height: 365px;padding-top: 15px;text-align: center;}
.qv-pro-detail .pro-box-left #wr360Player-container, .qv-pro-detail .pro-box-left #tryOn-container {text-align: center;font-size: 20px;line-height: 100px;}
.qv-pro-detail .pro-box-left #frames-container img {width: 500px;}
.video-js .vjs-big-play-button { width: 1.5em;height: 1.5em;line-height: 1.4em;font-size: 3.2em;border-radius: 50%;color: #fff;border: 2px solid #fff;}
.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{color: #FF9800;border: 2px solid #FF9800;}
.video-js {margin: 0 auto;}
.vjs-big-play-centered .vjs-big-play-button {left: 55%;}
/*
 Cloud Zoom CSS. (c)2012-2013 Star Plugins.
*/
/* CSS for lens */
.cloudzoom-lens {border:5px solid #888;width:100px;height:100px;box-shadow: -0px -0px 10px rgba(0,0,0,0.40);cursor:crosshair;z-index: 10;}
/* CSS for zoom window. */
.cloudzoom-zoom {border:1px solid #888;width:600px;height:200px;box-shadow: -0px -0px 10px rgba(0,0,0,0.40);}
/* CSS for zoom window in 'inside' mode. */
.cloudzoom-zoom-inside {box-shadow:none;border: 1px solid #fff;z-index: 20;}
/* CSS for captions */
.cloudzoom-caption {display:none; /* CSS captions should be hidden initially */text-align: left;background-color:#000;color:#fff;font-weight:bold;padding:10px;font-family: sans-serif;font-size:11px;}
/* A blank image */
.cloudzoom-blank {background-image:url(../images/blank.png);left: 0;}
/* The animated ajax loading image */
.cloudzoom-ajax-loader {background-image:url("//static.cdnsbg.com/en/images/loading.gif"); background-repeat: no-repeat;width:32px;height:32px;}

.qv-pro-detail .pro-box-right {float: right;width: 40%;}

.fast-shipping {float: left;height: 35px;margin-right: 15px;padding-top: 2px;}
.fast-shipping  span {float: left;display: block;}
.fast-shipping .pro-icons-bg {margin-top: 2px;margin-right: 5px;}
.fast-shipping .pro-icons-txt {line-height: 14px;}
.fast-shipping .pro-icons-txt em {display: block;font-style: normal;}
.qv-pro-detail .pro-box-right .pro-buy-size .only-in-stock {float: left;height: 35px;font: 14px/33px "latoBold";text-transform: uppercase;}
.qv-pro-detail .pro-box-right .pro-buy-btn a {display: block;width: 100%;height: 50px;margin-bottom: 10px;border-radius: 10px;text-align: center;text-transform: uppercase;font: normal 17px/50px "NovecentowideMedium";color: #fff;background-color: #80c342;cursor: pointer;}
.qv-pro-detail .pro-box-right .pro-buy-btn a:hover {background-color: #73bc2f;}
.qv-pro-detail .pro-box-right .pro-buy-btn .pro-btn-with {background-color: #27aae1;}
.qv-pro-detail .pro-box-right .pro-buy-btn .pro-btn-with:hover {background-color: #1aa3dd;}
/* eye glasses buy noe btn */
.pro-buy-btn .pro_buynow_select .pro_buynow_radio {width: 24px;height: 28px;float: left;cursor: pointer;text-align: center;background-image: url("//static.cdnsbg.com/en/images/inputradio.png");background-repeat: no-repeat;background-position: -24px center;}
.pro-buy-btn .pro_buynow_select .radioclass {opacity: 0;cursor: pointer;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);}
.pro-buy-btn .pro_buynow_select .on {background-position: 0 center;}
.pro-buy-btn .pro_buynow_select {display: block;width: 100%;height: 28px;}
.pro-buy-btn .pro_buynow_select:nth-child(2){margin-bottom: 8px;}
.pro-buy-btn .pro_buynow_select .pro_buynow_select-cnt {position: relative;float: left;width: 90%;height: 100%;left: 0;background:url("//static.cdnsbg.com/en/images/buynow_line.gif") repeat-x left center;cursor: pointer;}
.pro-buy-btn .pro_buynow_select .line-hide {background: none;}
.pro-buy-btn .pro_buynow_select-cnt .pro_buynow_select-txt, .pro-buy-btn .pro_buynow_select-cnt .pro_buynow_select-price {position: absolute;width: auto;height: 28px;line-height: 28px;text-align: right;background-color: #fff;font-weight: bold;}
.pro-buy-btn .pro_buynow_select-cnt .pro_buynow_select-txt {left: 0;padding: 0 6px 0 3px;}
.pro-buy-btn .pro_buynow_select-cnt .pro_buynow_select-price {right: 0;padding: 0 3px 0 6px;}
.qv-pro-detail .pro-box-right .pro-buy-ships {width: 100%;padding: 5px 0;font-size: 13px;border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
.qv-pro-detail .pro-box-right .pro-buy-ships .pro-right-shipping .pro-right-shipping-txt {float: left;margin-right: 8px;}
.qv-pro-detail .pro-box-right .pro-buy-ships .pro-right-shipping .pro-right-shipping-txt .fa-check {padding: 3px;}
.qv-pro-detail .pro-box-right .pro-buy-ships .pro-right-shipping .proPop-box {float: left;}
.qv-available-colors {position: relative;width: 100%;padding-top: 10px;}
.qv-available-colors .qv-available-colors-list {width: 20000px}
.tempWrap, .tempWrap ul {overflow: visible !important;}
.qv-available-colors-box {overflow: hidden;float: left;width: 330px;height: 72px;margin-top:9px;}
.qv-available-colors .qv-available-colors-list li {position: relative;float: left;width: 103px;height: 70px;margin-right: 5px;border: 1px solid #e1e1e1;text-align: center;z-index: 1;}
.qv-available-colors .qv-available-colors-list li:hover {border: 1px solid #e1e1e1;}
.qv-available-colors .qv-available-colors-list li:hover, .qv-available-colors .qv-available-colors-list .color-cur {border:1px solid #FF9800;color: #FF9800;}
.qv-available-colors .qv-available-colors-list li .similar-small-img {display: table-cell;width: 103px;height: 70px;vertical-align: middle;text-align: center;}
.qv-available-colors .qv-available-colors-list li .similar-small-img img {width: 90px;}
.qv-available-colors .prev , .available-colors .next {float: left;}
.qv-available-colors .prev {margin-right:6px;}
.qv-available-colors .next {float: right;}
.qv-available-colors .prev .fa-angle-left, .qv-available-colors .next .fa-angle-right {font-size: 28px;line-height: 90px;color: #8b8b8b;}
.qv-available-colors .prev:hover .fa-angle-left, .qv-available-colors .next:hover .fa-angle-right  {color: #363636;}
.qv-available-colors .similar-big-contain {display: none;position: absolute;width: 220px;padding: 5px 15px 10px;bottom: 90px;left:0;z-index: 9999;border: 1px solid #d4d4d4;box-shadow: 0 0 16px 4px rgba(1, 1, 1, 0.23);text-align: left;background-color: #fff;}
.qv-available-colors .similar-big-contain .fast-shipping  {display: block;width: 100%;height: 27px;margin-top: 5px;padding-top: 5px;border-top: 1px solid #e1e1e1;}
.qv-available-colors .similar-big-contain .fast-shipping .pro-icons-bg{width: 20px;height: 20px;line-height: 18px;}
.qv-available-colors .similar-big-contain .fast-shipping .pro-icons-txt {line-height: 25px;}
.qv-available-colors .similar-big-contain .fast-shipping .pro-icons-bg .fa-plane {font-size: 15px;}
.qv-available-colors .similar-big-contain .similar-big-contain-link  img {display: block;width: 160px;margin: 0 auto;}
.qv-available-colors .similar-big-contain .similar-big-contain-link p {font-family: "latoRegular",sans-serif;font-size: 13px;}
.qv-available-colors .similar-big-contain .similar-big-contain-link p span {font-family: "latoBold",sans-serif;}
.qv-available-colors .similar-big-contain .smilar-top-arrows{display:block; position:absolute; bottom: -11px;left: 20px;z-index:10; width:17px; height:11px; background:url("//static.cdnsbg.com/en/images/product/bottom_arrows.png") no-repeat scroll 50% 0;}
.qv-available-colors  .similar-big-contain.leftshow {right: 0;left: auto;}
.qv-available-colors .similar-big-contain.leftshow .smilar-top-arrows {right: 50px;left: auto;}
.recProInfo .pro {display: block;width: 100%; height: 149px;background: url("//static.cdnsbg.com/en/images/stylefinder/style_finder_waiting.gif") no-repeat 50% 50% / 32px 32px #fff;}
.recProInfo .pro {overflow: hidden}
.recProInfo .pro a img {visibility: hidden; }
.recProInfo .pro a img.state_loaded {visibility: visible; }
.about_brand { padding-bottom:20px; clear:both;color: #434343;
    font: 14px/20px "latoRegular";}
.about_brand a { color:#f39200;}
.about_brand p span { display:inline;}
.SportsPurpose li span {display: inline-block;height: 25px;line-height: 21px;}
.about_brand p{font: 14px/20px Arial;}
.reh2  p {color:#666;font:18px Arial;margin:30px 0 10px 0}
.about_brand img {
	display: block;
	float: right;
	height: 163px;
	margin-left: 20px;
	width: 250px;
}



#footer .footer_bar {height: 45px;}
#footer .footer_bar .subscribe .subscribe-title {margin-right: 20px;padding-top: 9px;font: 13px/14px "latoMedium";text-align: right;text-transform: uppercase;}
#footer .footer_bar .subscribe .subscribe-title span {display: block;}
#footer .footer_bar .subscribe .subscribe-cnt {width: 430px;}
#footer .footer_bar .subscribe .subscribe-cnt .subscribe-arrow-icon { position: absolute;display: block;width: 20px;height: 20px;background-color: #3b3b3b;-ms-transform: rotate(45deg); /* IE 9 */-webkit-transform: rotate(45deg);	/* Safari 和 Chrome */-moz-transform: rotate(45deg);		/* Firefox */-o-transform: rotate(45deg);		/* Opera */transform: rotate(45deg);    z-index: 20;top: 13px;left: -14px;}
#footer .footer_bar .subscribe .subscribe-cnt input {width: 225px;height: 44px;background-color: #d6d6d6;font-family: "latoRegular",sans-serif;}
#footer .footer_bar .subscribe .subscribe-cnt input:focus {border: 1px solid #d6d6d6;}
#footer .footer_bar .subscribe .subscribe-cnt .subscribe-btn {height: 45px;font: 13px/45px "latoMedium";text-transform: uppercase;}
#footer .footer_bar .subscribe .subscribe-cnt .subscribe-btn.women {border-right: 1px solid #fff;width: 95px;right: 70px;}
#footer .footer_bar .subscribe .subscribe-cnt .subscribe-btn.men {right: 0;width: 70px;}
#footer .footer_bar .join .join-title {font: 13px/45px "latoMedium";text-transform: uppercase;}
#footer .footer_bar .join .join-cnt li a {margin-top: 7px;}
.filter-detail .unhave{display: none;}


/*******GDR-515 by peter 2014/10/13 start*****************/
/*****main-banner-sports****/
.main_banner_sports{ height:270px; width:700px; margin-bottom: 10px;}
.main_banner_sports .main_b_text { padding:20px 0 10px; text-align:center;}
.main_banner_sports .main_b_text .m_bs_sports{font:48px/35px "NovecentowideDemiBold"; }
.main_banner_sports .main_b_text .m_bs_sunglasses{font:bold 40px/45px "Novecentowidelight";}
.main_banner_sports .main_b_text .m_bs_form{font:30px/24px "Novecentowidelight";}
.main_banner_sports .main_b_pic{ height:75px; display:block; background: url("//static.cdnsbg.com/public/images/sports_sunglasses/main-banner-sports.jpg") no-repeat center 0 ; }
.main_banner_sports .main_b_list{ padding:15px 0 0 55px; font:12px/15px "Arial"; text-align:left;}
.main_banner_sports .main_b_list li{float:left; background:url("//static.cdnsbg.com/public/images/sports_sunglasses/sports_banner_icon.png") no-repeat 0 0; }
.main_banner_sports .main_b_list li.m_add_p{ height:20px; background-position:0 0; padding:3px 0 0 35px; width:224px;}
.main_banner_sports .main_b_list li.m_days_r{ height:20px; background-position:-258px 0; padding:3px 0 0 35px; width:146px;}
.main_banner_sports .main_b_list li.m_month_w{ height:20px; background-position:-441px 0; padding:3px 0 0 35px; width:153px;}
/*****sports-banner****/
.sprots_banner_min{}
.sprots_banner_min .sports_b_text { padding:15px 0 10px; width:400px; text-align:center; text-transform:uppercase;}
.sprots_banner_min .sports_b_text .s_bs_sports{font:40px/36px "NovecentowideDemiBold"; }
.sprots_banner_min .sports_b_text .s_bs_sunglasses{font:bold 30px/45px "Novecentowidelight";}
.sprots_banner_min .sports_b_list{ overflow:hidden; padding:0 0 0 0; font:12px/15px "Arial"; text-align:left;}
.sprots_banner_min .sports_b_list li{ float:left; padding-left:10px; text-align:center}
.sprots_banner_min .sports_b_list li p{ line-height:13px;}
.sprots_banner_min .sports_b_list li span{ display:block; background:url("//static.cdnsbg.com/public/images/sports_sunglasses/sports_banner_icon.png") no-repeat center 0 ; }
.sprots_banner_min .sports_b_list li.s_add_p{ width:130px;}
.sprots_banner_min .sports_b_list li.s_add_p span{ margin:0 auto; width:36px; height:23px; background-position:-629px 3px;}
.sprots_banner_min .sports_b_list li.s_days_r{ width:120px;}
.sprots_banner_min .sports_b_list li.s_days_r span{ margin:0 auto; width:21px; height:23px; background-position:-258px 0;}
.sprots_banner_min .sports_b_list li.s_month_w{ width:120px;}
.sprots_banner_min .sports_b_list li.s_month_w span{ margin:0 auto; width:18px; height:23px; background-position:-441px 0;}
/*****each sports banner background imgage****/
.sports_baseball_banner{ background: url("//static.cdnsbg.com/public/images/sports_sunglasses/sports-baseball-banner.jpg") no-repeat right 0 ;width: 670px; height: 156px; margin-left: 24.1%}
.sports_cycling_banner{ background: url("//static.cdnsbg.com/public/images/sports_sunglasses/sports-cycling-banner.jpg") no-repeat right 0 ;width: 670px; height: 156px; margin-left: 24.1%}
.sports_driving_banner{ background: url("//static.cdnsbg.com/public/images/sports_sunglasses/sports-driving-banner.jpg") no-repeat right 0 ;width: 670px; height: 156px; margin-left: 24.1%}
.sports_fishing_banner{ background: url("//static.cdnsbg.com/public/images/sports_sunglasses/sports-fishing-banner.jpg") no-repeat right 0 ;width: 670px; height: 156px; margin-left: 24.1%}
.sports_golf_banner{ background: url("//static.cdnsbg.com/public/images/sports_sunglasses/sports-golf-banner.jpg") no-repeat right 0 ; width: 670px; height: 156px; margin-left: 24.1%}
.sports_running_banner{ background: url("//static.cdnsbg.com/public/images/sports_sunglasses/sports-running-banner.jpg") no-repeat right 0 ;width: 670px; height: 156px; margin-left: 24.1%}
.sports_tennis_banner{ background: url("//static.cdnsbg.com/public/images/sports_sunglasses/sports-tennis-banner.jpg") no-repeat right 0 ;width: 670px; height: 156px; margin-left: 24.1%}
/*******GDR-552 add banner by peter 2014/11/20*******/
.sports_watersports_banner{background: url("//static.cdnsbg.com/public/images/sports_sunglasses/sports-watersports-banner.jpg") no-repeat right 0 ;}
/*******GDR-515 by peter 2014/10/13 end*****************/

/*******GDR-519 by Candy 2014/10/21 starts*****************/
.topdeal-banner-prescription, .topdeal-banner-newarrivals, .topdeal-banner-sbgcollection {position: relative;overflow: hidden;}
.topdeal-banner-prescription {background-image: url("//img1-gdr.cdnsbg.com/GDR2014/GDR519/add-prescription-lensesfrom-banner.jpg");}
.topdeal-banner-sbgcollection {background-image: url("//img1-gdr.cdnsbg.com/GDR2014/GDR519/sbg-collection-filter-banner.jpg");color: #fff;}
.topdeal-banner-cnt {position: absolute;width: auto;height: 100%;padding: 15px;right: 0;top: 0;}
.topdeal-banner-cnt p {font-family: "Novecentowidelight", sans-serif;text-align: right;}
.topdeal-banner-cnt p span {display: block;}
.topdeal-banner-cnt p .bold {font-family: "NovecentowideDemiBold", sans-serif;}
.topdeal-banner-cnt .prescription-banner-text {font-size: 24px;max-width: 400px;}
.topdeal-banner-cnt .prescription-banner-text .bold {font-size: 27px;letter-spacing: 0;}
.topdeal-banner-cnt .newarrivals-banner-text {padding-right: 20px;font-size: 27px;}
.topdeal-banner-cnt .newarrivals-banner-text .bold {font-size: 45px;}
.topdeal-banner-cnt .sbgcollection-banner-text {padding-right: 0;font-size: 33px;letter-spacing: 5px;text-align: center;}
.topdeal-banner-cnt .sbgcollection-banner-text .bold {font-size: 47px;letter-spacing: 0;}
.quick_view_load{margin-left: auto; margin-right: auto; height:590px; vertical-align: middle; background:url("//static.cdnsbg.com/en/images/stylefinder/style_finder_waiting.gif") 50% 50% no-repeat; }

@media only screen and (max-width: 1215px) and (min-width: 768px){
   .Scroller-box {width: 74%;}
}

/* Filter Page Banners */
.banner_sun_butterfly { }
.banner_sun_butterfly p, .banner_sun_butterfly h1 {font-family: "NovecentowideDemiBold", sans-serif; font-weight: 900; font-size: 49px; padding-top: 38px; color: #c28e87; padding-left: 25px; letter-spacing: 2px; margin: 0 0 -3px; }
.banner_sun_butterfly .subtitle {font-family: "Novecentowidelight", sans-serif; font-size: 24px; letter-spacing: 16px; color: #242424; margin: 0; padding-left: 28px; }
.banner_sun_butterfly ul {font-family: "Novecentowidelight", sans-serif; font-size: 9px; color: #1e1e1e; line-height: 2px; padding-left: 28px; padding-top:10px; }
.banner_sun_butterfly li {display: inline; }
.banner_sun_cateye {}
.banner_sun_cateye p, .banner_sun_cateye h1 {font-family: "NovecentowideDemiBold", sans-serif; font-weight: 900; font-size: 63px; padding-top: 30px; color: #6f616b; padding-left: 15px; letter-spacing: 6px; margin: 0 0 -9px; }
.banner_sun_cateye .subtitle {font-family: "Novecentowidelight", sans-serif; font-size: 24px; letter-spacing: 16px; color: #242424; margin: 0; padding-left: 23px; line-height:40px; }
.banner_sun_cateye ul {font-family: "Novecentowidelight", sans-serif; font-size: 9px; color: #1e1e1e; line-height: 2px; padding-left: 24px; padding-top:5px; }
.banner_sun_cateye li {display: inline; }
.banner_sun_oval { }
.banner_sun_oval p, .banner_sun_oval h1 {font-family: "NovecentowideDemiBold", sans-serif; font-weight: 900; font-size: 78px; padding-top: 22px; color: #ae8b88; padding-left: 21px; letter-spacing: 29px; margin: 0 0 -9px; }
.banner_sun_oval .subtitle {font-family: "Novecentowidelight", sans-serif; font-size: 26px; letter-spacing: 15px; color: #242424; margin: 0; padding-left: 29px; line-height:40px; }
.banner_sun_oval ul {font-family: "Novecentowidelight", sans-serif; font-size: 9px; color: #1e1e1e; line-height: 2px; padding-left: 28px; padding-top:5px; }
.banner_sun_oval li {display: inline; }
.banner_sun_oversized {}
.banner_sun_oversized p, .banner_sun_oversized h1 {font-family: "NovecentowideDemiBold", sans-serif; font-weight: 900; font-size: 48px; padding-top: 40px; color: #38386c; padding-left: 23px; letter-spacing: 3px; margin: 0 0 -7px; }
.banner_sun_oversized .subtitle {font-family: "Novecentowidelight", sans-serif; font-size: 26px; letter-spacing: 15px; color: #242424; margin: 0; padding-left: 28px; line-height:35px; }
.banner_sun_oversized ul {font-family: "Novecentowidelight", sans-serif; font-size: 9px; color: #1e1e1e; line-height: 2px; padding-top:5px; padding-left:28px; }
.banner_sun_oversized li {display: inline; }
.banner_sun_pilot {}
.banner_sun_pilot p, .banner_sun_pilot h1 {font-family: "NovecentowideDemiBold", sans-serif; font-weight: 900; font-size: 81px; margin: 0 0 4px; padding-top:30px; color:#a47666; padding-left: 15px; letter-spacing: 18px; }
.banner_sun_pilot .subtitle {font-family: "Novecentowidelight", sans-serif; font-size: 28.3px; letter-spacing: 14px; color: #242424; margin: 0; padding-left: 21px; line-height:30px; }
.banner_sun_pilot ul {font-family: "Novecentowidelight", sans-serif; font-size: 9px; margin-left: 0; margin-top:5px; color: #1e1e1e; line-height: 16px; padding-left:23px; }
.banner_sun_pilot li {display: inline; }
.banner_sun_round { }
.banner_sun_round p, .banner_sun_round h1 {font-family: "NovecentowideDemiBold", sans-serif; font-weight: 900; font-size: 68px; padding-top: 27px; color: #6c7080; padding-left: 21px; letter-spacing: 13px; margin: 0 0 -9px; }
.banner_sun_round .subtitle {font-family: "Novecentowidelight", sans-serif; font-size: 26px; letter-spacing: 15px; color: #242424; margin: 0; padding-left: 25px; line-height:40px; }
.banner_sun_round ul {font-family: "Novecentowidelight", sans-serif; font-size: 9px; color: #1e1e1e; line-height: 2px; padding-top:5px; padding-left: 27px; }
.banner_sun_round li {display: inline; }
.banner_sun_wraparound {}
.banner_sun_wraparound p, .banner_sun_wraparound h1 {color: #b38a6e; font-family: "NovecentowideDemiBold", sans-serif; font-size: 41.5px; font-weight: 900; letter-spacing: 1px; margin: 0 0 -15px; padding: 25px 0 0 25px; }
.banner_sun_wraparound .subtitle {color: #242424; font-family: "Novecentowidelight", sans-serif; font-size: 30px; letter-spacing: 14px; line-height: 40px; margin: 0; padding-left: 28px; }
.banner_sun_wraparound ul {color: #1e1e1e; font-family: "Novecentowidelight", sans-serif; font-size: 9.42px; line-height: 2px; padding-left: 28px; padding-top: 3px; }
.banner_sun_wraparound li {display: inline; }
.banner_sun_fullrim {width: 670px; height: 156px; margin: 0 auto; background-image: url("//static.cdnsbg.com/en/images/sunglasses_fullrim.jpg"); }
.banner_sun_fullrim p, .banner_sun_fullrim h1 {font-family: "NovecentowideDemiBold", sans-serif; font-weight: 900; font-size: 59px; padding-top: 29px; color: #c7b1a2; padding-left: 14px; letter-spacing: 6px; margin: 0 0 -8px; }
.banner_sun_fullrim .subtitle {font-family: "Novecentowidelight", sans-serif; font-size: 25px; letter-spacing: 16px; color: #242424; margin: 0; padding-left: 18px; line-height:40px; }
.banner_sun_fullrim ul {font-family: "Novecentowidelight", sans-serif; font-size: 9px; color: #1e1e1e; line-height: 2px; padding-left:20px; padding-top:5px; }
.banner_sun_fullrim li {display: inline; }
.banner_sun_rimless {width: 670px; height: 156px; margin: 0 auto; background-image: url("//static.cdnsbg.com/en/images/sunglasses_rimless.jpg"); }
.banner_sun_rimless p, .banner_sun_rimless h1 {font-family: "NovecentowideDemiBold", sans-serif; font-weight: 900; font-size: 65px; padding-top: 27px; color: #7a7e7f; padding-left: 23px; letter-spacing: 4px; margin: 0 0 -8px; }
.banner_sun_rimless .subtitle {font-family: "Novecentowidelight", sans-serif; font-size: 26px; letter-spacing: 14px; color: #242424; margin: 0; padding-left: 28px; line-height:40px; }
.banner_sun_rimless ul {font-family: "Novecentowidelight", sans-serif; font-size: 9px; color: #1e1e1e; line-height: 2px; padding-left:28px; padding-top:5px; }
.banner_sun_rimless li {display: inline; }
.banner_sun_semirimless {width: 670px; height: 156px; margin: 0 auto; background-image: url("//static.cdnsbg.com/en/images/sunglasses_semirimless.jpg"); }
.banner_sun_semirimless p, .banner_sun_semirimless h1 {font-family: "NovecentowideDemiBold", sans-serif; font-weight: 900; font-size: 41px; padding-top: 36px; color: #c4906f; padding-left: 18px; letter-spacing: 2px; margin: 0 0 -5px; }
.banner_sun_semirimless .subtitle {font-family: "Novecentowidelight", sans-serif; font-size: 25px; letter-spacing: 15px; color: #242424; margin: 0; padding-left: 22px; line-height:40px; }
.banner_sun_semirimless ul {font-family: "Novecentowidelight", sans-serif; font-size: 9px; color: #1e1e1e; line-height: 2px; padding-left:22px; padding-top:5px; }
.banner_sun_semirimless li {display: inline; }
.banner_sun_goggle { }
.banner_sun_goggle p, .banner_sun_goggle h1 {font-family: "NovecentowideDemiBold", sans-serif; font-weight: 900; font-size:73px; margin: 0; padding-top: 38px; color: #c38c8f; padding-left: 25px; letter-spacing: 0; }
.banner_sun_goggle .subtitle {font-family: "Novecentowidelight", sans-serif; font-size: 31px; letter-spacing: 14px; color: #242424; margin: 0; padding-left: 28px; line-height:40px; }
.banner_sun_goggle ul {font-family: "Novecentowidelight", sans-serif; font-size: 9.7px; color: #1e1e1e; line-height: 2px; padding-left:28px; padding-top:5px; }
.banner_sun_goggle li {display: inline; }
.banner_eye_pilot {}
.banner_eye_pilot p, .banner_eye_pilot h1 {font-family: "NovecentowideDemiBold", sans-serif; font-weight: 900; font-size: 70px; padding-top: 25px; color: #8d8c92; padding-left: 5px; letter-spacing: 24px; margin: 0 0 -13px; }
.banner_eye_pilot .subtitle {font-family: "Novecentowidelight", sans-serif; font-size: 24px; letter-spacing: 16px; color: #242424; margin: 0; padding-left: 9px; line-height:40px; }
.banner_eye_pilot ul {font-family: "Novecentowidelight", sans-serif; font-size: 9px; color: #1e1e1e; padding-left:10px; line-height: 2px; padding-top:5px; }
.banner_eye_pilot li {display: inline; }
.banner_eye_square { }
.banner_eye_square p, .banner_eye_square h1 {font-family: "NovecentowideDemiBold", sans-serif; font-weight: 900; font-size: 63px; padding-top: 28px; color: #68c2d3; padding-left: 1px; letter-spacing: 8px; margin: 0 0 -7px; }
.banner_eye_square .subtitle {font-family: "Novecentowidelight", sans-serif; font-size: 26px; letter-spacing: 15px; color: #242424; margin: 0; padding-left: 3px; line-height:40px; }
.banner_eye_square ul {font-family: "Novecentowidelight", sans-serif; font-size: 9px; color: #1e1e1e; line-height: 2px; padding-left:4px; padding-top:5px; }
.banner_eye_square li {display: inline; }
.gdr185_banner {background: no-repeat 0 0; color:#292929;}
.gdr185_banner h3 {font:30px/31px "Arial"; display:block;padding:25px 0 15px 20px;}
.gdr185_banner ul{display:inline-block; margin-left:20px;}
.gdr185_banner li{ font:14px/20px "Arial"; padding-left:20px; background: url("//static.cdnsbg.com/en/images/newbanner/newgrey_icon.png") no-repeat 0 center; }
/*.gdr185_banner.sunCat {background-image: url("//static.cdnsbg.com/en/images/newbanner/banner_cat sun.jpg");}*/
/*.gdr185_banner.eyeCat {background-image: url("//static.cdnsbg.com/en/images/newbanner/banner1_cat-eye_eye.jpg");}*/
/*.gdr185_banner.sunSquare {background-image: url("//static.cdnsbg.com/en/images/newbanner/banner_Square sun.jpg");}*/
/*.gdr185_banner.eyeSquare {background-image: url("//static.cdnsbg.com/en/images/newbanner/banner1_Square_eye.jpg");}*/
/*.gdr185_banner.sunButterfly {background-image: url("//static.cdnsbg.com/en/images/newbanner/banner_Butterfly sun.jpg");}*/
/*.gdr185_banner.eyeButterfly {background-image: url("//static.cdnsbg.com/en/images/newbanner/banner_Butterfly eye.jpg");}*/
/*.gdr185_banner.sunOversized {background-image: url("//static.cdnsbg.com/en/images/newbanner/banner1_Oversized_sun.jpg");}*/
/*.gdr185_banner.eyeOversized {background-image: url("//static.cdnsbg.com/en/images/newbanner/banner_Oversized eye.jpg");}*/
/*.gdr185_banner.sunRound {background-image: url("//static.cdnsbg.com/en/images/newbanner/banner1_Round_sun-.jpg");}*/
/*.gdr185_banner.eyeRound {background-image: url("//static.cdnsbg.com/en/images/newbanner/banner1_Round_eye.jpg");}*/
/*.gdr185_banner.sunButterfly h3{font-size:26px;}*/
/*.gdr185_banner.eyeButterfly h3{font-size:26px;}*/
/*.gdr185_banner.sunOversized h3{font-size:26px;}*/
/*.gdr185_banner.eyeOversized h3{font-size:26px;}*/
/*.gdr185_banner.sunWraparound {background-image: url("//static.cdnsbg.com/en/images/newbanner/banner_Wraparound sun.jpg");}*/
/*.gdr185_banner.sunWraparound h3{font-size:26px;}*/
/*.gdr185_banner.sunOval {background-image: url("//static.cdnsbg.com/en/images/newbanner/banner1_Oval_sun.jpg");}*/
/*.gdr185_banner.eyeOval {background-image: url("//static.cdnsbg.com/en/images/newbanner/banner_Oval eye.jpg");}*/
/*.gdr185_banner.eyeRectangle {background-image: url("//static.cdnsbg.com/en/images/newbanner/banner_Rectangle eye.jpg");}*/
/*.gdr185_banner.sunSingleLens {background-image: url("//static.cdnsbg.com/en/images/newbanner/banner_Single Lens sun_new.jpg");}*/
/*.gdr185_banner.sunRectangle h3{font-size:26px;}*/
/*.gdr185_banner.eyeRectangle h3{font-size:26px;}*/
/*.gdr185_banner.sunSingleLens  h3{font-size:26px;}*/
/*******ICT-24 by Candy 2014/11/06 starts*****************/
/*.ICT24-banners{position: relative;overflow: hidden;width: 670px;height: 156px;}*/
/*.ICT24-best-selling-men-sunglasses {background-image: url(//img1-gdr.cdnsbg.com/GDR2014/GDR519/best-selling-mens-sunglasses.jpg);color: #fff;}*/
/*.ICT24-best-selling-women-sunglasses {background-image: url(//img1-gdr.cdnsbg.com/GDR2014/GDR519/best-selling-womens-sunglasses.jpg);}*/
/*.ICT24-clearance-glasses {background-image: url(//img1-gdr.cdnsbg.com/GDR2014/GDR519/clearance-glasses-from-$79.jpg);}*/
/*.ICT24-clearance-sunglasses {background-image: url(//img1-gdr.cdnsbg.com/GDR2014/GDR519/clearance-sunglasses-from-$79.jpg);color: #fff;}*/
/*.ICT24-week-topdeals-glasses {background-image: url(//img1-gdr.cdnsbg.com/GDR2014/GDR519/this-week-top-deals-on-Glasses.jpg);}*/
/*.ICT24-week-topdeals-sunglasses {background-image: url(//img1-gdr.cdnsbg.com/GDR2014/GDR519/this-week-top-deals-on-sunglasses.jpg);color: #fff;}*/
/*.ICT24-best-selling-glasses {background-image: url(//img1-gdr.cdnsbg.com/GDR2014/GDR519/top100-best-selling-glasses.jpg);color: #fff;}*/
/*.ICT24-best-selling-sports-sunglasses {background-image: url(//img1-gdr.cdnsbg.com/GDR2014/GDR519/top100-best-selling-sports-sunglasses.jpg);margin-left: 24.1%}*/
/*.ICT24-best-selling-sunglasses {background-image: url(//img1-gdr.cdnsbg.com/GDR2014/GDR519/top100-best-selling-sunglasses.jpg);color: #fff;}*/

.ICT24-banners-cnt {position: absolute;width: auto;height: 100%;padding: 15px;right: 0;top: 0;}
.ICT24-banners-cnt p {font-family: "Novecentowidelight", sans-serif;}
.ICT24-banners-cnt p span {display: block; text-align:center;}
.ICT24-banners-cnt p .bold {font-family: "NovecentowideDemiBold", sans-serif;}
.ICT24-banners-cnt .best-selling-men-sunglasses-txt {font-size: 25px;letter-spacing: 5px;}
.ICT24-banners-cnt .best-selling-men-sunglasses-txt .bold {font-size: 30px;letter-spacing: 0;}
.ICT24-banners-cnt .best-selling-women-sunglasses-txt {font-size: 25px;letter-spacing: 3px;}
.ICT24-banners-cnt .best-selling-women-sunglasses-txt .bold {font-size: 30px;letter-spacing: 0;}
.ICT24-banners-cnt .clearance-glasses-txt {font-size: 25px;letter-spacing: 0;}
.ICT24-banners-cnt .clearance-glasses-txt .bold {font-size: 30px;}
.ICT24-banners-cnt .clearance-sunglasses-txt {font-size: 27px;letter-spacing: 0;}
.ICT24-banners-cnt .clearance-sunglasses-txt .bold {font-size: 30px;}
.ICT24-banners-cnt .week-topdeals-glasses-txt {font-size: 31px;letter-spacing: 0;text-align: center;}
.ICT24-banners-cnt .week-topdeals-glasses-txt .bold {font-size: 30px;letter-spacing: 2px;}
.ICT24-banners-cnt .week-topdeals-sunglasses-txt {font-size: 23px;letter-spacing: 0;}
.ICT24-banners-cnt .week-topdeals-sunglasses-txt .bold {font-size: 32px;}
.ICT24-banners-cnt .best-selling-glasses-txt {font-size: 26px;letter-spacing: 5px;}
.ICT24-banners-cnt .best-selling-glasses-txt .bold {font-size: 30px;letter-spacing: 0; text-align:center;}
.ICT24-banners-cnt .best-selling-sports-sunglasses-txt {font-size: 28px;letter-spacing: 0;}
.ICT24-banners-cnt .best-selling-sports-sunglasses-txt .bold {font-size: 32px;letter-spacing: 2px;}
.ICT24-banners-cnt .best-selling-sunglasses-txt {font-size: 25px;letter-spacing: 1px;}
.ICT24-banners-cnt .best-selling-sunglasses-txt .bold {font-size: 30px;letter-spacing: 0;}

.ICT24-banners-cnt .banner-icons {width: auto;margin: 15px auto 0; float: right;}
.ICT24-banners-cnt .banner-icons li {display: block;float: left;width: 120px;margin-right: 1px;}
.ICT24-banners-cnt .banner-icons li:last-child {clear: right;width: 105px;}
.ICT24-banners-cnt .banner-icons li span {display: block;margin: 0 auto;padding-top: 5px;font-size: 9px;text-align: center;font-family: "NovecentowideMedium", sans-serif;}
.ICT24-banners-cnt .banner-icons li .fa {display: block;margin: 0 auto;width: 33px;height: 18px;
    background: url(//img1-gdr.cdnsbg.com/GDR2014/GDR519/banner-icons.png) no-repeat;
}
.ICT24-banners-cnt .banner-icons-four li {width: 110px !important;}
.ICT24-banners-cnt .banner-icons-four li:last-child {width: 70px !important;}

.ICT24-banners-cnt .fa-shipping {background-position: 0 -4px;}
.ICT24-banners-cnt .fa-warranty {background-position: -37px -3px;}
.ICT24-banners-cnt .fa-returns {background-position: -70px -3px;}
.ICT24-banners-cnt .fa-sale {background-position: 0 -28px;}
.ICT24-banners-cnt .fa-returns-white {background-position: -37px -28px;}
.ICT24-banners-cnt .fa-check {background-position: -70px -28px;}
.ICT24-banners-cnt .fa-warranty-white {background-position: -5px -81px;}
.ICT24-banners-cnt .fa-prescription-white {background-position: -35px -82px;}
.ICT24-banners-cnt .fa-prescription {background-position: -70px -82px;}
.ICT24-banners-cnt .fa-shipping-white {background-position: 0 -57px;}
.ICT24-banners-cnt .fa-models {width: 40px !important;background-position: -36px -59px;}
/*******ICT-24 by Candy 2014/11/06 ended *****************/

/*frank liu*/
.cl_content .grid-pro-cell .pro-img {padding-top: 0px;}
.cl_content .grid-pro-box {padding: 0px 0;}
/*Hecker_He*/
.proCell .morecolor a{
    position: absolute;
    left: 14px;
    bottom: 5px;
    font-style: italic;
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #000000;
}
@media only screen  and (max-width: 1125px) {
    .head_menuN .nav_menuN .nav_menuN_bill a {    padding: 0 10px; }
}
@media only screen  and (max-width: 1040px) {
    .head_menuN .nav_menuN .nav_menuN_bill a {    padding: 0 6px; }
}

.grid-banner-collection {
    margin-bottom: 0 !important;
    padding-bottom: 5px;
    min-height: 140px;
}

.new-grid-ui .searchPart {
    padding-bottom: 15px;
}

.grid-box.algolia .grid-pro-cell,
.new-grid-ui .grid-pro-cell {
    width: 31%;
    height: auto;
    min-height: 290px;
    margin: 0 1% 10px;
    padding: 0 15px 15px;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit--box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.search_results_container.new-grid-ui .grid-pro-cell {
    min-height: 295px;
}
.new-grid-ui .grid-pro-cell:hover .discount-circle-icon {
    display: none;
}
.new-grid-ui .fav_glasses_list {
    top: 10px;
    z-index: 100;
}
.new-grid-ui .grid-pro-cell .recProInfo {
    height: 100%;
}

.grid-box.algolia .grid-pro-cell:hover,
.new-grid-ui .grid-pro-cell:hover {
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    -moz-box-shadow: 0px 15px 20px 0px rgba(1, 1, 1, 0.1);
    -ms-box-shadow: 0px 15px 20px 0px rgba(1, 1, 1, 0.1);
    box-shadow: 0px 15px 20px 0px rgba(1, 1, 1, 0.1);
}
.new-grid-ui .grid-pro-cell.view_quick_border {border: 1px solid #ebebeb;}
.new-grid-ui .grid-pro-cell:hover .grid-pro--quick-view {display: none !important;}
.new-grid-ui  .pro-icons-new.withbr {
    position: absolute;
    top: 15px;
    left: 10px;
    width: auto;
    font-family: latosemibold;
    font-size: 12px;
}
.grid-box.algolia .grid-pro-cell .new-ui-pro-icons,
.new-grid-ui .grid-pro-cell .new-ui-pro-icons {
    font-family: latosemibold;
    font-size: 12px;
}

.grid-box.algolia .grid-pro-cell .new-ui-pro-icons .pro-icons-list,
.new-grid-ui  .grid-pro-cell .new-ui-pro-icons .pro-icons-list {
    width: 90%;
    margin: 0 auto;
    text-align: left;
}

.grid-box.algolia .grid-pro-cell .new-ui-pro-icons .pro-icons-list li,
.new-grid-ui  .grid-pro-cell .new-ui-pro-icons .pro-icons-list li {
    overflow: hidden;
    display: inline-block;
    width: 50%;
    margin-top: 10px;
}
.search_results_container.new-grid-ui  .grid-pro-cell .new-ui-pro-icons .pro-icons-list li {
    width: 49%;
}
.new-grid-ui  .grid-pro-cell .new-ui-pro-icons .pro-icons-list span {
    float: left;
    display: inline-block;
    line-height: 16px;
}
.grid-box.algolia .grid-pro-cell .new-ui-pro-icons .pro-icons-list li .icons,
.new-grid-ui .grid-pro-cell .new-ui-pro-icons .pro-icons-list li .icons {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("//static.cdnsbg.com/en/images/product-img-v3/grid-pro-icons.png");;
    background-repeat: no-repeat;
    -moz-background-size: 85% auto;
    -ms-background-size: 85% auto;
    -o-background-size: 85% auto;
    -webkit-background-size: 85% auto;
    background-size: 85% auto;
}
.pro-icons-list .icon-readyToShip {
    background-position: 0 -33px;
}
.pro-icons-list .icon-topSeller {
    background-position: 0 0;
}
.pro-icons-list .icon-polarized {
    background-position: 0 -16px;
}
.pro-icons-list .icon-moreColor {
    background-position: 0 -50px;
}
.new-grid-ui .grid-pro-cell .fav_icon .fav_iconI {
    display: none;
}
.new-grid-ui .grid-pro-cell:hover .fav_icon .fav_iconI {
    display: block;
}





/*virtual try on css start*/
/*SBG-15004 Estella*/

.grid-box .grid-product .vtr-choose-bar {
    margin-top: 20px;
    text-align: justify;
}

.grid-box .grid-product .vtr-choose-bar > * {
    display: inline-block;
}

.grid-box .grid-product .vtr-choose-bar .shoot_selfie_btn {
    background: #ff9800;
    border-radius: 22px;
    height: 45px;
    padding: 0 20px;
    color: #fff;
    vertical-align: middle;
    font: 14px 'latoregular';
    cursor: pointer;
    outline: none;
    display: none;
}

.grid-box .grid-product .vtr-choose-bar .shoot_selfie_btn.active {
    display: inline-block;
}

.grid-box .grid-product .vtr-choose-bar .shoot_selfie_btn:before{
    content: "";
    background: url("//static.cdnsbg.com/en/images/ditto/product_searchList_icons/shooting_vtr_icon.png") no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    width: 30px;
    height: 27px;
    margin-right: 10px;
    vertical-align: middle;
}

.grid-box .grid-product .vtr-choose-bar:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
}

.grid-box .grid-product .vtr-choose-bar .vtr-choose-btn-group {
    font-size: 0;
}

.grid-box .grid-product .vtr-choose-bar .vtr-choose-btn-group > * {
    display: inline-block;
    vertical-align: middle;
}

.grid-box .grid-product .vtr-choose-bar .vtr-choose-btn-group p {
    font: 12px 'latoregular';
    color: #4f4f4f;
    margin-left: 10px;
    display: none;
}

.grid-box .grid-product .vtr-choose-bar .vtr-choose-btn-group p.active {
    display: inline-block;
}

.grid-box .grid-product .vtr-choose-bar .vtr-choose-btn-group button {
    min-width: 137px;
    padding: 1px 20px;
    height: 45px;
    border: solid 1px #e1e1e1;
    font: 16px 'latoregular';
    text-align: center;
    line-height: 45px;
    cursor: pointer;
    -webkit-transition: border-color ease-in-out .1s;
    -moz-transition: border-color ease-in-out .1s;
    -ms-transition: border-color ease-in-out .1s;
    -o-transition: border-color ease-in-out .1s;
    transition: border-color ease-in-out .1s;
    outline: none;
    background: #fff;
}

.grid-box .grid-product .vtr-choose-bar .vtr-choose-btn-group .product-view-btn {
    border-right: solid 0 #e1e1e1;
}

.grid-box .grid-product .vtr-choose-bar .vtr-choose-btn-group .selfie-view-btn {
    border-left: solid 0 #e1e1e1;
    padding-left: 30px;
}

.grid-box .grid-product .vtr-choose-bar .vtr-choose-btn-group button.selected,
.grid-box .grid-product .vtr-choose-bar .vtr-choose-btn-group button:hover {
    border: solid 2px #ff9800;
    padding: 0 19px;
}

.grid-box .grid-product .vtr-choose-bar .vtr-choose-btn-group .product-view-btn:after {
    content: "";
    display: inline-block;
    background: url("//static.cdnsbg.com/en/images/ditto/product_searchList_icons/product_view_icon.png");
    background-size: cover;
    width: 45px;
    height: 15px;
    margin-left: 10px;
}

.grid-box .grid-product .vtr-choose-bar.vto-cat-sun .vtr-choose-btn-group .product-view-btn:after {
    background: url("//static.cdnsbg.com/en/images/ditto/sun_product_view_icon.jpg");
    background-size: cover;
}

.grid-box .grid-product .vtr-choose-bar .vtr-choose-btn-group .product-view-btn.selected {
    padding: 0 18px 0 19px;
}

.grid-box .grid-product .vtr-choose-bar .vtr-choose-btn-group .product-view-btn:not(.selected):hover {
    border-right: solid 0 #ff9800;
    padding: 0 20px 0 19px;
}

.grid-box .grid-product .vtr-choose-bar .vtr-choose-btn-group .selfie-view-btn.selected {
    border: solid 2px #ff9800;
    padding: 0 19px 0 28px;
}

.grid-box .grid-product .vtr-choose-bar .vtr-choose-btn-group .selfie-view-btn:not(.selected):hover {
    border-left: solid 0 #ff9800;
    padding: 0 19px 0 30px;
}

.grid-box .grid-product .vtr-choose-bar .vtr-choose-btn-group .selfie-view-btn:after {
    content: "";
    display: inline-block;
    background: url("//static.cdnsbg.com/en/images/ditto/product_searchList_icons/selfie_view_icon.png");
    background-size: cover;
    width: 50px;
    height: 42px;
    vertical-align: top;
    margin: 0 -20px 0 20px;
}

.grid-box .grid-product .vtr-choose-bar.vto-cat-sun .vtr-choose-btn-group .selfie-view-btn:after {
    background: url("//static.cdnsbg.com/en/images/ditto/sun_selfie_view_icon.jpg");
    background-size: cover;
}

.grid-box .grid-product .ditto-body-content button {
    text-transform: uppercase;
    outline: none;
    font: 16px 'montserratregular';
    cursor: pointer;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.grid-box .grid-product .ditto-body-content {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    overflow: auto;
}

.grid-box .grid-product .ditto-body-content.active {
    display: block;
    opacity: 1;
    z-index: 999;
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    animation: fadeIn ease .3s;
}

.grid-box .grid-product .ditto-body-content .ditto-body-content-wrapper {
    background: #fff;
    margin-bottom: 100px;
}

.grid-box .grid-product .ditto-body-content .ditto-body {
    /*background: #f0f0f0;*/
    height: 600px;
    margin: 0 auto;
}

.grid-box .grid-product .ditto-body-content .ditto-title-bar-wrapper {
    display: none;
    background: #fff;
}

.grid-box .grid-product .ditto-body-content .ditto-title-bar-wrapper.active {
    display: block;
}

.grid-box .grid-product .ditto-body-content .ditto-title-bar-wrapper .ditto-title-bar-content {
    height: 70px;
    width: 940px;
    margin: 0 auto;
    position: relative;
    font: 14px 'latoregular';
}

.grid-box .grid-product .ditto-body-content .ditto-title-bar-wrapper .ditto-title-bar-content h4{
    margin: 0;
    font: 24px 'latoregular';
    text-align: center;
    line-height: 70px;
}

.grid-box .grid-product .ditto-body-content .ditto-title-bar-wrapper .ditto-title-bar-content .close-ditto-btn {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 70px;
    cursor: pointer;
    color: rgb(27, 27, 27);
}

.grid-box .grid-product .ditto-body-content .ditto-body .ditto-comp {
    min-height: 468px;
    position: relative;
}

.grid-box .grid-product .ditto-body-content .close-ditto-btn {
    text-align: right;
    color: #fff;
    font: 14px 'latoregular';
    width: 60%;
    margin: 100px auto 20px auto;
    cursor: pointer;
    display: none;
}

.grid-box .grid-product .ditto-body-content .close-ditto-btn.active {
    display: block;
}

.grid-box .grid-product .ditto-body-content .close-ditto-btn img {
    height: 8px;
    margin-right: 4px;
}

.grid-box .grid-product .ditto-body-content .ditto-body .ditto-record-btn {
    position: absolute;
    bottom: 5%;
    left: calc( 50% - 125px );
    width: 250px;
    background: #ff9800;
    color: #fff;
    cursor: pointer;
    height: 50px;
    border-radius: 25px;
    display: none;
}

.grid-box .grid-product .ditto-body-content .ditto-body .ditto-record-btn.active {
    display: block;
}

.grid-box .grid-product .ditto-body-content .ditto-body .ditto-action-ul {
    display: none;
    position: absolute;
    bottom: calc(8% - 65px);
    right: 15%;
    box-shadow: 0px 0px 10px 0px rgba(4, 5, 5, 0.1);
    border-radius: 3px;
    background: #fff;
}

.grid-box .grid-product .ditto-body-content .ditto-body .ditto-action-ul.active {
    display: block;
}

.grid-box .grid-product .ditto-body-content .ditto-body .ditto-action-ul li {
    padding: 5px 20px;
    font: 14px 'latoregular';
    cursor: pointer;
    -webkit-transition: background-color ease-in-out .3s;
    -moz-transition: background-color ease-in-out .3s;
    -ms-transition: background-color ease-in-out .3s;
    -o-transition: background-color ease-in-out .3s;
    transition: background-color ease-in-out .3s;
}

.grid-box .grid-product .ditto-body-content .ditto-body .ditto-action-ul li:hover {
    background: #e1e1e1;
}

.grid-box .grid-product .ditto-finish-content {
    display: none;
    padding: 30px 0;
    opacity: 0;
    font-family: 'latoregular';
    text-align: center;
    background: #fff;
}

.grid-box .grid-product .ditto-finish-content.active {
    display: block;
    opacity: 1;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

.grid-box .grid-product .ditto-finish-content .finish-status{
    font: 20px 'latoregular';
    text-transform: uppercase;
}

.grid-box .grid-product .ditto-finish-content .finish-info {
    font: 14px 'latoregular';
    margin: 10px 0 20px 0;
}

.grid-box .grid-product .ditto-finish-content .ditto-finish-btn-group a {
    background: #ff9800;
    color: #fff;
    cursor: pointer;
    border-radius: 45px;
    margin: 0 10px;
    text-transform: uppercase;
    outline: none;
    font-family: 'montserratregular';
    cursor: pointer;
    padding: 15px 40px;
    display: inline-block;
}

.grid-box .grid-product .ditto-body-content .ditto-body .ditto-action-btn {
    display: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    bottom: 8%;
    right: 15%;
    background: url("//static.cdnsbg.com/en/images/ditto/ditto_action_icon.png") no-repeat;
    background-size: 100% 100%;
}

.grid-box .grid-product .ditto-body-content .ditto-body .ditto-action-btn.active {
    display: block;
}

/*pro-img replace css*/
.recProInfo .pro.vtr-pro {
    position: relative;
    overflow: unset;
}

.grid-pro-cell .vtr-selfie-img {
    display: block;
    position: absolute;
    top: 0;
    left: -15px;
    width: calc( 100% + 30px );
    z-index: 99;
    opacity: 0;
    -webkit-transition: opacity ease .2s;
    -moz-transition: opacity ease .2s;
    -ms-transition: opacity ease .2s;
    -o-transition: opacity ease .2s;
    transition: opacity ease .2s;
}

.grid-pro-cell .vtr-selfie-img.active {
    opacity: 1;
}

.recProInfo .pro div.vtr-selfie-img img {
    visibility: visible;
    width: 100%;
}

.recProInfo .pro div.vtr-selfie-img .ditto-action-btn {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    bottom: 5%;
    right: 8%;
    background: url("//static.cdnsbg.com/en/images/ditto/ditto_action_icon.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    outline: none;
}

.recProInfo .pro div.vtr-selfie-img .ditto-action-ul {
    display: none;
    position: absolute;
    bottom: calc(2% - 32px);
    right: 4%;
    box-shadow: 0px 0px 10px 0px rgba(4, 5, 5, 0.1);
    border-radius: 3px;
    background: #fff;
}

.recProInfo .pro div.vtr-selfie-img .ditto-action-ul.active {
    display: block;
}

.recProInfo .pro div.vtr-selfie-img .ditto-action-ul li {
    padding: 5px 20px;
    font: 14px 'latoregular';
    cursor: pointer;
    -webkit-transition: background ease-in-out .3s;
    -moz-transition: background ease-in-out .3s;
    -ms-transition: background ease-in-out .3s;
    -o-transition: background ease-in-out .3s;
    transition: background ease-in-out .3s;
}

.recProInfo .pro div.vtr-selfie-img .ditto-action-ul li:hover {
    background: #e1e1e1;
}
/*virtual try on css end*/





.grid-product.grid-best-deals {
    width: 100%;
    float: none;
}
.banner-info-full-descr.best-deals-description {
    margin: 0;
}
.b-d-grid-banner.grid-banner-collection {
    min-height: 50px;
    margin-top: 0!important;
    padding-top: 0;
}

/*SBG-14937 Algolia css rewrite*/

/*style rewrite*/
.ais-pagination--item__active {
    background: transparent;
}

.ais-pagination--item:hover {
    background: transparent;
}

.ais-pagination--item:hover .ais-pagination--link {
    color: #ff9800;
}

.ais-pagination--item .ais-pagination--link {
    font-size: 14px;
    font-family: "NovecentowideDemiBold", sans-serif;
    color: #000;
}

.ais-pagination--item__active .ais-pagination--link {
    color: #ff9800;
}

.ais-pagination--item__disabled {
    display: none;
}

/*type*/
#content .grid-box.algolia .grid-product #types .ais-menu--list {
    margin-bottom: 15px;
}

#content .grid-box.algolia .grid-product #types .ais-menu--list .ais-menu--item {
    display: inline-table;
    width: 155px;
    height: 50px;
    border: 1px solid #b2b2b2;
    vertical-align: top;
    margin-right: 10px;
    text-align: center;
    -webkit-transition: background-color ease-in-out .3s;
    -moz-transition: background-color ease-in-out .3s;
    -ms-transition: background-color ease-in-out .3s;
    -o-transition: background-color ease-in-out .3s;
    transition: background-color ease-in-out .3s;
}

#content .grid-box.algolia .grid-product #types .ais-menu--list .ais-menu--item:hover {
    background: #ebebeb;
}

#content .grid-box.algolia .grid-product #types .ais-menu--list .ais-menu--item > div {
    display: table-cell;
    vertical-align: middle;
    color: #000;
}

#content .grid-box.algolia .grid-product #types .ais-menu--list .ais-menu--item .ais-menu--link{
    color: #000;
    font-size: 13px;
    line-height: 1.2;
    text-transform: uppercase;
    -webkit-transition: font-weight ease-in-out .3s;
    -moz-transition: font-weight ease-in-out .3s;
    -ms-transition: font-weight ease-in-out .3s;
    -o-transition: font-weight ease-in-out .3s;
    transition: font-weight ease-in-out .3s;
}

.ais-refinement-list--list .ais-refinement-list--item .ais-refinement-list--label, .ais-refinement-list--count{
    color: #000;
    font-size: 13px;
    line-height: 1.2;
}

#content .grid-box.algolia .grid-product #types .ais-menu--list .ais-menu--item:hover .ais-menu--link {
    font-weight: bold;
}

#content .grid-box.algolia .grid-product #types .ais-menu--list .ais-menu--item .ais-menu--count {
    display: block;
    background: transparent;
    color: #000;
    padding: 0;
    border-radius: unset;
}

#content .grid-box.algolia .grid-product #types .ais-menu--list .ais-menu--item .ais-menu--count:before {
    content: '(';
}

#content .grid-box.algolia .grid-product #types .ais-menu--list .ais-menu--item .ais-menu--count:after {
    content: ')';
}

/*pagination*/
#content .grid-box.algolia .grid-product .grid-pro-nav {
    text-align: justify;
}

#content .grid-box.algolia .grid-product .grid-pro-nav > * {
    display: inline-block;
}

#content .grid-box.algolia .grid-product .grid-pro-nav:after {
    display: inline-block;
    content: "";
    width: 100%;
    height: 0;
}

#content .grid-box.algolia .grid-product .grid-pro-nav h3 {
    float: unset;
}

#content .grid-box.algolia .grid-product .grid-pro-nav .ais-pagination {
    background: transparent;
    border: none;
    box-shadow: unset;
    border-radius: unset;
    padding: 0;
}

/*search box*/
#content .grid-box.algolia .grid-filter #search-box {
    padding: 0 20px 15px 20px;
}

#content .grid-box.algolia .grid-filter #search-box .ais-search-box {
    height: 30px;
}

#content .grid-box.algolia .grid-filter .filter-detail .ais-header {
    padding: 0 20px;
    font-size: 14px;
    font-family: "NovecentowideDemiBold", sans-serif;
    border-bottom: none;
    margin-bottom: 5px;
    position: relative;
    cursor: pointer;
}

#content .grid-box.algolia .grid-filter .filter-detail .ais-header:after {
    content: "-";
    font: 27px "NovecentowideDemiBold", sans-serif;
    position: absolute;
    line-height: 14px;
    right: 28px;
    top: 0;
}

#content .grid-box.algolia .grid-filter .filter-detail .ais-header.folded:after,
#content .grid-box.algolia .grid-filter .filter-detail .ais-root__collapsed .ais-header:after
{
    content: "+";
}

/*search options*/
#content .grid-box.algolia .grid-filter .filter-detail .ais-body {
    width: auto;
    padding: 0 10px;
}

/*#content .grid-box.algolia .grid-filter .filter-detail .f-shape-body {*/
    /*display: block;*/
/*}*/

#content .grid-box.algolia .grid-filter .filter-detail .ais-body .ais-price-ranges--list .ais-price-ranges--item:hover,
#content .grid-box.algolia .grid-filter .filter-detail .ais-body.ais-menu--body .ais-menu--list .ais-menu--item:hover {
    background: #ff9800;
}

#content .grid-box.algolia .grid-filter .filter-detail .ais-body.ais-menu--body .ais-menu--list .ais-menu--item > div,
#content .grid-box.algolia .grid-filter .filter-detail .f-material-body .f-material-list .f-material-item > div,
#content .grid-box.algolia .grid-filter .filter-detail .f-shape-body .f-shape-list .f-shape-item > div {
    line-height: 1;
    padding: 5px 10px;
}

#content .grid-box.algolia .grid-filter .filter-detail .s-feature-body .s-feature-list .s-feature-item > div {
    padding: 3px 10px;
}

#content .grid-box.algolia .grid-filter .filter-detail .f-shape-body .f-shape-list .f-shape-item:hover em,
#content .grid-box.algolia .grid-filter .filter-detail .f-shape-body .f-shape-list .f-shape-item.f-shape-item-active em,
#content .grid-box.algolia .grid-filter .filter-detail .f-type-body .f-type-list .f-type-item:hover em,
#content .grid-box.algolia .grid-filter .filter-detail .f-type-body .f-type-list .f-type-item.f-type-item-active em {
    font-weight: 700;
}

#content .grid-box.algolia .grid-filter .filter-detail .f-shape-body .f-shape-list .f-shape-item em,
#content .grid-box.algolia .grid-filter .filter-detail .f-type-body .f-type-list .f-type-item em {
    font-weight: normal;
}

#content .grid-box.algolia .grid-filter #current-refined-values .ais-current-refined-values--list .ais-current-refined-values--item .ais-current-refined-values--link,
#content .grid-box.algolia .grid-filter .filter-detail .ais-body .ais-price-ranges--list .ais-price-ranges--item .ais-price-ranges--link,
#content .grid-box.algolia .grid-filter .filter-detail .ais-body.ais-menu--body .ais-menu--list .ais-menu--item .ais-menu--link {
    color: #000;
    font-size: 12px;
    line-height: 1;
}

#content .grid-box.algolia .grid-filter #current-refined-values .ais-current-refined-values--list .ais-current-refined-values--item .ais-current-refined-values--link > div,
#content .grid-box.algolia .grid-filter .filter-detail .ais-body .ais-price-ranges--list .ais-price-ranges--item .ais-price-ranges--link > div {
    padding: 5px 10px;
}

#content .grid-box.algolia .grid-filter #current-refined-values .ais-current-refined-values--list .ais-current-refined-values--item .ais-current-refined-values--link .ais-current-refined-values--count,
#content .grid-box.algolia .grid-filter .filter-detail .f-material-body .f-material-list .f-material-item .f-material-a .ais-menu--count,
#content .grid-box.algolia .grid-filter .filter-detail .ais-body.ais-menu--body .ais-menu--list .ais-menu--item .ais-menu--link .ais-menu--count {
    background: none;
    color: #000;
    border-radius: unset;
    padding: 0;
}

#content .grid-box.algolia .grid-filter .filter-detail .f-material-body .f-material-list .f-material-item .f-material-item-a .ais-menu--count {
    color: inherit;
    background: transparent;
    padding: 0 3px;
}

#content .grid-box.algolia .grid-filter #f-materials .f-material-list .f-material-item.f-material-item-active .f-material-item-a {
    font-weight: 700;
}

#content .grid-box.algolia .grid-filter .filter-detail .ais-body .ais-price-ranges--list .ais-price-ranges--item:hover .ais-price-ranges--link,
#content .grid-box.algolia .grid-filter .filter-detail .ais-body.ais-menu--body .ais-menu--list .ais-menu--item:hover .ais-menu--link .ais-menu--count,
#content .grid-box.algolia .grid-filter .filter-detail .ais-body.ais-menu--body .ais-menu--list .ais-menu--item:hover .ais-menu--link {
    color: #fff;
}

#content .grid-box.algolia .grid-filter #current-refined-values .ais-current-refined-values--list .ais-current-refined-values--item .ais-current-refined-values--link .ais-current-refined-values--count:before,
#content .grid-box.algolia .grid-filter .filter-detail .ais-body.ais-menu--body .ais-menu--list .ais-menu--item .ais-menu--link .ais-menu--count:before {
    content: "(";
}

#content .grid-box.algolia .grid-filter #current-refined-values .ais-current-refined-values--list .ais-current-refined-values--item .ais-current-refined-values--link .ais-current-refined-values--count:after,
#content .grid-box.algolia .grid-filter .filter-detail .ais-body.ais-menu--body .ais-menu--list .ais-menu--item .ais-menu--link .ais-menu--count:after {
    content: ")";
}

/*brands*/

#content .grid-box.algolia .grid-filter #brands .ais-body {
    max-height: 200px;
    margin-right: 20px;
    overflow: auto;
}

#content .grid-box.algolia .grid-filter #brands.filter-detail .ais-body.ais-menu--body .ais-menu--list div:not(.ais-menu--item) {
    padding: 5px 10px;
}

#content .grid-box.algolia .grid-filter #brands.filter-detail .ais-body.ais-menu--body .ais-menu--list div:not(.ais-menu--item) .ais-show-more {
    font-family: "NovecentowideDemiBold", sans-serif;
}

/*shapes*/
#f-shapes.filter-shapes a {
    width: auto;
    font-size: 12px;
}

#f-shapes a:hover {
    font-weight: bold;
}

#content .grid-box.algolia .grid-filter #f-shapes.filter-detail .ais-body.ais-menu--body .ais-menu--list .ais-menu--item,
#content .grid-box.algolia .grid-filter #f-shapes.filter-detail .f-shape-body .f-shape-list .f-shape-item {
    width: calc(50% - 15px);
    text-align: center;
    display: inline-block;
}

#content .grid-box.algolia .grid-filter #f-shapes.filter-detail .ais-body.ais-menu--body .ais-menu--list .ais-menu--item:hover {
    background: transparent;
}

/*frame type*/
#content .grid-box.algolia .grid-filter #f-types.filter-detail .ais-body.ais-menu--body .ais-menu--list .ais-menu--item > div,
#content .grid-box.algolia .grid-filter #f-types.filter-detail .f-type-body .f-type-list .f-type-item > div {
    padding: 5px 0;
}

#content .grid-box.algolia .grid-filter #f-types.filter-detail .ais-body.ais-menu--body .ais-menu--list .ais-menu--item:hover {
    background: transparent;
}

#f-types a {
    padding-left: 68px;
    padding-bottom: 5px;
    margin: 5px 0;
    display: block;
    background: url(//static.cdnsbg.com/en/images/search/frame_style.png) no-repeat 0 0;
    line-height: 17px;
    font-size: 12px;
}

#f-types .ais-menu--item__active a,
#f-types a:hover,
#f-types .f-type-body .f-type-list .f-type-item-active a {
    padding-left: 68px;
    padding-bottom: 5px;
    margin: 5px 0;
    display: block;
    background: url("//static.cdnsbg.com/en/images/search/frame_style_hover.png") no-repeat 0 0;
    font-weight: bold;
}

#f-types a.s_fs_FullRim {
    background-position: 0 -78px!important;
}

#f-types a.s_fs_SemiRimless {
    background-position: 0 0!important;
}

#f-types a.s_fs_Rimless {
    background-position: 0 -155px!important;
}

#f-types .ais-menu--item,
#f-types .f-type-body .f-type-list .f-type-item {
    padding: 1px 9px;
}

/*price-ranges*/
#content .grid-box.algolia .grid-filter #price-ranges.filter-detail .ais-body .ais-price-ranges--form {
    padding: 0 10px;
}

#content .grid-box.algolia .grid-filter #price-ranges.filter-detail .ais-body .ais-price-ranges--form > *{
    display: inline-block;
}

#content .grid-box.algolia .grid-filter #price-ranges.filter-detail .ais-body .ais-price-ranges--form .ais-price-ranges--button{
    display: block;
    width: 100%;
    background: #ff9800;
    font-family: 'montserratregular';
    margin: 15px 0 0 0;
    height: 30px;
}

#content .grid-box.algolia .grid-filter #price-ranges.filter-detail .ais-body .ais-price-ranges--form .ais-price-ranges--separator {
    /*margin: 0 4%;*/
    width: 30px;
    text-align: center;
}

#content .grid-box.algolia .grid-filter #price-ranges.filter-detail .ais-body .ais-price-ranges--form .ais-price-ranges--label {
    width: calc( 50% - 15px );
}

#content .grid-box.algolia .grid-filter #price-ranges.filter-detail .ais-body .ais-price-ranges--form .ais-price-ranges--label:nth-child(3) {
    text-align: right;
}

#content .grid-box.algolia .grid-filter #price-ranges.filter-detail .ais-body .ais-price-ranges--form .ais-price-ranges--label .ais-price-ranges--input {
    width: 85%;
    height: 30px;
    padding-left: 10px;
}

/*frame-color*/
/*lens-color */
#content .grid-box.algolia .grid-filter #l-colors .ais-menu--list,
#content .grid-box.algolia .grid-filter #l-colors .l-color-list,
#content .grid-box.algolia .grid-filter #f-colors .ais-menu--list,
#content .grid-box.algolia .grid-filter #f-colors .f-color-list {
    padding: 0 10px;
}
#content .grid-box.algolia .grid-filter #price-ranges.filter-detail .ais-body .ais-price-ranges--form .ais-price-ranges--label input[type="number"]::-webkit-outer-spin-button,
#content .grid-box.algolia .grid-filter #price-ranges.filter-detail .ais-body .ais-price-ranges--form .ais-price-ranges--label input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#content .grid-box.algolia .grid-filter #l-colors .ais-menu--list .ais-menu--item,
#content .grid-box.algolia .grid-filter #l-colors .l-color-list .l-color-item,
#content .grid-box.algolia .grid-filter #f-colors .ais-menu--list .ais-menu--item,
#content .grid-box.algolia .grid-filter #f-colors .f-color-list .f-color-item {
    display: inline-block;
    width: 24%;
    margin: 5px 20px 5px 0;
    width: fit-content;
}

.grid-box.algolia .algolia-pagination .ais-pagination--item {
    padding: 0;
}
.grid-box.algolia .algolia-total {
    float: left;
    min-width: 150px;
    max-width: 250px;
}

.grid-box.algolia .algolia-pagination {
    float: left;
    min-width: 300px;
}

.grid-box.algolia .algolia-sort {
    float: right;
    min-width: 305px;
    max-width: 415px;
}

.grid-box.algolia .algolia-sort span.fr {
    float: left!important;
    padding-right: 10px;
}

.grid-box.algolia .algolia-sort div#sort {
    float: right;
}

#content .grid-box.algolia .grid-filter #l-colors .ais-menu--list .ais-menu--item div,
#content .grid-box.algolia .grid-filter #l-colors .l-color-list .l-color-item div,
#content .grid-box.algolia .grid-filter #f-colors .ais-menu--list .ais-menu--item div,
#content .grid-box.algolia .grid-filter #f-colors .f-color-list .f-color-item div {
    width: fit-content;
    border-radius: 50%;
    border: solid 2px #fff;
    padding: 3px;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

#content .grid-box.algolia .grid-filter #l-colors .ais-menu--list .ais-menu--item a,
#content .grid-box.algolia .grid-filter #l-colors .l-color-list .l-color-item a,
#content .grid-box.algolia .grid-filter #f-colors .ais-menu--list .ais-menu--item a,
#content .grid-box.algolia .grid-filter #f-colors .f-color-list .f-color-item a {
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0;
}

#content .grid-box.algolia .grid-filter #l-colors .ais-menu--list .ais-menu--item:hover,
#content .grid-box.algolia .grid-filter #l-colors .l-color-list .l-color-item:hover,
#content .grid-box.algolia .grid-filter #f-colors .ais-menu--list .ais-menu--item:hover,
#content .grid-box.algolia .grid-filter #f-colors .f-color-list .f-color-item:hover {
    background: transparent;
}

#content .grid-box.algolia .grid-filter #l-colors .ais-menu--list .ais-menu--item.ais-menu--item__active div,
#content .grid-box.algolia .grid-filter #l-colors .l-color-list .l-color-item.l-color-item-active div,
#content .grid-box.algolia .grid-filter #f-colors .ais-menu--list .ais-menu--item.ais-menu--item__active div,
#content .grid-box.algolia .grid-filter #f-colors .f-color-list .f-color-item.f-color-item-active div,
#content .grid-box.algolia .grid-filter #l-colors .ais-menu--list .ais-menu--item:hover div,
#content .grid-box.algolia .grid-filter #l-colors .l-color-list .l-color-item:hover div,
#content .grid-box.algolia .grid-filter #f-colors .ais-menu--list .ais-menu--item:hover div,
#content .grid-box.algolia .grid-filter #f-colors .f-color-list .f-color-item:hover div {
    border: 2px solid #ccc;
}

#content .grid-box.algolia .grid-filter #f-materials .f-material-list .f-material-item .f-material-item-a {
    color: #000;
    font-size: 12px;
    line-height: 1;
}

#content .grid-box.algolia .grid-filter #f-materials .f-material-list .f-material-item {
    font-size: 14px;
    line-height: 30px;
}

/*current-refined-values*/
#content .grid-box.algolia .grid-filter #current-refined-values {
    margin-bottom: 0;
}

#content .grid-box.algolia .grid-filter #current-refined-values > div{
    padding-top: 15px;
    margin-bottom: 15px;
}

#content .grid-box.algolia .grid-filter #current-refined-values .ais-current-refined-values--list .ais-current-refined-values--item a {
    color: #000;
    display: inline-block;
    vertical-align: middle;
}
#content .grid-box.algolia .grid-filter #current-refined-values .ais-current-refined-values--item {
    cursor: pointer;
}

#content .grid-box.algolia .grid-filter #current-refined-values .ais-current-refined-values--item .ais-current-refined-values--link div:after {
    content: "×";
    background: #000;
    color: #fff;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    line-height: 12px;
    text-align: center;
    margin-left: 10px;
}

/*clear all*/
#content .grid-box.algolia .grid-filter #clear-all {
    padding: 0 20px;
}

#content .grid-box.algolia .grid-filter #clear-all a.ais-clear-all--link {
    width: 100%;
    background: #ff9800;
    font-family: 'montserratregular';
    margin: 15px 0 0 0;
    height: 30px;
    display: table;
    text-align: center;
}

#content .grid-box.algolia .grid-filter #clear-all a.ais-clear-all--link > div {
    display: table-cell;
    vertical-align: middle;
}

/*product-hits*/
#content .grid-box.algolia .grid-product #hits {
    margin-top: 20px;
    overflow: hidden;
}

#content .grid-box.algolia .grid-product #hits .ais-hits--item .grid-pro-cell {
    margin-top: 15px;
}

#content .grid-box.algolia .grid-product #hits .ais-hits--item:nth-child(n+3) .grid-pro-cell {
    /*margin-top: 15px;*/
}

.grid-box.algolia .grid-pro-cell {
    min-height: 314px;
}

.grid-box.algolia .fav_glasses_list {
    bottom: unset;
    top: 0;
}

.grid-box.algolia .fav_icon {
    top: 0;
}

.grid-box.algolia .algolia-line {
    margin: 25px 0;
}

.grid-box.algolia .grid-pro-cell .new-ui-pro-icons .pro-icons-list li span {
    vertical-align: middle;
}

.grid-box.algolia .grid-pro-cell .new-ui-pro-icons {
    margin-top: 10px;
}
.header-con .ais-search-box--magnifier {
    display: none;
}
.ais-hits--item .pro-icons-list li{
    overflow: hidden;
    display: inline-block;
    width: 50%;
    margin-top: 10px;
}

.filter-shapes .ais-menu--item__active a span,
.filter-shapes .f-shape-item-active a span {
    background-image: url("//static.cdnsbg.com/en/images/search/shapes_sunglasses_hover_new.png");
}

.ais-search-box--reset-wrapper {
    display: none!important;
}

.ais-search-box {
    width: 80% !important;
    height: auto!important;
    max-width: unset!important;
}

#wrapper #header .search_box .ais-search-box input {
    width: 100% !important;
}

.hideClass{display: none}
.blackfont{color: black; opacity: 1}

.grid-box div#creation {
    width: 1200px;
    margin: 0 auto;
    padding: 15px 0;
}

.grid-pro-nav .grid-pro-sort .dropdown.paging-number{
    width: 90px;
}
.grid-pro-nav .grid-pro-sort .dropdown.paging-number .paging-dropdown-list{
    width: 90px;
    max-height: 250px;
}
.grid-pro-nav .grid-pro-sort .dropdown.paging-direction{
    width: 15px;
}

.grid-pro-nav .grid-pro-sort .dropdown.paging-direction a.disabled{
    color: #808080;
}

.ditto_product_preview img.ditto-prod-preview:hover {
    cursor: pointer;
}

/*For hover paging dropdown in contact lens page*/
.grid-pro-nav .grid-pro-sort .dropdown.paging-number .paging-dropdown-list .page-number:hover{
    cursor: pointer;
    color: #FF9800;
}
.new-grid-ui .grid-pro-cell li.pro:hover {
    cursor: pointer;
}
.grid-pro-cell .discount-circle-icon.lux-best-guarantee {
    border-radius: unset;
    width: 200px;
    background: url(//static.cdnsbg.com/en/images/lux/guarantee.png) right 2px no-repeat;
    color: #FF9800;
    padding: 0;
    height: 40px;
    font-size: 13px;
    line-height: 16px;
    text-align: right;
    padding-right: 35px;
    top: 5px;
}
.grid_new_rayban_banner_container{
    position: relative;
}
.grid_new_rayban_banner_container span.hp_banner_rayban_title {
    width: 100%;
    position: absolute;
    top: 8px;
    text-align: center;
}
.grid_new_rayban_banner_container img.grid_banner_item_image{
    width: 100%;
}
.grid_new_rayban_banner_container span.hp_banner_rayban_title a{
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}
.new-grid-ui .grid-pro-cell:hover .discount-circle-icon.lux-best-guarantee, .new-grid-ui .grid-pro-cell:hover .discount-circle-icon.new-rrp-display-icon{
    display: block;
}
.rrp-banner-info .banner-info-full-descr {
    margin-left: 0;
}
.new-grid-ui .ais-hits .ais-hits--item .fav_glasses_list.new_rrp_fav_icon {
    top: auto !important;
    bottom: 45px !important;
}
.new-grid-ui .grid-pro-cell:hover .discount-circle-icon.special-bpicon {
    display: block!important;
}
.my-prescription {
    width: 97% !important;
    min-width: 960px;
    max-width: 1200px;
    margin: 0 auto;
}

.my-prescription .m-p-col {
    width: 50%;
}

.m-p-1 {
    float: left;
}

.m-p-2 {
    float: right;
}

.m-p-detail {
    margin: 35px;
}

.m-p-detail table {
    border-top: 1px solid #aaa;
}

.m-p-detail table tr {
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

.m-p-detail table tr td {
    border-right: 1px solid #aaa;
    padding: 10px;
    text-align: center;
}

td.m-p-bg {
    background: #e1e1e1;
}

.m-p-detail h1 {
    font-size: 22px;
    font-weight: bold;
    color: #FF9800;
    margin-bottom: 15px;
}

.m-p-detail p {
    font-weight: bold;
    margin: 10px 0;
}

.m-p-detail span {
    font-size: 95%;
    color: #666;
}