@font-face {
  font-family: 'glasses';
  src:  url('/wcsstore/GlassesStorefrontAssetStore/css/fonts/custom/fonts/glasses.eot?ve4qpm');
  src:  url('/wcsstore/GlassesStorefrontAssetStore/css/fonts/custom/fonts/glasses.eot?ve4qpm#iefix') format('embedded-opentype'),
    url('/wcsstore/GlassesStorefrontAssetStore/css/fonts/custom/fonts/glasses.ttf?ve4qpm') format('truetype'),
    url('/wcsstore/GlassesStorefrontAssetStore/css/fonts/custom/fonts/glasses.woff?ve4qpm') format('woff'),
    url('/wcsstore/GlassesStorefrontAssetStore/css/fonts/custom/fonts/glasses.svg?ve4qpm#glasses') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="iconglasses-"], [class*=" iconglasses-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'glasses' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconglasses-icons-beige:before {
  content: "\e950";
  color: #dbc5a4;
}
.iconglasses-icons-orange:before {
  content: "\e951";
  color: #ff7000;
}
.iconglasses-download:before {
  content: "\e900";
}                             
.iconglasses-email:before {
  content: "\e901";       
}                  
.iconglasses-box:before {
  content: "\e902";
}
.iconglasses-phone:before {
  content: "\e903";
}                          
.iconglasses-chat:before {
  content: "\e904";          
}
.iconglasses-download-file:before {
  content: "\e905";
}                  
.iconglasses-icons-noun-camera:before {
  content: "\e906";
  color: #fff;
} 
.iconglasses-icons-transparent:before {
  content: "\e907";
  color: #979797;
}                        
.iconglasses-icons-gold{
 background: #b19202; /* Old browsers */
  background: -moz-linear-gradient(315deg, #b19202, #ddba28 24%, #fdefc9 49%, #f4d735 81%, #a58800); /* FF3.6-15 */ 
  background: -webkit-linear-gradient(315deg, #b19202, #ddba28 24%, #fdefc9 49%, #f4d735 81%, #a58800); /* Chrome10-25,Safari5.1-6 */
  background-image: linear-gradient(315deg, #b19202, #ddba28 24%, #fdefc9 49%, #f4d735 81%, #a58800);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b19202', endColorstr='#f4d735',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  
}                  
.iconglasses-icons-blue:before {
  content: "\e909";
  color: #3151bc;              
}
.iconglasses-icons-bronze-copper, .iconglasses-icons-copper {
   background: #cf907f; /* Old browsers */
  background: -moz-linear-gradient(321deg, #cf907f, #fae8e1 42%, #f3ded8 56%, #cd8c7b); /* FF3.6-15 */ 
  background: -webkit-linear-gradient(321deg, #cf907f, #fae8e1 42%, #f3ded8 56%, #cd8c7b); /* Chrome10-25,Safari5.1-6 */
  background-image: linear-gradient(321deg, #cf907f, #fae8e1 42%, #f3ded8 56%, #cd8c7b);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf907f', endColorstr='#f3ded8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
} 
.iconglasses-icons-gunmetal:before {
  content: "\e90b";
  color: #6a808c;
}                          
.iconglasses-icons-silver {
   background: #cbcbcb; /* Old browsers */
  background: -moz-linear-gradient(142deg, #cbcbcb, #fbfbfb 45%, #ffffff 57%, #9b9b9b); /* FF3.6-15 */ 
  background: -webkit-linear-gradient(142deg, #cbcbcb, #fbfbfb 45%, #ffffff 57%, #9b9b9b); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(142deg, #cbcbcb, #fbfbfb 45%, #ffffff 57%, #9b9b9b); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#9b9b9b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.iconglasses-icons-grey:before {
  content: "\e90c";
  color: #9b9b9b;
}
.iconglasses-icons-violet:before {
  content: "\e90d";
  color: #9e76fe;
}   
.iconglasses-home-arrow-left:before {
  content: "\e90e";        
}
.iconglasses-home-arrow-right:before {
  content: "\e90f";
}
.iconglasses-icon-unisex-black:before {
  content: "\e910";
  font-size: 55px;
}
.iconglasses-icon-unisex-white:before {
  content: "\e910";
  font-size: 55px;
  color: #fff;
}
.iconglasses-arrow-up .path1:before {
  content: "\e911";
  color: rgb(17, 17, 17);
}
.iconglasses-arrow-up .path2:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(7, 7, 7);
}
.iconglasses-icon-view-images:before {
  content: "\e913";          
}
.iconglasses-icon-vto:before {
  content: "\e914";                      
}
.iconglasses-noun-paper-clip:before {
  content: "\e915";
  color: #fff;
}
.iconglasses-icon-sunglasses-white .path1:before {
  content: "\e916";
  color: rgb(255, 255, 255);
  font-size: 25px;
}
.iconglasses-icon-sunglasses-white .path2:before {
  content: "\e917";
  margin-left: -2.3603515625em;
  color: rgb(255, 255, 255);
  font-size: 25px;
  opacity: 0.6;
}
.iconglasses-icon-sunglasses-white .path3:before {
  content: "\e918";
  margin-left: -2.3603515625em;
  color: rgb(255, 255, 255);
  font-size: 25px;
  opacity: 0.6;
}
.iconglasses-icon-eyeglasses-black:before {
  content: "\e919";
  font-size: 25px;
}
.iconglasses-icon-eyeglasses-white:before {
  content: "\e919";
  color: white;
  font-size: 25px;
}
.iconglasses-icon-sunglasses-black .path1:before {
  content: "\e91a";
  color: rgb(0, 0, 0);
  font-size: 25px;
}
.iconglasses-icon-sunglasses-black .path2:before {
  content: "\e91b";
  margin-left: -2.3603515625em;
  color: rgb(0, 0, 0);
  font-size: 25px;
  opacity: 0.6;
}
.iconglasses-icon-sunglasses-black .path3:before {
  content: "\e91c";
  margin-left: -2.3603515625em;
  color: rgb(0, 0, 0);
  font-size: 25px;
  opacity: 0.6;
}
.iconglasses-icon-women:before {
    content: "\e91f";
}
.iconglasses-icon-women-black:before {
  content: "\e91f";
  font-size: 55px;
}
.iconglasses-icon-women-white:before {
  content: "\e91d";
  font-size: 55px;
  color: #fff;
}
.iconglasses-icon-men:before {
    content: "\e91e";
}
.iconglasses-icon-men-black:before {
  content: "\e91e";
  font-size: 41px;             
}
.iconglasses-icon-men-white:before {
  content: "\e920";
  font-size: 41px;
  color: #fff;
}
.iconglasses-logo-paypal .path1:before {
  content: "\e921";
  color: rgb(0, 121, 193);
}
.iconglasses-logo-paypal .path2:before {
  content: "\e922";
  margin-left: -3.5556640625em;
  color: rgb(0, 69, 124);
}
.iconglasses-logo-paypal .path3:before {
  content: "\e923";
  margin-left: -3.5556640625em;
  color: rgb(0, 121, 193);
}
.iconglasses-logo-paypal .path4:before {
  content: "\e924";
  margin-left: -3.5556640625em;
  color: rgb(0, 69, 124);
}
.iconglasses-logo-paypal .path5:before {
  content: "\e925";
  margin-left: -3.5556640625em;
  color: rgb(0, 121, 193);
}
.iconglasses-icons-multicolor{
    background-image: linear-gradient(140deg, #fe1701, #fef901 17%, #41bd05 30%, #00c6fe 45%, #4969d6 59%, #9457dc 72%, #f301fe 86%, #f90016);
  background: -moz-linear-gradient(140deg, #fe1701, #fef901 17%, #41bd05 30%, #00c6fe 45%, #4969d6 59%, #9457dc 72%, #f301fe 86%, #f90016); /* FF3.6-15 */ 
  background: -webkit-linear-gradient(140deg, #fe1701, #fef901 17%, #41bd05 30%, #00c6fe 45%, #4969d6 59%, #9457dc 72%, #f301fe 86%, #f90016); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(140deg, #fe1701, #fef901 17%, #41bd05 30%, #00c6fe 45%, #4969d6 59%, #9457dc 72%, #f301fe 86%, #f90016); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe1701', endColorstr='#f90016',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.iconglasses-icons-blue:before {
  content: "\e927";
  color: #3151bc;
}
.iconglasses-icons-pink:before {
  content: "\e928";
  color: #ff9d9d;
}
.iconglasses-icons-red:before {
  content: "\e929";
  color: #cc0202;
}
.iconglasses-icons-yellow-gold:before,
.iconglasses-icons-yellow:before {
  content: "\e92a";
  color: #ffe300;
}
.iconglasses-icons-gold {
  background: #f4d735; /* Old browsers */
  background: -moz-linear-gradient(315deg, #b19202, #ddba28 24%, #fdefc9 49%, #f4d735 81%, #a58800); /* FF3.6-15 */ 
  background: -webkit-linear-gradient(315deg, #b19202, #ddba28 24%, #fdefc9 49%, #f4d735 81%, #a58800); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(315deg, #b19202, #ddba28 24%, #fdefc9 49%, #f4d735 81%, #a58800); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b19202', endColorstr='#a58800',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  
}
.iconglasses-icons-green:before {
  content: "\e92b";
  color: #308e02;
}
.iconglasses-icons-brown:before {
  content: "\e932";
  color: #7a5400;
}
.iconglasses-icons-black:before {
  content: "\e933";
}
.iconglasses-icons-silver:before {
  /* content: "\e934"; */
  color: #9b9b9b;
}
.iconglasses-icons-white:before {
  content: "\e935";
  color: #979797;
}
.iconglasses-icon-hidden-password:before {
  content: "\e936";
}
.iconglasses-icon-visible-password:before {
  content: "\e937";
}
.iconglasses-icon-standard:before {
  content: "\e938";
}
.iconglasses-icon-transitions .path1:before {
  content: "\e939";
  color: rgb(0, 0, 0);
}
.iconglasses-icon-transitions .path2:before {
  content: "\e93a";
  margin-left: -1.4765625em;
  color: rgb(0, 0, 0);
}
.iconglasses-icon-transitions .path3:before {
  content: "\e93b";
  margin-left: -1.4765625em;
  color: rgb(0, 0, 0);
  opacity: 0.7;
}
.iconglasses-icon-clean:before {
  content: "\e93c";
}
.iconglasses-icon-ultralight:before {
  content: "\e93d";                   
}
.iconglasses-icon-shield:before {
  content: "\e93e";
}
.iconglasses-icon-close-detail:before {
  content: "\e93f";                
}
.iconglasses-icon-open-detail:before {
  content: "\e940";
}
.iconglasses-icon-tick:before {
  content: "\e941";
}
.iconglasses-arrow-left .path1:before {
  content: "\e942";
                         
}
.iconglasses-arrow-left .path2:before {
  content: "\e943";
  margin-left: -1em;                         
                      
}
.iconglasses-x:before {
  content: "\e944";
}
.iconglasses-user-loggedin-copy:before {
  content: "\e945";
}
.iconglasses-basket:before {
  content: "\e946";
}
.iconglasses-search:before {
  content: "\e947";                       
}
.iconglasses-icon-favorite-bl:before {
  content: "\e948";
}
.iconglasses-icon-favorite-full-bl:before {
  content: "\e949";                
}
.iconglasses-instagram:before {
  content: "\e94a";
}
.iconglasses-twitter-icon:before {
  content: "\e94b";
}
.iconglasses-facebook-icon:before {
  content: "\e94c";
}
.iconglasses-icon-unchecked:before {
  content: "\e94d";
  color: #58595b;
}
.iconglasses-icon-checked .path1:before {
  content: "\e94e";
  color: rgb(88, 89, 91);
}
.iconglasses-icon-checked .path2:before {
  content: "\e94f";
  margin-left: -1em;
  color: rgb(0, 121, 193);
}
.iconglasses-glasses-logo:before {
  content: "\e97a";
}
.iconglasses-icons-tortoise .path1:before {
  display: block;
  content: ' ';
  background-image: url('tortuoise.png');
  background-size: 16px 16px;
  height: 16px;
  width: 16px;
}


@font-face {
  font-family: 'glasses-vm';
  src:  url('fonts/glasses-vm.eot?v542cy');
  src:  url('fonts/glasses-vm.eot?v542cy#iefix') format('embedded-opentype'),
    url('fonts/glasses-vm.ttf?v542cy') format('truetype'),
    url('fonts/glasses-vm.woff?v542cy') format('woff'),
    url('fonts/glasses-vm.svg?v542cy#glasses-vm') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="iconglasses-vm"], [class*=" iconglasses-vm"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'glasses-vm' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconglasses-vmswitch-off:before {
  content: "\e900";
}
.iconglasses-vmfit-better:before {
  content: "\e901";
}
.iconglasses-vmmirror:before {
  content: "\e902";
}
.iconglasses-vmdownoload:before {
  content: "\e903";
}

.glasses-rp-noun-locked:before {
  content: "\e90a";
}

/** Created a separate font for new images to separate from old font file **/
@font-face {
  font-family: 'glasses-rp';
  src:  url('fonts/glasses-rp.eot?ygc35o');
  src:  url('fonts/glasses-rp.eot?ygc35o#iefix') format('embedded-opentype'),
    url('fonts/glasses-rp.ttf?ygc35o') format('truetype'),
    url('fonts/glasses-rp.woff?ygc35o') format('woff'),
    url('fonts/glasses-rp.svg?ygc35o#glasses-rp') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="glasses-rp-"], [class*=" glasses-rp-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'glasses-rp' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glasses-rp-butterfly:before {
  content: "\e92a";
}
.glasses-rp-pillow:before {
  content: "\e92b";
}
.glasses-rp-video-commands:before {
  content: "\e929";
  color: #575d9b;
}
.glasses-rp-icon-favorite-full:before {
  content: "\e926";
  color: #575d9b;
}
.glasses-rp-iconglasses-vmmirror:before {
  content: "\e927";
}
.glasses-rp-icons-search:before {
  content: "\e928";
}
.glasses-rp-loader .path1:before {
  content: "\e900";
  color: rgb(255, 255, 255);
}
.glasses-rp-loader .path2:before {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.glasses-rp-glasses-rp-view-more-images:before {
  content: "\e912";
}
.glasses-rp-icon-favorite:before {
  content: "\e925";
}
.glasses-rp-arrow-back:before {
  content: "\e920";
  color: #fff;
}
.glasses-rp-iconglasses-basket:before {
  content: "\e921";
}
.glasses-rp-gl_logo:before {
  content: "\e922";
}
.glasses-rp-copy:before {
  content: "\e923";
}
.glasses-rp-chat:before {
  content: "\e91f";
}
.glasses-rp-transition-info .path1:before {
  content: "\e91c";
  color: rgb(0, 0, 0);
  opacity: 0.7;
}
.glasses-rp-transition-info .path2:before {
  content: "\e91d";
  margin-left: -1.5068359375em;
  color: rgb(0, 0, 0);
}
.glasses-rp-transition-info .path3:before {
  content: "\e91e";
  margin-left: -1.5068359375em;
  color: rgb(0, 0, 0);
}
.glasses-rp-frameonly-hover:before {
  content: "\e91a";
  color: #fff;
}
.glasses-rp-frameonly:before {
  content: "\e91b";
}
.glasses-rp-transition-hover .path1:before {
  content: "\e917";
  color: rgb(255, 255, 255);
  opacity: 0.7;
}
.glasses-rp-transition-hover .path2:before {
  content: "\e918";
  margin-left: -1.5068359375em;
  color: rgb(255, 255, 255);
}
.glasses-rp-transition-hover .path3:before {
  content: "\e919";
  margin-left: -1.5068359375em;
  color: rgb(255, 255, 255);
}
.glasses-rp-transitionsgray .path1:before {
  content: "\e90f";
  color: rgb(167, 167, 167);
}
.glasses-rp-transitionsgray .path2:before {
  content: "\e910";
  margin-left: -1.095703125em;
  color: rgb(111, 111, 110);
}
.glasses-rp-transitionsgray .path3:before {
  content: "\e913";
  margin-left: -1.095703125em;
  color: rgb(71, 71, 71);
}
.glasses-rp-transitionsbrown .path1:before {
  content: "\e914";
  color: rgb(145, 96, 22);
}
.glasses-rp-transitionsbrown .path2:before {
  content: "\e915";
  margin-left: -1.095703125em;
  color: rgb(130, 89, 37);
}
.glasses-rp-transitionsbrown .path3:before {
  content: "\e916";
  margin-left: -1.095703125em;
  color: rgb(85, 46, 20);
}
.glasses-rp-clean:before {
  content: "\e911";
}
.glasses-rp-bluelight:before {
  content: "\e90e";
}
.glasses-rp-full-rim:before {
  content: "\e90b";
}
.glasses-rp-rimless:before {
  content: "\e90c";
}
.glasses-rp-semi-rim:before {
  content: "\e90d";
}
.glasses-rp-cat-eye:before {
  content: "\e902";
}
.glasses-rp-view-more-images:before {
  content: "\e909";
}
.glasses-rp-irregular:before {
  content: "\e903";
}
.glasses-rp-oval:before {
  content: "\e904";
}
.glasses-rp-phantos:before {
  content: "\e905";
}
.glasses-rp-pilot:before {
  content: "\e906";
}
.glasses-rp-rectangle:before {
  content: "\e907";
}
.glasses-rp-round:before {
  content: "\e908";
}
.glasses-rp-square:before {
  content: "\e924";
}
.glasses-rp-gl_logo_old:before {
  content: "\e901";
}


/** End of separate font for new images to separate from old font file **/
