.about-frames {
 position:relative;
 border-width:1px 0;
 border-style:solid;
 border-color:#c7c7c7;
 background-color:#f2f2f2
}
.about-frames.toggle-up {
 border-width:1px 0 0
}
.about-frames-active {
 display:block;
 top:-34px;
 position:absolute;
 left:0;
 z-index:10;
 padding:2px 20px 2px 6px;
 float:left;
 text-transform:uppercase;
 cursor:pointer;
 font-size:12px
}
.about-frames-active b {
 height:0;
 border-width:5px;
 border-style:solid;
 border-color:transparent transparent #3a3a3a;
 position:absolute;
 right:4px;
 top:4px
}
.about-frames-active.toggle-icon-up b {
 top:7px;
 border-color:#3a3a3a transparent transparent
}
.about-frames-active.align-left {
 left:6px
}
.about-frames-active.align-center {
 left:40%
}
.about-frames-active.align-right {
 left:auto;
 right:6px
}
.about-frames-active.bg-white-filter {
 color:#000;
 background:hsla(0,0%,98%,.6)
}
.about-frames-active.font-white {
 color:#fff
}
.about-frames-active.font-white b {
 border-color:transparent transparent #fff
}
.about-frames-active.font-white.toggle-icon-up b {
 top:7px;
 border-color:#fff transparent transparent
}
.about-frames-content {
 padding:15px 0 20px
}
.about-frames-content .terms-title,
.about-frames-content h1 {
 margin:0 0 15px;
 font-size:24px;
 font-weight:500
}
.about-frames-content li {
 float:none
}
.about-frames span.dotted {
 display:inline-block;
 height:8px;
 width:5px;
 padding-right:5px;
 background:url(images/icons/icon-decimal.gif) 0 0 no-repeat
}
.about-bogo .about-frames-active {
 padding-left:6px;
 color:#fff;
 background-color:rgba(3,3,3,.4)
}
[id^=about-content-] {
 display:none;
 margin:0;
 overflow:hidden
}
@media (max-width:800px) {
 .eyeglasses .about-frames-active {
  top:-29px;
  left:0
 }
}
@media (max-width:720px) {
 .about-frames-active {
  left:0;
  padding-left:6px;
  background-color:rgba(3,3,3,.4);
  color:#fff;
  top:-21px
 }
 .about-frames-active b {
  border-color:transparent transparent #fff
 }
 .toggle-icon-up b {
  border-color:#fff transparent transparent
 }
}
@media (max-width:480px) {
 .about-frames-active {
  top:-21px
 }
}
.list-banner-box {
 overflow:hidden;
 position:relative;
 width:100%;
 margin-left:auto;
 margin-right:auto
}
.list-banner-box .banner-picture {
 width:100%
}
.list-banner-box .banner-picture-image {
 display:block;
 left:0;
 max-width:none;
 position:relative;
 width:100%
}
@media (min-width:10px) {
 .list-banner-box .banner-picture-image {
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%)
 }
}
@media (min-width:769px) {
 .list-banner-box {
  width:100%;
  max-width:1920px
 }
 .list-banner-box .banner-picture {
  position:relative;
  display:block;
  margin:0 auto;
  max-width:1920px;
  height:0;
  padding-bottom:21.875%;
  overflow:hidden
 }
}
.gender-card-container {
 width:100%;
 text-align:center;
 overflow:hidden;
 white-space:nowrap;
 position:relative;
 letter-spacing:-3px
}
@media (max-width:1100px) {
 .gender-card-container {
  padding-right:10px;
  padding-left:10px
 }
}
@media (max-width:1023px) {
 .gender-card-container {
  padding-right:20px;
  padding-left:20px;
  text-align:left
 }
}
@media (max-width:767px) {
 .gender-card-container {
  padding-right:10px;
  padding-left:10px
 }
}
@media (max-width:740px) {
 .gender-card-container {
  text-align:center
 }
}
@media (max-width:374px) {
 .gender-card-container {
  padding-right:5px;
  padding-left:5px
 }
}
@media (max-width:350px) {
 .gender-card-container {
  text-align:left
 }
}
.gender-card-container .gender-card {
 width:341px;
 position:relative;
 display:inline-block;
 margin:15px 0 10px;
 letter-spacing:0
}
@media (max-width:1100px) {
 .gender-card-container .gender-card {
  margin:15px 0 10px;
  margin-right:10px
 }
}
@media (max-width:1080px) {
 .gender-card-container .gender-card {
  width:322px
 }
}
@media (max-width:1023px) {
 .gender-card-container .gender-card {
  width:341px
 }
}
@media (max-width:768px) {
 .gender-card-container .gender-card {
  margin:15px 0 10px;
  width:220px
 }
}
@media (max-width:740px) {
 .gender-card-container .gender-card {
  margin:15px 0 10px;
  width:calc(34% - 17px);
  margin-right:15px
 }
}
@media (max-width:375px) {
 .gender-card-container .gender-card {
  margin:15px 0 0;
  margin-right:12px;
  max-width:110px;
  width:110px
 }
}
@media (max-width:374px) {
 .gender-card-container .gender-card {
  margin-right:5px
 }
}
.gender-card-container .center-card {
 margin:15px calc(50% - 512px) 10px
}
@media (max-width:1100px) {
 .gender-card-container .center-card {
  margin:15px 0 10px;
  margin-right:10px
 }
}
@media (max-width:768px) {
 .gender-card-container .center-card {
  margin:15px calc(50% - 330px) 10px
 }
}
@media (max-width:740px) {
 .gender-card-container .center-card {
  margin:15px 0 10px;
  margin-right:15px
 }
}
@media (max-width:375px) {
 .gender-card-container .center-card {
  margin:15px 0 0;
  margin-right:12px
 }
}
@media (max-width:374px) {
 .gender-card-container .center-card {
  margin-right:5px
 }
}
.gender-card-container .gender-card:last-of-type {
 margin-right:0
}
@media (max-width:1023px) {
 .gender-card-container .gender-card:last-of-type {
  display:none
 }
}
@media (max-width:768px) {
 .gender-card-container .gender-card:last-of-type {
  display:inline-block
 }
}
@media (max-width:350px) {
 .gender-card-container .gender-card:last-of-type {
  display:none
 }
}
.gender-card-container .img-box {
 position:relative;
 display:block;
 margin:0 auto;
 max-width:341px;
 height:0;
 padding-bottom:49.85337%;
 overflow:hidden
}
@media (max-width:768px) {
 .gender-card-container .img-box {
  position:relative;
  display:block;
  margin:0 auto;
  max-width:220px;
  height:0;
  padding-bottom:138.18182%;
  overflow:hidden
 }
}
@media (max-width:375px) {
 .gender-card-container .img-box {
  position:relative;
  display:block;
  margin:0 auto;
  max-width:110px;
  height:0;
  padding-bottom:138.18182%;
  overflow:hidden
 }
}
.gender-card-container .card-btn {
 position:absolute;
 bottom:40px;
 left:20px;
 background:hsla(0,0%,100%,.7);
 border:none;
 color:#000;
 font-size:14px
}
.gender-card-container .card-btn:hover {
 background:#fff
}
@media (max-width:768px) {
 .gender-card-container .card-btn {
  opacity:0;
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0
 }
}
@media (max-width:560px) {
 .gender-card-container .card-btn {
  opacity:0;
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0
 }
}
@media (max-width:768px) {
 .device-tablet .gender-card-container .card-btn {
  opacity:1;
  width:auto;
  height:auto;
  top:auto;
  left:20px
 }
}
@media (max-width:767px) {
 .device-tablet .gender-card-container .card-btn {
  opacity:0;
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0
 }
}
@media (max-width:560px) {
 .device-tablet .gender-card-container .card-btn {
  opacity:0;
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0
 }
}
@media (max-width:768px) {
 .device-tablet .gender-card {
  width:341px;
  margin-right:30px
 }
}
@media (max-width:767px) {
 .device-tablet .gender-card {
  margin:15px 0 10px;
  width:220px
 }
}
@media (max-width:740px) {
 .device-tablet .gender-card {
  margin:15px 0 10px;
  width:calc(34% - 17px);
  margin-right:15px
 }
}
@media (max-width:375px) {
 .device-tablet .gender-card {
  margin:15px 0 0;
  margin-right:12px;
  max-width:110px;
  width:110px
 }
}
@media (max-width:374px) {
 .device-tablet .gender-card {
  margin-right:5px
 }
}
@media (max-width:768px) {
 .device-tablet .gender-card .img-box {
  position:relative;
  display:block;
  margin:0 auto;
  max-width:341px;
  height:0;
  padding-bottom:49.85337%;
  overflow:hidden
 }
}
@media (max-width:767px) {
 .device-tablet .gender-card .img-box {
  position:relative;
  display:block;
  margin:0 auto;
  max-width:220px;
  height:0;
  padding-bottom:138.18182%;
  overflow:hidden
 }
}
@media (max-width:375px) {
 .device-tablet .gender-card .img-box {
  position:relative;
  display:block;
  margin:0 auto;
  max-width:110px;
  height:0;
  padding-bottom:138.18182%;
  overflow:hidden
 }
}
@media (max-width:768px) {
 .device-tablet .center-card {
  margin:15px 0 10px;
  margin-right:10px
 }
}
@media (max-width:767px) {
 .device-tablet .center-card {
  margin:15px calc(50% - 330px) 10px
 }
}
@media (max-width:740px) {
 .device-tablet .center-card {
  margin:15px 0 10px;
  margin-right:15px
 }
}
@media (max-width:375px) {
 .device-tablet .center-card {
  margin:15px 0 0;
  margin-right:12px
 }
}
@media (max-width:374px) {
 .device-tablet .center-card {
  margin-right:5px
 }
}
@media (max-width:768px) {
 .device-tablet .gender-card:last-of-type {
  display:none
 }
}
@media (max-width:767px) {
 .device-tablet .gender-card:last-of-type {
  display:inline-block
 }
}
@media (max-width:350px) {
 .device-tablet .gender-card:last-of-type {
  display:none
 }
}
.bogo-terms {
 position:relative;
 width:150px;
 margin-left:.1%;
 margin-top:-29px;
 height:30px;
 z-index:100;
 text-align:left
}
.bogo-terms em {
 color:#000;
 font-style:normal;
 text-decoration:underline;
 font-size:14px;
 cursor:pointer
}
.bogo-terms-wrapper {
 position:absolute;
 top:30px;
 left:0;
 width:560px;
 border:1px solid #b3b3b3;
 background-color:#fff;
 box-shadow:1px 1px 3px rgba(0,0,0,.3)
}
.bogo-terms-wrapper .nav-arrow {
 border-width:12px;
 top:-24px
}
.bogo-terms-wrapper .nav-arrow-inner {
 border-width:12px;
 top:-23px
}
.bogo-terms-wrapper .nav-arrow,
.bogo-terms-wrapper .nav-arrow-inner {
 left:40px
}
.bogo-terms-wrapper h5 {
 font-size:24px;
 text-indent:23px;
 color:#5a6170;
 font-style:italic;
 font-weight:700;
 margin:10px 0 0
}
.bogo-terms-main dl {
 color:#353a44;
 font-size:14px;
 line-height:1.4;
 padding:0 10px 0 3px
}
.bogo-terms-main dd {
 padding-left:10px;
 background:url(images/icons/icon-decimal.gif) 0 7px no-repeat
}
.bogo-terms-main dd span {
 color:#5a6170
}
.bogo-terms-main dd strong {
 color:#353a44
}
.bogo-terms-wrapper .terms-close {
 position:absolute;
 display:block;
 width:12px;
 height:12px;
 right:8px;
 top:8px;
 background:url(images/tips-close.png) no-repeat 0 0;
 cursor:pointer;
 z-index:30
}
#bogo-content {
 margin:auto
}
.backto-container {
 position:relative;
 max-width:1920px;
 margin:0 auto
}
.backto-container .backto-picture-scope {
 position:relative;
 margin:0 auto;
 overflow:hidden
}
.backto-container .backto-picture-scope .banner-picture {
 display:block;
 width:100%
}
.backto-container .backto-picture-scope .product-on {
 position:absolute;
 bottom:12px;
 right:18px;
 border-radius:6px;
 padding:5px 15px;
 display:inline-block;
 color:rgba(0,0,0,.7);
 background-color:hsla(0,0%,100%,.7)
}
@media (max-width:767px) {
 .backto-container .backto-picture-scope .product-on {
  bottom:8px;
  right:10px;
  font-size:12px;
  padding:3px 10px
 }
}
@media (max-width:767px) {
 .backto-container .backto-picture-scope {
  max-width:768px;
  height:420px
 }
 .backto-container .backto-picture-scope .banner-picture-image {
  display:block;
  position:absolute;
  left:0;
  max-width:none;
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%)
 }
}
@media (min-width:768px) {
 .backto-container .backto-picture-scope {
  max-width:1024px;
  height:224px;
  background-color:#f1eee7
 }
 .backto-container .backto-picture-scope .banner-picture-image {
  display:block;
  position:absolute;
  top:0;
  max-width:none;
  width:1024px;
  height:224px;
  right:0
 }
}
@media (min-width:1024px) {
 .backto-container .backto-picture-scope {
  max-width:1440px;
  height:315px
 }
 .backto-container .backto-picture-scope .banner-picture-image {
  width:1440px;
  height:315px;
  right:0
 }
}
@media (min-width:1440px) {
 .backto-container .backto-picture-scope {
  max-width:1920px;
  height:420px
 }
 .backto-container .backto-picture-scope .banner-picture-image {
  width:1920px;
  height:420px;
  right:0
 }
}
.backto-container .backto-text-scope {
 position:relative
}
@media (max-width:767px) {
 .backto-container .backto-text-scope {
  position:relative
 }
}
@media (min-width:768px) {
 .backto-container .backto-text-scope {
  position:absolute;
  top:0;
  left:0;
  width:55%;
  height:100%;
  z-index:10;
  padding:10px 0
 }
}
.backto-container .backto-text-content {
 position:relative;
 max-width:700px;
 margin:0 auto;
 padding:0 20px;
 width:100%
}
@media (max-width:767px) {
 .backto-container .backto-text-content {
  position:relative;
  text-align:center;
  max-width:550px;
  padding:0 10px
 }
}
@media (min-width:768px) {
 .backto-container .backto-text-content {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  text-align:center;
  color:#0a3c86
 }
}
@media (max-width:767px) {
 .backto-container .backto-coming .title-backto {
  font-size:33px;
  font-weight:700
 }
 .backto-container .backto-coming .desc-backto {
  margin-top:9px;
  font-size:24px;
  line-height:1.3
 }
}
@media (min-width:768px) {
 .backto-container .backto-coming {
  max-width:720px
 }
 .backto-container .backto-coming .title-backto {
  margin-top:0;
  font-size:34px;
  font-weight:700
 }
 .backto-container .backto-coming .desc-backto {
  margin-top:10px;
  font-size:18px;
  line-height:1.3
 }
}
@media (min-width:1024px) {
 .backto-container .backto-coming .title-backto {
  font-size:42px
 }
 .backto-container .backto-coming .desc-backto {
  margin-top:14px;
  font-size:24px
 }
}
@media (min-width:1440px) {
 .backto-container .backto-coming .title-backto {
  font-size:50px
 }
 .backto-container .backto-coming .desc-backto {
  margin-top:18px;
  font-size:26px
 }
}
.backto-container .backto-30off {
 max-width:730px
}
@media (max-width:767px) {
 .backto-container .backto-30off .title-backto {
  font-size:48px;
  font-weight:700
 }
 .backto-container .backto-30off .desc-backto {
  font-size:24px;
  margin-bottom:13px;
  line-height:1.3
 }
 .backto-container .backto-30off .coupon-backto {
  font-size:28px;
  font-weight:700
 }
}
@media (min-width:768px) {
 .backto-container .backto-30off .title-backto {
  margin-top:0;
  font-size:34px;
  font-weight:700
 }
 .backto-container .backto-30off .desc-backto {
  margin-top:10px;
  font-size:18px;
  line-height:1.3;
  margin-bottom:5px
 }
 .backto-container .backto-30off .coupon-backto {
  font-size:18px;
  font-weight:700
 }
}
@media (min-width:1024px) {
 .backto-container .backto-30off .title-backto {
  font-size:52px
 }
 .backto-container .backto-30off .coupon-backto,
 .backto-container .backto-30off .desc-backto {
  font-size:24px
 }
}
@media (min-width:1440px) {
 .backto-container .backto-30off .title-backto {
  font-size:65px
 }
 .backto-container .backto-30off .desc-backto {
  margin-top:15px;
  font-size:26px
 }
 .backto-container .backto-30off .coupon-backto {
  font-size:32px
 }
}
.backto-container .backto-bogo {
 max-width:730px
}
.backto-container .backto-bogo .im-backto {
 display:block;
 text-align:center;
 max-height:53px
}
.backto-container .backto-bogo .coupon-backto {
 font-weight:700
}
@media (max-width:767px) {
 .backto-container .backto-bogo .im-backto img {
  height:36px
 }
 .backto-container .backto-bogo .title-backto {
  margin-top:5px;
  font-size:46px;
  line-height:1;
  font-weight:700
 }
 .backto-container .backto-bogo .title-backto>span {
  display:block
 }
 .backto-container .backto-bogo .desc-backto {
  font-size:24px;
  margin-top:3px;
  margin-bottom:9px
 }
 .backto-container .backto-bogo .im-backto {
  margin-top:15px
 }
 .backto-container .backto-bogo .im-backto img {
  height:35px
 }
 .backto-container .backto-bogo .coupon-backto {
  margin-top:7px;
  font-size:28px
 }
}
@media (min-width:768px) {
 .backto-container .backto-bogo {
  color:#0030ab
 }
 .backto-container .backto-bogo .im-backto {
  margin:0
 }
 .backto-container .backto-bogo .title-backto {
  margin-top:-5px;
  font-size:40px;
  font-weight:700;
  line-height:.9
 }
 .backto-container .backto-bogo .title-backto>span {
  display:block
 }
 .backto-container .backto-bogo .desc-backto {
  font-size:20px;
  margin-top:6px;
  margin-bottom:13px
 }
 .backto-container .backto-bogo .coupon-backto {
  margin-top:8px;
  font-size:18px
 }
 .backto-container .backto-bogo .im-backto img {
  height:30px
 }
}
@media (min-width:1024px) {
 .backto-container .backto-bogo .title-backto {
  font-size:60px
 }
 .backto-container .backto-bogo .desc-backto {
  font-size:24px
 }
 .backto-container .backto-bogo .coupon-backto {
  font-size:22px
 }
 .backto-container .backto-bogo .im-backto img {
  height:45px
 }
}
@media (min-width:1440px) {
 .backto-container .backto-bogo {
  left:53%
 }
 .backto-container .backto-bogo .title-backto {
  font-size:82px
 }
 .backto-container .backto-bogo .coupon-backto,
 .backto-container .backto-bogo .desc-backto {
  font-size:26px
 }
 .backto-container .backto-bogo .im-backto img {
  height:auto
 }
}
.backto-container .backto-bogo15 {
 max-width:730px
}
.backto-container .backto-bogo15 .im-backto {
 margin:0;
 text-align:center
}
.backto-container .backto-bogo15 .coupon-backto {
 display:block;
 font-size:26px;
 font-weight:700
}
@media (max-width:767px) {
 .backto-container .backto-bogo15 .im-backto {
  margin-top:13px
 }
 .backto-container .backto-bogo15 .im-backto img {
  height:38px
 }
 .backto-container .backto-bogo15 .title-backto {
  margin-top:-15px;
  font-size:50px;
  font-weight:700
 }
 .backto-container .backto-bogo15 .desc-backto {
  max-width:270px;
  margin:16px auto 5px;
  font-size:24px;
  line-height:1.3
 }
 .backto-container .backto-bogo15 .backto-extra {
  display:block;
  margin-top:-10px;
  font-size:38px;
  font-weight:lighter;
  line-height:1
 }
 .backto-container .backto-bogo15 .backto-extra:after,
 .backto-container .backto-bogo15 .backto-extra:before {
  position:relative;
  display:inline-block;
  vertical-align:middle;
  margin:-7px 8px 0;
  content:"";
  width:70px;
  height:2px;
  background-color:#000
 }
 .backto-container .backto-bogo15 .backto-extra-off {
  font-size:66px;
  font-weight:700;
  line-height:1
 }
 .backto-container .backto-bogo15 .coupon-backto {
  font-size:28px
 }
 .backto-container .backto-bogo15 .title-backto-fr {
  font-size:36px;
  font-weight:700;
  line-height:1.2;
  margin-bottom:5px
 }
 .backto-container .backto-bogo15 .desc-backto-fr {
  font-size:24px;
  max-width:350px;
  margin:0 auto 20px;
  line-height:1.3
 }
}
@media (min-width:768px) {
 .backto-container .backto-bogo15 {
  left:45%;
  color:#974529
 }
 .backto-container .backto-bogo15 .im-backto img {
  height:35px
 }
 .backto-container .backto-bogo15 .title-backto {
  margin-top:-5px;
  font-size:35px;
  font-weight:700;
  line-height:1
 }
 .backto-container .backto-bogo15 .desc-backto {
  margin-top:3px;
  font-size:18px;
  margin-bottom:5px
 }
 .backto-container .backto-bogo15 .backto-extra {
  font-size:26px;
  font-weight:lighter;
  line-height:1
 }
 .backto-container .backto-bogo15 .backto-extra:after,
 .backto-container .backto-bogo15 .backto-extra:before {
  position:relative;
  display:inline-block;
  vertical-align:middle;
  margin:-7px 8px 0;
  content:"";
  width:50px;
  height:2px;
  background-color:#974529
 }
 .backto-container .backto-bogo15 .backto-extra-off {
  font-size:45px;
  font-weight:700;
  line-height:1
 }
 .backto-container .backto-bogo15 .coupon-backto {
  margin-top:8px;
  font-size:20px
 }
 .backto-container .backto-bogo15 .title-backto-fr {
  font-size:30px;
  font-weight:700;
  line-height:1.2;
  margin-bottom:5px
 }
 .backto-container .backto-bogo15 .desc-backto-fr {
  font-size:20px;
  max-width:350px;
  margin-left:auto;
  margin-right:auto;
  line-height:1.3
 }
}
@media (min-width:1024px) {
 .backto-container .backto-bogo15 .im-backto img {
  height:45px
 }
 .backto-container .backto-bogo15 .title-backto {
  margin-top:-10px;
  font-size:52px
 }
 .backto-container .backto-bogo15 .desc-backto {
  font-size:20px
 }
 .backto-container .backto-bogo15 .backto-extra {
  font-size:30px
 }
 .backto-container .backto-bogo15 .backto-extra:after,
 .backto-container .backto-bogo15 .backto-extra:before {
  margin-top:-2px;
  width:85px;
  height:2px
 }
 .backto-container .backto-bogo15 .backto-extra-off {
  font-size:64px
 }
 .backto-container .backto-bogo15 .coupon-backto {
  margin-top:10px;
  font-size:24px
 }
 .backto-container .backto-bogo15 .title-backto-fr {
  font-size:46px
 }
 .backto-container .backto-bogo15 .desc-backto-fr {
  font-size:24px;
  max-width:470px
 }
 .backto-container .backto-bogo15 .coupon-backto {
  font-size:26px
 }
}
@media (min-width:1440px) {
 .backto-container .backto-bogo15 {
  left:55%
 }
 .backto-container .backto-bogo15 .im-backto img {
  height:auto
 }
 .backto-container .backto-bogo15 .title-backto {
  margin-top:-18px;
  font-size:63px
 }
 .backto-container .backto-bogo15 .desc-backto {
  font-size:26px
 }
 .backto-container .backto-bogo15 .backto-extra {
  font-size:50px
 }
 .backto-container .backto-bogo15 .backto-extra:after,
 .backto-container .backto-bogo15 .backto-extra:before {
  margin-top:-7px;
  width:85px;
  height:3px
 }
 .backto-container .backto-bogo15 .backto-extra-off {
  font-size:80px
 }
 .backto-container .backto-bogo15 .coupon-backto {
  margin-top:14px;
  font-size:26px
 }
 .backto-container .backto-bogo15 .title-backto-fr {
  font-size:50px
 }
 .backto-container .backto-bogo15 .desc-backto-fr {
  font-size:26px
 }
}
.backto-container .backto-over {
 max-width:740px
}
@media (max-width:767px) {
 .backto-container .backto-over .title-backto {
  margin-top:20px;
  font-size:43px;
  font-weight:700
 }
 .backto-container .backto-over .desc-backto {
  margin-top:10px;
  font-size:24px;
  line-height:1.3
 }
 .backto-container .backto-over .btn-backto {
  min-width:175px;
  margin-top:20px;
  height:48px;
  padding:13px 30px;
  color:#fff;
  background-color:#000;
  border-color:#000
 }
}
@media (min-width:768px) {
 .backto-container .backto-over {
  left:54%
 }
 .backto-container .backto-over .title-backto {
  margin-top:0;
  font-size:36px;
  font-weight:700
 }
 .backto-container .backto-over .desc-backto {
  font-size:18px;
  line-height:1.3
 }
 .backto-container .backto-over .btn-backto {
  width:200px;
  margin-top:15px;
  padding-top:30px ;
  padding-left:30px;
  padding-right:30px;
  color:#fff;
  background-color:#003584;
  border-color:#003584
 }
}
@media (min-width:1024px) {
 .backto-container .backto-over .title-backto {
  font-size:50px
 }
 .backto-container .backto-over .desc-backto {
  font-size:24px
 }
 .backto-container .backto-over .btn-backto {
  margin-top:27px
 }
}
@media (min-width:1440px) {
 .backto-container .backto-over .title-backto {
  font-size:60px
 }
 .backto-container .backto-over .desc-backto {
  font-size:26px
 }
}
.list-banner-section {
 background-color:#fff
}
.list-banner-section .container {
 display:table
}
.list-banner-section .category-picture {
 width:42.5%;
 display:table-cell;
 max-width:508px;
 vertical-align:bottom
}
.list-banner-section .category-picture>span {
 position:relative;
 display:block;
 margin:0 auto;
 max-width:510px;
 height:0;
 padding-bottom:68.62745%;
 overflow:hidden
}
.list-banner-section .category-picture>span>img {
 display:block
}
.list-banner-section .category-description {
 display:table-cell;
 width:57.5%;
 padding-bottom:20px;
 padding-right:50px;
 font-weight:400;
 vertical-align:middle
}
.list-banner-section .category-description h1 {
 font-size:40px;
 text-transform:none
}
.list-banner-section .category-description .description_cat_all {
 margin-top:10px
}
.list-banner-section .category-description .title {
 margin:15px 0 10px;
 font-size:30px
}
.list-banner-section .category-description .category-reviewd {
 padding:10px 0;
 color:rgba(0,0,0,.5);
 font-size:14px
}
.list-banner-section .category-description .category-reviewd .author {
 text-decoration:underline
}
@media (max-width:1023px) {
 .list-banner-section .container {
  display:block
 }
 .list-banner-section .category-description {
  display:block;
  width:100%;
  padding:35px 0 50px
 }
 .list-banner-section .category-description .category-reviewd {
  padding:0 0 10px;
  margin-top:-10px
 }
 .list-banner-section .category-picture {
  /*display:none*/
 }
}
.one-banner-container {
 position:relative
}
.one-banner-container .banner-text-container {
 position:absolute;
 width:82%;
 max-width:500px;
 left:8%;
 top:50%;
 margin-top:-55px
}
.one-banner-container .banner-text-container h1 {
 font-size:28px;
 margin:15px auto
}
@media (min-width:0) {
 .one-banner-container .banner-text-container h1 {
  font-size:1.6rem
 }
}
@media (min-width:768px) {
 .one-banner-container .banner-text-container h1 {
  font-size:2.8rem
 }
}
.one-banner-container .banner-text-container p {
 max-width:310px;
 font-size:16px;
 font-weight:100
}
@media (min-width:0) {
 .one-banner-container .banner-text-container p {
  font-size:12px
 }
}
@media (min-width:768px) {
 .one-banner-container .banner-text-container p {
  font-size:1.6rem
 }
}
.special-banner-container {
 position:relative
}
.special-banner-container .special-banner-section {
 overflow:hidden;
 position:relative;
 width:100%;
 margin-left:auto;
 margin-right:auto
}
.special-banner-container .special-picture-picture {
 width:100%;
 background-color:#e7e7e8
}
.special-banner-container .special-image {
 display:block;
 left:0;
 max-width:none;
 position:relative;
 width:100%
}
.special-banner-container .special-text-scope {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 color:#3a5159
}
@media (min-width:0) and (max-width:767px) {
 .special-banner-container .special-text-scope {
  position:relative;
  text-align:center
 }
}
@media (min-width:768px) {
 .special-banner-container .special-text-scope {
  position:absolute;
  text-align:left
 }
}
.special-banner-container .special-text-scope .special-text {
 max-width:1300px
}
@media (min-width:1237px) {
 .special-banner-container .special-text-scope .special-text {
  padding-left:20px
 }
}
.special-banner-container .special-text-scope .title {
 margin-top:85px;
 font-size:36px;
 font-weight:700;
 max-width:420px;
 text-transform:none;
 line-height:1.2
}
@media (max-width:480px) {
 .special-banner-container .special-text-scope .title {
  max-width:320px
 }
}
@media (min-width:0) and (max-width:767px) {
 .special-banner-container .special-text-scope .title {
  margin-left:auto;
  margin-right:auto;
  margin-top:30px;
  font-size:24px
 }
}
@media (min-width:768px) {
 .special-banner-container .special-text-scope .title {
  margin-top:85px;
  margin-left:0;
  margin-right:0;
  font-size:36px
 }
}
.special-banner-container .special-text-scope .special-desc {
 font-size:18px;
 margin-top:20px;
 font-weight:700
}
@media (min-width:0) and (max-width:767px) {
 .special-banner-container .special-text-scope .special-desc {
  margin-top:20px;
  margin-bottom:30px;
  font-weight:500
 }
}
@media (min-width:768px) {
 .special-banner-container .special-text-scope .special-desc {
  margin-top:20px;
  font-size:18px;
  margin-bottom:20px
 }
}
.cata-quiz {
 width:100%;
 padding-top:30px;
 font-size:18px
}
.cata-quiz a {
 display:inline;
 font-size:18px;
 color:#000;
 padding-left:10px;
 text-decoration:underline;
 font-weight:500
}
.device-phone .cata-quiz {
 text-align:center
}
.device-phone .cata-quiz a {
 display:block;
 text-align:center
}
.special-picture {
 display:block;
 height:0;
 padding-bottom:350px
}
@media (min-width:0) and (max-width:767px) {
 .special-picture {
  position:relative;
  display:block;
  margin:0 auto;
  max-width:768px;
  height:0;
  padding-bottom:45.57292%;
  overflow:hidden
 }
}
@media (min-width:768px) {
 .special-picture .special-image {
  position:relative;
  width:100%;
  left:50%;
  max-width:none;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%)
 }
}
@media (min-width:768px) and (max-width:1199px) {
 .special-picture .special-image {
  width:1200px
 }
}
@media (min-width:1200px) {
 .special-picture .special-image {
  width:1920px
 }
}
@media (min-width:768px) {
 #eyeglasses-special-offers .promotion-container {
  margin-top:20px
 }
}
#eyeglasses-special-offers.device-phone .promotion-container,
#eyeglasses-special-offers.device-tablet .promotion-container {
 margin-top:20px
}
.device-phone .special-banner-container .special-desc,
.device-tablet .special-banner-container .special-desc {
 margin-bottom:0
}
.list-banner-section .category-special {
 font-size:16px;
 /*color:#fff !important;*/
}
.list-banner-section .category-special h1 {
 margin-bottom:27px;
 font-size:40px;
 font-weight:700;
 text-transform:none;
 
 color:#29235c !important;
}
.list-banner-section .category-special .btn-more-ebd {
 /*font-size:30px !important;*/
 /*font-weight:700*/
}
.list-slides-section {
 width:100%;
 max-width:1200px;
 margin:0 auto 50px;
 padding:0 16px
}
.list-slides-section .title {
 margin:0 auto 27px;
 font-size:24px;
 font-weight:700;
 text-transform:none;
 text-align:center
}
.list-slides-section .list-slides-content {
 position:relative;
 padding:0 50px
}
.list-slides-section .list-slides-main {
 overflow:hidden
}
.list-slides-section ul {
 position:relative;
 width:1500%;
 -ms-touch-action:pan-y;
 touch-action:pan-y;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 -webkit-transition-property:left;
 transition-property:left
}
.list-slides-section li {
 float:left;
 padding:0 5px 0 0;
 display:inline-block;
 width:275px
}
@media (min-width:480px) {
 .list-slides-section li {
  padding-right:2px
 }
}
.list-slides-section .list-arrow {
 position:absolute;
 width:70px;
 height:100%;
 top:0;
 z-index:11;
 cursor:pointer
}
.list-slides-section .list-arrow:before {
 position:absolute;
 left:22px;
 top:50%;
 margin-top:-50px;
 content:" ";
 width:22px;
 height:39px;
 background:url(images/icons/im-arrows.png) 0 0 no-repeat
}
.list-slides-section .list-arrow.arrow-left {
 left:-20px
}
.list-slides-section .list-arrow.arrow-left:before {
 background-position:left 0
}
.list-slides-section .list-arrow.arrow-right {
 right:-20px
}
.list-slides-section .list-arrow.arrow-right:before {
 background-position:right 0
}
.list-slides-section .list-arrow:hover:before {
 opacity:.5
}
.device-phone .list-banner-section .category-picture,
.device-tablet .list-banner-section .category-picture {
 display:block;
 width:100%;
 margin:0 auto
}
.device-phone .list-banner-section .category-special,
.device-tablet .list-banner-section .category-special {
 display:block;
 padding:10px 0;
 text-align:center;
 width:100%
}
.device-phone .list-banner-section .category-special>.mark-down,
.device-tablet .list-banner-section .category-special>.mark-down {
 margin:0 auto
}
.device-phone .list-banner-section .category-special h1,
.device-tablet .list-banner-section .category-special h1 {
 font-size:34px
}
.device-phone .list-banner-section .category-special .btn-more-desc,
.device-tablet .list-banner-section .category-special .btn-more-desc {
 margin:0 auto;
 display:block;
 max-width:50px
}
.device-phone .list-banner-section .category-special .btn-more-ebd,
.device-tablet .list-banner-section .category-special .btn-more-ebd {
 font-weight:16px;
 font-weight:700
}
.device-phone .list-slides-section,
.device-tablet .list-slides-section {
 margin-top:64px;
 margin-bottom:30px
}
@media (min-width:600px) {
 .device-phone .list-slides-section,
 .device-tablet .list-slides-section {
  margin-top:30px
 }
}
.device-phone .list-slides-section .list-arrow,
.device-tablet .list-slides-section .list-arrow {
 display:none
}
.device-phone .list-slides-section .title,
.device-tablet .list-slides-section .title {
 margin-bottom:16px;
 text-align:left;
 font-size:18px
}
@media (min-width:600px) {
 .device-phone .list-slides-section .title,
 .device-tablet .list-slides-section .title {
  padding-left:15px
 }
}
.device-phone .list-slides-section .list-slides-content,
.device-tablet .list-slides-section .list-slides-content {
 padding-left:0;
 padding-right:0;
 overflow:hidden
}
.device-phone .list-slides-section .list-slides-main,
.device-tablet .list-slides-section .list-slides-main {
 overflow:visible;
 position:relative;
 width:calc(100% - 85px)
}
@media (min-width:375px) {
 .device-phone .list-slides-section .list-slides-main,
 .device-tablet .list-slides-section .list-slides-main {
  width:calc(100% - 140px)
 }
}
@media (min-width:480px) {
 .device-phone .list-slides-section .list-slides-main,
 .device-tablet .list-slides-section .list-slides-main {
  width:calc(100% - 50px)
 }
}
.list-slides-item {
 max-width:400px;
 text-align:center
}
.list-slides-item>a {
 text-decoration:none
}
.list-slides-item .top-item-image {
 position:relative;
 display:block;
 margin:0 auto;
 max-width:400px;
 height:0;
 padding-bottom:150%;
 overflow:hidden
}
.list-slides-item .top-item-rate {
 margin-top:16px;
 text-align:center;
 color:#000
}
.list-slides-item .top-item-rate:hover {
 color:#000
}
.list-slides-item .top-item-rate .stars {
 letter-spacing:3px
}
.list-slides-item .top-item-info {
 margin-top:5px;
 margin-bottom:2px;
 color:#000;
 font-weight:700;
 text-align:center
}
.list-slides-item .top-item-color {
 display:block;
 margin:0;
 color:#a4a4a4;
 font-style:italic;
 overflow:hidden;
 text-align:center
}
.list-slides-item .product-name {
 font-size:15px
}
.list-slides-item .product-price {
 margin-left:3px;
 font-size:15px;
 line-height:1.2
}
.list-slides-text {
 margin:0 auto 40px;
 text-align:center
}
.list-slides-text .list-slides-content {
 position:relative;
 overflow:hidden;
 max-width:1000px;
 margin-left:auto;
 margin-right:auto
}
.list-slides-text ul {
 position:relative;
 width:1500%;
 -ms-touch-action:pan-y;
 touch-action:pan-y;
 -webkit-transition-property:left;
 transition-property:left
}
.list-slides-text li {
 float:left
}
.list-slides-text h2 {
 text-transform:none
}
.list-slides-text p {
 max-width:750px;
 margin:0 auto;
 padding:0 10px
}
.list-slides-text .brands-link {
 display:none;
 margin:15px 0
}
.list-slides-text .brands-link a {
 display:inline-block;
 margin:4px 10px
}
.list-slides-text .title {
 margin:0 auto 18px;
 font-size:36px;
 font-weight:700;
 text-transform:none
}
.list-slides-text .sub-title {
 margin:10px auto 0;
 font-size:18px;
 font-weight:700;
 text-transform:none
}
.list-slides-text .slides-text {
 margin:7px auto 10px;
 width:90%;
 max-width:960px
}
.list-slides-text .list-text-control {
 margin:10px auto
}
.list-slides-text .list-text-control>span {
 display:inline-block;
 margin:0 5px;
 width:10px;
 height:10px;
 font-size:0;
 line-height:0;
 border:1px solid #999;
 border-radius:50%;
 background-color:#fff
}
.list-slides-text .list-text-control>span.current {
 background-color:#000;
 border-color:#000
}
.device-phone .list-slides-text,
.device-tablet .list-slides-text {
 margin-top:60px;
 margin-bottom:60px
}
.device-phone .list-slides-text .title,
.device-tablet .list-slides-text .title {
 font-size:24px;
 line-height:1.1
}
.device-phone .list-slides-text .sub-title,
.device-tablet .list-slides-text .sub-title {
 margin-top:14px
}
.device-phone .list-slides-text .slides-text,
.device-tablet .list-slides-text .slides-text {
 margin-top:20px;
 font-size:16px;
 max-width:95%
}
@media (max-width:480px) {
 .device-phone .list-slides-text .slides-text,
 .device-tablet .list-slides-text .slides-text {
  text-align:left
 }
}
.list-catalog-text {
 margin:0 auto 40px
}
.list-catalog-text .title {
 margin:0 auto 18px;
 font-size:36px;
 font-weight:700
}
.list-catalog-text .catalog-text {
 margin:7px auto 10px;
 width:90%;
 max-width:960px
}
.catalog-bottom-special {
 margin:22px auto;
 padding-top:10px
}
.catalog-bottom-special h1,
.catalog-bottom-special h2,
.catalog-bottom-special h3 {
 margin-bottom:20px;
 font-size:36px;
 font-weight:700;
 text-transform:none
}
.catalog-bottom-special p {
 margin-bottom:15px;
 font-size:16px
}
.catalog-bottom-special em {
 font-style:normal
}
.catalog-bottom-special a {
 color:#d39d4e
}
.catalog-related-tags {
 margin:20px auto -25px;
 padding-top:23px;
 padding-bottom:30px;
 background-color:#9c9b9b
}
.catalog-related-tags .title {
    color:#fff !important;
 margin:0 auto 13px;
 font-size:14px;
 font-weight:700
}
.catalog-related-tags .tags-list {
 margin:10px auto
}
.catalog-related-tags .tag-item {
 display:inline-block;
 margin:9px 8px 0 0;
 padding:9px 16px 9px 10px;
 background-color:#fff;
 text-decoration:none;
 border:1px solid #cfcfcf;
 border-radius:2px
}
.catalog-related-tags .icon-magnifier {
 font-size:12px;
 font-weight:700;
 color:#7f7f7f;
 height:12px;
 width:12px;
 background-size:12px;
 background-position:0;
 display:inline-block;
 margin-left:5px
}
.device-phone .catalog-bottom-special {
 border-top:1px solid #ccc
}
.device-phone .catalog-bottom-special .title {
 font-size:24px;
 text-align:center
}
.device-phone .catalog-related-tags {
 width:100%;
 overflow:hidden
}
.device-phone .catalog-related-tags .tags-list {
 overflow-x:auto;
 overflow-y:hidden;
 -webkit-overflow-scrolling:touch;
 scrollbar-3dlight-color:#fff;
 scrollbar-highlight-color:#fff;
 scrollbar-arrow-color:#fff;
 scrollbar-shadow-color:#fff;
 scrollbar-darkshadow-color:#fff;
 scrollbar-base-color:#fff;
 scrollbar-track-color:#fff
}
.device-phone .catalog-related-tags .tags-list::-webkit-scrollbar {
 display:none
}
.device-phone .catalog-related-tags .tags-list>p {
 min-width:1024px
}
.brands-banner {
 position:relative;
 margin:0 auto;
 max-width:1920px;
 overflow:hidden
}
.brands-banner .banner-picture {
 display:block;
 height:350px;
 overflow:hidden
}
@media (max-width:767px) {
 .brands-banner .banner-picture {
  position:relative;
  display:block;
  margin:0 auto;
  max-width:768px;
  height:0;
  padding-bottom:71.09375%;
  overflow:hidden
 }
}
.brands-banner .banner-picture-image {
 display:block
}
@media (min-width:768px) {
 .brands-banner .banner-picture-image {
  left:0;
  max-width:none;
  position:absolute;
  width:1920px;
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%)
 }
}
@media (min-width:768px) and (max-width:1200px) {
 .brands-banner .banner-picture {
  height:0;
  padding-bottom:29.1666%
 }
 .brands-banner .banner-picture-image {
  position:absolute;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  width:160%
 }
}
.brands-banner .brands-logo {
 display:block;
 position:absolute
}
@media (min-width:0) and (max-width:767px) {
 .brands-banner .brands-logo {
  left:5%;
  bottom:5%
 }
}
@media (min-width:768px) {
 .brands-banner .brands-logo {
  top:50%;
  left:9.4%;
  height:67.43%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%)
 }
}
@media (min-width:1024px) {
 .brands-banner .brands-logo {
  top:45%;
  left:5.4%
 }
}
@media (min-width:1150px) {
 .brands-banner .brands-logo {
  top:50%;
  left:9.4%
 }
}
@media (min-width:1500px) {
 .brands-banner .brands-logo {
  left:13.4%
 }
}
.brands-banner .oakley-logo {
 display:block;
 position:absolute
}
@media (min-width:0) and (max-width:767px) {
 .brands-banner .oakley-logo {
  display:none
 }
}
@media (min-width:768px) {
 .brands-banner .oakley-logo {
  top:46%;
  left:6.4%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  width:20%
 }
}
@media (min-width:1200px) {
 .brands-banner .oakley-logo {
  top:50%;
  left:9.4%
 }
}
@media (min-width:1650px) {
 .brands-banner .oakley-logo {
  width:auto
 }
}
@media (max-width:1023px) {
 .brands-banner .rayban-logo {
  height:100%
 }
}
@media (min-width:0) and (max-width:767px) {
 .brannds-sunglasses-banner .brands-logo {
  left:5%;
  bottom:3%
 }
}
@media (max-width:374px) {
 .brannds-sunglasses-banner .brands-logo {
  height:66px
 }
}
@media (min-width:1500px) {
 .brannds-sunglasses-banner .brands-logo {
  left:15.4%
 }
}
@media (min-width:768px) {
 .brannds-sunglasses-banner .oakley-logo {
  width:30%
 }
}
@media (min-width:1200px) {
 .brannds-sunglasses-banner .oakley-logo {
  left:13%;
  width:auto
 }
}
.brands-terms {
 text-align:center;
 color:#fff;
 background-color:#000
}
.brands-terms .btn-terms {
 font-size:12px;
 line-height:13px;
 cursor:pointer;
 white-space:nowrap;
 vertical-align:middle;
 text-decoration:underline
}
.brands-terms h1 {
 margin:0;
 font-weight:unset;
 text-transform:unset
}
.brands-terms .off-per-code {
 color:#e40613;
 display:block
}
@media (min-width:0) {
 .brands-terms {
  padding:19px 0 21px
 }
 .brands-terms .off-percent {
  display:block;
  font-size:24px;
  font-weight:500
 }
 .brands-terms .off-per-code {
  font-size:18px
 }
 .brands-terms .off-other {
  display:block;
  margin-top:4px;
  padding-right:0;
  font-size:24px
 }
 .brands-terms .txt {
  padding-top:8px
 }
 .brands-terms .off-code {
  display:block;
  padding-top:8px;
  padding-bottom:10px;
  font-size:18px;
  font-weight:500;
  line-height:1.2
 }
 .brands-terms .off-code em {
  font-style:normal;
  text-decoration:underline
 }
 .brands-terms .limited {
  display:inline-block;
  padding-right:10px;
  margin-right:10px;
  font-size:12px;
  line-height:13px;
  border-right:1px solid #fff;
  vertical-align:middle
 }
}
@media (min-width:374px) {
 .brands-terms .off-percent {
  font-size:28px
 }
}
@media (min-width:480px) {
 .brands-terms .off-percent {
  font-size:32px
 }
}
@media (min-width:768px) {
 .brands-terms {
  padding:20px 0 25px
 }
 .brands-terms .off-percent {
  display:inline-block
 }
 .brands-terms .off-per-code {
  font-size:38px
 }
 .brands-terms .off-other {
  display:inline-block;
  margin-top:0;
  font-size:32px
 }
 .brands-terms .txt {
  padding-top:15px
 }
 .brands-terms .off-code {
  display:inline-block;
  padding-top:0;
  padding-right:9px;
  padding-bottom:0;
  vertical-align:middle
 }
 .brands-terms .limited {
  margin:0 14px;
  padding:0 20px;
  line-height:15px;
  border-left:1px solid #fff
 }
 .brands-terms .btn-terms {
  display:inline-block;
  padding-top:0;
  padding-left:4px;
  line-height:15px;
  vertical-align:middle
 }
}
@media (min-width:1200px) {
 .brands-terms .off-other,
 .brands-terms .off-percent {
  font-size:44px
 }
 .brands-terms .off-code {
  font-size:24px
 }
}
.brands-terms-content {
 max-width:665px;
 color:#000
}
@media (min-width:0) {
 .brands-terms-content {
  padding:40px 20px 45px
 }
}
@media (min-width:375px) {
 .brands-terms-content {
  padding:40px 30px 45px
 }
}
@media (min-width:768px) {
 .brands-terms-content {
  padding:70px 100px 80px
 }
}
.brands-terms-content .terms-title {
 margin:0 auto;
 font-weight:500;
 text-align:center
}
@media (min-width:0) {
 .brands-terms-content .terms-title {
  font-size:26px
 }
}
@media (min-width:375px) {
 .brands-terms-content .terms-title {
  font-size:28px
 }
}
@media (min-width:768px) {
 .brands-terms-content .terms-title {
  font-size:32px
 }
}
.brands-terms-content .terms-list {
 font-size:16px;
 line-height:1.3
}
.brands-terms-content .terms-list>li {
 position:relative;
 padding:3px 0 3px 12px
}
.brands-terms-content .terms-list>li:before {
 position:absolute;
 top:11px;
 left:0;
 content:" ";
 display:block;
 width:4px;
 height:4px;
 border-radius:50%;
 margin-left:0;
 margin-right:5px;
 background:#000
}
@media (min-width:0) {
 .brands-terms-content .terms-list {
  margin-top:15px
 }
}
@media (min-width:768px) {
 .brands-terms-content .terms-list {
  margin-top:25px
 }
}
.kids-banner {
 width:100%;
 margin:1920px;
 margin:0 auto;
 background:#f6e7c9;
 padding-top:15px
}
.kids-banner .kids-banner-container {
 width:100%;
 max-width:1200px;
 margin:0 auto
}
@media (max-width:1250px) {
 .kids-banner .kids-banner-container {
  padding-left:15px;
  padding-right:15px
 }
}
@media (max-width:767px) {
 .kids-banner .kids-banner-container {
  padding-left:0;
  padding-right:0
 }
}
.kids-banner .kids-banner-img {
 float:right;
 width:458px;
 position:relative;
 overflow:hidden
}
@media (max-width:767px) {
 .kids-banner .kids-banner-img {
  float:none;
  max-width:458px;
  width:100%;
  margin:0 auto
 }
}
.kids-banner .kids-banner-img .img-box {
 position:relative;
 display:block;
 margin:0 auto;
 max-width:458px;
 height:0;
 padding-bottom:73.1441%;
 overflow:hidden
}
.kids-banner .kids-banner-content {
 float:left;
 width:calc(100% - 458px);
 text-align:left
}
@media (max-width:767px) {
    .search-add{
        margin-top: 50px;
    }
 .kids-banner .kids-banner-content {
  float:none;
  max-width:7688px;
  width:100%;
  margin:0 auto;
  background:#fff7e7;
  text-align:center
 }
}
.kids-banner .kids-banner-content h1 {
 font-size:36px;
 text-transform:none;
 margin:0;
 padding-top:72px;
 padding-bottom:23px;
 font-weight:500
}
@media (max-width:900px) {
 .kids-banner .kids-banner-content h1 {
  padding-top:40px
 }
}
@media (max-width:450px) {
 .kids-banner .kids-banner-content h1 {
  padding-top:6px;
  padding-bottom:20px
 }
}
.kids-banner .kids-banner-content p {
 font-size:16px;
 width:100%;
 max-width:500px
}
@media (max-width:767px) {
 .kids-banner .kids-banner-content p {
  max-width:768px;
  margin:0 auto;
  padding:0 10px 30px
 }
}
@media (max-width:450px) {
 .kids-banner-container .kids-banner-img:after {
  content:" ";
  display:block;
  position:absolute;
  border-radius:50%;
  top:90%;
  left:-100%;
  padding-top:250%;
  width:300%;
  background:inherit;
  z-index:5;
  background:#fff7e7
 }
}
html:lang(en-US) .list-slides-text .brands-link {
 display:block
}
.list-banner-seo-catagory {
 position:relative;
 width:100%;
 max-width:1920px;
 margin:0 auto
}
@media (min-width:1024px) {
 .list-banner-seo-catagory {
  min-height:350px
 }
}
.list-banner-seo-catagory .catagory-img {
 position:relative
}
.list-banner-seo-catagory .catagory-img img {
 position:absolute;
 width:1920px;
 max-width:unset;
 top:0;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%)
}
@media (max-width:1023px) {
 .list-banner-seo-catagory .catagory-img img {
  width:187.5%
 }
}
@media (max-width:767px) {
 .list-banner-seo-catagory .catagory-img img {
  position:static;
  width:100%;
  max-width:100%;
  top:unset;
  left:unset;
  -webkit-transform:unset;
  -ms-transform:unset;
  transform:unset
 }
}
.list-banner-seo-catagory .img-box {
 position:relative;
 display:block;
 margin:0 auto;
 max-width:1920px;
 height:0;
 padding-bottom:18.22917%;
 overflow:hidden;
 padding-bottom:350px
}
@media (max-width:1023px) {
 .list-banner-seo-catagory .img-box {
  position:relative;
  display:block;
  margin:0 auto;
  max-width:1024px;
  height:0;
  padding-bottom:34.17969%;
  overflow:hidden
 }
}
@media (max-width:767px) {
 .list-banner-seo-catagory .img-box {
  position:relative;
  display:block;
  margin:0 auto;
  max-width:768px;
  height:0;
  padding-bottom:90.625%;
  overflow:hidden
 }
}
.catagory-content h1 {
 margin:0 0 19px;
 padding:0 10px;
 font-size:32px;
 font-weight:700;
 line-height:38px;
 letter-spacing:0
}
.catagory-content .list-slides-content {
 max-width:580px;
 margin:0 auto;
 padding:0;
 font-size:16px;
 line-height:19px;
 letter-spacing:0
}
@media (max-width:767px) {
 .device-phone .list-banner-seo-catagory,
 .device-tablet .list-banner-seo-catagory {
  margin-bottom:-20px
 }
}
.irs,
.irs-line {
 position:relative;
 display:block
}
.irs-line {
 overflow:hidden
}
.irs-line-left,
.irs-line-mid,
.irs-line-right {
 position:absolute;
 display:block;
 top:0
}
.irs-line-left {
 left:0;
 width:10%
}
.irs-line-mid {
 left:10%;
 width:80%
}
.irs-line-right {
 right:0;
 width:10%
}
.irs-diapason {
 left:0;
 top:11px;
 width:100%;
 height:7px;
 background-color:#d39d4e
}
.irs-diapason,
.irs-slider {
 position:absolute;
 display:block
}
.irs-slider {
 cursor:default;
 z-index:1;
 cursor:pointer
}
.irs-slider.single {
 left:10px
}
.irs-slider.single:before {
 position:absolute;
 display:block;
 content:"";
 top:-50%;
 left:-100%;
 width:300%;
 height:200%;
 background:transparent
}
.irs-slider.from {
 left:100px
}
.irs-slider.from:before {
 position:absolute;
 display:block;
 content:"";
 top:-50%;
 left:-100%;
 width:300%;
 height:200%;
 background:transparent;
 z-index:1
}
.irs-slider.to {
 left:300px
}
.irs-slider.to:before {
 position:absolute;
 display:block;
 content:"";
 top:-50%;
 left:-100%;
 width:300%;
 height:200%;
 background:transparent;
 z-index:1
}
.irs-slider.last {
 z-index:2
}
.irs-min {
 left:0
}
.irs-max,
.irs-min {
 position:absolute;
 display:block;
 cursor:default
}
.irs-max {
 right:0
}
.irs-from,
.irs-single,
.irs-to {
 position:absolute;
 display:block;
 top:0;
 left:0;
 cursor:default;
 white-space:nowrap
}
.irs-grid {
 position:absolute;
 display:none;
 bottom:0;
 left:0;
 width:100%;
 height:20px
}
.irs-with-grid .irs-grid {
 display:block
}
.irs-grid-pol {
 position:absolute;
 top:0;
 left:0;
 width:1px;
 height:8px;
 background:#000
}
.irs-grid-pol.small {
 height:4px
}
.irs-grid-text {
 position:absolute;
 bottom:0;
 left:0;
 width:100px;
 white-space:nowrap;
 text-align:center;
 font-size:9px;
 line-height:9px;
 color:#000
}
.irs-slider {
 width:25px;
 height:25px;
 top:2px;
 border:2px solid #d39d4e;
 border-radius:50%;
 background-color:#fff
}
.irs {
 height:23px
}
.irs-with-grid {
 height:60px
}
.irs-line {
 height:0;
 border:1px solid #d3d3d3;
 border-right-color:#d3d3d3;
 border-left-color:#d3d3d3;
 border-bottom-width:2px;
 top:13px;
 background-color:#d3d3d3
}
.irs-max,
.irs-min {
 color:#999;
 top:0;
 padding:1px 3px;
 background:#e1e4e9
}
.irs-from,
.irs-max,
.irs-min,
.irs-single,
.irs-to {
 font-size:10px;
 line-height:1.333;
 text-shadow:none;
 border-radius:4px
}
.irs-from,
.irs-single,
.irs-to {
 color:#fff;
 padding:1px 5px;
 background:#fff
}
.irs-from:after,
.irs-single:after,
.irs-to:after {
 position:absolute;
 display:block;
 content:"";
 bottom:-6px;
 left:50%;
 width:0;
 height:0;
 margin-left:-3px;
 overflow:hidden;
 border:3px solid transparent;
 border-top-color:#fff
}
.irs-grid-pol {
 background:#e1e4e9
}
.irs-grid-text {
 color:#999
}
.rx-prescription-title {
 margin-bottom:15px;
 color:#000;
 text-align:center
}
.rx-prescription-title .title {
 margin:20px auto 5px;
 font-size:24px;
 font-weight:500;
 letter-spacing:.5pt;
 line-height:1.1;
 text-transform:capitalize
}
.rx-prescription-title .rx-prescription-saved {
 margin-top:26px
}
.rx-prescription-wrapper {
 position:relative;
 background-color:#fff;
 border-width:1px;
 border-style:solid;
 border-color:#ebebeb #ebebeb #d8d8d8;
 box-shadow:0 1px 4px rgba(0,0,0,.3)
}
.rx-prescription-wrapper .prescription-tips {
 position:absolute;
 right:0;
 top:0;
 padding:9px;
 cursor:pointer;
 display:inline-block;
 text-decoration:none
}
.rx-prescription-wrapper .prescription-tips .im-help {
 position:relative;
 right:auto;
 top:auto;
 width:23px;
 height:23px;
 font-size:22px;
 font-weight:700;
 text-decoration:none
}
.rx-select {
 position:relative;
 overflow:hidden\9
}
@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
 .rx-select {
  overflow:visible
 }
}
.rx-select>select {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-flex:1;
 -webkit-flex:1;
 -ms-flex:1;
 flex:1;
 width:100%;
 z-index:1;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 background-color:#fff;
 border:none;
 border-bottom:1px solid #cdcdcd;
 display:inline-block;
 padding:.5rem 2rem .5rem 1rem;
 border-radius:0;
 position:relative;
 width:119%\9
}
@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
 .rx-select>select {
  width:100%
 }
}
.rx-select>select::-ms-expand {
 display:none
}
.rx-select>select:focus {
 border-bottom-color:#d39d4e;
 outline:none;
 speak:none
}
.rx-select>select>option {
 color:#000
}
.rx-select:after {
 position:absolute;
 bottom:15px;
 right:.46875rem;
 z-index:3;
 font-family:ebd!important;
 content:"\e61c";
 color:#999;
 font-style:normal;
 font-weight:400;
 font-size:13px;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 margin-bottom:-.3em;
 pointer-events:none;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 z-index:0\9
}
@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
 .rx-select:after {
  z-index:3
 }
}
.rx-input>input {
 width:100%;
 padding:6px 5px;
 border:none;
 border-bottom:1px solid #cdcdcd
}
.rx-input>input:focus {
 border-bottom-color:#d39d4e;
 outline:none;
 speak:none
}
@media (max-width:719px) {
 .rx-input>input {
  padding-bottom:5px
 }
}
.rx-input,
.rx-select {
 height:33px;
 font-weight:700;
 font-size:16px
}
@media (max-width:719px) {
 .rx-input,
 .rx-select {
  font-size:13px;
  height:30px
 }
 .rx-input>select,
 .rx-select>select {
  padding-left:.5rem
 }
}
.rx-input>input,
.rx-input>select,
.rx-select>input,
.rx-select>select {
 height:100%
}
.rx-input.field-focus,
.rx-select.field-focus {
 color:#d39d4e
}
.rx-input.field-focus select,
.rx-select.field-focus select {
 color:#d39d4e;
 border-bottom-color:#d39d4e
}
.rx-input.field-focus:after,
.rx-select.field-focus:after {
 color:#d39d4e
}
.rx-input.field-error,
.rx-select.field-error {
 color:#e9403d
}
.rx-input.field-error select,
.rx-select.field-error select {
 color:#e9403d;
 border-bottom-color:#e9403d
}
.rx-input.field-error:after,
.rx-select.field-error:after {
 color:#e9403d
}
.rx-input.field-error input,
.rx-select.field-error input {
 border-bottom-color:#e9403d
}
.rx-input.field-warning,
.rx-select.field-warning {
 color:#ec7f22
}
.rx-input.field-warning select,
.rx-select.field-warning select {
 color:#ec7f22;
 border-bottom-color:#ec7f22
}
.rx-input.field-warning:after,
.rx-select.field-warning:after {
 color:#ec7f22
}
.rx-input.field-disabled,
.rx-select.field-disabled {
 color:#dcdcdc
}
.rx-input.field-disabled select,
.rx-select.field-disabled select {
 color:#dcdcdc;
 border-bottom-color:#dcdcdc
}
.rx-input.field-disabled input,
.rx-select.field-disabled input {
 background-color:#fff;
 border-bottom-color:#dcdcdc
}
.rx-input.field-disabled:after,
.rx-select.field-disabled:after {
 color:#dcdcdc
}
.add-rx-container {
 position:relative;
 padding:2% 2% 2% 3%;
 border-bottom:1px solid #d3d3d3
}
@media (max-width:719px) {
 .add-rx-container {
  padding-left:0
 }
}
.add-rx-container li {
 width:20%;
 float:left;
 padding:6px 3% 2%
}
@media (max-width:719px) {
 .add-rx-container li {
  padding-left:2%;
  padding-right:2%
 }
}
@media (max-width:479px) {
 .add-rx-container li {
  width:40%
 }
}
.add-rx-container li>div,
.add-rx-container li>label {
 display:block;
 padding:17% 0;
 margin-bottom:11%
}
@media (max-width:479px) {
 .add-rx-container li>div,
 .add-rx-container li>label {
  padding-top:2%;
  padding-bottom:2%;
  margin-bottom:10%
 }
}
.add-rx-container .rx-name-title {
 margin-bottom:0;
 padding-top:26.5%;
 font-size:14px;
 font-weight:400;
 line-height:1.3;
 white-space:nowrap
}
.add-rx-container .rx-name-title.field-disabled {
 color:#dcdcdc
}
@media (max-width:719px) {
 .add-rx-container .rx-name-title {
  white-space:normal
 }
}
@media (max-width:479px) {
 .add-rx-container .rx-name-title {
  margin-bottom:10%
 }
}
@media (max-width:375px) {
 .add-rx-container .rx-name-title {
  padding-top:18%;
  margin-bottom:5%
 }
}
.add-rx-container .add-rx-title {
 padding-top:9%;
 border-right:1px solid #f1f1f1
}
@media (max-width:719px) {
 .add-rx-container .add-rx-title {
  padding-top:12%;
  border-right:none
 }
}
@media (max-width:479px) {
 .add-rx-container .add-rx-title {
  padding-top:24%
 }
}
@media (max-width:375px) {
 .add-rx-container .add-rx-title {
  padding-top:18%
 }
}
.add-rx-container .add-rx-title>div {
 margin-bottom:0
}
@media (max-width:479px) {
 .add-rx-container .rx-axis .rx-name-title {
  padding-top:0
 }
}
.add-rx-container .rx-add {
 width:22%;
 padding-left:calc(5% - 1px);
 border-left:1px solid #f1f1f1
}
@media (max-width:719px) {
 .add-rx-container .rx-add {
  padding-left:2%;
  border-left:none
 }
}
@media (max-width:479px) {
 .add-rx-container .rx-add {
  width:40%
 }
 .add-rx-container .rx-add .rx-name-title {
  padding-top:0
 }
}
@media (max-width:375px) {
 .add-rx-container .rx-add {
  width:38%
 }
}
.add-rx-container .rx-name-title {
 text-align:center
}
.add-rx-container .rx-name-title em,
.add-rx-container .rx-name-title i {
 font-style:normal
}
@media (max-width:719px) {
 .add-rx-container .rx-name-title {
  padding-bottom:0
 }
 .add-rx-container .rx-name-title i,
 .add-rx-container .rx-name-title span {
  display:none
 }
}
.add-prism-container {
 padding:2.9% 3%;
 border-top:1px solid #d3d3d3;
 border-bottom:none
}
.add-prism-container>.add-prism-title,
.add-prism-container>.pointer {
 margin-left:0
}
@media (max-width:719px) {
 .add-prism-container {
  padding-left:0
 }
 .add-prism-container>.add-prism-title,
 .add-prism-container>.pointer {
  margin-left:6%
 }
}
@media (max-width:479px) {
 .add-prism-container {
  padding-top:6.9%;
  padding-bottom:6.9%
 }
}
.add-prism-container li {
 padding-bottom:17px
}
@media (max-width:479px) {
 .add-prism-container li {
  width:40%
 }
}
.add-prism-container .add-rx-title {
 padding-top:4.5%;
 border-right:none
}
@media (max-width:1100px) {
 .add-prism-container .add-rx-title {
  padding-top:6%;
  padding-bottom:0
 }
}
@media (max-width:1024px) {
 .add-prism-container .add-rx-title {
  padding-top:4.5%
 }
}
@media (max-width:719px) {
 .add-prism-container .add-rx-title {
  padding-top:67px;
  padding-bottom:0
 }
}
@media (max-width:479px) {
 .add-prism-container .add-rx-title {
  padding-top:83px
 }
}
@media (max-width:375px) {
 .add-prism-container .add-rx-title {
  padding-top:70px
 }
}
.add-prism-container .add-rx-title.add-rx-title-m {
 padding-top:65px
}
@media (max-width:479px) {
 .add-prism-container .add-rx-title.add-rx-title-m {
  padding-top:17%
 }
}
.add-prism-container .rx-name-title {
 padding-top:15px;
 padding-bottom:0;
 text-align:center
}
.add-prism-container .rx-name-title span {
 display:block;
 margin-left:auto;
 margin-right:auto;
 max-width:64px
}
@media (max-width:479px) {
 .add-prism-container .rx-direction-h .rx-name-title,
 .add-prism-container .rx-horizontal .rx-name-title {
  padding-top:0
 }
}
.add-extra-container {
 position:relative;
 padding:2% 6% 3.5%;
 border-top:1px solid #d3d3d3
}
@media (max-width:719px) {
 .add-extra-container {
  padding-top:3%;
  padding-bottom:7%
 }
}
.add-extra-container .rx-extra-title {
 margin:5px auto;
 font-weight:500
}
.add-extra-container textarea {
 margin:5px auto 20px;
 width:100%;
 max-width:315px;
 height:75px;
 border-radius:0
}
.add-extra-container .rx-input {
 font-size:14px;
 width:100%;
 max-width:315px
}
.add-pd-container .add-rx-title,
.add-prism-container .add-rx-title,
.add-rx-container .add-rx-title {
 width:17%;
 padding-left:0;
 padding-right:0;
 text-align:center
}
@media (max-width:479px) {
 .add-pd-container .add-rx-title,
 .add-prism-container .add-rx-title,
 .add-rx-container .add-rx-title {
  width:20%
 }
}
.add-pd-container .add-rx-title>div,
.add-prism-container .add-rx-title>div,
.add-rx-container .add-rx-title>div {
 font-size:14px
}
@media (max-width:719px) {
 .add-pd-container .add-rx-title>div,
 .add-prism-container .add-rx-title>div,
 .add-rx-container .add-rx-title>div {
  font-size:14px;
  height:60px
 }
}
@media (max-width:479px) {
 .add-pd-container .add-rx-title>div,
 .add-prism-container .add-rx-title>div,
 .add-rx-container .add-rx-title>div {
  height:40px
 }
}
@media (max-width:374px) {
 .add-pd-container .add-rx-title>div,
 .add-prism-container .add-rx-title>div,
 .add-rx-container .add-rx-title>div {
  font-size:13px
 }
}
.add-pd-container .add-rx-title>div>span,
.add-prism-container .add-rx-title>div>span,
.add-rx-container .add-rx-title>div>span {
 display:block;
 font-size:12px;
 white-space:nowrap
}
.add-pd-container .add-rx-title-m,
.add-prism-container .add-rx-title-m,
.add-rx-container .add-rx-title-m {
 display:none
}
@media (max-width:479px) {
 .add-pd-container .add-rx-title-m,
 .add-prism-container .add-rx-title-m,
 .add-rx-container .add-rx-title-m {
  display:block;
  clear:left;
  padding-top:15%
 }
}
@media (max-width:375px) {
 .add-pd-container .add-rx-title-m,
 .add-prism-container .add-rx-title-m,
 .add-rx-container .add-rx-title-m {
  padding-top:10%
 }
}
.add-pd-container {
 position:relative;
 padding:2% 2% 4% 3%
}
@media (max-width:719px) {
 .add-pd-container {
  padding-left:0
 }
}
.add-pd-container li {
 display:inline-block;
 float:left;
 padding:5px
}
.add-pd-container .add-rx-title {
 width:calc(17% + 1px)
}
@media (max-width:719px) {
 .add-pd-container .add-rx-title {
  padding-top:20px
 }
}
@media (max-width:479px) {
 .add-pd-container .add-rx-title {
  width:20%;
  padding-top:16px;
  padding-bottom:0
 }
}
.add-pd-container .add-rx-title>div {
 display:inline
}
@media (max-width:719px) {
 .add-pd-container .add-rx-title>div>span {
  display:none
 }
}
.add-pd-container .pd-add-one {
 width:20%;
 padding-left:3%;
 padding-right:3%
}
@media (max-width:719px) {
 .add-pd-container .pd-add-one {
  padding-left:2%;
  padding-right:2%
 }
}
@media (max-width:479px) {
 .add-pd-container .pd-add-one {
  width:26%
 }
}
.add-pd-container label.pointer {
 display:inline-block;
 margin-top:13px;
 white-space:nowrap
}
.add-pd-container label.pointer span {
 padding-left:2px;
 font-size:14px
}
@media (max-width:479px) {
 .add-pd-container label.pointer {
  margin-top:11px;
  margin-right:3%
 }
}
.add-pd-container .rx-pd-checkbox {
 padding-right:2%;
 padding-left:3%;
 white-space:nowrap
}
@media (max-width:479px) {
 .add-pd-container .rx-pd-checkbox {
  padding-left:6%
 }
}
@media (max-width:374px) {
 .add-pd-container .rx-pd-checkbox {
  white-space:normal;
  padding-right:0
 }
}
.add-pd-container .rx-nearpd-checkbox {
 margin-left:8%
}
@media (max-width:479px) {
 .add-pd-container .rx-nearpd-checkbox {
  margin-left:0
 }
}
.add-pd-container .pd-add-two {
 width:20%;
 padding-right:3%;
 padding-left:3%;
 display:none
}
@media (max-width:479px) {
 .add-pd-container .pd-add-two {
  width:38%
 }
}
.add-pd-container .near-pd-content .add-rx-title {
 padding-top:3%;
 min-width:80px
}
@media (min-width:768px) {
 .add-pd-container .near-pd-content .add-rx-title {
  padding-top:2.5%
 }
}
@media (min-width:1024px) {
 .add-pd-container .near-pd-content .add-rx-title {
  padding-top:2%
 }
}
.add-pd-container .get-pd-content {
 padding-top:20px;
 color:#242424
}
@media (max-width:719px) {
 .add-pd-container .get-pd-content {
  padding-left:20px;
  margin-bottom:5px
 }
}
.add-pd-container .get-pd-content .btn {
 float:left;
 padding:11px 18px;
 font-size:15px
}
@media (min-width:431px) and (max-width:475px) {
 .add-pd-container .get-pd-content .btn {
  padding:11px;
  font-size:14px
 }
}
@media (min-width:371px) and (max-width:430px) {
 .add-pd-container .get-pd-content .btn {
  padding:11px 10px;
  font-size:12px;
  max-width:120px
 }
}
@media (max-width:370px) {
 .add-pd-container .get-pd-content .btn {
  float:none;
  font-size:14px
 }
}
.add-pd-container .get-pd-content .get-pd-text {
 float:left;
 margin-left:21px;
 padding-top:4px;
 font-size:14px;
 line-height:17px
}
@media (min-width:431px) and (max-width:475px) {
 .add-pd-container .get-pd-content .get-pd-text {
  margin-left:10px;
  font-size:13px
 }
}
@media (min-width:371px) and (max-width:430px) {
 .add-pd-container .get-pd-content .get-pd-text {
  margin-left:13px;
  font-size:12px
 }
}
@media (max-width:400px) {
 .add-pd-container .get-pd-content .get-pd-text.eyelist-pd {
  margin-left:0
 }
}
@media (max-width:370px) {
 .add-pd-container .get-pd-content .get-pd-text {
  float:none;
  margin-left:0;
  margin-top:5px;
  font-size:12px
 }
}
.btn-show-more-rx {
 text-align:center;
 cursor:pointer
}
.btn-show-more-rx>span {
 position:relative;
 display:inline-block;
 padding:10px 22px 10px 10px
}
.btn-show-more-rx>span:after {
 position:absolute;
 bottom:15px;
 right:.46875rem;
 z-index:3;
 font-family:ebd!important;
 content:"\e61c";
 color:#999;
 font-style:normal;
 font-weight:500;
 font-size:13px;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 margin-bottom:-.3em;
 pointer-events:none;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 -webkit-transition:-webkit-transform .2s ease-in;
 transition:-webkit-transform .2s ease-in;
 transition:transform .2s ease-in;
 transition:transform .2s ease-in, -webkit-transform .2s ease-in
}
.btn-show-more-rx>span>i {
 font-style:normal
}
.btn-show-more-rx .text-fewer {
 display:none
}
.btn-show-more-rx .show-more:after {
 bottom:11px;
 -webkit-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 transform:rotate(180deg);
 -webkit-transform-origin:50% 30%;
 -ms-transform-origin:50% 30%;
 transform-origin:50% 30%;
 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
}
.btn-show-more-rx .show-more .text-fewer {
 display:inline
}
.btn-show-more-rx .show-more .text-more {
 display:none
}
.rx-prescription-saved {
 margin:5px auto 15px;
 text-align:center
}
.rx-prescription-saved .rx-save-name {
 display:inline-block;
 width:250px;
 height:30px;
 vertical-align:middle;
 font-weight:700;
 background:transparent
}
@media (min-width:0) {
 .rx-prescription-saved .rx-save-name {
  width:160px
 }
}
@media (min-width:375px) {
 .rx-prescription-saved .rx-save-name {
  width:170px
 }
}
@media (min-width:479px) {
 .rx-prescription-saved .rx-save-name {
  width:280px
 }
}
.rx-prescription-saved .rx-save-name>select {
 font-size:14px;
 font-weight:700;
 background:none
}
.rx-prescription-saved .rx-save-name:after {
 bottom:13px
}
.rx-prescription-saved .rx-btn-add-save {
 display:inline-block;
 margin:3px 0 3px 10px;
 padding:3px 0;
 vertical-align:middle;
 color:#000;
 text-decoration:underline;
 font-weight:500;
 cursor:pointer
}
.rx-prescription-saved .rx-btn-add-save:hover {
 color:#d39d4e
}
.tips-rx-prescription {
 width:100%
}
.tips-rx-prescription .icon-close {
 position:absolute;
 right:10px;
 top:10px;
 font-size:12px;
 font-weight:700;
 -webkit-transition-property:all;
 transition-property:all;
 -webkit-transition-duration:1s;
 transition-duration:1s;
 -webkit-transition-timing-function:ease-in-out;
 transition-timing-function:ease-in-out;
 cursor:pointer
}
.tips-rx-prescription .icon-close:hover {
 color:#d39d4e
}
.tips-rx-prescription .tips-prescription-content {
 padding:50px 50px 30px
}
@media (min-width:0) {
 .tips-rx-prescription .tips-prescription-content {
  padding:5px 10px
 }
}
@media (min-width:375px) {
 .tips-rx-prescription .tips-prescription-content {
  padding:10px 15px
 }
}
@media (min-width:768px) {
 .tips-rx-prescription .tips-prescription-content {
  padding:30px 20px;
  padding:50px
 }
}
.tips-prescription-content {
 max-width:700px;
 margin:10px auto;
 font-size:15px;
 color:#000
}
.tips-prescription-content strong {
 font-weight:700
}
.tips-prescription-content p {
 margin:0 0 15px
}
.tips-prescription-content .link-learn-more {
 display:inline-block;
 margin-top:10px
}
.tips-prescription-content .tips-prism-content {
 margin-top:20px
}
.tips-prescription-content .rx-help-btn {
 margin-top:20px;
 text-align:center
}
.tips-prescription-content .btn-rx-help-ok {
 padding:8px 50px
}
.tips-prescription-content .pdtool-link {
 color:#4ca3bf;
 cursor:pointer;
 text-decoration:underline
}
.tips-prescription-content .pd-help-txt {
 font-weight:500
}
@media (max-width:480px) {
 .tips-prescription-content .rx-pd-btn {
  margin-top:30px;
  margin-bottom:20px
 }
}
.full-rx-popup {
 position:fixed!important;
 width:100%;
 max-width:700px
}
@media (max-width:375px) {
 .full-rx-popup {
  width:96%
 }
}
.full-rx-popup .popup-container,
.full-rx-popup .popup-main {
 height:100%
}
.full-rx-popup .popup-main {
 max-height:80%;
 max-height:80vh;
 padding:0;
 color:#000;
 font-size:16px;
 overflow-x:hidden;
 overflow-y:auto;
 -webkit-overflow-scrolling:touch
}
.full-rx-popup .popup-main h6 {
 margin-top:10px;
 margin-bottom:18px;
 font-size:18px;
 font-weight:700;
 text-align:center
}
.full-rx-popup .popup-close {
 top:-16px;
 right:-16px;
 width:32px;
 height:32px;
 border-radius:50%;
 background-color:#262626
}
.full-rx-popup .im-close {
 margin:8px 8px 0 0;
 background-position:-16px 0
}
.tooltip-getpd {
 position:fixed;
 z-index:9999;
 max-width:566px
}
.getpd-tips {
 display:none;
 background:#fff;
 padding:12px 4px 15px;
 font-size:14px
}
.getpd-tips .tips-title {
 margin:0;
 font-size:14px
}
.getpd-tips>p {
 margin-top:20px;
 font-size:14px;
 line-height:18px
}
.popup-get-pd {
 max-width:700px!important
}
@media (min-width:768px) {
 #tips-get-pd-help .tips-getpd-content {
  padding:50px 36px 48px
 }
}
#tips-get-pd-help .getpd-title {
 max-width:420px;
 margin:0 auto 50px;
 text-align:center;
 font-size:34px;
 font-weight:700;
 line-height:43px;
 text-transform:unset
}
@media (max-width:480px) {
 #tips-get-pd-help .getpd-title {
  margin-bottom:15px;
  font-size:22px;
  line-height:30px
 }
}
@media (max-width:350px) {
 #tips-get-pd-help .getpd-title {
  font-size:18px;
  line-height:26px
 }
}
#tips-get-pd-help .getpd-step {
 float:left;
 width:60%
}
@media (max-width:480px) {
 #tips-get-pd-help .getpd-step {
  float:none;
  width:100%
 }
}
#tips-get-pd-help .getpd-step>li {
 margin-bottom:29px
}
@media (max-width:480px) {
 #tips-get-pd-help .getpd-step>li {
  margin-bottom:20px
 }
}
#tips-get-pd-help .getpd-step img {
 float:left;
 margin-right:14px
}
@media (max-width:480px) {
 #tips-get-pd-help .getpd-step img {
  width:35px
 }
}
#tips-get-pd-help .getpd-step p {
 float:left;
 width:84%;
 margin:0;
 font-size:16px
}
@media (min-width:556px) and (max-width:672px) {
 #tips-get-pd-help .getpd-step p {
  width:80%
 }
}
@media (min-width:481px) and (max-width:9c9b9bpx) {
 #tips-get-pd-help .getpd-step p {
  width:75%
 }
}
@media (max-width:480px) {
 #tips-get-pd-help .getpd-step p {
  width:80%;
  font-size:14px
 }
}
@media (max-width:370px) {
 #tips-get-pd-help .getpd-step p {
  width:70%
 }
}
#tips-get-pd-help .getpd-step .step-two {
 margin-top:10px
}
@media (min-width:481px) and (max-width:702px) {
 #tips-get-pd-help .getpd-step .step-two {
  margin-top:0
 }
}
@media (max-width:413px) {
 #tips-get-pd-help .getpd-step .step-two {
  margin-top:0
 }
}
#tips-get-pd-help .getpd-code {
 float:left;
 width:40%;
 position:relative;
 text-align:center
}
@media (max-width:480px) {
 #tips-get-pd-help .getpd-code {
  float:none;
  width:100%
 }
}
@media (max-width:450px) {
 #tips-get-pd-help .getpd-code>img {
  margin-top:-10px
 }
}
#tips-get-pd-help .getpd-code #qr_code {
 position:absolute;
 top:40px;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 padding:2px;
 background:#fff
}
#tips-get-pd-help .rx-help-btn {
 margin-top:13px
}
@media (max-width:480px) {
 #tips-get-pd-help .rx-help-btn {
  margin-top:0;
  margin-bottom:0
 }
}
#tips-get-pd-help .btn-rx-help-ok {
 padding:11px 40px;
 font-size:15px;
 line-height:18px
}
@media (max-width:480px) {
 #tips-get-pd-help .btn-rx-help-ok {
  font-size:14px
 }
}
#tips-get-pd-help .im-help {
 width:23px;
 height:23px;
 margin-left:5px;
 background:url(images/icons/im-tips-new-1x.png) 0 -23px no-repeat
}
#tips-get-pd-help .im-help:hover {
 cursor:pointer
}
#tips-get-pd-help .success-content {
 padding:50px 0 60px;
 text-align:center
}
#tips-get-pd-help .success-content .title {
 margin:18px 0 10px;
 font-size:26px;
 font-weight:700;
 line-height:1.2
}
#tips-get-pd-help .success-content .txt {
 font-size:16px
}
#tips-get-pd-help .success-content .success-btn {
 margin-top:25px;
 padding:11.5px 68px;
 color:#fff;
 text-decoration:none
}
#tips-get-pd-help .success-content .success-btn:hover {
 color:#210e00
}
.full-rx-popup-full {
 overflow:auto!important
}
.rx-video-content-container {
 position:relative;
 max-width:900px;
 overflow:hidden;
 margin:0 auto 40px;
 cursor:pointer
}
@media (max-width:767px) {
 .rx-video-content-container {
  margin-top:30px
 }
}
.rx-video-content-container .video-container {
 max-height:505px;
 position:relative;
 display:block;
 margin:0 auto;
 max-width:900px;
 height:0;
 padding-bottom:56.11111%;
 overflow:hidden
}
.rx-video-content-container .video-container .video-img {
 position:absolute;
 left:0;
 top:0;
 z-index:1
}
.rx-video-content-container .video-text-content {
 position:absolute;
 left:0;
 bottom:0;
 width:100%;
 color:#fff;
 z-index:20;
 background:#262626;
 opacity:.7;
 display:table-cell;
 text-align:center
}
@media (max-width:480px) {
 .rx-video-content-container .video-text-content {
  top:12%;
  opacity:1;
  background:none
 }
}
@media (max-width:375px) {
 .rx-video-content-container .video-text-content {
  top:8%
 }
}
.rx-video-content-container .video-text-content img {
 max-width:45px;
 padding-right:10px;
 cursor:pointer;
 vertical-align:middle
}
@media (max-width:480px) {
 .rx-video-content-container .video-text-content img {
  display:none
 }
}
.rx-video-content-container .video-desc {
 display:inline-block;
 vertical-align:middle;
 margin:20px auto;
 font-size:16px;
 font-weight:700;
 line-height:1.2;
 text-transform:uppercase;
 cursor:pointer
}
.rx-video-content-container .video-desc:hover {
 text-decoration:underline
}
@media (max-width:480px) {
 .rx-video-content-container .video-desc {
  max-width:360px;
  padding:0 10px
 }
}
@media (max-width:320px) {
 .rx-video-content-container .video-desc {
  margin:17px auto
 }
}
.rx-video-content-container .video-play {
 position:absolute;
 max-width:85px;
 top:50%;
 left:50%;
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 z-index:12;
 cursor:pointer
}
@media (max-width:480px) {
 .rx-video-content-container .video-play {
  top:60%;
  max-width:50px
 }
}
@media (max-width:320px) {
 .rx-video-content-container .video-play {
  top:60%;
  max-width:40px
 }
}
.rx-video-content-container .video-play .play-btn-hover {
 opacity:.6;
 -webkit-transition:opacity .2s ease-in;
 transition:opacity .2s ease-in
}
.rx-video-content-container .video-play .play-btn-hover:hover {
 opacity:1
}
@media (max-width:480px) {
 .rx-video-content-container .video-play .play-btn-hover {
  opacity:1
 }
}
.rx-video-content-container .video-content {
 width:100%;
 z-index:9;
 position:relative;
 display:block;
 margin:0 auto;
 max-width:900px;
 height:0;
 padding-bottom:56.22222%;
 overflow:hidden
}
.rx-video-content-container .video-content iframe {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 max-height:675px
}
.filter-popup {
 width:100%;
 max-width:812px;
 padding:80px 15px 30px;
 margin:0 auto
}
@media (min-width:0) {
 .filter-popup {
  padding-top:30px;
  padding-left:13px;
  padding-right:13px
 }
}
@media (min-width:500px) {
 .filter-popup {
  padding-top:50px;
  padding-left:15px;
  padding-right:15px
 }
}
@media (min-width:768px) {
 .filter-popup {
  padding-top:30px
 }
}
.filter-popup .confirm-prescription {
 position:relative;
 padding-top:10px;
 text-align:center
}
.filter-popup .confirm-prescription button {
 padding:10px 80px
}
.filter-popup .confirm-prescription button[disabled] {
 background-color:#d6d6d6
}
.filter-wrap .f-checkbox {
 display:inline-block;
 width:20px;
 height:20px;
 padding:2px;
 margin-top:-1px;
 margin-right:7px;
 font-size:14px;
 color:#fff;
 font-weight:700;
 border:1px solid #262626;
 vertical-align:middle
}
.filter-wrap .option.selected .f-checkbox {
 border-color:#d39d4e;
 background-color:#d39d4e
}
.im-filter {
 background:url(images/icons/im-filter-1x.png) 0 0 no-repeat
}
@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
 .im-filter {
  background-image:url(images/icons/im-filter-2x.png);
  background-size:62px 539px
 }
}
.im-filter-dimention {
 width:62px;
 height:36px
}
.im-filter-dimention.im-total-width {
 background-position:0 0
}
.im-filter-dimention.im-lens-width {
 background-position:0 -36px
}
.im-filter-dimention.im-lens-height {
 background-position:0 -72px;
 height:28px
}
.im-filter-dimention.im-bridge-width {
 background-position:0 -108px
}
.im-filter-dimention.im-arm-width {
 background-position:0 -144px
}
.im-filter-sr {
 width:62px;
 height:25px;
 vertical-align:middle;
 margin-right:5px
}
.im-filter-sr.im-rectangle {
 background-position:0 -180px
}
.im-filter-sr.im-wayfarer {
 background-position:0 -205px
}
.im-filter-sr.im-round {
 background-position:0 -230px
}
.im-filter-sr.im-square {
 background-position:0 -255px
}
.im-filter-sr.im-oval {
 background-position:0 -280px
}
.im-filter-sr.im-horn {
 background-position:0 -305px
}
.im-filter-sr.im-browline {
 background-position:0 -330px
}
.im-filter-sr.im-aviator {
 background-position:0 -355px
}
.im-filter-sr.im-full-rim {
 background-position:0 -380px
}
.im-filter-sr.im-semi-rim {
 background-position:0 -430px
}
.im-filter-sr.im-rimless {
 background-position:0 -405px
}
.im-filter-sr.im-heart {
 background-position:0 -489px
}
.im-filter-sr.im-geometric {
 background-position:0 -514px
}
.filter-down .dimension-title {
 display:table;
 width:100%;
 overflow:hidden;
 margin-bottom:3px
}
.filter-down .dimension-name {
 font-size:14px
}
.filter-down .dimension-name,
.filter-down .im-filter-dimention {
 display:table-cell;
 vertical-align:bottom
}
.filter-down.size .size-pic-1,
.filter-down.size .size-pic-2,
.filter-down.size .size-pic-3,
.filter-down.size .size-pic-4,
.filter-down.size .size-pic-5 {
 margin:0 auto;
 width:54px;
 height:28px;
 background-position:top;
 background-repeat:no-repeat
}
.filter-down.size .size-pic-5 {
 height:24px
}
.filter-down.size .size-pic-1 {
 background-image:url(images/icons/bg-size-total-width.png)
}
.filter-down.size .size-pic-2 {
 background-image:url(images/icons/bg-size-lens-width-1x.png)
}
.filter-down.size .size-pic-3 {
 background-image:url(images/icons/bg-size-nose-bridge-1x.png)
}
.filter-down.size .size-pic-4 {
 background-image:url(images/icons/bg-size-temple-length.png)
}
.filter-down.size .size-pic-5 {
 background-image:url(images/icons/bg-size-lens-height-1x.png)
}
.filter-down .icon-help {
 text-decoration:none;
 display:inline-block;
 margin-left:3px;
 font-size:16px;
 vertical-align:middle
}
@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
 .filter-down.size .size-pic-1,
 .filter-down.size .size-pic-2,
 .filter-down.size .size-pic-3,
 .filter-down.size .size-pic-4 {
  background-size:54px 56px
 }
 .filter-down.size .size-pic-5 {
  background-size:54px 24px
 }
 .filter-down.size .size-pic-1 {
  background-image:url(images/icons/bg-size-total-width-2x.png)
 }
 .filter-down.size .size-pic-2 {
  background-image:url(images/icons/bg-size-lens-width-2x.png)
 }
 .filter-down.size .size-pic-3 {
  background-image:url(images/icons/bg-size-nose-bridge-2x.png)
 }
 .filter-down.size .size-pic-4 {
  background-image:url(images/icons/bg-size-temple-length-2x.png)
 }
 .filter-down.size .size-pic-5 {
  background-image:url(images/icons/bg-size-lens-height-2x.png)
 }
}
.color-choose .color-scope {
 display:inline-block;
 margin-right:5px;
 width:33px;
 height:33px;
 padding:1px 2px 2px;
 border-radius:50%;
 border:2px solid #fff
}
.color-choose .option.selected {
 color:#d39d4e
}
.color-choose .option.selected .color-scope {
 border-color:#d39d4e
}
.color-choose .option span {
 display:inline-block;
 *display:inline;
 *zoom:1;
 vertical-align:middle
}
.color-choose .color {
 height:25px;
 width:25px;
 border-radius:50%;
 background:url(images/color/icons-colors-2019.png) no-repeat
}
@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
 .color-choose .color {
  background:url(images/color/icons-colors-2019-2x.png) no-repeat;
  background-size:50px 250px
 }
}
.color-choose .clear {
 background-position:-25px -25px
}
.color-choose .striped {
 background-position:0 -25px
}
.color-choose .tortoise {
 background-position:-25px 0
}
.color-choose .floral,
.color-choose .leopard {
 background-position:0 0
}
.color-choose .black {
 background-position:0 -50px
}
.color-choose .gray {
 background-position:-25px -75px;
 background-color:gray
}
.color-choose .white {
 background-position:-25px -50px;
 background-color:#e6e6fa
}
.color-choose .pink {
 background-position:0 -75px;
 background-color:pink
}
.color-choose .red {
 background-position:-25px -100px;
 background-color:red
}
.color-choose .brown {
 background-position:0 -100px;
 background-color:maroon
}
.color-choose .orange {
 background-position:-25px -125px;
 background-color:orange
}
.color-choose .yellow {
 background-position:0 -125px;
 background-color:#ff0
}
.color-choose .green {
 background-position:-25px -150px;
 background-color:green
}
.color-choose .blue {
 background-position:0 -150px;
 background-color:#00f
}
.color-choose .purple {
 background-position:-25px -175px;
 background-color:purple
}
.color-choose .gold {
 background-position:-25px -200px
}
.color-choose .silver {
 background-position:0 -200px
}
.color-choose .bronze {
 background-position:0 -175px
}
.color-choose .rose-gold {
 background-position:0 -225px
}
.color-choose .ivory-tortoise {
 background-position:-25px -225px
}
.filter-wrap .f-checkbox {
 width:18px;
 height:18px;
 font-size:13px;
 padding:1px 1px 1px 2px
}
.fix-filter-out {
 z-index:999;
 position:fixed;
 top:49px;
 width:100%;
 background:#fff
}
.cookies-notice .fix-filter-out {
 top:89px
}
.filter-out {
 *position:relative;
 *z-index:10
}
.filter {
 position:relative;
 border-top:1px solid #ccc;
 border-bottom:1px solid #ccc;
 background-color:#fcfcfc
}
.filter .container {
 position:relative;
 padding-right:80px
}
@media (max-width:1100px) {
 .filter .container {
  padding-left:0
 }
}
.filter-wrap {
 height:54px;
 margin:0 auto;
 width:100%;
 text-align:center
}
.filter-wrap li {
 position:relative;
 display:inline-block;
 text-align:right;
 float:left
}
@media (min-width:0) {
 .filter-wrap li {
  /*float:none*/
 }
}
.filter-wrap.sunglasses-filter-wrap li {
 margin:0 20px
}
@media (min-width:1200px) {
 .filter-wrap.bogo-filter-wrap,
 .filter-wrap.onsale-filter-wrap {
  width:100%;
  max-width:1030px
 }
 .filter-wrap.sunglasses-filter-wrap {
  width:960px;
  max-width:1024px
 }
 .filter-wrap li {
  margin:0 5px 0 8px
 }
 .filter-wrap.sunglasses-filter-wrap li {
  margin:0 32px
 }
 .fr-filter-wrap li {
  margin:0 5px
 }
}
@media (min-width:1220px) {
 .filter-wrap li {
  margin:0
 }
}
@media (max-width:960px) {
 .filter-wrap {
  width:auto;
  white-space:nowrap
 }
 .filter-wrap li.js-group-lens-type {
  display:none
 }
}
@media (max-width:910px) {
 .filter-wrap.onsale-filter-wrap li .filter-menu {
  padding-left:8px;
  padding-right:8px
 }
}
@media (max-width:815px) {
 .filter-wrap.onsale-filter-wrap li .filter-menu {
  padding-left:8px;
  padding-right:4px
 }
}
@media (max-width:770px) {
 .filter-wrap.onsale-filter-wrap li .filter-menu {
  padding-left:6px;
  padding-right:4px
 }
}
@media (max-width:720px) {
 .filter-wrap li.js-group-color {
  display:none
 }
 .filter-wrap.onsale-filter-wrap li .filter-menu {
  padding-left:15px;
  padding-right:15px
 }
}
@media (max-width:620px) {
 .filter-wrap li.js-group-material {
  display:none
 }
}
@media (max-width:500px) {
 .filter-wrap li.js-group-frame-type {
  display:none
 }
}
.filter-menu {
 min-height:55px;
 padding:18px 20px;
 margin-bottom:-1px;
 font-size:16px;
 border-left:1px solid #fff;
 border-right:1px solid #fff;
 border-color:transparent;
 text-transform:none;
 cursor:pointer
}
@media (max-width:1024px) {
 .filter-menu {
  padding-left:15px;
  padding-right:15px
 }
}
.filter-menu .icon-arrow-down {
 vertical-align:middle
}
.fr-filter-wrap .filter-menu {
 padding:17px 14px
}
.filter-menu span {
 letter-spacing:1px
}
.filter-wrap li.current .filter-menu {
 border-left:1px solid #ccc;
 border-right:1px solid #ccc;
 background-color:#fcfcfc
}
.filter-wrap li.filtered .filter-menu {
 color:#d39d4e;
 -webkit-transition:color .25s ease-out;
 transition:color .25s ease-out
}
.filter-down {
 display:none;
 position:absolute;
 right:0;
 top:55px;
 z-index:30;
 color:#000;
 font-size:14px;
 padding:23px 20px 16px;
 border:1px solid #ccc;
 border-top:0;
 background-color:#fcfcfc
}
.filter-down .option-list {
 margin-left:-10px;
 margin-right:-10px
}
.filter-down .count-num {
 padding-left:2px;
 color:#7b7b7b;
 vertical-align:middle
}
.filter-down.color-choose .count-num,
.filter-down.shape .count-num {
 display:none
}
.filter-down.frame-type .option-list,
.filter-down.gender .option-list,
.filter-down.glasses-type .option-list {
 margin:0
}
.filter-down .option {
 margin-bottom:16px;
 margin-left:10px;
 margin-right:10px;
 white-space:nowrap;
 font-size:14px;
 color:#000;
 cursor:pointer
}
html:lang(fr-CA) .filter-down .option,
html:lang(fr-FR) .filter-down .option {
 white-space:normal
}
@media (max-width:720px) {
 html:lang(fr-CA) .filter-down .option,
 html:lang(fr-FR) .filter-down .option {
  float:none;
  width:100%
 }
}
.filter-down.frame-type .option,
.filter-down.gender .option,
.filter-down.glasses-type .option {
 margin-left:20px;
 margin-right:20px
}
.filter-wrap li.current .filter-down {
 display:block;
 -webkit-transition:display .25s ease-out;
 transition:display .25s ease-out
}
.filter-down.glasses-type {
 padding:20px 0 16px
}
.filter-down.gender {
 width:145%;
 padding:30px 0 16px
}
.fr-filter-wrap .filter-down.gender {
 width:130px
}
.filter-down.size {
 width:530px
}
@media (max-width:720px) {
 .filter-down.size {
  width:315px
 }
}
.filter-down.size .option-normal-size {
 float:left;
 width:160px;
 margin:16px 0;
 margin-right:40px;
 border-right:1px solid #d3d3d3
}
@media (max-width:720px) {
 .filter-down.size .option-normal-size {
  float:none;
  border-right:none
 }
}
.filter-down.size .option-normal-size .option {
 width:100%;
 margin-left:3px
}
.filter-down.size .option-normal-size .option:last-child {
 margin-bottom:5px
}
.filter-down.size .option-dimension-size {
 float:left;
 width:270px
}
.filter-down.size .dimension-title {
 margin-bottom:3px
}
.filter-down.size .dimension-name {
 margin-top:17px
}
.search-result.size {
 width:165px
}
@media (max-width:720px) {
 .search-result.size {
  width:165px
 }
}
.filter-down.type {
 width:105px
}
.filter-down.shape .option {
 float:left;
 width:45%
}
.filter-down.shape {
 width:450px;
 padding-top:28px;
 padding-bottom:6px
}
@media (max-width:720px) {
 .filter-down.shape {
  width:240px
 }
}
.filter-down.frame-type {
 padding:20px 0 16px
}
.filter-down.material {
 width:370px
}
.filter-down.lens-type {
 width:242px;
 left:auto
}
.filter-down.color-choose {
 width:650px;
 left:-223px
}
.filter-down.color-choose .option {
 width:21%;
 float:left;
 height:auto;
 padding:0 3px 1px;
 text-indent:0;
 background-image:none
}
.filter-down.color-choose .color-scope {
 border-color:#fcfcfc
}
@media (max-width:1237px) {
 .filter-down.color-choose {
  width:450px;
  left:-113px
 }
 .filter-down.color-choose .option {
  width:28%
 }
}
@media (max-width:1024px) {
 .filter-down.color-choose {
  width:430px;
  left:340px;
  left:-100px
 }
 .filter-down.color-choose .option {
  width:45%
 }
}
@media (max-width:900px) {
 .filter-down.color-choose {
  left:-280px
 }
}
.bogo-filter-wrap .filter-down.color-choose,
.onsale-filter-wrap .filter-down.color-choose,
.sunglasses-filter-wrap .filter-down.color-choose {
 left:-260%
}
@media (max-width:1237px) {
 .bogo-filter-wrap .filter-down.color-choose,
 .onsale-filter-wrap .filter-down.color-choose,
 .sunglasses-filter-wrap .filter-down.color-choose {
  width:450px;
  left:-260px
 }
 .bogo-filter-wrap .filter-down.color-choose .option,
 .onsale-filter-wrap .filter-down.color-choose .option,
 .sunglasses-filter-wrap .filter-down.color-choose .option {
  width:28%
 }
}
@media (max-width:1024px) {
 .bogo-filter-wrap .filter-down.color-choose,
 .onsale-filter-wrap .filter-down.color-choose,
 .sunglasses-filter-wrap .filter-down.color-choose {
  width:375px;
  left:auto;
  right:0
 }
 .bogo-filter-wrap .filter-down.color-choose .option,
 .onsale-filter-wrap .filter-down.color-choose .option,
 .sunglasses-filter-wrap .filter-down.color-choose .option {
  width:40%
 }
}
html:lang(fr-CA) .filter-down.color-choose .option,
html:lang(fr-FR) .filter-down.color-choose .option {
 margin-left:5px;
 margin-right:5px;
 width:29%
}
@media (max-width:1237px) {
 html:lang(fr-CA) .filter-down.color-choose,
 html:lang(fr-FR) .filter-down.color-choose {
  width:430px;
  left:0
 }
 html:lang(fr-CA) .filter-down.color-choose .option,
 html:lang(fr-FR) .filter-down.color-choose .option {
  width:40%;
  white-space:nowrap
 }
}
@media (max-width:960px) {
 html:lang(fr-CA) .filter-down.color-choose,
 html:lang(fr-FR) .filter-down.color-choose {
  left:auto;
  right:0
 }
}
@media (max-width:1237px) {
 html:lang(fr-CA) .bogo-filter-wrap .filter-down.color-choose,
 html:lang(fr-CA) .onsale-filter-wrap .filter-down.color-choose,
 html:lang(fr-CA) .sunglasses-filter-wrap .filter-down.color-choose,
 html:lang(fr-FR) .bogo-filter-wrap .filter-down.color-choose,
 html:lang(fr-FR) .onsale-filter-wrap .filter-down.color-choose,
 html:lang(fr-FR) .sunglasses-filter-wrap .filter-down.color-choose {
  left:auto;
  right:0
 }
}
.fr-filter-wrap .filter-down.size {
 width:530px
}
@media (max-width:720px) {
 .fr-filter-wrap .filter-down.size {
  width:315px
 }
 .fr-filter-wrap .filter-down.size .option-normal-size {
  border-right:none
 }
}
@media (max-width:720px) {
 .fr-filter-wrap .filter-down.shape {
  width:240px
 }
}
.fr-filter-wrap .filter-down.lens-type {
 width:230px
}
.fr-filter-wrap .filter-down.frame-type {
 width:325px
}
.fr-filter-wrap .filter-down.material {
 width:400px
}
@media (min-width:1069px) {
 .filter-down.lens-type {
  right:auto
 }
}
html:lang(fr-CA) .filter-down.gender,
html:lang(fr-FR) .filter-down.gender {
 width:165px
}
html:lang(fr-CA) .filter-down.shape,
html:lang(fr-FR) .filter-down.shape {
 width:510px
}
html:lang(fr-CA) .filter-down.filter-type,
html:lang(fr-FR) .filter-down.filter-type {
 width:325px
}
html:lang(fr-CA) .filter-down.material,
html:lang(fr-FR) .filter-down.material {
 width:390px
}
html:lang(fr-CA) .filter-down.color-choose,
html:lang(fr-FR) .filter-down.color-choose {
 width:575px
}
@media (max-width:900px) {
 html:lang(fr-CA) .filter-down.color-choose,
 html:lang(fr-FR) .filter-down.color-choose {
  width:420px
 }
}
html:lang(fr-CA) .filter-down.lens-type,
html:lang(fr-FR) .filter-down.lens-type {
 width:600px
}
.filter-down.material .option {
 width:40%;
 float:left
}
.filter-down.size .value-bar {
 margin-top:4px;
 margin-bottom:5px;
 text-align:center;
 color:#000;
 font-size:13px
}
.filter-down.lens-type .eligible {
 margin-top:20px;
 padding-top:18px;
 border-top:1px solid #e6e6e6
}
.filter-down.lens-type .eligible .option {
 margin-left:0;
 margin-right:0
}
.filter-down.lens-type .eligible.sunglasss-noline {
 margin-top:0;
 padding-top:3px;
 border-top:0
}
.filter-down.lens-type .btn {
 width:100%;
 padding:6px 0;
 font-size:12px;
 letter-spacing:1px
}
.filter-down.lens-type .btn:hover {
 -webkit-transition:color .25s ease-out,border-color .25s ease-out;
 transition:color .25s ease-out,border-color .25s ease-out
}
.filter-down.lens-type .use-prescription-scope {
 margin:5px 0 10px;
 width:100%;
 padding:0;
 height:27px
}
.filter-down.lens-type .use-prescription-scope select {
 padding-top:2px;
 border:1px solid #ccc;
 background-color:#fcfcfc
}
.filter-down.lens-type .use-prescription-scope.field-select-ui:after {
 right:1rem;
 bottom:11px
}
.filter-clear {
 position:absolute;
 right:12px;
 top:20px;
 font-size:14px;
 color:#8a8a8a;
 cursor:pointer
}
.filter-clear button {
 padding:0;
 font-size:14px;
 color:#a3a3a3;
 border:none;
 background:unset
}
.filter-clear .selected,
.filter-clear button.selected {
 -webkit-transition:color .25s ease-out;
 transition:color .25s ease-out;
 color:#d39d4e
}
.device-desktop .popup-rx-help-wrapper,
.device-tablet .popup-rx-help-wrapper {
 max-width:830px
}
.device-desktop .filter-down.lens-type {
 width:464px;
 left:-196px
}
@media (max-width:1200px) {
 .device-desktop .filter-down.lens-type {
  left:-256px
 }
}
.device-desktop .filter-down.lens-type .option-list .option {
 float:left;
 width:47%;
 margin-left:0;
 margin-right:0;
 padding:0 10px
}
.device-desktop .filter-down.lens-type .option-list .option:nth-child(2n) {
 padding-left:25px
}
.device-desktop .filter-down.lens-type .eligible {
 margin-top:5px
}
.device-desktop .filter-down.lens-type .eligible .option {
 float:left;
 width:50%;
 margin-bottom:20px
}
.device-desktop .filter-down.lens-type .eligible .action,
.device-desktop .filter-down.lens-type .eligible .use-prescription-scope {
 float:right;
 width:50%;
 padding-left:25px
}
.device-desktop .filter-down.lens-type .eligible .use-prescription-scope {
 margin:0 0 10px
}
.device-desktop .filter-down.lens-type .eligible .action {
 margin-bottom:10px
}
.device-desktop .filter-down.lens-type .eligible .btn {
 max-width:300px
}
.device-desktop .filter-down.lens-type .eligible .btn:hover {
 -webkit-transition:color .25s ease-out,border-color .25s ease-out;
 transition:color .25s ease-out,border-color .25s ease-out
}
.device-desktop .filter-down.lens-type .eligible .lens-txt {
 float:left;
 width:50%;
 line-height:27px;
 color:#9e9e9e
}
.device-desktop .lens-type.price-filter {
 width:313px;
 left:-118px
}
@media (max-width:900px) {
 .device-desktop .filter-down.material {
  left:-100px
 }
}
.guarantee-popup-content {
 max-width:650px;
 color:#000;
 padding:60px 70px 55px
}
@media (max-width:650px) {
 .guarantee-popup-content {
  padding:50px 40px 45px
 }
}
@media (max-width:480px) {
 .guarantee-popup-content {
  padding:40px 20px 30px
 }
}
.guarantee-popup-content {
 font-size:15px;
 line-height:1.4
}
@media (max-width:650px) {
 .guarantee-popup-content {
  font-size:14px
 }
}
.guarantee-popup-content .title {
 margin:29px 0 11px;
 font-size:24px;
 text-align:center;
 font-weight:700;
 letter-spacing:.5pt;
 line-height:1.1;
 text-transform:capitalize
}
@media (max-width:650px) {
 .guarantee-popup-content .title {
  text-align:left;
  font-size:20px
 }
}
@media (max-width:480px) {
 .guarantee-popup-content .title {
  margin:15px 0 10px;
  text-align:left;
  font-size:18px
 }
}
.guarantee-popup-content .guarantee-terms {
 margin-top:33px;
 font-size:13px;
 color:#999
}
@media (max-width:650px) {
 .guarantee-popup-content .guarantee-terms {
  margin-top:20px
 }
}
.guarantee-popup-content .gurantee-tips {
 color:#999;
 font-size:12px;
 text-align:center;
 padding-top:6px
}
@media (max-width:650px) {
 .guarantee-popup-content .gurantee-tips {
  text-align:left
 }
}
.guarantee-popup-content p {
 text-align:center;
 font-size:15px
}
@media (max-width:650px) {
 .guarantee-popup-content p {
  text-align:left
 }
}
#pagination {
 padding:5px 0;
 clear:both;
 margin:0 auto
}
.pages {
 float:none;
 font-weight:500;
 text-align:center;
}
.pages span,
.pages strong {
 display:inline-block
}
.pages strong {
 margin:0 5px 0 10px;
 font-size:14px
}
.pages a,
.pages span {
 display:inline-block;
 width:39px;
 height:39px;
 margin-bottom:5px;
 text-align:center;
 line-height:39px;
 color:#fff;
 background-color:#919191;
 font-size:14px
}
.pages .page-nav-action {
 background-color:#f0f0f0;
 color:#333;
 cursor:pointer
}
.pages .page-nav-action:hover {
 background-color:#919191;
 color:#fff
}
.pages a:hover {
 text-decoration:none
}
.page-size {
 float:right;
 padding-top:10px;
 font-size:14px;
 position:relative;
 width:188px;
 height:40px;
 font-size:12px;
 font-size:1.2rem;
 text-align:right
}
.page-size>span {
 font-weight:500
}
.page-size .current {
 display:inline-block
}
@media (max-width:480px) {
 .page-size {
  display:none
 }
}
.spages a {
 background-color:#f0f0f0;
 color:#333;
 cursor:pointer
}
.spages span {
 color:#fff;
 background-color:#919191;
 cursor:default
}
@-webkit-keyframes myfavorite {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:0
 }
 50% {
  -webkit-transform:scale(1.3);
  transform:scale(1.3);
  opacity:.3
 }
 to {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
}
@keyframes myfavorite {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:0
 }
 50% {
  -webkit-transform:scale(1.3);
  transform:scale(1.3);
  opacity:.3
 }
 to {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
}
.favorite-action {
 -webkit-animation:myfavorite .5s linear 0s 1 alternate;
 animation:myfavorite .5s linear 0s 1 alternate
}
.sunglasses-featured-categories {
 margin:0 auto
}
.sunglasses-featured-categories .featured-categories-title {
 font-style:normal;
 font-weight:500;
 font-size:24px;
 line-height:1.28;
 letter-spacing:.02em;
 color:#000;
 margin-top:8px
}
.sunglasses-featured-categories .featured-categories-content {
 margin:17px -5px 32px
}
.sunglasses-featured-categories .featured-link-group {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 color:#fff;
 font-size:0
}
.sunglasses-featured-categories .featured-link {
 display:inline-block;
 vertical-align:middle;
 height:34px;
 border:1px solid #969696;
 border-radius:17px;
 margin:0 5px;
 text-align:center;
 -webkit-transition:all .2s ease-out;
 transition:all .2s ease-out
}
.sunglasses-featured-categories .featured-link:hover {
 border-color:#d39d4e
}
.sunglasses-featured-categories .link-text {
 display:inherit;
 padding:7px 18px;
 font-size:16px;
 font-style:normal;
 font-weight:400;
 line-height:18px;
 letter-spacing:0;
 text-align:center;
 color:#000;
 cursor:pointer;
 text-decoration:none;
 -webkit-transition:all .2s ease-out;
 transition:all .2s ease-out
}
.sunglasses-featured-categories .link-text:hover {
 color:#d39d4e
}
.list-advertise-container {
 margin-top:20px
}
.vi-search-filter {
 padding-right:20px;
 margin-top:8px;
 float:right;
 display:none;
 position:relative;
 cursor:pointer
}
.vi-search-filter>span {
 display:inline-block;
 text-decoration:underline
}
.vi-search-filter>.img-camera {
 vertical-align:middle;
 margin-top:-1px;
 margin-left:5px;
 width:19px;
 height:16px
}
.list-type {
 display:inline-block;
 float:right;
 margin-top:8px;
 text-align:right;
 font-size:14px;
 white-space:nowrap
}
.list-view {
 display:inline-block;
 vertical-align:middle
}
.list-view .sort-by {
 font-weight:400
}
.list-view .filter-sort.active,
.list-view .filter-sort.active span {
 color:#000
}
.list-view .filter-sort.active .sort-filter-number {
 color:#4a4a4a;
 margin-left:3px
}
.list-view .filter-sort {
 padding-left:38px;
 padding-right:16px;
 border:1px solid #000;
 min-width:150px;
 height:40px;
 line-height:40px;
 border-radius:6px;
 position:relative
}
.list-view .filter-sort .filter-icon {
 position:absolute;
 left:12px;
 top:11px;
 display:inline-block;
 margin-bottom:0;
 margin-right:1px;
 width:18px;
 height:17px;
 vertical-align:middle;
 background:url(images/icons/filter-icon-svg.png) 50% no-repeat;
 background-image:url(images/icons/filter-icon-svg.svg),none;
 background-size:cover
}
.list-view .filter-sort .sort-filter-number {
 display:inline-block;
 position:relative;
 width:21px;
 height:21px;
 background:#efefef;
 border-radius:50%;
 color:#4a4a4a;
 text-align:center;
 font-size:12px;
 line-height:1.5;
 font-weight:500;
 bottom:.2em
}
.products-list-wrapper {
 position:relative
}
.products-list-wrapper .ajax-layer {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 background-color:#fff;
 z-index:10;
 opacity:.6;
 filter:alpha(opacity=20);
 display:none
}
.products-list-container {
 width:100%;
 padding-top:10px;
 overflow:hidden
}
@media (min-width:0) {
 .products-list-container {
  padding-top:0;
  padding-bottom:20px
 }
}
@media (min-width:600px) {
 .products-list-container {
  padding-bottom:20px
 }
}
.products-list .item-image {
 position:relative;
 width:100%;
 max-width:360px;
 margin:0 auto
}
.products-list .item-image a {
 position:relative;
 display:block;
 margin:0 auto;
 max-width:360px;
 height:0;
 padding-bottom:50%;
 overflow:hidden
}
.products-list .item-image .img-hover {
 position:absolute;
 top:0;
 left:0
}
.products-list .item-action,
.products-list .item-colors,
.products-list .item-info {
 /*width:85%;*/
 margin-left:auto;
 margin-right:auto
}
.align-center{
    align-items:center !important;
}
@media (min-width:1024px) {
 .products-list .item-action,
 .products-list .item-colors,
 .products-list .item-info {
  max-width:263px
 }
}
.products-list .item-colors,
.products-list .item-info {
 position:relative
}
.products-list .item-info {
 margin-bottom:6px
}
.products-list .item-name {
 text-align:center;
 display:inline-block;
 font-size:18px;
 font-weight:400
}
.products-list .item-name .name {
 text-overflow:ellipsis;
 overflow:hidden
}
.products-list .item-name .name,
.products-list .item-price {
 display:inline-block;
 vertical-align:middle;
 /*white-space:nowrap*/
}
.products-list .item-price {
 margin-left:4px;
 font-size:18px;
 font-weight:400;
 line-height:1.2
}
.products-list .item-colors {
 margin-bottom:6px;
 min-height: 60px;
 vertical-align:top;
 zoom:1;
 *display:inline;
 padding-right:25px;
 text-align:center;
 z-index:2
}
.products-list .item-colors .item-color {
 float:left;
 margin-right:1px
}
.products-list .item-size {
 float:left;
 display:inline-block;
 margin-top:4px;
 max-width:50%;
 font-size:12px;
 font-weight:500;
 background:url(images/icons/im-size.png) 0 7px no-repeat;
 padding-left:17px;
 text-align:right
}
.products-list .item-size .im-size {
 width:14px;
 height:6px;
 vertical-align:middle
}
.products-list .item-ab .item-rate {
 width:85%;
 margin:0 auto;
 padding-bottom:2px
}
@media (min-width:1024px) {
 .products-list .item-ab .item-rate {
  max-width:265px
 }
}
.products-list .item-ab .stars {
 letter-spacing:5px
}
.products-list .item-ab .stars:active,
.products-list .item-ab .stars:focus,
.products-list .item-ab .stars:hover {
 color:#000;
 text-decoration:none
}
.products-list .item-action {
 position:relative;
 margin-top:14px;
 font-size:12px
}
.products-list .action-wishlist {
 position:absolute;
 right:0;
 top:-26px;
 display:inline-block;
 text-align:right;
 color:#d39d4e;
 white-space:nowrap;
 text-transform:uppercase;
 cursor:pointer;
 z-index:3;
 margin-right:2px;
 font-size:18px;
 background:url(images/icons/heart-gold.svg);
 background-size:18px 18px
}
.products-list .action-wishlist.in-wishlist:before {
 content:"\e603"
}
.products-list .action-eyetry {
 position:relative;
 display:block;
 padding:7px 13px;
 line-height:1.2;
 color:#000;
 font-size:14px;
 font-weight:400;
 white-space:nowrap;
 text-transform:none;
 text-align:center;
 border-radius:6px;
 border:1px solid #bdbdbd;
 cursor:pointer;
 -webkit-transition:all .25s ease-out;
 transition:all .25s ease-out
}
.products-list .action-eyetry:active,
.products-list .action-eyetry:focus,
.products-list .action-eyetry:hover {
 color:#d39d4e;
 background-color:#fff;
 border-color:#d39d4e
}
.products-list .action-eyetry[data-tryon-cosium="0"] {
 display:none
}
.products-list .item-low-stock {
 margin-right:5px;
 color:#d20609;
 font-size:12px
}
.products-list .im-types {
 position:absolute;
 left:7.5%;
 top:-10px;
 z-index:10
}
@media (min-width:0) {
 .products-list .im-types {
  top:-10px
 }
}
@media (min-width:600px) {
 .products-list .im-types {
  top:-12px
 }
}
@media (min-width:1200px) {
 .products-list .im-types {
  top:-10px
 }
}
.products-list .im-types sup {
 top:-.8em;
 font-size:60%;
 letter-spacing:0;
 color:#000;
 font-weight:300
}
.products-list .im-types .rflkt-reg {
 top:-3px;
 font-size:12px;
 font-family:Roboto-ebd,Helvetica,Arial,sans-serif
}
.products-list .im-brands {
 position:absolute;
 left:7.5%;
 top:-13px;
 z-index:10;
 max-height:26px
}
@media (min-width:0) {
 .products-list .im-brands {
  top:-11px
 }
}
@media (min-width:600px) {
 .products-list .im-brands {
  top:-15px
 }
}
@media (min-width:1200px) {
 .products-list .im-brands {
  top:-13px
 }
}
.products-list .im-christmas {
 position:absolute;
 top:-10px;
 right:0;
 width:118px;
 height:77px;
 background-image:url(images/icons/icon-christmas.gif)
}
@media (min-width:0) {
 .products-list .im-christmas {
  top:-45px
 }
}
@media (min-width:1200px) {
 .products-list .im-christmas {
  top:-43px
 }
}
.products-list .tag-limited-edition {
 position:absolute;
 top:-20px;
 right:0
}
@media (min-width:0) {
 .products-list .tag-limited-edition {
  top:-21px
 }
}
@media (min-width:600px) {
 .products-list .tag-limited-edition {
  top:-40px
 }
}
@media (min-width:1200px) {
 .products-list .tag-limited-edition {
  top:-43px
 }
}
.products-list .im-3dtry {
 position:absolute;
 width:45px;
 top:0;
 right:0;
 height:100%;
 background:url(images/icons/icon-3d-tryon.png) 2px 50% no-repeat #6ba5d3;
 -webkit-transition:all .25s ease-out;
 transition:all .25s ease-out
}
.products-list .im-3dtry:before {
 position:absolute;
 display:block;
 right:45px;
 top:0;
 height:0;
 width:20px;
 content:"";
 border-bottom:28px solid #6ba5d3;
 border-left:20px solid transparent;
 -webkit-transition:all .25s ease-out;
 transition:all .25s ease-out
}
@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
 .products-list .im-3dtry {
  background-image:url(images/icons/icon-3d-tryon-2x.png);
  background-size:35px 24px
 }
}
.products-list .p-tag {
 position:absolute;
 top:-10px;
 width:70px;
 height:30px
}
@media (min-width:0) {
 .products-list .p-tag {
  top:-13px;
  right:20px
 }
}
@media (min-width:600px) {
 .products-list .p-tag {
  top:-17px;
  right:15px
 }
}
@media (min-width:1200px) {
 .products-list .p-tag {
  top:-15px;
  right:20px
 }
}
.products-list .img-tag {
 display:block;
 position:absolute;
 top:-10px;
 font-size:15px;
 font-weight:500;
 color:#fff;
 text-align:center;
 border-radius:20px;
 padding:1px 8px;
 font-style:normal;
 right:0
}
@media (min-width:0) {
 .products-list .img-tag {
  top:-13px;
  right:20px
 }
}
@media (min-width:600px) {
 .products-list .img-tag {
  top:-17px;
  right:15px
 }
}
@media (min-width:1200px) {
 .products-list .img-tag {
  top:-15px;
  right:20px
 }
}
.products-list .img-tag.tag-limited-edition {
 width:65px;
 height:65px;
 top:-25px
}
.products-list .tag-off-per {
 background:#ce4b43
}
.products-list .tag-arrival {
 background:#75a7a6
}
.products-list .tag-3dd {
 background:#f09a5f
}
@media (min-width:0) {
 .list-other .p-tag {
  top:-15px;
  right:20px
 }
}
@media (min-width:375px) {
 .list-other .p-tag {
  top:-17px;
  right:4px
 }
}
@media (min-width:414px) {
 .list-other .p-tag {
  right:15px
 }
}
@media (min-width:1200px) {
 .list-other .p-tag {
  top:-15px;
  right:20px
 }
}
.device-phone .im-3dtry:before,
.device-tablet .im-3dtry:before {
 border-bottom-width:32px
}
.device-desktop .action-eyetry:hover .im-3dtry {
 background-color:#262626
}
.device-desktop .action-eyetry:hover .im-3dtry:before {
 border-bottom-color:#262626
}
@media (min-width:375px) and (max-width:599px) {
 .device-phone .list-other .im-christmas {
  top:-24px;
  width:59px;
  height:39px;
  background-image:url(images/icons/icon-christmas.gif);
  background-size:59px 39px
 }
 .device-phone .list-other .tag-limited-edition {
  width:40px;
  height:40px;
  background-size:40px 40px
 }
}
.item .item-action,
.item .item-low-stock,
.item .item-size {
 visibility:hidden;
 filter:alpha(opacity=0);
 opacity:0;
 -webkit-transition:all .2s ease-out;
 transition:all .2s ease-out
}
.item .img-hover {
 filter:alpha(opacity=0);
 opacity:0;
 -webkit-transition:opacity 0s ease;
 transition:opacity 0s ease
}
.item.current .item-action,
.item.current .item-low-stock,
.item.current .item-size,
.item:hover .item-action,
.item:hover .item-low-stock,
.item:hover .item-size {
 visibility:visible;
 filter:alpha(opacity=100);
 opacity:1
}
.item.current .img-hover,
.item .in-wishlist,
.item:hover .img-hover {
 filter:alpha(opacity=100);
 opacity:1
}
.item .in-wishlist {
 visibility:visible
}
.products-list {
 margin-left:-15px;
 margin-right:-15px
}
.products-list .item {
 position:relative;
 float:left;
 width:33.33333%;
 /*height:0;*/
 margin:0;
 overflow:hidden
}
@media (min-width:0) {
 .products-list {
  margin-left:0;
  margin-right:0
 }
 .products-list .item {
  width:100%;
  height:auto;
  padding:10% 0 1%;
  float:none
 }
 .products-list .item .item-image {
  max-width:600px
 }
 .products-list .item .item-image a {
  position:relative;
  display:block;
  margin:0 auto;
  max-width:600px;
  height:auto;
  padding-bottom:0;
  overflow:hidden
 }
}
@media (min-width:600px) {
 .products-list {
  margin-left:-15px;
  margin-right:-15px
 }
 .products-list .item {
  float:left;
  width:50%;
  /*height:0;*/
  padding:0
 }
 .products-list .item-ab {
  padding-bottom:44.5%
 }
 .products-list .item-ab.see-more {
  padding-bottom:46%
 }
 .products-list .has-package {
  padding-bottom:42%
 }
}
@media (min-width:768px) {
 .products-list .item-ab {
  padding-bottom:41%
 }
 .products-list .item-ab.see-more {
  padding-bottom:43%
 }
}
@media (min-width:800px) {
 .products-list .item {
  padding-bottom:38%
 }
}
@media (min-width:900px) {
 .products-list .item {
  padding-bottom:36%
 }
 .products-list .item-ab {
  padding-bottom:38.5%
 }
 .products-list .item-ab.see-more {
  padding-bottom:40.5%
 }
 .products-list .has-package {
  padding-bottom:37%
 }
}
@media (min-width:1024px) {
 .products-list {
  margin-left:-20px;
  margin-right:-20px
 }
 .products-list .item {
  width:33.3333333%;
  padding:0
 }
 .products-list .item .item-image {
  max-width:360px
 }
 .products-list .item-ab {
  padding:0
 }
 .products-list .item-ab.see-more {
  padding-bottom:30%
 }
 .products-list .has-package {
  padding-bottom:27%
 }
}
@media (min-width:1200px) {
 .products-list .item-ab {
  padding:0;
  float:right;
 }
 .products-list .item-ab.see-more {
  padding-bottom:28%
 }
}
@media (min-width:1400px) {
 .products-list .item-ab.see-more {
  padding-bottom:27%
 }
}
.list-other .item-action,
.list-other .item-colors,
.list-other .item-info {
 max-width:85%
}
.list-other .item {
 position:relative;
 float:left;
 margin:0;
 height:0;
 padding:3% 20px 25%;
 width:33.33333%;
 overflow:hidden
}
@media (min-width:0) {
 .list-other .item {
  width:100%;
  height:auto;
  padding:6% 0 1%;
  float:none
 }
 .list-other .item .item-image {
  max-width:600px
 }
 .list-other .item .item-image a {
  position:relative;
  display:block;
  margin:0 auto;
  max-width:600px;
  height:0;
  padding-bottom:50%;
  overflow:hidden
 }
}
@media (min-width:600px) {
 .list-other .item {
  float:left;
  width:50%;
  height:0;
  padding:6% 15px 40%
 }
 .list-other .has-package {
  padding-bottom:42%
 }
}
@media (min-width:800px) {
 .list-other .item {
  padding-top:6%;
  padding-bottom:38%
 }
}
@media (min-width:900px) {
 .list-other .item {
  padding-bottom:36%
 }
 .list-other .has-package {
  padding-bottom:37%
 }
}
@media (min-width:1024px) {
 .list-other {
  padding-bottom:34%
 }
}
.products-list .item-banner {
 position:relative;
 width:100%;
 text-align:center;
 overflow:hidden
}
.products-list .item-banner .sub-link a {
 position:absolute;
 background-color:#fff;
 filter:alpha(opacity=0);
 opacity:0
}
.products-list .item-package {
 position:relative;
 margin-top:-5px;
 margin-bottom:10px;
 font-size:12px;
 color:#9c9c9c;
 text-align:center;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
.products-list .item-package sup {
 font-size:50%;
 top:-.8em
}
.item.promotion-item .original-price {
 margin-top:3px;
 margin-left:3px;
 font-size:14px
}
.item.promotion-item .normal-price {
 font-size:16px;
 margin-left:0
}
.products-list .list-first-visit {
 position:relative;
 width:100%;
 overflow:hidden;
 clear:both
}
@media (min-width:600px) {
 .products-list .list-first-visit {
  padding:0 15px
 }
}
.products-list .list-first-container {
 display:table;
 width:100%;
 max-width:1000px;
 margin:55px auto 75px
}
.products-list .list-first-sidebar {
 display:table-cell;
 width:37%;
 vertical-align:middle
}
.products-list .list-first-content {
 display:table-cell;
 width:63%;
 max-width:605px
}
@media (max-width:767px) {
 .products-list .list-first-container {
  display:block;
  max-width:480px;
  margin:60px auto 70px
 }
 .products-list .list-first-content,
 .products-list .list-first-sidebar {
  display:block;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  text-align:center
 }
}
.products-list .list-view-all {
 display:block;
 margin:35px auto 15px;
 font-size:14px;
 font-weight:500
}
@media (max-width:767px) {
 .products-list .list-view-all {
  margin-top:18px;
  margin-bottom:38px
 }
}
.products-list .list-first-sidebar .title {
 margin-top:0;
 margin-bottom:5px;
 font-size:32px;
 line-height:1.1;
 font-weight:700
}
@media (max-width:767px) {
 .products-list .list-first-sidebar .title {
  font-size:24px
 }
}
.products-list .list-first-sidebar dl {
 margin-top:15px
}
@media (max-width:767px) {
 .products-list .list-first-sidebar dl {
  margin-top:20px;
  margin-bottom:30px
 }
}
.products-list .list-first-sidebar dd {
 padding:5px 0;
 font-size:16px;
 font-weight:400;
 cursor:pointer
}
@media (max-width:767px) {
 .products-list .list-first-sidebar dd {
  padding-top:8px;
  padding-bottom:8px
 }
}
.products-list .list-first-sidebar dd.current {
 color:#d39d4e
}
.products-list .list-guide-video {
 position:relative;
 display:block;
 margin:0 auto;
 max-width:712px;
 height:0;
 padding-bottom:56.17978%;
 overflow:hidden
}
@media (max-width:767px) {
 .products-list .list-guide-video {
  position:relative;
  display:block;
  margin:0 auto;
  max-width:480px;
  height:0;
  padding-bottom:100%;
  overflow:hidden
 }
}
.products-list .list-guide-video .list-iframe-box {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.products-list .list-guide-video:hover .im-play-m {
 opacity:1
}
.products-list .im-play-m {
 position:absolute;
 left:50%;
 top:50%;
 margin-top:-45px;
 margin-left:-45px;
 opacity:.6;
 -webkit-transition:all .2s ease;
 transition:all .2s ease
}
.list-first-mobile {
 max-width:768px;
 margin:20px auto 0;
 padding-bottom:34px
}
@media (max-width:630px) {
 .list-first-mobile {
  margin-top:0;
  max-width:350px;
  margin-left:auto;
  margin-right:auto
 }
}
.list-first-mobile>li {
 display:inline-block;
 width:25%;
 float:left;
 text-align:center;
 padding-top:30px
}
@media (max-width:630px) {
 .list-first-mobile>li {
  width:50%;
  padding-left:5px;
  padding-right:5px
 }
 .list-first-mobile>li:first-child .video-guide,
 .list-first-mobile>li:nth-child(2) .video-guide {
  border-bottom:1px solid #ccc
 }
}
.list-first-mobile .video-name {
 display:block;
 max-width:130px;
 margin:8px auto 0;
 padding:0 10px;
 text-align:center;
 font-size:15px;
 font-weight:700;
 line-height:1.3
}
html:lang(fr-CA) .list-first-mobile .video-name,
html:lang(fr-FR) .list-first-mobile .video-name {
 max-width:160px;
 height:64px
}
@media (max-width:374px) {
 html:lang(fr-CA) .list-first-mobile .video-name,
 html:lang(fr-FR) .list-first-mobile .video-name {
  height:82px
 }
}
.list-first-guarantee {
 position:relative;
 width:100%;
 text-align:center;
 overflow:hidden
}
.list-first-guarantee .first-guarantee-content {
 margin:0 auto;
 width:100%;
 max-width:1200px
}
.list-first-guarantee .first-guarantee-content .list-guarantee-banner {
 position:relative;
 display:block;
 margin:0 auto;
 max-width:1200px;
 height:0;
 padding-bottom:41.66667%;
 overflow:hidden
}
.list-first-guarantee .first-guarantee-content .list-guarantee-container {
 position:absolute;
 display:table;
 top:0;
 left:0;
 height:100%;
 width:50%;
 z-index:10
}
.list-first-guarantee .first-guarantee-content .list-guarantee-content {
 display:table-cell;
 vertical-align:middle;
 padding:14% 0 10%;
 text-align:center
}
@media (max-width:767px) {
 .list-first-guarantee .first-guarantee-content .list-guarantee-banner {
  height:auto;
  padding-bottom:30px
 }
 .list-first-guarantee .first-guarantee-content .list-guarantee-banner img {
  display:none
 }
 .list-first-guarantee .first-guarantee-content .list-guarantee-container {
  display:block;
  width:100%;
  position:relative;
  left:auto;
  top:auto
 }
 .list-first-guarantee .first-guarantee-content .list-guarantee-content {
  display:block
 }
}
.list-first-guarantee .list-guarantee-content .title {
 margin:10px auto;
 font-size:24px;
 font-weight:500;
 letter-spacing:3px;
 line-height:1.1;
 text-transform:uppercase
}
.list-first-guarantee .list-guarantee-content .title strong {
 display:block;
 font-size:34px;
 letter-spacing:9px;
 text-indent:6px
}
.list-first-guarantee .list-guarantee-content p {
 margin:36px auto 34px;
 width:100%;
 max-width:230px;
 font-size:18px;
 line-height:1.3
}
.list-first-guarantee .list-guarantee-content .btn-box {
 margin:10px auto;
 padding:9px 80px;
 text-transform:uppercase;
 background:none
}
.list-first-guarantee .list-guarantee-content .btn-box:hover {
 background-color:#29235c
}
@media (max-width:1023px) {
 .list-first-guarantee .list-guarantee-content h5 {
  font-size:20px;
  letter-spacing:4px
 }
 .list-first-guarantee .list-guarantee-content h5 strong {
  font-size:30px;
  letter-spacing:10px;
  text-indent:5px
 }
 .list-first-guarantee .list-guarantee-content p {
  margin:16px auto 14px
 }
 .list-first-guarantee .list-guarantee-content .btn-box {
  padding-left:50px;
  padding-right:50px
 }
}
.item .slide-product-items {
 width:100%
}
.item dl {
 position:relative;
 -ms-touch-action:pan-y;
 touch-action:pan-y;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 -webkit-transition-property:left;
 transition-property:left
}
.item dd {
 float:left;
 width:100%
}
.device-phone .page-size .select-options,
.device-tablet .page-size .select-options {
 top:auto;
 bottom:22px
}
@media (min-width:768px) {
 .index-quiz-content .img-box {
  position:relative;
  display:block;
  margin:0 auto;
  max-width:1200px;
  height:0;
  padding-bottom:32.5%;
  overflow:hidden
 }
}
.index-quiz-content .quiz-cata-banner {
 position:relative;
 width:100%;
 max-width:1200px;
 margin:0 auto
}
.index-quiz-content .quiz-cata-banner img {
 display:none
}
@media (min-width:768px) {
 .index-quiz-content .quiz-cata-banner img {
  display:block
 }
}
.index-quiz-content .main-text-container {
 background:#ce9b4a
}
@media (min-width:768px) {
 .index-quiz-content .main-text-container {
  position:absolute;
  left:0;
  top:0;
  display:table;
  width:50%;
  height:100%
 }
}
.index-quiz-content .main-text-container .main-text-content {
 padding:25px 10px
}
@media (min-width:768px) {
 .index-quiz-content .main-text-container .main-text-content {
  display:table-cell;
  vertical-align:middle;
  padding:3% 10px 0 0;
  text-align:left;
  padding-left:9.1%
 }
}
@media (min-width:1024px) {
 .index-quiz-content .main-text-container .main-text-content {
  padding-left:12.1%
 }
}
.index-quiz-content h3 {
 color:#fff;
 font-size:52px;
 font-weight:500;
 margin-top:-5px;
 text-transform:none;
 text-decoration:none;
 line-height:1;
 max-width:390px
}
@media (max-width:1024px) {
 .index-quiz-content h3 {
  font-size:38px
 }
}
@media (max-width:900px) {
 .index-quiz-content h3 {
  font-size:30px
 }
}
@media (max-width:767px) {
 .index-quiz-content h3 {
  max-width:270px;
  margin:0 auto;
  font-size:36px;
  text-align:center
 }
}
.index-quiz-content .text-section {
 max-width:560px;
 color:#fff;
 font-size:24px;
 text-align:left;
 padding-bottom:32px
}
@media (max-width:1024px) {
 .index-quiz-content .text-section {
  font-size:22px
 }
}
@media (max-width:900px) {
 .index-quiz-content .text-section {
  padding-bottom:20px;
  font-size:16px
 }
}
@media (max-width:767px) {
 .index-quiz-content .text-section {
  width:100%;
  max-width:400px;
  margin:0 auto;
  text-align:center
 }
}
.index-quiz-content .text-section p {
 padding:0;
 margin-top:23px
}
@media (max-width:1024px) {
 .index-quiz-content .text-section p {
  margin-top:10px
 }
}
@media (max-width:767px) {
 .index-quiz-content .text-section p {
  margin-top:10px;
  letter-spacing:0
 }
}
.index-quiz-content .btn-box {
 display:inline-block;
 width:90%;
 max-width:170px;
 padding:6px 15px;
 margin:0 10px 10px 0;
 color:#000;
 font-size:22px;
 border-color:#fff;
 background:#fff
}
@media (max-width:1024px) {
 .index-quiz-content .btn-box {
  font-size:20px
 }
}
@media (max-width:767px) {
 .index-quiz-content .btn-box {
  max-width:113px;
  height:35px;
  font-size:14px;
  display:block;
  margin:0 auto
 }
}
@media (max-width:370px) {
 .index-quiz-content .btn-cata-first {
  margin:20px auto;
  max-width:220px
 }
}
.index-quiz-content .btn-cata-again {
 max-width:218px
}
@media (max-width:480px) {
 .index-quiz-content .btn-cata-again {
  max-width:180px;
  padding-top:8px;
  padding-bottom:8px
 }
}
.index-quiz-content .btn-quiz-reta {
 color:#fff;
 text-decoration:underline;
 font-size:19px;
 padding-left:10px;
 font-weight:700
}
@media (max-width:767px) {
 .index-quiz-content .btn-quiz-reta {
  padding-left:0;
  display:block;
  margin-top:15px
 }
}
.index-quiz-content .btn.btn-box:active,
.index-quiz-content .btn.btn-box:focus,
.index-quiz-content .btn.btn-box:hover {
 color:#000;
 background-color:#fff;
 border-color:#fff
}
.onsale-desciption {
 margin-top:50px;
 text-align:center
}
.onsale-desciption h3 {
 margin:10px auto 0;
 font-weight:400;
 font-size:28px;
 text-transform:uppercase
}
.onsale-desciption p {
 margin:16px auto 10px;
 max-width:1030px
}
@media (max-width:1024px) {
 .onsale-desciption {
  margin-top:30px
 }
}
.tip-filter {
 color:#000;
 margin-top:5px;
 margin-bottom:15px
}
.no-result {
 padding:60px 20px 200px
}
.no-result .btn {
 margin:10px 0
}
@media (max-width:520px) {
 .no-result .search-input {
  display:block;
  vertical-align:middle
 }
 .no-result .search-input>input {
  vertical-align:middle
 }
}
@media (max-width:368px) {
 .no-result .search-input {
  margin-top:8px
 }
}
.no-result .oops {
 display:block;
 font-size:18px;
 font-weight:700;
 padding-bottom:16px
}
.no-result .try-again {
 margin-right:6px;
 font-size:14px
}
.favor-list {
 overflow:hidden;
 padding:34px 5px 14px 55px;
 background-color:#a2dff3
}
.favor-list ul {
 display:table
}
.favor-list li {
 width:34%;
 font-size:16px;
 padding:0 6% 2% 7%;
 display:table-cell
}
.favor-list .first {
 background:url(images/favor-list-01.png) no-repeat 0 10px
}
.favor-list .second {
 background:url(images/favor-list-02.png) no-repeat 0 10px
}
.favor-list .third {
 background:url(images/favor-list-04.png) no-repeat 0 10px
}
.favor-list .forth {
 background:url(images/favor-list-03.png) no-repeat 0 10px
}
@media (max-width:720px) {
 .favor-list {
  padding:10px 10px 15px
 }
 .favor-list ul {
  display:block
 }
 .favor-list li {
  display:block;
  width:84%;
  min-height:0;
  padding:2% 0 1% 54px
 }
}
.catalog-bottom-desc {
 margin:22px auto;
 padding-top:30px;
 border-top:1px solid #ccc
}
.catalog-bottom-desc h1,
.catalog-bottom-desc h2,
.catalog-bottom-desc h3 {
 margin-bottom:15px;
 font-size:14px;
 font-weight:700;
 text-transform:none
}
.catalog-bottom-desc p {
 margin-bottom:15px
}
.catalog-bottom-desc em {
 font-style:normal
}
.catalog-bottom-desc a {
 color:#000;
 text-decoration:underline
}
.catalog-bottom-desc a:hover {
 color:#d39d4e
}
.products-list .see-more-btn {
 margin:0 auto;
 text-align:center
}
.products-list .see-more-btn .btn {
 margin-top:10px;
 padding:8px 10px;
 font-size:13px
}
@media (max-width:1200px) {
 .products-list .see-more-btn .btn {
  margin-top:8px
 }
}
.list-sort-container {
 padding-top:5px
}
.list-grid {
 display:inline-block;
 vertical-align:middle;
 margin-left:10px
}
.list-grid .grid {
 position:relative;
 display:block;
 float:left;
 height:15px;
 cursor:pointer
}
.list-grid .grid>i {
 position:absolute;
 display:block;
 top:0;
 width:6px;
 height:100%;
 font-size:0
}
.list-grid .grid>i:after,
.list-grid .grid>i:before {
 display:block;
 position:absolute;
 left:0;
 width:6px;
 height:6px;
 content:"";
 background-color:#8b8b8b
}
.list-grid .grid>i:before {
 top:0
}
.list-grid .grid>i:after {
 bottom:0
}
.list-grid .grid .g-l {
 left:0
}
.list-grid .grid .g-r {
 right:0
}
.list-grid .grid .g-m {
 left:8px
}
.list-grid .grid-current>i:after,
.list-grid .grid-current>i:before {
 background-color:#d39d4e
}
.list-grid .grid-other {
 width:14px;
 margin-right:7px
}
.list-grid .grid-default {
 width:22px
}
@media (max-width:1024px) {
 .list-grid {
  display:none
 }
}
@media (max-width:600px) {
 .index-quiz-content {
  margin-top:20px
 }
}
.popup-mobile-login {
 position:fixed;
 bottom:0;
 left:0;
 width:100%;
 background-color:#fff;
 z-index:1500
}
.popup-mobile-login .popup-login-container {
 position:relative;
 width:100%
}
.popup-mobile-login .btn-close {
 position:absolute;
 display:block;
 width:23px;
 height:23px;
 top:10px;
 right:10px;
 font-size:14px;
 line-height:1.4;
 text-align:center;
 padding:3px 5px;
 color:#000;
 font-weight:700;
 z-index:1;
 overflow:hidden
}
.popup-mobile-login .btn-close i {
 font-weight:700
}
.popup-login-content {
 position:relative;
 width:100%;
 max-width:375px;
 min-width:270px;
 margin:0 auto;
 padding:25px 35px 5px
}
@media (max-width:375px) {
 .popup-login-content {
  padding:25px 15px 5px
 }
}
.popup-login-content .field-container {
 margin-top:5px
}
.popup-login-content .field-remember {
 margin:7px auto;
 font-size:12px;
 overflow:hidden
}
.popup-login-content .field-remember .popup-forget-password {
 margin:3px 0 0 10px;
 float:right;
 display:inline-block;
 color:#a3a3a3
}
.popup-login-content .field-button {
 margin:18px auto 7px
}
.popup-login-content .field-button .btn-login {
 width:100%
}
.popup-login-content .popup-other-login {
 margin:30px auto 5px;
 text-align:center;
 overflow:hidden
}
.popup-login-content .popup-other-login .btn-login-facebook,
.popup-login-content .popup-other-login .popup-amazon-login {
 display:inline-block;
 float:left;
 vertical-align:middle;
 width:49%;
 cursor:pointer
}
.popup-login-content .popup-other-login .btn-login-facebook img,
.popup-login-content .popup-other-login .popup-amazon-login img {
 display:block;
 height:auto!important
}
.popup-login-content .popup-other-login .btn-login-facebook {
 float:right
}
.popup-login-content .popup-create-account {
 margin:13px auto 0;
 display:block;
 padding:5px;
 text-align:center
}
.popup-login-content .popup-create-account a {
 display:block;
 padding:5px 0;
 cursor:pointer
}
html:lang(en-CA) .device-desktop .popup-login-content,
html:lang(fr-CA) .device-desktop .popup-login-content,
html:lang(fr-FR) .device-desktop .popup-login-content {
 min-width:375px
}
html:lang(en-CA) .popup-other-login .btn-login-facebook,
html:lang(fr-CA) .popup-other-login .btn-login-facebook,
html:lang(fr-FR) .popup-other-login .btn-login-facebook {
 float:none
}
.pre-ajax-load {
 display:block;
 height:16px;
 line-height:16px;
 text-align:left;
 padding:5px 0 5px 20px;
 background:url(images/pre-ajax-load.gif) no-repeat 0
}
#eyetry-wrapper {
 position:fixed;
 top:100px;
 left:100px;
 border:5px solid #fff;
 box-shadow:0 0 4px rgba(0,0,0,.3);
 background-color:#29235c;
 z-index:1340
}
#eyetry-wrapper .btn {
 -webkit-transition:none;
 transition:none
}
.eyetry-container .im-3dtry {
 position:absolute;
 width:45px;
 top:0;
 right:0;
 height:100%;
 background:url(images/icons/icon-3d-tryon.png) 2px 50% no-repeat
}
@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
 .eyetry-container .im-3dtry {
  background-image:url(images/icons/icon-3d-tryon-2x.png);
  background-size:35px 24px
 }
}
.device-desktop .eyetry-container {
 background-color:#fcfcfc
}
.device-desktop .eyetry-container .btn-switch-try {
 position:relative;
 margin:7px auto 18px;
 height:36px;
 line-height:33px;
 padding:0 15px;
 font-size:14px;
 color:#6ba5d3;
 font-weight:500;
 white-space:nowrap;
 text-transform:uppercase;
 text-align:center;
 cursor:pointer;
 border:1px solid #6ba5d3
}
.device-desktop .eyetry-container .im-3dtry {
 background-color:#6ba5d3
}
.device-desktop .eyetry-container .im-3dtry:before {
 position:absolute;
 display:block;
 right:45px;
 top:0;
 height:0;
 width:20px;
 content:"";
 border-bottom:34px solid #6ba5d3;
 border-left:20px solid transparent
}
.device-desktop .eyetry-footer-bar .btn-switch-try {
 width:330px;
 margin:0 auto 10px;
 clear:both
}
.device-phone .eyetry-container .mobile-switch-btn,
.device-tablet .eyetry-container .mobile-switch-btn {
 padding-right:35px!important;
 margin:10px auto 0;
 position:relative;
 font-weight:700
}
#eyetry-loading {
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-32px;
 margin-top:-32px
}
#eyetry-locked {
 position:absolute;
 width:100%;
 height:100%
}
.eyetry-container {
 position:relative
}
#eyetry-wrapper .icon {
 display:inline-block;
 width:0;
 padding-left:10px;
 height:10px;
 font-size:0;
 line-height:0;
 background-position:50%;
 background-repeat:no-repeat;
 overflow:hidden
}
#eyetry-wrapper .main-photo {
 position:relative;
 background-color:#fff
}
#eyetry-wrapper .main-photo .frameView,
#eyetry-wrapper .main-photo .modelView {
 display:none;
 position:absolute
}
#processingImg {
 display:block;
 position:absolute
}
#eyetry-wrapper .help {
 font-family:arial;
 display:inline-block;
 margin-left:3px;
 margin-bottom:1px;
 width:0;
 padding-left:15px;
 height:15px;
 color:#666;
 font-size:11px;
 text-align:center;
 line-height:14px;
 cursor:pointer;
 text-decoration:none;
 background-color:#fff;
 vertical-align:middle;
 background:url(images/rx/icon-help-normal-x1.png) 0 0 no-repeat;
 overflow:hidden
}
.eyetry-close {
 position:absolute;
 display:inline-block
}
#eyetry-wrapper .eyetry-close {
 right:-22px;
 top:-22px;
 text-align:right;
 width:32px;
 height:32px;
 border-radius:50%;
 background:#000;
 cursor:pointer;
 z-index:10
}
.eyetry-default {
 width:370px;
 min-height:420px
}
.eyetry-main {
 overflow:hidden
}
.eyetry-main,
.eyetry-sidebar {
 position:relative;
 min-height:420px
}
.eyetry-sidebar {
 width:170px;
 float:left;
 color:#fff;
 background:url(images/eyetry/eyetry-r.png) 97px 10px no-repeat
}
.eyetry-container {
 width:370px;
 float:right
}
.change-photo {
 width:550px;
 left:500px
}
#eyetry-wrapper.eyetry-upload {
 width:778px;
 top:100px;
 left:100px
}
#eyetry-wrapper.eyetry-upload .eyetry-sidebar {
 position:relative;
 width:170px;
 min-height:420px;
 float:left;
 color:#fff;
 background-color:#29235c
}
#eyetry-wrapper.eyetry-upload .eyetry-container {
 width:598px;
 float:right
}
#eyetry-wrapper.eyetry-upload .eyetry-main {
 overflow:hidden
}
#eyetry-wrapper.eyetry-upload .try-upload-container {
 position:relative;
 width:370px;
 float:left
}
#eyetry-wrapper.eyetry-upload .try-upload-tips {
 width:228px;
 float:right
}
#eyetry-wrapper.upload-adjust {
 width:550px
}
#eyetry-wrapper.upload-adjust .eyetry-container {
 width:370px
}
.eyetry-adjust-photo {
 width:540px;
 top:100px;
 left:100px;
 overflow:hidden;
 background-color:#f2f2f2
}
.eyetry-adjust-photo .eyetry-sidebar {
 position:relative;
 width:170px;
 min-height:420px;
 float:left;
 color:#fff;
 background-color:#29235c
}
.eyetry-compare-list .eyetry-container {
 float:left
}
.eyetry-compare-list .eyetry-sidebar {
 float:right;
 color:#000;
 background-color:#fff;
 border-left:1px solid #ccc
}
#eyetry-wrapper.change-photo .eyetry-main,
#eyetry-wrapper.default .eyetry-main {
 height:auto
}
#eyetry-wrapper.change-photo .main-photo,
#eyetry-wrapper.default .main-photo {
 min-height:420px;
 overflow:hidden
}
.eyetry-frame-sizes {
 position:absolute;
 bottom:6px;
 left:6px;
 display:inline-block;
 text-align:right;
 max-width:85px
}
.eyetry-frame-sizes span {
 display:inline-block;
 margin-right:6px;
 width:21px;
 height:21px;
 color:#000;
 font-size:12px;
 font-size:1.2rem;
 line-height:20px;
 font-weight:500;
 text-align:center;
 text-transform:uppercase;
 text-decoration:none;
 background-color:hsla(0,0%,100%,.6);
 vertical-align:middle;
 cursor:pointer
}
.eyetry-frame-sizes span.current,
.eyetry-frame-sizes span:hover {
 color:#fff;
 background-color:rgba(0,0,0,.6)
}
.eyetry-frame-sizes span.current {
 cursor:default
}
.eyetry-frame-sizes span.current:hover {
 background-color:rgba(0,0,0,.6)
}
.eyetry-footer-bar {
 width:100%;
 height:46px;
 background-color:#fff;
 overflow:hidden
}
.eyetry-footer-frame {
 width:100%;
 padding:18px 5px 15px;
 background:#fff;
 text-align:center;
 line-height:1.3
}
.eyetry-footer-frame a {
 color:#4ca3bf;
 text-decoration:underline
}
.eyetry-footer-bar {
 text-align:center
}
.eyetry-footer-bar .button-change,
.eyetry-footer-bar .button-compare {
 display:inline-block;
 margin:11px 20px;
 padding:4px 0;
 font-size:14px;
 font-weight:700;
 line-height:1;
 cursor:pointer
}
.eyetry-footer-bar .button-compare {
 display:none;
 float:right
}
.eyetry-footer-bar.show-button-compare .button-change {
 float:left
}
.eyetry-footer-bar.show-button-compare .button-compare {
 display:inline-block
}
#eyetry-wrapper .icon.change {
 margin-top:-2px;
 margin-right:2px;
 height:13px;
 padding-left:16px;
 background-position:0 0
}
#eyetry-wrapper .icon.change,
#eyetry-wrapper .icon.compare {
 vertical-align:middle;
 background-image:url(images/eyetry/icons-eyetry.png)
}
#eyetry-wrapper .icon.compare {
 height:20px;
 padding-left:21px;
 background-position:0 -15px
}
.eyetry-sidebar .photo-list {
 position:relative;
 margin:30px auto 5px;
 padding:30px 0;
 width:145px;
 height:360px
}
.photo-list .arrow {
 position:absolute;
 left:0;
 width:100%;
 display:block;
 padding:7px 0;
 cursor:pointer;
 overflow:hidden
}
#eyetry-wrapper .photo-list .arrow .icon {
 padding-left:100%;
 height:15px;
 background-image:url(images/eyetry/icon-arrow.png)
}
.photo-list .arrow.up {
 top:0
}
#eyetry-wrapper .photo-list .arrow.up .icon {
 background-position:top
}
.photo-list .arrow.down {
 bottom:0
}
#eyetry-wrapper .photo-list .arrow.down .icon {
 background-position:bottom
}
.photo-list .photo-list-content {
 position:relative;
 height:300px;
 width:86px;
 margin-left:auto;
 margin-right:auto;
 overflow:hidden
}
.photo-list ul {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 overflow:hidden
}
.photo-list li {
 margin:0 auto 3px;
 text-align:center
}
.photo-list li img {
 display:block
}
.photo-list li span {
 display:block;
 width:100%;
 padding:3px;
 border:2px solid #29235c;
 overflow:hidden;
 cursor:pointer
}
.photo-list li a {
 display:none
}
.photo-list li.focus span {
 border-color:#fff
}
.eyetry-sidebar .btn-edit-photo,
.eyetry-sidebar .btn-remove-photo,
.eyetry-sidebar .upload-btn {
 position:relative;
 display:block;
 margin:9px auto 0;
 width:118px;
 padding:4px 14px;
 color:#fff;
 background-color:#29235c;
 border-color:#fff
}
.eyetry-sidebar .btn-edit-photo:active,
.eyetry-sidebar .btn-edit-photo:focus,
.eyetry-sidebar .btn-edit-photo:hover,
.eyetry-sidebar .btn-remove-photo:active,
.eyetry-sidebar .btn-remove-photo:focus,
.eyetry-sidebar .btn-remove-photo:hover,
.eyetry-sidebar .upload-btn:active,
.eyetry-sidebar .upload-btn:focus,
.eyetry-sidebar .upload-btn:hover {
 color:#000;
 border-color:#fff;
 background-color:#fff;
 text-decoration:none
}
.eyetry-login {
 margin:10px auto 0;
 padding:5px 20px;
 color:#d4d4d4;
 line-height:1.2;
 text-align:center
}
.eyetry-login a {
 color:#fff;
 text-decoration:underline
}
.try-upload-tips {
 padding-top:47px
}
.try-upload-tips .try-tips-title {
 margin:0 auto;
 font-size:16px;
 text-indent:15px;
 font-weight:500;
 text-transform:uppercase
}
.try-upload-tips .try-tips-list {
 margin:0 3px;
 padding-top:3px
}
.try-upload-tips .try-tips-list li {
 margin:11px auto
}
#eyetry-wrapper .icon.try-tips-one,
#eyetry-wrapper .icon.try-tips-three,
#eyetry-wrapper .icon.try-tips-two {
 padding-left:76px;
 height:76px;
 vertical-align:middle;
 background-image:url(images/eyetry/icons-photo-tips.png);
 background-repeat:no-repeat
}
#eyetry-wrapper .icon.try-tips-one {
 background-position:0 7px
}
#eyetry-wrapper .icon.try-tips-two {
 background-position:0 -80px
}
#eyetry-wrapper .icon.try-tips-three {
 background-position:0 -163px
}
.try-tips-text {
 display:inline-block;
 margin-left:17px;
 vertical-align:middle;
 max-width:120px;
 font-weight:500
}
.try-first-upload-tips {
 margin:0 10px 28px 19px
}
.try-first-upload-tips p {
 margin:0 auto 18px
}
.try-first-upload-tips .try-login {
 color:#4ca3bf;
 text-decoration:underline;
 cursor:pointer
}
.upload-list {
 margin:55px auto 10px;
 width:100%;
 color:#fff
}
.upload-list h5 {
 margin:5px 10px 5px 21px;
 font-size:14px;
 font-size:1.4rem;
 text-transform:uppercase
}
.upload-list ul {
 margin-top:12px
}
.upload-list li {
 position:relative;
 margin-left:1px;
 padding:10px 18px;
 cursor:pointer
}
.upload-list li.current:before {
 position:absolute;
 display:block;
 left:0;
 top:0;
 width:8px;
 height:100%;
 background-color:#4ca3bf;
 content:" "
}
#eyetry-wrapper .upload-list .icon {
 padding-left:15px;
 height:15px;
 margin-right:5px;
 background-image:url(images/eyetry/icons-upload.png)
}
#eyetry-wrapper .upload-list .computer .icon {
 background-position:0 -5px
}
#eyetry-wrapper .upload-list .facebook .icon {
 background-position:0 -41px
}
#eyetry-wrapper .upload-list .instagram .icon {
 background-position:0 -81px
}
#eyetry-wrapper .upload-list .links .icon {
 background-position:0 -118px
}
.upload-back-btn {
 position:absolute;
 bottom:25px;
 left:18px;
 text-indent:5%;
 font-weight:700;
 cursor:pointer;
 text-transform:uppercase;
 white-space:nowrap
}
.eyetry-upload .main-photo {
 position:relative;
 margin:40px auto 0;
 width:335px;
 height:285px;
 border:1px dashed #9c9b9b;
 background-color:#fff
}
.eyetry-upload .main-photo .default-tips {
 position:absolute;
 display:block;
 left:0;
 top:42%;
 width:100%;
 text-align:center;
 font-size:30px;
 color:#a3a3a3
}
.eyetry-upload .upload-bottom-bar {
 margin:25px 17px 0;
 text-align:right;
 color:#9a9a9a
}
.eyetry-upload .upload-bottom-bar .upload-btn {
 display:block;
 position:relative;
 padding:9px 15px;
 font-size:13px;
 font-weight:700;
 text-transform:uppercase;
 cursor:pointer;
 overflow:hidden
}
.eyetry-main .upload_file {
 cursor:pointer;
 position:absolute;
 right:0;
 top:0;
 height:36px;
 width:100%;
 font-size:50px;
 filter:alpha(opacity=0);
 -moz-opacity:0;
 -khtml-opacity:0;
 opacity:0
}
.eyetry-upload .upload-web-container {
 position:relative;
 width:370px;
 float:left;
 color:#000
}
.eyetry-upload .upload-web-container .link-error-tip {
 margin-top:10px;
 color:red;
 font-weight:400
}
#fbnlogin {
 width:100%;
 float:none
}
.eyetry-upload .upload-web-container .upload-title {
 margin-top:10px;
 text-transform:uppercase;
 margin-left:20px;
 margin-right:50px;
 font-weight:700
}
.eyetry-upload .upload-web-container .upload-url-content {
 margin-left:20px;
 margin-top:20px;
 font-weight:700
}
.eyetry-upload .upload-container {
 height:100%
}
.eyetry-upload .upload-url-content .upload-url {
 width:95%;
 margin:3px auto 0;
 border-radius:3px;
 border:1px solid #ccc;
 text-indent:4px;
 padding:8px 0
}
.eyetry-upload .upload-url-content .upload-url-btn {
 margin:10px auto;
 padding:9px 20px;
 font-weight:400
}
.eyetry-upload .upload-facebook-content {
 margin:140px auto 0;
 text-align:center
}
.eyetry-upload .upload-facebook-content h4 {
 margin:0 auto 20px;
 font-size:18px;
 font-weight:700;
 text-transform:none
}
.eyetry-upload .upload-facebook-content .connect-fb-btn {
 padding:9px 25px;
 font-weight:400;
 font-size:14px
}
.eyetry-upload .upload-facebook-content p {
 margin:15px auto;
 max-width:250px
}
.eyetry-upload .facebook-photo-list {
 margin:20px;
 width:100%;
 height:315px;
 overflow:hidden
}
.eyetry-upload .facebook-photo-list ul {
 width:345px;
 overflow:hidden
}
.eyetry-upload .facebook-photo-list li {
 display:inline-block;
 margin-right:10px;
 margin-bottom:10px;
 float:left;
 width:101px;
 border:1px solid #ccc;
 height:82px;
 overflow:hidden
}
.eyetry-upload .facebook-photo-list li:hover {
 cursor:pointer
}
.eyetry-upload .fb-pages {
 display:table;
 width:100%;
 font-size:12px
}
.eyetry-upload .fb-pages a {
 font-style:normal;
 margin:0 3px;
 cursor:pointer
}
.eyetry-upload .fb-pages b.current {
 cursor:default
}
.eyetry-upload .fb-pages span {
 display:table-cell
}
.eyetry-upload .fb-pages .fb-page-btn.pre {
 width:100px;
 cursor:pointer
}
.eyetry-upload .fb-pages .fb-page-btn.next {
 width:80px;
 text-align:right;
 cursor:pointer
}
.eyetry-upload .fb-pages .fb-page-btn.disabled {
 color:#ccc;
 cursor:default
}
.eyetry-upload .fb-page-num {
 text-align:center
}
.eyetry-upload .links-content {
 margin:50px
}
.eyetry-upload .links-content button {
 padding:5px 15px 8px
}
.adjust-bottom.upload-bottom-bar {
 margin:10px 17px 0;
 text-align:right;
 color:#000
}
.adjust-bottom.upload-bottom-bar .upload-btn {
 margin-left:5px;
 padding:7px 15px
}
.adjust-bottom .adjust-tips {
 margin-bottom:8px;
 height:28px;
 line-height:23px;
 font-weight:700;
 white-space:nowrap
}
.adjust-bottom .adjust-tips .left {
 float:left
}
.adjust-bottom .adjust-tips .right {
 float:right
}
.adjust-bottom .adjust-tips strong {
 display:inline-block;
 height:28px;
 margin-left:10px;
 padding-left:15px;
 border-left:1px solid #c2c2c2
}
.adjust-bottom .adjust-tips .rotateBtn {
 cursor:pointer
}
#eyetry-wrapper .adjust-bottom .adjust-tips .icon {
 height:16px;
 padding-left:16px;
 background-image:url(images/eyetry/icon-adjust.png)
}
.eyetry-adjust-pd .eyetry-sidebar {
 width:320px;
 background-position:239px 10px;
 background:none
}
.eyetry-adjust-pd .pd-select {
 margin-top:25px;
 padding:0 30px
}
.eyetry-adjust-pd .pd-select ul {
 margin-bottom:23px;
 list-style:none;
 font-size:16px
}
.eyetry-adjust-pd .pd-select li {
 position:relative;
 margin-top:20px;
 line-height:1.3
}
.eyetry-adjust-pd .pd-select li p {
 text-align:left
}
.eyetry-adjust-pd .pd-select li .ps {
 color:#54b5d4;
 font-size:14px
}
.eyetry-adjust-pd .pd-select select {
 width:126px;
 padding:2px 0;
 font-size:16px
}
.eyetry-adjust-pd .pd-select .portrait-name {
 margin-top:10px;
 width:100%;
 height:44px;
 border:none;
 background-color:#fff
}
.eyetry-adjust-pd .pd-select .pd-scope {
 font-size:16px
}
.eyetry-adjust-pd .pd-select .pd-scope .title {
 line-height:44px
}
.eyetry-adjust-pd .pd-select .pd-value {
 width:140px;
 float:right;
 height:44px;
 padding-left:20px;
 outline:none
}
.eyetry-adjust-pd .pd-select .btn-pd-ok {
 margin-top:15px;
 width:100%;
 height:44px;
 padding:12px;
 color:#fff;
 background-color:#29235c;
 border-color:#fff;
 text-transform:uppercase
}
.eyetry-adjust-pd .pd-select .btn-pd-ok:active,
.eyetry-adjust-pd .pd-select .btn-pd-ok:focus,
.eyetry-adjust-pd .pd-select .btn-pd-ok:hover {
 color:#000;
 border-color:#fff;
 background-color:#fff;
 text-decoration:none
}
.eyetry-adjust-pd .icon-adjust {
 display:block;
 position:absolute;
 width:0;
 padding-left:65px;
 height:65px;
 top:0;
 left:0;
 font-size:40px;
 line-height:26px;
 color:#54b5d4;
 background:url(images/eyetry/icon-target-new.png) 50% no-repeat;
 text-align:center;
 cursor:pointer;
 overflow:hidden
}
.eyetry-adjust-pd .icon-adjust.left {
 top:20px
}
.eyetry-adjust-pd .icon-adjust.right {
 right:0
}
#eyetry-wrapper.eyetry-compare {
 min-width:355px;
 height:475px;
 background-color:#fff
}
#eyetry-wrapper.eyetry-compare .eyetry-container {
 width:auto;
 float:none;
 height:auto
}
#eyetry-wrapper.eyetry-compare .eyetry-main {
 height:auto
}
.eyetry-compare .compare-frame li div {
 -webkit-transform-style:preserve-3d;
 transform-style:preserve-3d;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.eyetry-compare .compare-frame .compare-frame-detail {
 -webkit-transform:rotateX(0deg) rotateY(0deg);
 transform:rotateX(0deg) rotateY(0deg)
}
.eyetry-compare .compare-frame .compare-frame-detail.hover {
 -webkit-transform:rotateY(180deg);
 transform:rotateY(180deg)
}
.eyetry-compare .compare-frame .compare-frame-content {
 position:absolute;
 left:0;
 top:0;
 display:block;
 cursor:text;
 width:100%;
 height:331px;
 min-height:331px;
 -webkit-transform:rotateX(0deg) rotateY(180deg);
 transform:rotateX(0deg) rotateY(180deg);
 display:none\9
}
.eyetry-compare .compare-frame .compare-frame-content.hover {
 -webkit-transform:rotateY(0deg);
 transform:rotateY(0deg);
 overflow:hidden
}
.eyetry-compare .compare-frame {
 margin-top:22px;
 margin-left:25px;
 padding:0 5px;
 overflow:hidden
}
.compare-frame ul {
 width:100%;
 text-align:center;
 overflow:hidden
}
.compare-frame li {
 position:relative;
 display:inline-block;
 float:left;
 width:295px;
 margin:10px 20px 10px 0;
 overflow:hidden
}
.compare-frame .compare-frame-detail {
 position:relative
}
.compare-frame .compare-frame-info {
 text-align:left
}
.compare-frame-info p {
 margin:10px auto;
 overflow:hidden
}
.compare-frame-info span {
 display:inline-block;
 font-weight:700;
 white-space:normal;
 overflow:hidden
}
.compare-frame-info .left {
 float:left;
 width:60%;
 text-align:left;
 text-transform:uppercase;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
.compare-frame-info .left em {
 font-style:normal;
 text-transform:capitalize;
 padding-left:8px
}
.compare-frame-info .right {
 float:right;
 width:40%;
 text-align:right
}
.compare-frame-info button {
 padding:10px 20px 12px;
 color:#fff;
 font-weight:700;
 text-transform:uppercase;
 background-color:#333
}
.compare-frame-button .buyBtn {
 float:left;
 margin-right:5px
}
.compare-frame-button .eyetry-frame-sizes {
 display:inline-block;
 float:right;
 position:relative;
 left:auto;
 bottom:auto;
 margin-right:-5px;
 margin-top:12px
}
.compare-frame-button .eyetry-frame-sizes span {
 background-color:#fff;
 border:1px solid #333;
 font-weight:500;
 line-height:19px
}
.compare-frame-button .eyetry-frame-sizes span:hover {
 color:#000;
 border-color:#d39d4e
}
.compare-frame-button .eyetry-frame-sizes span.current,
.compare-frame-button .eyetry-frame-sizes span.current:hover {
 color:#fff;
 background-color:rgba(0,0,0,.8)
}
.compare-frame-button .eyetry-frame-sizes span:nth-child(5) {
 margin-top:3px
}
.compare-frame-content {
 position:absolute;
 width:291px;
 height:100%;
 top:0;
 left:0;
 border:2px solid #52a6c1;
 background-color:#fff;
 box-sizing:border-box
}
.compare-frame-content .eyetry-close {
 position:absolute;
 right:0;
 top:0;
 opacity:.7;
 cursor:pointer
}
.frame-detail-list {
 margin:5px auto 0;
 width:87%
}
.frame-detail-list p {
 margin:5px auto 0
}
.frame-detail-list select {
 width:100%;
 padding:3px 0;
 text-indent:5px
}
.frame-detail-list dl {
 position:relative;
 margin:25px auto 0;
 overflow:hidden
}
.frame-detail-list dt {
 width:60%;
 float:left;
 height:100%;
 text-align:left
}
.frame-detail-list dt span {
 display:block;
 margin-bottom:10px
}
.frame-detail-list dd {
 float:right;
 width:40%
}
.frame-detail-list dd span {
 display:block;
 margin:6px auto;
 padding:1px 0 2px 50px;
 text-align:right;
 background:url(images/quick-sizes-example.png) 0 1px no-repeat
}
.frame-detail-list dd span.example-2 {
 background-position:0 -27px
}
.frame-detail-list dd span.example-3 {
 background-position:0 -50px
}
.frame-detail-list dd span.example-4 {
 background-position:0 -74px
}
.frame-detail-list dd span.example-5 {
 background-position:0 -96px
}
.frame-detail-list p.show-more {
 height:20px;
 text-align:right
}
.frame-detail-list p.show-more em {
 font-style:normal;
 cursor:pointer;
 text-decoration:underline
}
.recommended-list {
 text-align:center
}
.recommended-list h5 {
 margin:20px 20px 0;
 font-size:14px;
 font-weight:700;
 line-height:1.3;
 text-transform:uppercase
}
.recommended-list li {
 margin-top:10px
}
.recommended-list li span {
 position:relative;
 display:block;
 margin:-10px auto 0;
 text-transform:uppercase;
 z-index:5
}
.recommended-list li img {
 cursor:pointer;
 position:relative
}
#eyetry-wrapper.eyetry-mobile {
 position:fixed;
 left:0!important;
 top:0!important;
 width:100%;
 height:100%;
 color:#fff;
 background-color:rgba(0,0,0,.9);
 border:none;
 overflow-y:auto
}
#eyetry-wrapper.eyetry-mobile .main-photo {
 background:none
}
#eyetry-wrapper.eyetry-mobile .eyetry-container {
 float:none;
 margin:0 auto;
 width:100%;
 height:100%
}
#eyetry-wrapper.eyetry-mobile .eyetry-main {
 margin:0 auto;
 width:100%;
 max-width:400px;
 height:100%;
 overflow:visible
}
#eyetry-wrapper.eyetry-mobile .eyetry-close {
 top:5px;
 right:5px
}
#eyetry-wrapper.eyetry-mobile-first .eyetry-close {
 height:18px;
 width:0;
 padding-right:0;
 padding-left:18px;
 background-size:cover
}
#eyetry-wrapper.eyetry-mobile-default .eyetry-main {
 padding:0 25px
}
#eyetry-wrapper.eyetry-mobile-default .eyetry-main .arrow {
 position:absolute;
 top:0;
 width:0;
 height:0;
 padding-bottom:100%;
 padding-left:20px;
 height:50px;
 display:block;
 cursor:pointer;
 overflow:hidden;
 background-repeat:no-repeat;
 background-image:url(images/eyetry/icon-arrow-2.png)
}
#eyetry-wrapper.eyetry-mobile-default .eyetry-main .arrow.pre {
 left:-25px;
 background-position:3px
}
#eyetry-wrapper.eyetry-mobile-default .eyetry-main .arrow.next {
 right:-25px;
 background-position:-13px
}
@media screen and (max-width:380px) {
 #eyetry-wrapper.eyetry-mobile-default .eyetry-main,
 #eyetry-wrapper.mobile-eyetry-adjust-pd .eyetry-main {
  padding:0 25px
 }
 .eyetry-mobile-default .eyetry-main .arrow.pre {
  left:-25px;
  background-position:3px
 }
 .eyetry-mobile-default .eyetry-main .arrow.next {
  right:-25px;
  background-position:-13px
 }
}
#eyetry-wrapper.eyetry-mobile-default .main-photo,
#eyetry-wrapper.eyetry-mobile-first .main-photo {
 position:relative;
 margin:0 auto;
 width:100%
}
.eyetry-mobile .eyetry-welcome {
 text-align:center;
 margin:10px;
 padding:25px 0 5px
}
#eyetry-wrapper.mobile-try-welcome .eyetry-main {
 padding:0
}
.mobile-photo-content {
 width:100%;
 overflow:hidden;
 height:0;
 padding-bottom:113.51%;
 position:relative
}
.eyetry-mobile .main-photo-list {
 width:10000px;
 position:absolute
}
.main-photo-list li {
 max-width:370px;
 float:left;
 height:0;
 padding-bottom:113.51%;
 overflow:hidden;
 position:relative
}
.eyetry-mobile .mobile-eyetry-bottom {
 margin-top:20px;
 color:#fff;
 text-align:center
}
.eyetry-mobile .mobile-eyetry-bottom .mobile-remove-btn {
 display:inline-block;
 margin:0 auto 9px;
 font-weight:700
}
.eyetry-mobile .mobile-eyetry-bottom .mobile-remove-btn>i {
 margin-left:5px;
 font-size:10px;
 font-weight:700
}
.eyetry-mobile .mobile-eyetry-bottom .mobile-edit-btn,
.eyetry-mobile .mobile-eyetry-bottom .mobile-sign-btn,
.eyetry-mobile .mobile-eyetry-bottom .mobile-switch-btn,
.eyetry-mobile .mobile-eyetry-bottom .mobile-upload-btn {
 width:220px;
 padding:8px 15px;
 color:#fff;
 border:2px solid #fff;
 background-color:rgba(64,64,64,0);
 text-transform:uppercase;
 cursor:pointer;
 overflow:hidden
}
.eyetry-mobile .mobile-eyetry-bottom .mobile-edit-btn {
 margin-bottom:10px
}
.eyetry-mobile .mobile-footer-frame {
 margin-bottom:20px;
 text-align:center;
 color:#fff
}
.eyetry-mobile .mobile-eyetry-bottom .eyetry-bottom-tips {
 margin-top:10px
}
.eyetry-mobile .mobile-eyetry-bottom .mobile-sign-btn {
 margin-top:12px
}
#eyetry-wrapper.eyetry-mobile-adjust .eyetry-container {
 padding-top:60px
}
#eyetry-wrapper.eyetry-mobile-adjust .main-photo,
#eyetry-wrapper.mobile-eyetry-adjust-pd .main-photo {
 max-width:100%;
 height:0;
 padding-bottom:78.3333333%;
 background:#29235c;
 overflow:hidden
}
#eyetry-wrapper.mobile-eyetry-adjust-pd .main-photo {
 padding-bottom:113.51%;
 -ms-touch-action:none;
 touch-action:none
}
.eyetry-mobile-adjust .upload-bottom-bar {
 margin:10px auto;
 padding:0 5px;
 color:#fff;
 text-align:center
}
.eyetry-mobile-adjust .upload-bottom-bar .drag-tips {
 display:block;
 width:100%;
 padding:5px 0 8px;
 font-size:16px;
 float:none;
 clear:both
}
.eyetry-mobile-adjust .upload-bottom-bar .rotate-btn {
 display:block;
 margin:0 auto;
 width:90%;
 max-width:215px;
 padding:8px 10px 9px;
 border-left:none;
 min-width:110px;
 font-size:16px;
 font-weight:500;
 background-color:transparent;
 cursor:pointer;
 text-transform:uppercase
}
.eyetry-mobile-adjust .upload-bottom-bar .upload-continue {
 display:block;
 margin:15px auto 0;
 width:100%;
 max-width:260px;
 padding:0;
 height:54px;
 line-height:54px;
 font-size:16px;
 font-weight:500;
 color:#fff;
 border:1px solid #fff;
 background:none;
 text-transform:uppercase
}
#eyetry-wrapper.eyetry-mobile .adjust-tips .icon {
 padding-left:16px;
 height:16px;
 background-image:url(images/eyetry/icon-adjust-mobile.png)
}
.mobile-eyetry-adjust-pd .upload-bottom-bar {
 margin:10px auto;
 padding:0 5px;
 color:#fff;
 text-align:center
}
.mobile-eyetry-adjust-pd .main-photo-container {
 width:100%;
 border:none
}
.mobile-eyetry-adjust-pd .adjust-tips {
 margin:20px auto 10px;
 max-width:260px;
 font-size:16px;
 line-height:1.3;
 text-align:center;
 white-space:normal
}
.mobile-eyetry-adjust-pd .adjust-tips .ps {
 color:#54b5d4
}
.mobile-eyetry-adjust-pd .main-photo {
 position:relative
}
.mobile-eyetry-adjust-pd .upload-finish {
 margin-top:30px;
 width:95%;
 max-width:260px;
 font-size:16px;
 font-weight:500;
 padding:0;
 height:54px;
 line-height:54px;
 color:#fff;
 border:1px solid #fff;
 background-color:rgba(64,64,64,0);
 text-transform:uppercase
}
.eyetry-mobile .icon-adjust {
 display:block;
 position:absolute;
 width:0;
 padding-left:88px;
 height:64px;
 top:0;
 left:0;
 text-align:center;
 cursor:move;
 background:url(images/eyetry/icons-target.png) 0 0 no-repeat;
 overflow:hidden
}
.eyetry-mobile .icon-adjust.right {
 left:100px;
 background-position:100% 0
}
.mobile-mobile-select-pd .pd-select-content {
 margin:15px auto;
 max-width:270px;
 font-size:16px;
 line-height:1.3;
 color:#fff;
 text-align:center
}
.mobile-mobile-select-pd .pd-select-content p {
 margin:20px 0 0
}
.mobile-mobile-select-pd .pd-select-content p.pd-select {
 margin-top:32px;
 font-size:16px
}
.mobile-mobile-select-pd .pd-select-content .btn-pd-tops {
 font-weight:700;
 color:#d39d4e;
 text-decoration:underline;
 text-transform:uppercase;
 cursor:pointer
}
.mobile-mobile-select-pd .pd-select-content select {
 width:120px;
 padding:4px;
 margin-left:5px
}
.mobile-mobile-select-pd .pd-select-content .portrait-name {
 margin-top:20px;
 width:100%;
 height:54px;
 border:none;
 background-color:#fff
}
.mobile-mobile-select-pd .pd-select-content .pd-finish-btn {
 margin-top:10px
}
.mobile-mobile-select-pd .pd-select-content .pd-finish-btn p {
 margin-top:17px
}
.mobile-mobile-select-pd .btn-skip,
.mobile-mobile-select-pd .pd-finish {
 width:100%;
 margin-top:18px;
 height:54px;
 padding:10px 30px;
 color:#fff;
 border:2px solid #fff;
 background-color:rgba(64,64,64,0);
 text-transform:uppercase
}
.photo_loading {
 height:100%;
 width:100%;
 position:absolute;
 left:0;
 top:0;
 background:url(images/loading.gif) no-repeat 50%;
 background-size:cover;
 opacity:.8;
 filter:alpha(opacity=80);
 display:none
}
.eyetry-compare-overlay {
 z-index:1300
}
.drag-layer {
 position:absolute;
 left:0;
 top:0;
 width:370px;
 height:420px
}
.eyetry_tip {
 position:fixed!important;
 top:255px!important;
 z-index:1602
}
#eyetry-wrapper.eyetry-mobile .eyetry-main {
 padding-top:40px
}
.eyetry_tip .pd-tip {
 margin:15px 0 0;
 width:325px;
 height:142px;
 background:url(images/rx/measure_eye_1.jpg) 50% no-repeat
}
.pd-tips-content {
 padding:5px 7px;
 max-width:325px;
 font-size:14px;
 text-align:center
}
.pd-tips-content strong {
 display:block;
 margin:0 auto 15px;
 font-size:15px;
 text-transform:uppercase;
 color:#4ba4c0
}
.pd-tips-content span {
 display:block;
 margin:15px auto 5px;
 font-weight:700;
 color:#000
}
.mobile-error-upload {
 width:80%;
 max-width:255px;
 margin:0 auto;
 text-align:center
}
.mobile-error-upload p {
 margin:0 auto 15px
}
.mobile-error-upload .mobile-error-btn {
 margin-top:30px
}
.mobile-error-upload .btn-eyetry-close,
.mobile-error-upload .mobile-upload-btn {
 width:220px;
 margin-bottom:10px;
 padding:8px 15px;
 color:#fff;
 border:2px solid #fff;
 background-color:rgba(64,64,64,0);
 text-transform:uppercase;
 cursor:pointer;
 overflow:hidden
}
html:lang(de-DE) .eyetry-sidebar .upload-btn {
 width:130px
}
html:lang(de-DE) .eyetry-upload .upload-bottom-bar {
 margin-top:12px
}
html:lang(de-DE) .adjust-bottom .adjust-tips .left {
 margin-top:-1px;
 max-width:210px;
 white-space:normal;
 line-height:1.1
}
html:lang(de-DE) .try-first-upload-tips {
 margin-bottom:15px
}
html:lang(de-DE) .upload-list h5 {
 margin-bottom:8px
}
html:lang(de-DE) .upload-list li {
 padding-top:6px;
 padding-bottom:6px
}
html:lang(de-DE) .upload-back-btn {
 bottom:20px;
 left:14px
}
html:lang(de-DE) .upload-list {
 margin-top:45px
}
html:lang(de-DE) .eyetry-upload .upload-bottom-bar .upload-btn {
 margin-top:5px
}
html:lang(fr-CA) .upload_file,
html:lang(fr-FR) .upload_file {
 width:286px
}
html:lang(fr-CA) .try-first-upload-tips,
html:lang(fr-FR) .try-first-upload-tips {
 margin-left:15px
}
html:lang(fr-CA) .upload-list,
html:lang(fr-FR) .upload-list {
 margin-top:40px
}
html:lang(fr-CA) .upload-list h5,
html:lang(fr-FR) .upload-list h5 {
 margin-left:15px;
 font-size:1.3rem
}
html:lang(fr-CA) .upload-list li,
html:lang(fr-FR) .upload-list li {
 padding-top:8px;
 padding-bottom:8px
}
html:lang(fr-CA) .compare-frame-info button,
html:lang(fr-FR) .compare-frame-info button {
 padding:11px 13px;
 font-size:13px
}
.pd-select .icon-help {
 text-decoration:none;
 vertical-align:middle;
 font-size:14px;
 padding-left:3px
}
/*!
 * Cropper v0.11.1
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2015 Fengyuan Chen and contributors
 * Released under the MIT license
 *
 * Date: 2015-08-22T04:54:51.269Z
 */
.cropper-container {
 position:relative;
 overflow:hidden;
 -ms-touch-action:none;
 touch-action:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 direction:ltr!important;
 -webkit-tap-highlight-color:transparent;
 -webkit-touch-callout:none
}
.cropper-container img {
 display:block;
 width:100%;
 min-width:0!important;
 max-width:none!important;
 height:100%;
 min-height:0!important;
 max-height:none!important;
 image-orientation:0deg!important
}
.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0
}
.cropper-drag-box {
 background-color:#fff;
 filter:alpha(opacity=0);
 opacity:0
}
.cropper-modal {
 background-color:#000;
 filter:alpha(opacity=50);
 opacity:.5
}
.cropper-view-box {
 display:block;
 width:100%;
 height:100%;
 overflow:hidden;
 outline:1px solid #69f;
 outline-color:rgba(102,153,255,.75)
}
.cropper-dashed {
 position:absolute;
 display:block;
 filter:alpha(opacity=50);
 border:0 dashed #eee;
 opacity:.5
}
.cropper-dashed.dashed-h {
 top:33.33333333%;
 left:0;
 width:100%;
 height:33.33333333%
}
.cropper-dashed.dashed-v {
 top:0;
 left:33.33333333%;
 width:33.33333333%;
 height:100%
}
.cropper-center {
 position:absolute;
 top:50%;
 left:50%;
 display:block;
 width:0;
 height:0;
 filter:alpha(opacity=75);
 opacity:.75
}
.cropper-center:after,
.cropper-center:before {
 position:absolute;
 display:block;
 content:" ";
 background-color:#eee
}
.cropper-center:before {
 top:0;
 left:-3px;
 width:7px;
 height:1px
}
.cropper-center:after {
 top:-3px;
 left:0;
 width:1px;
 height:7px
}
.cropper-face,
.cropper-line,
.cropper-point {
 position:absolute;
 display:block;
 width:100%;
 height:100%;
 filter:alpha(opacity=10);
 opacity:.1
}
.cropper-face {
 top:0;
 left:0;
 background-color:#fff
}
.cropper-line {
 background-color:#69f
}
.cropper-line.line-e {
 top:0;
 right:-3px;
 width:5px;
 cursor:e-resize
}
.cropper-line.line-n {
 top:-3px;
 left:0;
 height:5px;
 cursor:n-resize
}
.cropper-line.line-w {
 top:0;
 left:-3px;
 width:5px;
 cursor:w-resize
}
.cropper-line.line-s {
 bottom:-3px;
 left:0;
 height:5px;
 cursor:s-resize
}
.cropper-point {
 width:5px;
 height:5px;
 background-color:#69f;
 filter:alpha(opacity=75);
 opacity:.75
}
.cropper-point.point-e {
 top:50%;
 right:-3px;
 margin-top:-3px;
 cursor:e-resize
}
.cropper-point.point-n {
 top:-3px;
 left:50%;
 margin-left:-3px;
 cursor:n-resize
}
.cropper-point.point-w {
 top:50%;
 left:-3px;
 margin-top:-3px;
 cursor:w-resize
}
.cropper-point.point-s {
 bottom:-3px;
 left:50%;
 margin-left:-3px;
 cursor:s-resize
}
.cropper-point.point-ne {
 top:-3px;
 right:-3px;
 cursor:ne-resize
}
.cropper-point.point-nw {
 top:-3px;
 left:-3px;
 cursor:nw-resize
}
.cropper-point.point-sw {
 bottom:-3px;
 left:-3px;
 cursor:sw-resize
}
.cropper-point.point-se {
 right:-1px;
 bottom:-1px;
 width:20px;
 height:20px;
 cursor:se-resize;
 filter:alpha(opacity=100);
 opacity:1
}
.cropper-point.point-se:before {
 position:absolute;
 right:-50%;
 bottom:-50%;
 display:block;
 width:200%;
 height:200%;
 content:" ";
 background-color:#69f;
 filter:alpha(opacity=0);
 opacity:0
}
@media (min-width:768px) {
 .cropper-point.point-se {
  width:15px;
  height:15px
 }
}
@media (min-width:992px) {
 .cropper-point.point-se {
  width:10px;
  height:10px
 }
}
@media (min-width:1200px) {
 .cropper-point.point-se {
  width:5px;
  height:5px;
  filter:alpha(opacity=75);
  opacity:.75
 }
}
.cropper-bg {
 background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
}
.cropper-invisible {
 filter:alpha(opacity=0);
 opacity:0
}
.cropper-hide {
 position:absolute;
 display:block;
 width:0;
 height:0
}
.cropper-hidden {
 display:none!important
}
.cropper-move {
 cursor:move
}
.cropper-crop {
 cursor:crosshair
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
 cursor:not-allowed
}
.stars {
 display:inline-block;
 width:auto;
 height:auto;
 letter-spacing:7px;
 background:none;
 font-size:14px;
 white-space:nowrap;
 font-family:ebd!important
}
.stars:before {
 content:"\e901 \e901 \e901 \e901 \e901"
}
.stars.star-0:before {
 content:"\e601 \e601 \e601 \e601 \e601"
}
.stars.star-0-5:before {
 content:"\e900 \e601 \e601 \e601 \e601"
}
.stars.star-1:before {
 content:"\e901 \e601 \e601 \e601 \e601"
}
.stars.star-1-5:before {
 content:"\e901 \e900 \e601 \e601 \e601"
}
.stars.star-2:before {
 content:"\e901 \e901 \e601 \e601 \e601"
}
.stars.star-2-5:before {
 content:"\e901 \e901 \e900 \e601 \e601"
}
.stars.star-3:before {
 content:"\e901 \e901 \e901 \e601 \e601"
}
.stars.star-3-5:before {
 content:"\e901 \e901 \e901 \e900 \e601"
}
.stars.star-4:before {
 content:"\e901 \e901 \e901 \e901 \e601"
}
.stars.star-4-5:before {
 content:"\e901 \e901 \e901 \e901 \e900"
}
.stars.star-5:before {
 content:"\e901 \e901 \e901 \e901 \e901"
}
.stars.gray {
 width:unset;
 height:unset;
 background:none
}
.faq-container {
 background:#f5f5f5;
 padding:25px 0 60px
}
@media screen and (max-width:767px) {
 .faq-container {
  padding:20px 0
 }
}
.faq-container .fsa-title {
 margin:36px 0 13px;
 font-size:36px;
 font-weight:500
}
@media screen and (max-width:767px) {
 .faq-container .fsa-title {
  margin-top:20px
 }
}
.faq-container .section-faq {
 max-width:900px;
 margin:0 auto;
 padding-left:20px;
 padding-right:20px
}
@media screen and (max-width:767px) {
 .faq-container .section-faq {
  padding-left:15px;
  padding-right:10px
 }
}
.faq-container .faq-list {
 padding:30px 0;
 border-bottom:1px solid rgba(0,0,0,.2)
}
@media screen and (max-width:767px) {
 .faq-container .faq-list {
  padding:20px 0
 }
}
.faq-container .faq-list>dt {
 position:relative;
 padding-right:25px;
 cursor:pointer
}
.faq-container .faq-list>dt .q-title {
 float:left;
 font-weight:500;
 font-size:18px;
 margin:0;
 line-height:25px
}
@media screen and (max-width:767px) {
 .faq-container .faq-list>dt .q-title {
  float:none
 }
}
.faq-container .faq-list>dt .mark-down {
 display:inline-block;
 float:left
}
.faq-container .faq-list>dt h1,
.faq-container .faq-list>dt h2,
.faq-container .faq-list>dt h3,
.faq-container .faq-list>dt h4,
.faq-container .faq-list>dt h5,
.faq-container .faq-list>dt h6 {
 font-weight:500;
 font-size:18px;
 margin:0;
 line-height:25px;
 margin-top:0;
 margin-bottom:0;
 text-transform:none
}
.faq-container .faq-list dd {
 margin-top:20px;
 font-size:16px;
 line-height:1.7
}
@media screen and (max-width:767px) {
 .faq-container .faq-list dd {
  margin-top:10px;
  font-size:14px
 }
}
.faq-container .faq-list dd p {
 margin-top:20px;
 font-size:16px;
 line-height:1.7
}
@media screen and (max-width:767px) {
 .faq-container .faq-list dd p {
  font-size:14px
 }
}
.faq-container .faq-list dd a {
 text-decoration:underline
}
.faq-container .faq-list dd ul {
 margin-top:20px
}
.faq-container .faq-list .icon-arrow-down {
 position:static;
 display:block;
 float:left;
 margin-left:8px;
 margin-top:3px;
 font-size:20px;
 color:#000
}
@media screen and (max-width:767px) {
 .faq-container .faq-list .icon-arrow-down {
  position:absolute;
  top:2px;
  right:0;
  float:none;
  margin:0
 }
}
.faq-container .faq-list:last-child {
 border:0
}
.faq-container .faq-list .current-dt .icon-arrow-down {
 -webkit-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 transform:rotate(180deg)
}
.faq-container .category-reviewd {
 color:#646464;
 font-size:14px;
 font-weight:400
}
.faq-container .category-reviewd .author {
 text-decoration:underline
}
.popup-brand-container .popup-container {
 background:none
}
.popup-brand-container .popup-close {
 top:-12px;
 right:-12px;
 width:32px;
 height:32px;
 border-radius:50%;
 background:#000
}
.popup-brand-container .im-close {
 margin:8px 8px 0 0;
 background-position:-16px 0
}
.first-visit-content-brand {
 width:100%;
 max-width:772px;
 min-width:720px;
 text-align:center;
 z-index:290;
 overflow:hidden;
 background:#fff
}
@media (min-width:800px) {
 .first-visit-content-brand {
  min-width:772px
 }
}
@media (max-width:767px) {
 .first-visit-content-brand {
  max-width:320px;
  min-width:unset
 }
}
.first-visit-content-brand .first-popup-img {
 float:left;
 width:45%;
 max-width:345px
}
@media (max-width:767px) {
 .first-visit-content-brand .first-popup-img {
  float:none;
  width:100%;
  max-width:unset
 }
}
.first-visit-content-brand .first-popup-img .img-box {
 position:relative;
 display:block;
 margin:0 auto;
 max-width:345px;
 height:0;
 padding-bottom:127.53623%;
 overflow:hidden
}
@media (max-width:767px) {
 .first-visit-content-brand .first-popup-img .img-box {
  position:relative;
  display:block;
  margin:0 auto;
  max-width:320px;
  height:0;
  padding-bottom:71.25%;
  overflow:hidden
 }
}
.first-visit-popup-full-brand {
 float:right;
 width:55%;
 height:auto
}
@media (max-width:767px) {
 .first-visit-popup-full-brand {
  float:none;
  width:100%;
  padding:32px 20px 27px
 }
}
.first-popup-text-brand {
 display:inline-block;
 vertical-align:middle;
 color:#000;
 text-align:center;
 padding-top:95px
}
@media (max-width:800px) {
 .first-popup-text-brand {
  padding-top:55px
 }
}
@media (max-width:767px) {
 .first-popup-text-brand {
  padding-top:0
 }
}
.first-popup-text-brand .enter-label {
 display:none
}
.first-popup-text-brand .first-info {
 max-width:370px;
 font-size:24px;
 line-height:29px
}
@media (max-width:767px) {
 .first-popup-text-brand .first-info {
  max-width:265px;
  margin:0 auto;
  letter-spacing:0;
  font-size:18px;
  line-height:22px
 }
}
.first-popup-text-brand .first-title {
 font-size:32px;
 font-size:3.2rem;
 padding:8px 10px 20px;
 font-weight:700
}
@media (max-width:767px) {
 .first-popup-text-brand .first-title {
  font-size:24px
 }
}
.first-popup-text-brand input {
 width:100%;
 max-width:255px;
 padding:10px 12px;
 font-size:16px;
 border:1px solid rgba(0,0,0,.5);
 border-radius:6px;
 outline:none
}
@media (max-width:767px) {
 .first-popup-text-brand input {
  padding:9px 12px
 }
}
.first-popup-text-brand input::input-placeholder {
 color:rgba(0,0,0,.5)
}
.first-popup-text-brand input::-webkit-input-placeholder {
 color:rgba(0,0,0,.5)
}
.first-popup-text-brand input::-moz-placeholder {
 color:rgba(0,0,0,.5)
}
.first-popup-text-brand input::-ms-input-placeholder {
 color:rgba(0,0,0,.5)
}
.first-popup-text-brand .button-box {
 max-width:255px;
 max-height:92px;
 margin:0 auto;
 padding-bottom:50px
}
@media (max-width:767px) {
 .first-popup-text-brand .button-box {
  padding-bottom:10px
 }
}
.first-popup-text-brand .button-box .field-error-tips {
 margin:0 auto;
 text-transform:none
}
.first-popup-text-brand .field-container {
 height:42px;
 position:relative
}
@media (max-width:767px) {
 .first-popup-text-brand .field-container {
  height:40px
 }
}
.first-popup-text-brand .field-container .im-alert {
 width:16px;
 height:16px;
 bottom:13px;
 z-index:10
}
@media (max-width:767px) {
 .first-popup-text-brand .field-container .im-alert {
  bottom:12px
 }
}
.first-popup-text-brand .btn-brand-subscribe {
 position:absolute;
 right:0;
 top:1px;
 padding:10px 5px;
 font-size:20px;
 color:gray;
 cursor:pointer
}
@media (max-width:767px) {
 .first-popup-text-brand .btn-brand-subscribe {
  top:0
 }
}
.first-popup-text-brand .success-info {
 margin:17px 0 32px;
 font-size:18px;
 font-weight:700
}
@media (max-width:767px) {
 .first-popup-text-brand .success-info {
  margin:19px 0;
  font-weight:400
 }
}
.first-popup-text-brand .success-title {
 padding:0 0 70px;
 max-width:340px;
 margin:0 auto;
 line-height:38px
}
@media (max-width:767px) {
 .first-popup-text-brand .success-title {
  padding:0 0 31px;
  line-height:29px;
  max-width:250px
 }
}
.first-popup-text-brand .fvp-icon-list {
 padding:14px 0 18px 22px;
 max-width:275px;
 margin:0 auto
}
@media (max-width:350px) {
 .first-popup-text-brand .fvp-icon-list {
  padding-left:0
 }
}
.first-popup-text-brand .intro-list {
 float:left;
 padding:1px 0 8px;
 max-width:170px;
 color:#fff;
 font-size:12px;
 text-align:left
}
.first-popup-text-brand .intro-list:first-child {
 border-right:1px solid #000
}
.first-popup-text-brand .intro-list:first-child .intro-txt {
 max-width:85px
}
.first-popup-text-brand .intro-list:last-child {
 margin-left:10px
}
@media (max-width:350px) {
 .first-popup-text-brand .intro-list:last-child {
  margin-left:5px
 }
}
.first-popup-text-brand .intro-txt {
 display:inline-block;
 vertical-align:middle;
 padding-left:5px;
 max-width:100px;
 color:#000;
 line-height:1.2
}
.first-popup-text-brand .fvp-icon {
 display:inline-block;
 width:25px;
 height:25px;
 vertical-align:middle
}
.first-popup-text-brand .icon-free {
 background-image:url(images/icons/fvp-icon-free.png);
 background-size:100% 100%
}
@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
 .first-popup-text-brand .icon-free {
  background-image:url(images/icons/fvp-icon-free-2x.png)
 }
}
.first-popup-text-brand .icon-guarantee {
 background-image:url(images/icons/fvp-icon-guarantee.png);
 background-size:100% 100%
}
@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
 .first-popup-text-brand .icon-guarantee {
  background-image:url(images/icons/fvp-icon-guarantee-2x.png)
 }
}
.first-popup-text-brand .first-popup-bottom {
 font-size:10px;
 letter-spacing:0
}
.android-modal-fix,
.ios-modal-fix {
 overflow:hidden;
 position:fixed;
 width:100vw;
 min-height:100vh;
 height:auto
}
#coverDiv div {
 position:absolute;
 text-align:center;
 bottom:30%;
 font-size:18px;
 line-height:1.1;
 color:#fff;
 width:100%;
 padding:5px 20px
}
@media (max-width:767px) {
 #coverDiv div {
  bottom:37%
 }
}
#coverDiv:after {
 content:" ";
 width:65px;
 height:65px;
 background:url(images/cosium-loading.png) 0 0 no-repeat;
 display:block;
 margin:0 auto;
 -webkit-animation:turn .5s linear infinite;
 animation:turn .5s linear infinite;
 position:absolute;
 top:calc(50% - 32px);
 left:calc(50% - 32px)
}
#coverDiv.img-loaded:after {
 -webkit-animation:turn .3s linear infinite;
 animation:turn .3s linear infinite
}
@-webkit-keyframes turn {
 0% {
  -webkit-transform:rotate(1turn)
 }
 25% {
  -webkit-transform:rotate(270deg)
 }
 50% {
  -webkit-transform:rotate(180deg)
 }
 75% {
  -webkit-transform:rotate(90deg)
 }
 to {
  -webkit-transform:rotate(0deg)
 }
}
@keyframes turn {
 0% {
  -webkit-transform:rotate(1turn)
 }
 25% {
  -webkit-transform:rotate(270deg)
 }
 50% {
  -webkit-transform:rotate(180deg)
 }
 75% {
  -webkit-transform:rotate(90deg)
 }
 to {
  -webkit-transform:rotate(0deg)
 }
}
.product-colors>.item-color {
 display:inline-block;
 width:22px;
 height:22px;
 padding:1px;
 border-radius:50%;
 border:1px solid transparent;
 cursor:pointer
}
.product-colors>.item-color.current {
 border-color:#fff;
 cursor:default
}
.product-colors>.item-color>img {
 display:block;
 margin:0 auto;
 width:18px;
 height:18px;
 border-radius:25px;
 border-radius:50%
}
.eyetry_tip_cosium {
 padding:10px 15px
}
.eyetry_tip_cosium .tip-title {
 margin:10px 0;
 font-weight:500;
 font-size:16px
}
.eyetry_tip_cosium .tip-text {
 font-weight:300;
 font-size:14px;
 line-height:1.3
}
.eyetry_tip_cosium .left {
 padding:0 49px 15px 10px;
 display:inline-block;
 width:calc(100% - 121px)
}
.eyetry_tip_cosium .pd-img {
 width:121px;
 height:66px;
 display:inline-block;
 background-image:url(images/eyetry/pd-in-tooltip-n.png);
 background-repeat:no-repeat;
 background-position:0 0
}
.product-sizes>.size {
 position:relative;
 display:inline-block;
 width:22px;
 height:22px;
 font-size:14px;
 text-align:center;
 text-transform:uppercase;
 vertical-align:middle;
 line-height:22px;
 border-radius:50%;
 background-color:hsla(0,0%,100%,.5);
 color:#000;
 font-weight:400;
 cursor:pointer
}
.product-sizes>.size.current {
 font-weight:500;
 cursor:default;
 color:#fff;
 background-color:#d39d4e
}
.t-tint-strength>.strength-80>em {
 opacity:.8
}
.t-tint-strength>.strength-50>em {
 opacity:.5
}
.t-tint-list>.item {
 display:inline-block;
 width:28px;
 height:28px;
 padding:2px;
 border:1px solid transparent;
 border-radius:50%;
 cursor:pointer
}
.t-tint-list>.item.clear-tint>em {
 background:hsla(0,0%,96%,.2)!important
}
.t-tint-list>.item.current {
 cursor:default;
 border-color:#fff
}
.t-tint-list>.item>em {
 display:block;
 width:22px;
 height:22px;
 text-indent:-1000px;
 overflow:hidden;
 border:1px solid #fff;
 background-color:#4d4d4d;
 border-radius:50%
}
.t-gradient-colors>.item.current>em,
.t-mirror-colors>.item.current>em,
.t-tint-colors>.item.current>em {
 position:relative
}
.t-gradient-colors>.item.current>em:before,
.t-mirror-colors>.item.current>em:before,
.t-tint-colors>.item.current>em:before {
 display:block;
 width:100%;
 height:100%;
 padding:2px;
 position:absolute;
 left:0;
 top:0;
 content:" ";
 font-style:normal;
 font-size:12px;
 font-weight:100;
 color:#fff;
 text-indent:0;
 font-family:ebd!important;
 speak:none;
 border-radius:50%;
 z-index:2
}
.t-gradient-colors>.item[data-opacity-2].current,
.t-mirror-colors>.item[data-opacity-2].current,
.t-tint-colors>.item[data-opacity-2].current {
 border-color:transparent
}
.t-gradient-colors>.item[data-opacity-2].current>em:before,
.t-mirror-colors>.item[data-opacity-2].current>em:before,
.t-tint-colors>.item[data-opacity-2].current>em:before {
 content:"\e902"
}
.t-tint-colors>.item>em.color-gray {
 background-color:#4d4d4d
}
.t-tint-colors>.item>em.color-brown {
 background-color:#623100
}
.t-tint-colors>.item>em.color-green {
 background-color:#324b20
}
.t-tint-colors>.item>em.color-purple {
 background-color:#5d1d55
}
.t-tint-colors>.item>em.color-blue {
 background-color:#2351c8
}
.t-tint-colors>.item>em.color-yellow {
 background-color:#ffd246
}
.t-tint-colors>.item>em.color-pink {
 background-color:#f35598
}
.t-tint-colors>.item>em.color-light-pink {
 background-color:#ffbcc8
}
.t-tint-colors>.item>em.color-raspberry {
 background-color:#d44660
}
.t-tint-colors>.item>em.color-amber {
 background-color:#854b25
}
.t-tint-colors>.item>em.color-sapphire-blue {
 background-color:#264262
}
.t-tint-colors>.item>em.color-amethyst-purple {
 background-color:#4a3a5f
}
.t-tint-colors>.item>em.color-graphite-green {
 background-color:#42543f
}
.t-tint-colors>.item>em.color-orange {
 background-color:#ff962d
}
.t-gradient-colors>.item>em {
 background-image:url(images/rx/icon-grad-tint-x1.png);
 background-repeat:no-repeat;
 background-position:0 0
}
.t-gradient-colors>.item.gradient-color-gray {
 background-position:0 0
}
.t-gradient-colors>.item.gradient-color-brown {
 background-position:0 -28px
}
.t-gradient-colors>.item.gradient-color-green {
 background-position:0 -55px
}
.t-gradient-colors>.item.gradient-color-purple {
 background-position:0 -112px
}
.t-gradient-colors>.item.gradient-color-blue {
 background-position:0 -84px
}
.t-gradient-colors>.item.gradient-color-yellow {
 background-color:#e8d71b;
 background-image:-webkit-linear-gradient(#e8d71b,#fff);
 background-image:linear-gradient(#e8d71b,#fff)
}
.t-gradient-colors>.item.gradient-color-pink {
 background-color:#f35598;
 background-image:-webkit-linear-gradient(#f35598,#fff);
 background-image:linear-gradient(#f35598,#fff)
}
.t-gradient-colors>.item.tint-color-aaa {
 background-image:-webkit-linear-gradient(#f8f8f8,#f1f1f1);
 background-image:linear-gradient(#f8f8f8,#f1f1f1)
}
.t-mirror-colors>.item>em {
 background-image:url(images/rx/icon-mirrored-new-x1.png);
 background-repeat:no-repeat;
 background-position:0 0
}
.t-mirror-colors>.item>em.gradient-color-gold {
 background-position:0 -28px
}
.t-mirror-colors>.item>em.gradient-color-silver {
 background-position:0 0
}
.t-mirror-colors>.item>em.gradient-color-blue {
 background-position:0 -56px
}
@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:1.5dppx) {
 .t-gradient-colors>.item>em {
  background-image:url(images/rx/icon-grad-tint-x2.png);
  background-size:29px 140px
 }
 .t-mirror-colors>.item>em {
  background-image:url(images/rx/icon-mirrored-new-x2.png);
  background-size:29px 85px
 }
}
.t-wrapper {
 width:587px;
 height:420px;
 box-shadow:0 0 4px rgba(0,0,0,.3);
 position:fixed;
 left:10px;
 bottom:10px;
 z-index:999;
 cursor:url(images/cosium-mouse-move.cur) 16 16,auto;
 cursor:move
}
.t-wrapper .t-main {
 position:relative;
 float:left;
 width:370px;
 height:100%
}
.t-wrapper .t-aside {
 position:relative;
 float:right;
 width:217px;
 height:100%;
 background-color:#fff
}
.t-wrapper .eyetry-close {
 position:absolute;
 display:inline-block;
 cursor:pointer
}
.eyetry-close {
 right:-18px;
 top:-18px;
 text-align:right;
 width:32px;
 height:32px;
 border-radius:50%;
 background:#000;
 cursor:pointer;
 z-index:10
}
.eyetry-close .im-close {
 margin:8px 8px 0 0;
 vertical-align:middle;
 background-position:-16px 0
}
.t-main .t-img-tryon {
 width:100%;
 height:100%;
 background:#000
}
.t-main .t-img-tryon>.t-camera-invalid {
 background:rgba(0,0,0,.8);
 color:#fff;
 z-index:3;
 font-size:16px;
 width:100%;
 height:100%;
 text-align:center;
 padding:150px 0;
 position:absolute
}
.t-main .t-img-tryon>.t-camera-invalid .link-model-video {
 text-decoration:underline;
 cursor:pointer
}
.t-main .t-img-tryon>.img-invalid-layer {
 width:100%;
 height:100%;
 background:rgba(0,0,0,.5);
 position:absolute;
 z-index:5;
 left:0;
 top:0
}
.t-main .t-img-tryon>.img-invalid-layer span {
 color:#fff;
 margin-top:50%;
 display:inline-block;
 width:100%;
 text-align:center;
 font-size:16px
}
.t-main .t-view-section,
.t-main .t-view-section img {
 width:100%;
 height:100%
}
.t-main .t-info-section {
 height:100%;
 z-index:2
}
.t-main .t-info-section,
.t-main .t-info-section>.t-info-head {
 position:absolute;
 top:0;
 left:0;
 width:100%
}
.t-main .t-info-section>.t-info-foot {
 position:absolute;
 bottom:0;
 left:0;
 width:100%
}
.t-info-head {
 background:-webkit-linear-gradient(top,rgba(0,0,0,.6),rgba(0,0,0,.6) 50%,transparent);
 background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.6) 50%,transparent);
 padding:8px 15px
}
.t-info-head>.product-img {
 display:block;
 float:left;
 width:45px;
 height:45px;
 padding:13px 2px;
 border-radius:50%;
 background-color:#fff
}
.t-info-head>.product-img>img {
 border-radius:50%
}
.t-info-head>.product-attrs {
 float:left;
 margin-left:5px
}
.t-info-head>.product-attrs>.product-name {
 font-weight:500;
 font-size:16px;
 color:#fff;
 line-height:1.1
}
.t-info-head>.product-attrs>.product-colors {
 margin-top:0;
 padding-top:0;
 border-top:none
}
.t-info-head>.product-sizes {
 float:right;
 text-align:right
}
.t-info-head>.product-sizes span {
 margin-right:3px
}
.t-info-foot {
 padding:7px
}
.t-info-foot>.t-lens-tint {
 float:left
}
.t-info-foot>.t-lens-tint>.btn-lens-tint {
 padding:1px 12px 4px;
 line-height:1.1;
 font-size:16px;
 font-weight:500;
 color:#fff;
 cursor:pointer;
 border-radius:5px;
 -webkit-transition:all 1s;
 transition:all 1s;
 background-color:rgba(0,0,0,.3)
}
.t-info-foot>.t-lens-tint>.t-tint-attrs {
 position:absolute;
 width:356px;
 bottom:40px;
 border-radius:6px;
 padding:3px 5px 8px;
 background-color:rgba(0,0,0,.2);
 text-align:center;
 color:#fff
}
.t-info-foot>.t-compare {
 float:right
}
.t-info-foot>.t-compare>.t-btn-compare {
 padding:1px 12px 4px;
 line-height:1.1;
 font-size:16px;
 font-weight:500;
 color:#fff;
 cursor:pointer
}
.t-tint-attrs>.t-attrs-close {
 position:absolute;
 top:6px;
 right:12px;
 font-weight:700;
 cursor:pointer
}
.t-tint-attrs>.t-attrs-close:before {
 zoom:.7
}
.t-tint-attrs>.t-tint-title {
 font-size:18px;
 font-weight:500
}
.t-tint-attrs>.t-tint-list {
 margin-top:8px
}
.t-aside {
 padding-bottom:20px
}
.t-aside .t-btn-buy {
 position:absolute;
 left:8px;
 bottom:0;
 width:192px;
 display:block;
 height:44px;
 font-size:16px;
 font-weight:500;
 line-height:34px
}
.t-aside-tabs>.aside-tabs-title {
 overflow:hidden
}
.t-aside-tabs>.aside-tabs-title>span {
 display:block;
 width:50%;
 float:left;
 padding:9px 10px 10px;
 text-align:center;
 color:#949494;
 background:#f4f3f4;
 cursor:pointer
}
.t-aside-tabs>.aside-tabs-title>span.current {
 cursor:default;
 color:#000;
 background:#fff
}
.tabs-image-default,
.tabs-video-default>div {
 padding:8px 18px
}
.tabs-image-default>.invalid-camera,
.tabs-video-default>div>.invalid-camera {
 font-size:14px
}
.tabs-image-default>.invalid-camera>.title,
.tabs-video-default>div>.invalid-camera>.title {
 font-size:16px;
 font-weight:700
}
.tabs-image-default .btn-model-video,
.tabs-video-default>div .btn-model-video {
 margin:16px 5px 10px;
 background-color:#ededed;
 height:28px;
 line-height:26px;
 border-radius:6px;
 text-align:center;
 overflow:hidden
}
.tabs-image-default .btn-model-video>span,
.tabs-video-default>div .btn-model-video>span {
 display:block;
 width:50%;
 cursor:pointer;
 float:left
}
.tabs-image-default .btn-model-video>span.current,
.tabs-video-default>div .btn-model-video>span.current {
 border-radius:6px;
 height:100%;
 color:#fff;
 cursor:default;
 background-color:#d39d4e
}
.tabs-image-default .title,
.tabs-video-default>div .title {
 margin:1px 0;
 font-size:16px;
 font-weight:500;
 line-height:1.2
}
.tabs-image-default>.see-all-scope,
.tabs-video-default>div>.see-all-scope {
 text-align:right;
 height:19px
}
.tabs-image-default>.see-all-scope>span,
.tabs-video-default>div>.see-all-scope>span {
 color:#d39d4e;
 line-height:1.2;
 cursor:pointer
}
.tabs-image-default>.see-all-scope>span:hover,
.tabs-video-default>div>.see-all-scope>span:hover {
 color:#d39d4e;
 text-decoration:underline
}
.tabs-image-default>.t-images-thumbnail,
.tabs-video-default>div>.t-images-thumbnail {
 margin:5px auto 4px;
 overflow:hidden
}
.tabs-image-default>.t-images-thumbnail>.item,
.tabs-video-default>div>.t-images-thumbnail>.item {
 display:block;
 margin-right:6px;
 float:left;
 width:56px;
 height:64px;
 border:1px solid #fff;
 background-color:#c4c4c4;
 border-radius:6px;
 cursor:pointer
}
.tabs-image-default>.t-images-thumbnail>.item.add-item,
.tabs-video-default>div>.t-images-thumbnail>.item.add-item {
 cursor:pointer;
 background-color:#f5f5f5
}
.tabs-image-default>.t-images-thumbnail>.item.add-item:after,
.tabs-video-default>div>.t-images-thumbnail>.item.add-item:after {
 display:block;
 content:"+";
 text-align:center;
 font-size:22px;
 font-weight:lighter;
 line-height:54px;
 color:#9b9b9b
}
.tabs-image-default>.t-images-thumbnail>.item>img,
.tabs-video-default>div>.t-images-thumbnail>.item>img {
 display:block;
 width:54px;
 height:62px;
 border-radius:6px
}
.tabs-image-default>.t-images-thumbnail>.item:last-child,
.tabs-video-default>div>.t-images-thumbnail>.item:last-child {
 margin-right:0
}
.tabs-image-default>.t-images-thumbnail>.item.current,
.tabs-video-default>div>.t-images-thumbnail>.item.current {
 position:relative;
 border-color:#d39d4e
}
.tabs-image-default>.t-images-thumbnail>.item.current:after,
.tabs-video-default>div>.t-images-thumbnail>.item.current:after {
 display:block;
 width:20px;
 height:20px;
 padding:2px 2px 1px 4px;
 position:absolute;
 right:-1px;
 bottom:0;
 content:"\e902";
 font-size:13px;
 font-weight:100;
 background:#d39d4e;
 font-family:ebd!important;
 speak:none;
 border-top-left-radius:6px;
 border-bottom-right-radius:6px;
 color:#fff
}
.tabs-image-default .not-title,
.tabs-video-default>div .not-title {
 margin:20px 0 11px;
 line-height:1.2
}
.tabs-image-default>.pd-not-titil,
.tabs-video-default>div>.pd-not-titil {
 margin:14px 0 8px;
 color:#aaa
}
.tabs-image-default>.pd-not-titil+.not-title,
.tabs-video-default>div>.pd-not-titil+.not-title {
 margin:8px 0 7px
}
.tabs-image-default .not-title.pd-title,
.tabs-video-default>div .not-title.pd-title {
 margin:15px 0 16px
}
.tabs-image-default .btn-box,
.tabs-video-default>div .btn-box {
 font-size:14px
}
.tabs-image-default .btn,
.tabs-video-default>div .btn {
 display:block;
 margin:5px 4px 10px;
 padding:3px 5px
}
.record-video .video-btn-scope {
 padding-top:10px
}
.record-video .video-btn-scope>.not-title {
 margin-top:17px
}
.record-video .video-btn-scope>.btn-record-again {
 margin-top:19px;
 margin-bottom:10px
}
.record-video .record-bottom {
 position:absolute;
 width:100%;
 bottom:17px;
 left:0;
 text-align:center;
 white-space:nowrap
}
.record-video .record-bottom .cancle-record {
 display:inline-block;
 vertical-align:middle;
 font-size:16px;
 font-weight:500;
 cursor:pointer
}
.record-video .record-bottom .record-redBtn {
 margin:0 20px;
 display:inline-block;
 border:4px solid #e1e1e1;
 border-radius:50%;
 position:relative;
 width:50px;
 height:50px;
 vertical-align:middle;
 cursor:pointer
}
.record-video .record-bottom .record-redBtn .record-red {
 width:calc(100% - 2px);
 height:calc(100% - 2px);
 background:red;
 border-radius:50%;
 position:absolute;
 left:1px;
 top:1px
}
.record-video .record-bottom .record-redBtn .record-on {
 width:18px;
 height:18px;
 background:red;
 border-radius:50%;
 position:absolute;
 left:calc(50% - 9px);
 top:calc(50% - 9px);
 -webkit-animation:recordblink 1s ease-in infinite;
 animation:recordblink 1s ease-in infinite
}
.record-video .record-bottom .record-timer {
 display:inline-block;
 vertical-align:middle;
 font-weight:500;
 font-size:16px
}
@-webkit-keyframes recordblink {
 0% {
  opacity:1
 }
 to {
  opacity:0
 }
}
@keyframes recordblink {
 0% {
  opacity:1
 }
 to {
  opacity:0
 }
}
.t-image-step-content {
 position:absolute;
 background-color:#000;
 left:0;
 top:0;
 width:100%;
 height:100%;
 z-index:4
}
.t-image-step-content .t-step-status {
 margin:10px auto 5px;
 color:#fff;
 font-size:18px;
 font-weight:700;
 text-align:center
}
.t-image-step-content .t-image-step {
 width:311px;
 height:349px;
 margin:10px auto;
 background:#fff;
 border-radius:6px
}
.t-image-step-1 {
 text-align:center;
 padding:23px 20px
}
.t-image-step-1>.title {
 margin-bottom:5px;
 font-weight:500;
 font-size:16px
}
.t-image-step-1>.t-image-upload {
 position:relative;
 padding:14px 0 15px
}
.t-image-step-1>.t-image-upload:before {
 display:block;
 margin:0 auto;
 width:31px;
 height:31px;
 content:"+";
 color:#8e8e8e;
 background-color:#e8e8eb;
 border-radius:6px;
 font-size:20px;
 font-weight:lighter;
 line-height:30px;
 text-align:center
}
.t-image-step-1>.t-image-upload>.t-upload-input {
 position:absolute;
 cursor:pointer;
 right:0;
 top:0;
 height:100%;
 filter:alpha(opacity=0);
 opacity:0;
 font-size:50px;
 outline:none;
 z-index:2
}
.t-image-step-1>.t-image-upload>.t-image-tip {
 margin-top:11px;
 font-size:16px
}
.t-image-step-1>.t-image-upload>.t-image-tip>span {
 color:#d39d4e;
 text-decoration:underline
}
.t-image-step-1>.t-image-upload>.t-image-tip>span:hover {
 color:#d39d4e
}
.t-image-step-1>.t-image-upload>.t-image-tip>p {
 margin-top:1px;
 font-size:14px;
 color:#6b6b6b
}
.t-image-step-1>.t-face-img {
 margin-top:10px
}
.t-image-step-1>.t-face-img>.t-face {
 display:inline-block;
 margin:0 17px;
 font-weight:500
}
.t-image-step-1>.t-face-img>.t-face:before {
 display:block;
 margin-bottom:5px;
 content:" ";
 width:60px;
 height:60px;
 background:url(images/eyetry/it-face.png) 0 0 no-repeat
}
.t-image-step-1>.t-face-img>.t-face>strong {
 font-size:15px;
 font-weight:700;
 color:#00b981
}
.t-image-step-1>.t-face-img>.t-face-x:before {
 background-position:0 -60px
}
.t-image-step-1>.t-face-img>.t-face-x>strong {
 color:#fa0000
}
.t-image-step-1>.t-face-tip {
 margin-top:21px;
 color:#6c6c6c;
 font-weight:lighter
}
.t-facebook-step-1 {
 padding:48px 10px 20px;
 text-align:center
}
.t-facebook-step-1>.t-icon-fb {
 margin:0 auto;
 display:block;
 width:36px;
 height:36px;
 padding-top:10px;
 color:#fff;
 background:#1978f3;
 border-radius:50%;
 text-align:center;
 font-size:26px
}
.t-facebook-step-1>.t-fb-text {
 margin-top:25px;
 font-size:16px
}
.t-facebook-step-1>.t-fb-tip {
 margin-top:7px;
 padding:0 30px;
 font-size:14px;
 color:#6b6b6b
}
.t-facebook-step-1>.btn-fb-connect {
 margin-top:36px;
 padding:4px 18px;
 color:#fff;
 font-size:14px;
 font-weight:400;
 background:#d39d4e;
 border-color:#d39d4e
}
.t-facebook-step-1>.btn-fb-connect:hover {
 background-color:#dcb171;
 border-color:#dcb171
}
.t-facebook-step-logined {
 position:relative;
 padding:24px 10px
}
.t-facebook-step-logined>.t-fb-images {
 margin:0 auto;
 padding:0 6px;
 overflow:hidden;
 text-align:left
}
.t-facebook-step-logined>.t-fb-images>.item {
 display:inline-block;
 position:relative;
 overflow:hidden;
 margin:3px;
 width:87px;
 height:70px;
 text-align:center
}
.t-facebook-step-logined>.t-fb-images>.item>img {
 max-width:-webkit-fit-content;
 max-width:-moz-fit-content;
 max-width:fit-content;
 max-height:100%
}
.t-facebook-step-logined>.t-fb-pages {
 margin:14px auto;
 text-align:center
}
.t-facebook-step-logined>.t-fb-pages>.disabled {
 color:grey
}
.t-facebook-step-logined>.t-fb-pages>span {
 display:inline-block;
 margin:0 1px;
 padding:0 4px;
 height:20px;
 line-height:20px;
 cursor:pointer
}
.t-facebook-step-logined>.t-fb-pages>span.item {
 font-size:16px
}
.t-facebook-step-logined>.t-fb-pages>span.current {
 cursor:default
}
.t-facebook-step-logined>.t-fb-pages>span>a {
 font-style:normal;
 margin:0 3px;
 cursor:pointer
}
.t-facebook-step-logined>.t-fb-pages.fb-page-num {
 text-align:center
}
.t-facebook-step-logined>.t-fb-logout {
 position:absolute;
 bottom:10px;
 right:0;
 text-align:right
}
.t-facebook-step-logined>.t-fb-logout>span {
 display:inline-block;
 padding:5px 18px;
 text-decoration:underline;
 cursor:pointer
}
.t-facebook-step-logined>.t-fb-logout>span:hover {
 color:#d39d4e
}
.t-image-step-content .t-image-step-2 {
 width:100%;
 background:none
}
.t-image-step-2>.t-crop-content {
 margin:0 auto;
 width:333px;
 height:285px;
 background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
}
.t-image-step-2>.t-image-adjust-tip {
 margin:12px auto 17px;
 text-align:center;
 color:#fff
}
.t-image-step-2>.t-image-adjust {
 text-align:center;
 font-size:16px;
 font-weight:500;
 color:#fff
}
.t-image-step-2>.t-image-adjust>.it-rotate {
 display:inline-block;
 background:url(images/eyetry/it-rotate-2x.png) 0 3px no-repeat;
 background-size:17px 16px;
 padding-left:23px;
 cursor:pointer
}
.t-image-see-all {
 position:absolute;
 background-color:#f5f5f5;
 left:0;
 top:0;
 width:100%;
 height:100%;
 z-index:4
}
.t-image-see-all>.t-images-list {
 margin:32px auto 4px;
 padding:10px 0 10px 45px;
 overflow:hidden
}
.t-image-see-all>.t-images-list>.item {
 display:block;
 margin-right:6px;
 margin-bottom:7px;
 float:left;
 width:89px;
 height:101px;
 border:2px solid transparent;
 border-radius:6px;
 overflow:hidden
}
.t-image-see-all>.t-images-list>.item.add-item {
 background-color:#fff;
 cursor:pointer
}
.t-image-see-all>.t-images-list>.item.add-item:after {
 display:block;
 content:"+";
 text-align:center;
 font-size:36px;
 font-weight:lighter;
 line-height:84px;
 color:#9b9b9b
}
.t-image-see-all>.t-images-list>.item>img {
 display:block;
 width:89px;
 height:101px;
 border-radius:6px
}
.t-image-see-all>.t-images-list>.item:last-child {
 margin-right:0
}
.t-image-see-all>.t-images-list>.item.current {
 position:relative;
 border-color:#d39d4e
}
.t-image-see-all>.t-images-list>.item.current:after {
 display:block;
 width:20px;
 height:20px;
 padding:2px 2px 1px 4px;
 position:absolute;
 right:-1px;
 bottom:0;
 content:"\e902";
 font-size:13px;
 font-weight:100;
 background:#d39d4e;
 font-family:ebd!important;
 speak:none;
 border-top-left-radius:6px;
 border-bottom-right-radius:6px
}
.tabs-image-step-1>.step-image-options,
.tabs-image-step-2>.step-image-options {
 position:absolute;
 width:100%;
 left:0;
 bottom:0
}
.tabs-image-step-1>.step-image-options>.option,
.tabs-image-step-2>.step-image-options>.option {
 position:relative;
 display:block;
 padding:9px 38px;
 font-size:16px;
 cursor:pointer
}
.tabs-image-step-1>.step-image-options>.option.current,
.tabs-image-step-2>.step-image-options>.option.current {
 cursor:default;
 background:#fafafa
}
.tabs-image-step-1>.step-image-options>.option.current:before,
.tabs-image-step-2>.step-image-options>.option.current:before {
 position:absolute;
 display:block;
 width:4px;
 height:100%;
 left:0;
 top:0;
 content:"";
 background:#d39d4e
}
.tabs-image-step-1 {
 padding:8px 18px
}
.tabs-image-step-1>.title {
 margin:11px 0 0;
 font-size:16px;
 font-weight:500;
 line-height:1.2
}
.tabs-image-step-1>.step-image-tip {
 margin-top:18px
}
.tabs-image-step-1>.step-image-options>.btn-image-cancel {
 display:block;
 margin:22px 4px 8px;
 height:44px;
 line-height:30px
}
.tabs-image-see-all>.title,
.tabs-image-step-2>.title {
 margin:11px 0 0;
 font-size:16px;
 font-weight:500;
 line-height:1.2
}
.tabs-image-see-all>.step-image-tip,
.tabs-image-step-2>.step-image-tip {
 margin-top:18px
}
.tabs-image-see-all>.t-pd-form,
.tabs-image-step-2>.t-pd-form {
 margin-top:16px
}
.tabs-image-see-all>.t-pd-form>.form-title,
.tabs-image-step-2>.t-pd-form>.form-title {
 margin-bottom:4px
}
.tabs-image-see-all>.t-pd-form .icon-help,
.tabs-image-step-2>.t-pd-form .icon-help {
 margin-left:5px;
 text-decoration:none
}
.tabs-image-see-all>.t-pd-form>.t-input-pd,
.tabs-image-step-2>.t-pd-form>.t-input-pd {
 width:81px;
 height:28px;
 border-radius:6px;
 margin-right:3px;
 outline:none
}
.tabs-image-see-all>.t-pd-form>.input-pd-changed,
.tabs-image-step-2>.t-pd-form>.input-pd-changed {
 border:1px solid #ffbb43;
 color:#242424
}
.tabs-image-see-all>.t-pd-form>.input-pd-saved,
.tabs-image-step-2>.t-pd-form>.input-pd-saved {
 border:1px solid #000;
 color:#000
}
.tabs-image-see-all>.t-pd-form>.btn-pd-update,
.tabs-image-step-2>.t-pd-form>.btn-pd-update {
 width:86px;
 padding:0;
 height:28px;
 line-height:26px;
 font-size:14px;
 border:1px solid #000;
 background:#fff;
 color:#000
}
.tabs-image-see-all>.t-pd-form>.btn-pd-unchanged,
.tabs-image-step-2>.t-pd-form>.btn-pd-unchanged {
 border:1px solid #a3a3a3;
 background:#f5f5f5;
 color:#a3a3a3
}
.aside-frame-adjustment .frame-adjustment-content {
 text-align:center;
 padding:8px 18px
}
.aside-frame-adjustment .title {
 text-align:left;
 margin:11px 0 0;
 font-size:16px;
 font-weight:500;
 line-height:1.2
}
.aside-frame-adjustment .not-title {
 margin:10px 0 6px;
 padding-left:24px;
 text-align:left
}
.aside-frame-adjustment .adjustment-guide-img {
 margin-top:10px;
 display:inline-block;
 width:84px;
 height:73px;
 background:url(images/eyetry/ajdust-frame-direction-new.png) 0 0 no-repeat
}
.aside-frame-adjustment .right-click {
 width:61px;
 height:55px;
 background-position:0 -59px
}
.aside-frame-adjustment .adjustment-guide-text {
 padding-left:24px;
 position:relative;
 max-width:180px;
 text-align:left
}
.aside-frame-adjustment .adjustment-guide-text:before {
 content:" ";
 display:block;
 width:10px;
 height:15px;
 position:absolute;
 left:3px;
 top:5px;
 background:url(images/eyetry/ajdust-frame-click.png) 0 0 no-repeat
}
.aside-frame-adjustment .right-text:before {
 background-position:0 -15px
}
.aside-frame-adjustment .step-options-btns {
 margin:22px 0 8px;
 width:100%;
 text-align:center;
 position:absolute;
 left:0;
 bottom:0
}
.aside-frame-adjustment .step-options-btns>.btn {
 width:99px;
 height:44px;
 padding-left:0;
 padding-right:0;
 line-height:22px;
 margin-right:2px
}
.tabs-image-step-2 {
 padding:8px 18px
}
.tabs-image-step-2>.step-image-tip {
 margin-top:7px
}
.tabs-image-step-2>.step-image-options>.step-options-btns {
 margin:22px 4px 8px;
 text-align:center
}
.tabs-image-step-2 .step-options-btns>.btn {
 width:99px;
 height:44px;
 padding-left:0;
 padding-right:0;
 line-height:22px;
 margin-right:2px
}
.tabs-image-see-all {
 padding:8px 18px
}
.tabs-image-see-all>.t-image-remove {
 margin-top:16px
}
.tabs-image-see-all>.t-image-remove>.btn {
 display:block;
 margin-top:16px;
 padding:3px 5px;
 font-size:14px
}
.tabs-image-see-all>.step-image-options {
 position:absolute;
 width:100%;
 left:0;
 bottom:0
}
.tabs-image-see-all>.step-image-options>.step-options-btns {
 margin:22px 4px 8px;
 text-align:center
}
.tabs-image-see-all .step-options-btns>.btn {
 width:99px;
 height:44px;
 padding-left:0;
 padding-right:0;
 line-height:22px;
 margin-right:2px
}
.delete-confirm-main .btn {
 width:150px;
 padding-left:5px;
 padding-right:5px
}
.delete-confirm-main .btn.none {
 display:none
}
.delete-confirm-main .btn-confirm {
 margin-right:15px
}
/*# sourceMappingURL=../maps/css/eyeglasses.css.map */


.video-container {
	position: relative;
	margin: 66px auto 0;
	padding-left: 0;
	padding-right: 0;
	height: 0;
	padding-bottom: 56.15%;
	overflow: hidden
}
.video-container.js-video-control {
	cursor: pointer
}
.video-container .video-img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}
.video-container .video-content {
	position: relative;
	width: 100%;
	padding-bottom: 57%;
	height: 0;
	overflow: hidden;
	z-index: 10
}
.video-container .video-content iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 675px
}
.video-container .video-text-content {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	margin-top: -110px;
	z-index: 20
}
.video-container .video-text-two {
	margin-top: -150px
}
.video-container .video-desc {
	margin: 10px auto;
	font-size: 48px;
	font-weight: 700;
	max-width: 600px;
	line-height: 1.2;
	text-transform: uppercase
}
.video-container .video-control {
	display: block;
	margin: 5px auto 15px;
	width: 100px;
	height: 100px;
	background: url(images/icons/icon-video-play.png) 50% no-repeat;
	background-size: cover;
	cursor: pointer
}
.video-container .video-watch {
	font-style: normal;
	font-size: 18px;
	font-weight: 400
}
@media (min-width:0) {
	.video-container .video-text-content {
		margin-top: -60px
	}
	.video-container .video-text-two {
		margin-top: -70px
	}
	.video-container .video-control {
		width: 40px;
		height: 40px
	}
	.video-container .video-desc {
		font-size: 18px;
		max-width: 80%
	}
	.video-container .video-watch {
		font-size: 14px
	}
}
@media (min-width:600px) {
	.video-container .video-text-content {
		margin-top: -80px
	}
	.video-container .video-text-two {
		margin-top: -90px
	}
	.video-container .video-control {
		width: 60px;
		height: 60px
	}
	.video-container .video-desc {
		font-size: 30px;
		max-width: 450px
	}
}
@media (min-width:1024px) {
	.video-container .video-text-content {
		margin-top: -110px
	}
	.video-container .video-text-two {
		margin-top: -150px
	}
	.video-container .video-control {
		width: 100px;
		height: 100px
	}
	.video-container .video-desc {
		font-size: 48px;
		max-width: 600px
	}
}
.discover-title-content {
	margin-top: 62px;
	text-align: center
}
.discover-title-content h1, .discover-title-content h2 {
	font-size: 36px
}
.discover-title-content h1 {
	text-transform: none
}
.discover-title-content hr {
	margin: 21px auto 0;
	width: 79px;
	border: none;
	border-bottom: 1px solid #000
}
.discover-title-content p {
	max-width: 520px;
	margin: 23px auto 0;
	font-size: 16px;
	font-weight: 400
}
/*# sourceMappingURL=../maps/css/learning-center.css.map */

.wrapper {
	padding-bottom: 0
}
.tan-banner {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto
}
.tan-banner .tan-video-box {
	position: relative;
	display: block;
	margin: 0 auto;
	max-width: 1440px;
	height: 0;
	padding-bottom: 41.66667%;
	overflow: hidden
}
.tan-banner .bg-layer {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
	background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
}
.tan-banner video {
	display: block;
	width: 100%
}
.tan-banner .vd-c::-webkit-media-controls {
	display: none!important
}
.tan-banner .video-text {
	display: table;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	color: #fff;
	text-align: center;
	z-index: 3
}
.tan-banner .video-text-content {
	display: table-cell;
	vertical-align: middle;
	font-size: 35px
}
@media (max-width:420px) {
	.tan-banner .video-text-content {
		font-size: 30px
	}
}
@media (max-width:767px) {
	.tan-banner .video-text-content {
		font-size: 20px
	}
}
@media (max-width:370px) {
	.tan-banner .video-text-content {
		font-size: 16px
	}
}
.tan-banner .text-title {
	margin: 0 auto;
	padding-bottom: 16px;
	font-size: 44px !important;
	color: #fff;
	font-weight:400;
}
@media (max-width:1100px) {
	.tan-banner .text-title {
		font-size: 40px
	}
}
@media (max-width:767px) {
	.tan-banner .text-title {
		padding-bottom: 11px;
		font-size: 26px !important;
	}
}
.tan-banner .text-btn {
	display: inline-block;
	width: 100%;
	max-width: 300px;
	padding: 10px 5px;
	font-size: 27px;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	border-radius: 6px;
	border: 1px solid #fff
}
@media (max-width:1100px) {
	.tan-banner .text-btn {
		font-size: 24px
	}
}
@media (max-width:767px) {
	.tan-banner .text-btn {
		max-width: 160px;
		font-size: 20px
	}
}
.tan-banner .text-btn img {
	padding-right: 8px
}
.tan-banner .text-btn img, .tan-banner .text-btn span {
	display: inline-block;
	padding-bottom: 4px;
	vertical-align: middle
}
.tan-banner .text-btn span {
	text-transform: uppercase
}
.device-phone .tan-banner {
	max-width: 767px
}
.device-phone .tan-banner .tan-video-box {
	position: relative;
	display: block;
	margin: 0 auto;
	max-width: 768px;
	height: 0;
	padding-bottom: 106.77083%;
	overflow: hidden
}
.main-txt-container {
	margin: 175px auto 70px;
	text-align: center
}
.main-txt-container h1 {
	max-width: 840px;
	margin: 0 auto 48px;
	font-size: 40px !important;
	font-weight: 700;
	color: #d39d4e;
}
 
 
.main-txt-container h2 {
	max-width: 840px;
	margin: 10px auto 48px;
	font-size: 34px !important;
	font-weight: 700;
	color: #d39d4e
}

.main-txt-container .txt {
    color:#000 !important;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 15px;
	font-size: 18px;
	text-align:justify;
	line-height: 1.8
}
@media (max-width:1100px) {
	.main-txt-container {
		margin: 110px auto 130px
	}
	.main-txt-container h2 {
		max-width: 740px;
		font-size: 48px
	}
}
@media (max-width:767px) {
	.main-txt-container {
		margin-top: 35px;
		margin-bottom: 0px;
	}
	.main-txt-container h2 {
		max-width: 340px;
		margin-bottom: 26px;
		font-size: 36px !important;
		line-height: 36px
	}
	.main-txt-container .txt {
		line-height: 1.4
	}
}
.works-way {
	padding: 68px 10px 94px;
	background: #f6f6f6
}
@media (max-width:767px) {
	.works-way {
		padding-top: 54px;
		padding-bottom: 67px
	}
}
.works-way h3 {
	margin: 0 auto 50px;
	font-size: 36px;
	font-weight: 500;
	text-align: center
}
@media (max-width:767px) {
	.works-way h3 {
		font-size: 26px
	}
}
.works-way .works-img-box {
	position: relative;
	width: 85%;
	max-width: 909px;
	margin: 0 auto
}
.works-way .works-img-box .img-box {
	position: relative;
	display: block;
	margin: 0 auto;
	max-width: 909px;
	height: 0;
	padding-bottom: 44.11441%;
	overflow: hidden
}
@media (max-width:767px) {
	.works-way .works-img-box {
		max-width: 288px
	}
	.works-way .works-img-box .img-box {
		position: relative;
		display: block;
		margin: 0 auto;
		max-width: 288px;
		height: 0;
		padding-bottom: 220.13889%;
		overflow: hidden
	}
}
.works-way .txt-one {
	position: absolute;
	top: 33%;
	left: -6%;
	max-width: 210px;
	text-align: center
}
.works-way .txt-one h4 {
	margin: 0 auto 14px;
	font-size: 26px;
	font-weight: 500
}
.works-way .txt-one p {
	font-size: 20px;
	line-height: 1.2
}
@media (max-width:900px) {
	.works-way .txt-one {
		left: -9%;
		max-width: 190px
	}
	.works-way .txt-one h4 {
		font-size: 20px
	}
	.works-way .txt-one p {
		font-size: 16px
	}
}
@media (max-width:767px) {
	.works-way .txt-one {
		top: 0;
		left: 32%;
		text-align: left
	}
	.works-way .txt-one h4 {
		font-size: 22px;
		margin-bottom: 6px
	}
}
.works-way .txt-two {
	position: absolute;
	top: 52.5%;
	left: 51%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 190px;
	margin: 0 auto;
	padding: 6px 20px;
	border: 2px dashed #000;
	border-radius: 9px;
	text-align: center
}
.works-way .txt-two h4 {
	margin: 0 auto;
	font-size: 22px;
	font-weight: 500
}
@media (max-width:900px) {
	.works-way .txt-two h4 {
		font-size: 18px
	}
}
@media (max-width:767px) {
	.works-way .txt-two {
		top: 51.8%;
		left: 57%;
		padding: 6px 5px;
		border: 1px dashed #000
	}
	.works-way .txt-two h4 {
		font-size: 16px
	}
}
.works-way .txt-three {
	position: absolute;
	top: 33%;
	right: -6%;
	max-width: 180px;
	text-align: center
}
.works-way .txt-three h4 {
	margin: 0 auto 14px;
	font-size: 26px;
	font-weight: 500
}
.works-way .txt-three p {
	font-size: 20px;
	line-height: 1.2
}
@media (max-width:900px) {
	.works-way .txt-three {
		right: -7%;
		max-width: 160px
	}
	.works-way .txt-three h4 {
		font-size: 20px
	}
	.works-way .txt-three p {
		font-size: 16px
	}
}
@media (max-width:767px) {
	.works-way .txt-three {
		max-width: 140px;
		top: unset;
		right: unset;
		bottom: -1%;
		left: 31%;
		text-align: left
	}
	.works-way .txt-three h4 {
		font-size: 22px;
		margin-bottom: 6px
	}
}
.customer-saying {
	padding: 95px 20px 135px
}
@media (max-width:767px) {
	.customer-saying {
		padding: 74px 0 56px
	}
}
.customer-saying h3 {
	margin: 0 auto;
	padding: 0 10px;
	font-size: 36px;
	font-weight: 500;
	text-align: center
}
@media (max-width:767px) {
	.customer-saying h3 {
		font-size: 26px;
		font-weight: 700
	}
}
.customer-saying .say-section {
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: 90px auto 0
}
@media (max-width:767px) {
	.customer-saying .say-section {
		width: 100%;
		max-width: 767px;
		margin-top: 64px;
		overflow: hidden
	}
}
.customer-saying .say-container {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden
}
@media (max-width:767px) {
	.customer-saying .say-container {
		width: 100%;
		max-width: 767px;
		/*width: calc(100% - 52.5px);*/
		margin: 0;
		overflow: visible
	}
}
.customer-saying .arrow {
	display: block;
	position: absolute;
	top: 40%;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: #fff;
	background: #000;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	z-index: 2
}
@media (max-width:767px) {
	.customer-saying .arrow {
		width: 20px;
		height: 20px;
		font-size: 12px;
		line-height: 20px
	}
}
.customer-saying .icon-arrow-left {
	left: -48px;
	padding-right: 2px
}
@media (max-width:1200px) {
	.customer-saying .icon-arrow-left {
		left: -38px
	}
}
@media (max-width:767px) {
	.customer-saying .icon-arrow-left {
		left: 2px;
		display:none;
	}
}
.customer-saying .icon-arrow-right {
	right: -58px;
	padding-left: 2px
}
@media (max-width:1200px) {
	.customer-saying .icon-arrow-right {
		right: -48px
	}
}
@media (max-width:767px) {
	.customer-saying .icon-arrow-right {
		right: 10px;
		display:none;
	}
}
.customer-saying ul {
	position: relative;
	width: 600%;
	white-space: nowrap;
	margin: 0 auto
}
@media (max-width:767px) {
	.customer-saying ul {
	    display:inline-block !important;
		width: 400%
	}
}
.customer-saying li {
	display: inline-block;
	width: 400px;
	max-width: 400px;
	padding: 0 10px;
	white-space: normal
}
@media (max-width:1250px) {
	.customer-saying li {
		width: 360px;
		max-width: 360px
	}
}
@media (max-width:767px) {
	.customer-saying li {
		padding: 0 5px
	}
}
@media (max-width:480px) {
	.customer-saying li {
		width: 270px;
		/*max-width: 270px;*/
		padding-left: 15px;
		padding-right: 15px
	}
}
.customer-saying .cus-box {
	padding: 20px 10px 12px;
	border-radius: 10px;
	background: #f6f6f6
}
@media (max-width:767px) {
	.customer-saying .cus-box {
		padding-top: 15px;
		padding-bottom: 9px
	}
}
.customer-saying .cus-top {
	display: table;
	padding-left: 10px
}
@media (max-width:900px) {
	.customer-saying .cus-top {
		min-height: 65px
	}
}
.customer-saying .say-img {
	display: table-cell;
	vertical-align: middle;
	width: 25%;
	max-width: 72px
}
@media (max-width:767px) {
	.customer-saying .say-img {
		width: 32%
	}
}
.customer-saying .say-img .img-box {
	position: relative;
	display: block;
	margin: 0 auto;
	max-width: 72px;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden
}
.customer-saying .say-img img {
	border-radius: 50%
}
.customer-saying .say-txt {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px
}
.customer-saying .say-txt strong {
	font-size: 20px
}
@media (max-width:767px) {
	.customer-saying .say-txt strong {
		font-size: 18px
	}
}
.customer-saying .say-txt p {
	font-size: 18px;
	font-weight: 500;
	color: #d39d4e
}
@media (max-width:1200px) {
	.customer-saying .say-txt p {
		font-size: 16px;
		line-height: 1.1
	}
}
.customer-saying .cus-bottom {
	display: table;
	min-height: 162px;
	padding: 15px 10px 0
}
@media (max-width:1200px) {
	.customer-saying .cus-bottom {
		min-height: 202px
	}
}
@media (max-width:900px) {
	.customer-saying .cus-bottom {
		min-height: 282px
	}
}
@media (max-width:767px) {
	.customer-saying .cus-bottom {
		min-height: 157px
	}
}
.customer-saying .cus-bottom p {
	display: table-cell;
	padding: 10px 6px 0;
	font-size: 18px;
	color: #797979;
	letter-spacing: .2pt;
	vertical-align: middle;
	border-top: 1px solid #e5e5e5
}
@media (max-width:767px) {
	.customer-saying .cus-bottom p {
		font-size: 14px
	}
}
.smile-reason {
	position: relative;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto
}
.smile-reason .reason-txt {
	position: absolute;
	top: 57%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	color: #fff;
	text-align: center
}
@media (max-width:1200px) {
	.smile-reason .reason-txt {
		top: 53%
	}
}
@media (max-width:767px) {
	.smile-reason .reason-txt {
		top: 55%
	}
}
.smile-reason h3 {
	margin: 0 auto;
	font-size: 26px;
	color:#fff !important;
}
@media (max-width:1250px) {
	.smile-reason h3 {
		font-size: 22px
	}
}
@media (max-width:900px) {
	.smile-reason h3 {
		font-size: 20px
	}
}
@media (max-width:767px) {
	.smile-reason h3 {
		font-size: 18px
	}
}
.smile-reason .txt {
	max-width: 820px;
	margin: 0 auto;
	padding: 34px 10px 42px;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.2
}
@media (max-width:1250px) {
	.smile-reason .txt {
		max-width: 640px;
		padding: 24px 10px 32px;
		font-size: 30px
	}
}
@media (max-width:900px) {
	.smile-reason .txt {
		max-width: 540px;
		padding: 14px 10px 22px;
		font-size: 22px
	}
}
@media (max-width:600px) {
	.smile-reason .txt {
		padding: 24px 20px 37px
	}
}
@media (max-width:400px) {
	.smile-reason .txt {
		padding-left: 40px;
		padding-right: 40px
	}
}
.smile-reason .btn {
	width: 100%;
	max-width: 240px;
	padding: 12px 10px;
	font-size: 18px
}
@media (max-width:900px) {
	.smile-reason .btn {
		max-width: 200px;
		font-size: 16px
	}
}
@media (max-width:767px) {
	.smile-reason .btn {
		max-width: 290px;
		font-size: 18px
	}
}
.smile-reason .smile-logo {
	width: 100%;
	max-width: 490px;
	margin: 5% auto 0
}
@media (max-width:1250px) {
	.smile-reason .smile-logo {
		margin-top: 4%
	}
}
@media (max-width:900px) {
	.smile-reason .smile-logo {
		margin-top: 3%
	}
}
@media (max-width:767px) {
	.smile-reason .smile-logo {
		margin-top: 55px
	}
}
@media (max-width:374px) {
	.smile-reason .smile-logo {
		margin-top: 25px
	}
}
.smile-reason .smile-logo .logo-one {
	display: inline-block;
	vertical-align: middle
}
@media (max-width:767px) {
	.smile-reason .smile-logo .logo-one {
		max-width: 136px
	}
}
.smile-reason .smile-logo .logo-two {
	display: inline-block;
	max-width: 66px;
	margin-left: 20px;
	margin-right: 20px;
	vertical-align: middle
}
@media (max-width:767px) {
	.smile-reason .smile-logo .logo-two {
		max-width: 52px;
		margin-left: 10px;
		margin-right: 10px
	}
}
@media (max-width:374px) {
	.smile-reason .smile-logo .logo-two {
		margin: 0 auto
	}
}
.smile-reason .smile-logo .logo-three {
	display: inline-block;
	max-width: 156px;
	vertical-align: middle
}
@media (max-width:767px) {
	.smile-reason .smile-logo .logo-three {
		max-width: 116px
	}
}
.smile-banner {
	width: 100%;
	max-width: 1440px
}
.smile-banner .img-box {
	position: relative;
	display: block;
	margin: 0 auto;
	max-width: 1440px;
	height: 0;
	padding-bottom: 46.52778%;
	overflow: hidden
}
@media (max-width:767px) {
	.smile-banner .img-box {
		position: relative;
		display: block;
		margin: 0 auto;
		max-width: 768px;
		height: 0;
		padding-bottom: 138.41146%;
		overflow: hidden
	}
}
.eyewear-section {
	width: 95%;
	max-width: 1110px;
	padding: 0 10px;
	margin: 80px auto
}
@media (max-width:767px) {
	.eyewear-section {
		margin: 51px auto
	}
}
.eyewear-left {
	float: left;
	width: 54%;
	padding-right: 3%;
	margin-top: 4%
}
@media (max-width:1100px) {
	.eyewear-left {
		margin-top: 8%
	}
}
@media (max-width:900px) {
	.eyewear-left {
		margin-top: 5%;
		padding-right: 1%
	}
}
@media (max-width:767px) {
	.eyewear-left {
		float: none;
		width: 100%;
		margin-top: 32px;
		padding-right: 0;
		text-align: center
	}
}
.eyewear-left .svg-container {
	display: inline-block;
	max-width: 60px;
	margin-right: 17px;
	vertical-align: middle
}
.eyewear-left .svg-container .svg-box {
	position: relative;
	display: block;
	margin: 0 auto;
	max-width: 60px;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden
}
@media (max-width:767px) {
	.eyewear-left .svg-container {
		display: block;
		margin: 0 auto;
		max-width: 40px
	}
}
.eyewear-left h3 {
	display: inline-block;
	max-width: 310px;
	margin: 0 auto;
	font-size: 36px;
	font-weight: 500;
	vertical-align: middle;
	text-align: right;
	padding-right:20px;
}
@media (max-width:1023px) {
	.eyewear-left h3 {
		max-width: 250px;
		font-size: 28px
	}
}
@media (max-width:767px) {
	.eyewear-left h3 {
		display: block;
		max-width: 380px;
		margin-top: 6px;
		font-size: 26px;
		text-align: center
	}
}
.eyewear-left .txt {
	max-width: 480px;
	padding-top: 40px;
	padding-bottom: 55px;
	font-size: 18px;
	line-height: 1.3
}
@media (max-width:1023px) {
	.eyewear-left .txt {
		padding-top: 25px;
		padding-bottom: 30px
	}
}
@media (max-width:767px) {
	.eyewear-left .txt {
		margin: 0 auto
	}
}
.eyewear-left .btn {
	display: inline-block;
	width: 100%;
	max-width: 230px;
	padding: 12px 5px;
	margin-left: 20px;
	font-size: 18px
}
.eyewear-left .btn:last-child {
	margin-right: 0
}
@media (max-width:1200px) {
	.eyewear-left .btn {
		max-width: 200px;
		margin-right: 10px;
		font-size: 16px
	}
}
@media (max-width:1023px) {
	.eyewear-left .btn {
		max-width: 175px;
		font-size: 14px
	}
}
@media (max-width:767px) {
	.eyewear-left .btn {
		display: block;
		max-width: 290px;
		margin: 0 auto 10px;
		font-size: 18px
	}
	.eyewear-left .btn:last-child {
		margin-right: auto
	}
}
.eyewear-right {
	float: right;
	width: 46%
}
@media (max-width:767px) {
	.eyewear-right {
		float: none;
		width: 100%;
		padding: 0 9px
	}
}
.eyewear-right .gif-container {
	float: right;
	max-width: 495px;
	margin: 0 auto
}
.eyewear-right .gif-container .gif-box {
	position: relative;
	display: block;
	margin: 0 auto;
	max-width: 600px;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden
}
@media (max-width:767px) {
	.eyewear-right .gif-container {
		float: none
	}
}
.join-us-section {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto
}
.join-left {
	float: left;
	width: 50.28%
}
.join-left .img-container {
	max-width: 725px
}
.join-left .img-container .img-box {
	position: relative;
	display: block;
	margin: 0 auto;
	max-width: 724px;
	height: 0;
	padding-bottom: 80.1105%;
	overflow: hidden
}
.join-left .img-container .img-box img{
    height:auto;
}
@media (max-width:767px) {
	.join-left {
		float: none;
		width: 100%
	}
	.join-left .img-container {
		max-width: 767px
	}
	.join-left .img-container .img-box {
		position: relative;
		display: block;
		margin: 0 auto;
		max-width: 768px;
		height: 0;
		padding-bottom: 104.03646%;
		overflow: hidden
	}
}
.join-right {
	position: relative;
	float: right;
	width: 49.72%;
	background: #f6f6f6
}
@media (max-width:767px) {
	.join-right {
		float: none;
		width: 100%;
		background: #fff
	}
}
.join-right .txt-container {
	position: relative;
	display: block;
	margin: 0 auto;
	max-width: 716px;
	height: 0;
	padding-bottom: 67.5%;
	overflow: hidden
}
@media (max-width:767px) {
	.join-right .txt-container {
		height: auto;
		padding: 54px 25px 70px;
		text-align: center
	}
}
.join-right .txt-box {
	position: absolute;
	top: 50%;
	left: 35%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
@media (max-width:767px) {
	.join-right .txt-box {
		position: relative;
		top: unset;
		left: unset;
		-webkit-transform: unset;
		-ms-transform: unset;
		transform: unset
	}
}
.join-right h3 {
	margin: 0 auto;
	font-size: 40px;
	font-weight: 500
}
@media (max-width:1200px) {
	.join-right h3 {
		font-size: 36px
	}
}
@media (max-width:950px) {
	.join-right h3 {
		font-size: 30px
	}
}
@media (max-width:767px) {
	.join-right h3 {
		font-size: 26px
	}
}
.join-right .txt {
	max-width: 500px;
	padding: 30px 10px 28px 0;
	font-size: 22px;
	line-height: 1.3
}
@media (max-width:1200px) {
	.join-right .txt {
		font-size: 18px
	}
}
@media (max-width:900px) {
	.join-right .txt {
		padding-top: 20px;
		padding-bottom: 20px
	}
}
@media (max-width:767px) {
	.join-right .txt {
		margin: 0 auto;
		padding-top: 15px;
		padding-bottom: 38px;
		font-size: 20px
	}
}
.join-right .btn {
	width: 100%;
	max-width: 250px;
	padding: 11px 10px;
	font-size: 18px;
	    font-family: iransans;

}
.noreferrer:hover img{
        background: #29235c !important;
    border-radius: 50% !important;
}
@media (max-width:767px) {
	.join-right .btn {
		max-width: 290px
	}
}
.join-right .btn img {
	margin-right: 11px
}
.join-right .btn img, .join-right .btn span {
	vertical-align: middle
}
@media (max-width:767px) {
	.device-phone .customer-saying {
		padding-left: 0;
		padding-right: 0
	}
}
.device-phone .customer-saying .arrow {
	display: none
}
.device-phone .customer-saying .say-section {
	padding-left: 25px;
	padding-right: 0
}
.device-phone .customer-saying .say-container {
	width: 100%;
	height: 330px
}
@media (max-width:767px) {
	.device-phone .customer-saying .say-container {
		height: 270px
	}
}
.device-phone .customer-saying ul {
	position: relative;
	width: auto;
	height: 340px;
	z-index: 3;
	padding-bottom: 10px;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-3dlight-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-arrow-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-base-color: #fff;
	scrollbar-track-color: #fff
}
@media (max-width:767px) {
	.device-phone .customer-saying ul {
		height: 280px
	}
}
.device-phone .customer-saying li:last-child {
	padding-right: 25px
}
@media (min-width:768px) {
	.device-phone .customer-saying .cus-bottom {
		min-height: 202px
	}
}
html:lang(fr-CA) .main-txt-container .txt, html:lang(fr-FR) .main-txt-container .txt {
	max-width: 600px
}
html:lang(fr-CA) .smile-reason .btn, html:lang(fr-FR) .smile-reason .btn {
	max-width: 300px
}
@media (max-width:767px) {
	html:lang(fr-CA) .tan-banner .text-btn, html:lang(fr-FR) .tan-banner .text-btn {
		max-width: 180px
	}
}
@media (max-width:767px) {
	html:lang(fr-CA) .works-way .txt-three, html:lang(fr-FR) .works-way .txt-three {
		bottom: -3%
	}
}
@media (max-width:1200px) {
	html:lang(fr-CA) .customer-saying .cus-bottom, html:lang(fr-FR) .customer-saying .cus-bottom {
		min-height: 330px
	}
}
@media (max-width:767px) {
	html:lang(fr-CA) .customer-saying .cus-bottom, html:lang(fr-FR) .customer-saying .cus-bottom {
		min-height: 165px
	}
}
@media (min-width:768px) {
	html:lang(fr-CA) .device-phone .customer-saying .cus-bottom, html:lang(fr-FR) .device-phone .customer-saying .cus-bottom {
		min-height: 210px
	}
}
@media (max-width:1023px) {
	html:lang(fr-CA) .eyewear-left h3, html:lang(fr-FR) .eyewear-left h3 {
		max-width: 230px
	}
}
@media (max-width:767px) {
	html:lang(fr-CA) .eyewear-left h3, html:lang(fr-FR) .eyewear-left h3 {
		max-width: 380px
	}
}
html:lang(fr-CA) .eyewear-left .btn, html:lang(fr-FR) .eyewear-left .btn {
	max-width: 250px
}
@media (max-width:1200px) {
	html:lang(fr-CA) .eyewear-left .btn, html:lang(fr-FR) .eyewear-left .btn {
		max-width: 230px;
		margin-right: 5px
	}
}
@media (max-width:1023px) {
	html:lang(fr-CA) .eyewear-left .btn, html:lang(fr-FR) .eyewear-left .btn {
		max-width: 180px
	}
}
@media (max-width:767px) {
	html:lang(fr-CA) .eyewear-left .btn, html:lang(fr-FR) .eyewear-left .btn {
		max-width: 290px;
		margin: 0 auto 10px
	}
}
@media (max-width:1200px) {
	html:lang(fr-CA) .join-right .txt-box, html:lang(fr-FR) .join-right .txt-box {
		left: 10%
	}
}
@media (max-width:767px) {
	html:lang(fr-CA) .join-right .txt-box, html:lang(fr-FR) .join-right .txt-box {
		top: unset;
		left: unset
	}
}

.btn span{
    margin-right:15px;
}


.btn{
font-family: iransans;
}


.filter-down.size.clearfix {
    right: -100px;
}

.overlay.popup-effect{display:none;}
.popup-wrapper.popup-show{display:none;}


@font-face{
    font-display:swap;
    font-family:'Ybakhfat';
    src:url('Ybakhfat.ttf');}


.new-yellow--stone{
    font-family: "Ybakhfat" !important;
    color:#2fbeb8 !important
}
.enamadfooter{
    width:90px;
    height:90px;
}
.enemad-link{
    
}
#desktopcloselink{
    margin-top:10px;
}
.alert.alert-danger.alert-dismissible{
    z-index:2 ;
}

.main-txt-container ol{
    text-align:right;
    list-style:auto !Important;
    
    color: #000 !important;
    
    margin: 0 auto;
    font-weight: 500;
    padding: 0 15px;
    font-size: 18px;
    line-height: 1.8;
}
.form-horizontal #account{ 
    border:none !important;
}