<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="393" height="852" viewBox="0 0 393 852"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="finlay-us-sunglasses-amp-spectacles-handmade-in-italy" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="hero-content1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="393" height="852" x="0" y="0" fill="rgb(255, 255, 255)"/></g><g data-tag="div" id="hero-content1" class="hero-content" data-z-index="auto" data-stacking-context="true" aria-owns="h21 hero-description1 button-wrapper1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="393" height="289.03125" x="0" y="89" fill="rgb(255, 255, 255)"/></g><g data-tag="h2" id="h21" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="Basic-Commercial, sans-serif" font-size="25.1318px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="0" y="119" textLength="245.78125" lengthAdjust="spacingAndGlyphs">Reglaze your frames</tspan></text></g><g data-tag="div" id="hero-description1" class="hero-description" data-z-index="auto" data-stacking-context="true" aria-owns="p1 p2"><g data-tag="p" id="p1" data-z-index="auto" data-stacking-context="true"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="Basic-Commercial, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="0" y="155.65625" textLength="390.390625" lengthAdjust="spacingAndGlyphs">What is reglazing? It simply means re-fitting an existing</tspan><tspan xml:space="preserve" x="0" y="176.453125" textLength="383.890625" lengthAdjust="spacingAndGlyphs">pair of spectacles or sunglasses with new lenses. This</tspan><tspan xml:space="preserve" x="0" y="197.25" textLength="366.453125" lengthAdjust="spacingAndGlyphs">can be a rather helpful option for many reasons, but</tspan><tspan xml:space="preserve" x="0" y="218.046875" textLength="392.125" lengthAdjust="spacingAndGlyphs">most importantly it increases a frames lifecycle which is</tspan><tspan xml:space="preserve" x="0" y="238.84375" textLength="137.890625" lengthAdjust="spacingAndGlyphs">good for the planet.</tspan></text></g><g data-tag="p" id="p2" data-z-index="auto" data-stacking-context="true"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="Basic-Commercial, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="0" y="275.640625" textLength="385.125" lengthAdjust="spacingAndGlyphs">So whether you want to update the prescription lenses</tspan><tspan xml:space="preserve" x="0" y="296.4375" textLength="345.0625" lengthAdjust="spacingAndGlyphs">in your favourite pair of glasses, or replace some</tspan><tspan xml:space="preserve" x="0" y="317.234375" textLength="322.34375" lengthAdjust="spacingAndGlyphs">scratched sun lenses, we&apos;ve got you covered.</tspan></text></g></g><g data-tag="div" id="button-wrapper1" class="button-wrapper" data-z-index="auto" data-stacking-context="true" aria-owns="btn1"><a href="/pages/reglaze-your-frames" data-tag="a" id="btn1" class="btn btn-primary" data-z-index="auto" data-stacking-context="true" role="link"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="169.015625" height="42" x="0" y="336.03125" fill="rgb(59, 54, 48)" stroke="rgb(59, 54, 48)" stroke-width="1px"/></g><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Basic-Commercial, sans-serif" font-size="14px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="none" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="25" y="365.03125" textLength="119.015625" lengthAdjust="spacingAndGlyphs">DISCOVER MORE</tspan></text></a></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="834" height="1210" viewBox="0 0 834 1210"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="finlay-us-sunglasses-amp-spectacles-handmade-in-italy" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="hero-content1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="834" height="1210" x="0" y="0" fill="rgb(255, 255, 255)"/></g><g data-tag="div" id="hero-content1" class="hero-content" data-z-index="auto" data-stacking-context="true" aria-owns="h21 hero-description1 button-wrapper1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="834" height="232.25" x="0" y="89" fill="rgb(255, 255, 255)"/></g><g data-tag="h2" id="h21" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="Basic-Commercial, sans-serif" font-size="29.4315px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="0" y="124" textLength="287.8125" lengthAdjust="spacingAndGlyphs">Reglaze your frames</tspan></text></g><g data-tag="div" id="hero-description1" class="hero-description" data-z-index="auto" data-stacking-context="true" aria-owns="p1 p2"><g data-tag="p" id="p1" data-z-index="auto" data-stacking-context="true"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="Basic-Commercial, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="0" y="161.265625" textLength="831.203125" lengthAdjust="spacingAndGlyphs">What is reglazing? It simply means re-fitting an existing pair of spectacles or sunglasses with new lenses. This can be</tspan><tspan xml:space="preserve" x="0" y="182.0625" textLength="800.375" lengthAdjust="spacingAndGlyphs">a rather helpful option for many reasons, but most importantly it increases a frames lifecycle which is good for the</tspan><tspan xml:space="preserve" x="0" y="202.859375" textLength="48.046875" lengthAdjust="spacingAndGlyphs">planet.</tspan></text></g><g data-tag="p" id="p2" data-z-index="auto" data-stacking-context="true"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="Basic-Commercial, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="0" y="239.65625" textLength="808.4375" lengthAdjust="spacingAndGlyphs">So whether you want to update the prescription lenses in your favourite pair of glasses, or replace some scratched</tspan><tspan xml:space="preserve" x="0" y="260.453125" textLength="248.53125" lengthAdjust="spacingAndGlyphs">sun lenses, we&apos;ve got you covered.</tspan></text></g></g><g data-tag="div" id="button-wrapper1" class="button-wrapper" data-z-index="auto" data-stacking-context="true" aria-owns="btn1"><a href="/pages/reglaze-your-frames" data-tag="a" id="btn1" class="btn btn-primary" data-z-index="auto" data-stacking-context="true" role="link"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="169.015625" height="42" x="0" y="279.25" fill="rgb(59, 54, 48)" stroke="rgb(59, 54, 48)" stroke-width="1px"/></g><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Basic-Commercial, sans-serif" font-size="14px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="none" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="25" y="308.25" textLength="119.015625" lengthAdjust="spacingAndGlyphs">DISCOVER MORE</tspan></text></a></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440" height="900" viewBox="0 0 1440 900"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="finlay-us-sunglasses-amp-spectacles-handmade-in-italy" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="hero-content1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1440" height="900" x="0" y="0" fill="rgb(255, 255, 255)"/></g><g data-tag="div" id="hero-content1" class="hero-content" data-z-index="auto" data-stacking-context="true" aria-owns="h21 hero-description1 button-wrapper1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1440" height="195.28125" x="0" y="95" fill="rgb(255, 255, 255)"/></g><g data-tag="h2" id="h21" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="Basic-Commercial, sans-serif" font-size="33px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="0" y="134" textLength="322.8125" lengthAdjust="spacingAndGlyphs">Reglaze your frames</tspan></text></g><g data-tag="div" id="hero-description1" class="hero-description" data-z-index="auto" data-stacking-context="true" aria-owns="p1 p2"><g data-tag="p" id="p1" data-z-index="auto" data-stacking-context="true"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="Basic-Commercial, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="0" y="171.890625" textLength="1423.484375" lengthAdjust="spacingAndGlyphs">What is reglazing? It simply means re-fitting an existing pair of spectacles or sunglasses with new lenses. This can be a rather helpful option for many reasons, but most importantly it increases a frames</tspan><tspan xml:space="preserve" x="0" y="192.6875" textLength="260.59375" lengthAdjust="spacingAndGlyphs">lifecycle which is good for the planet.</tspan></text></g><g data-tag="p" id="p2" data-z-index="auto" data-stacking-context="true"><text color="rgb(0, 0, 0)" dominant-baseline="text-after-edge" font-family="Basic-Commercial, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)"><tspan xml:space="preserve" x="0" y="229.484375" textLength="1061.421875" lengthAdjust="spacingAndGlyphs">So whether you want to update the prescription lenses in your favourite pair of glasses, or replace some scratched sun lenses, we&apos;ve got you covered.</tspan></text></g></g><g data-tag="div" id="button-wrapper1" class="button-wrapper" data-z-index="auto" data-stacking-context="true" aria-owns="btn1"><a href="/pages/reglaze-your-frames" data-tag="a" id="btn1" class="btn btn-primary" data-z-index="auto" data-stacking-context="true" role="link"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="185.015625" height="42" x="0" y="248.28125" fill="rgb(59, 54, 48)" stroke="rgb(59, 54, 48)" stroke-width="1px"/></g><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Basic-Commercial, sans-serif" font-size="14px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="none" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="33" y="277.28125" textLength="119.015625" lengthAdjust="spacingAndGlyphs">DISCOVER MORE</tspan></text></a></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body id="finlay-us-sunglasses-amp-spectacles-handmade-in-italy"><div class="hero-content" style="background-color:#ffffff;"><h2 style="color:#000000;">Reglaze your frames</h2><div class="hero-description" style="color:#000000;"><p>What is reglazing? It simply means re-fitting an existing pair of spectacles or sunglasses with new lenses. This can be a rather helpful option for many reasons, but most importantly it increases a frames lifecycle which is good for the planet.</p><p>So whether you want to update the prescription lenses in your favourite pair of glasses, or replace some scratched sun lenses, we've got you covered.</p></div><div class="button-wrapper"><a class="btn btn-primary" href="/pages/reglaze-your-frames">DISCOVER MORE</a></div></div></body>

<style>

@font-face{font-family:nimbus-sans,sans-serif;font-style:normal;font-display:swap}@font-face{font-family:Basic-Commercial;font-weight:400;font-style:normal;font-display:swap;src:url(https://us.finlayandco.com/cdn/shop/t/9/assets/BasicCommercialLTCom-Roman.woff2?v=184162047861225899191694421709) format("woff2"),url(https://us.finlayandco.com/cdn/shop/t/9/assets/BasicCommercialLTCom-Roman.woff?v=84342365014500036561694421709) format("woff")}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Basic-Commercial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#000;text-align:left;background-color:#fff;-webkit-font-smoothing:antialiased}h2{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}a{color:#3b3630;text-decoration:underline;background-color:transparent;-webkit-text-decoration-skip:objects;outline:0px}a:hover{text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}@-ms-viewport{width:device-width}*,*:before,*:after{box-sizing:inherit}body{padding-top:89px}@media only screen and (min-width: 992px){body{padding-top:95px}}h2{margin:0 0 1rem;font-weight:inherit;line-height:1.2;color:#000;font-weight:700}h2 a{font-size:inherit;color:inherit}h2,.h2{line-height:1.3;font-size:2.0625rem}@media (max-width: 1200px){h2,.h2{font-size:calc(1.33125rem + .975vw)}}p,a{font-size:16px;font-size:1rem;line-height:1.3;font-weight:400}.btn{display:inline-block;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:11px 1.5rem;font-size:14px;font-weight:400;text-decoration:none;line-height:18px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;cursor:pointer;border-radius:0!important;width:auto!important;transition:all .3s ease-in-out}@media only screen and (min-width: 992px){.btn{padding-left:2rem;padding-right:2rem}}.btn:hover{text-decoration:none;color:inherit}.btn:focus{outline:0}.btn-primary{position:relative;vertical-align:middle;color:#fff!important;display:inline-block;background-color:#3b3630;text-align:center;cursor:pointer;border:1px solid #3b3630}.btn-primary:hover{border:1px solid #3b3630;color:#3b3630!important;background-color:transparent!important}@-moz-keyframes spin{to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0)}}body{transition:transform .5s ease-in-out}

@keyframes acceleratedCheckoutLoadingSkeleton {
  50% {opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-start, 1);}
  75% {opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-end, 0.5);}
  100% {opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-start, 1);}
}@font-face{font-family:bc-sf-filter-ico;src:url(https://us.finlayandco.com/cdn/shop/t/9/assets/bc-sf-filter-ico.eot?1fx0e2&v=71133625122506434571694421709);src:url(https://us.finlayandco.com/cdn/shop/t/9/assets/bc-sf-filter-ico.eot?1fx0e2%23iefix&v=71133625122506434571694421709) format("embedded-opentype"),url(https://us.finlayandco.com/cdn/shop/t/9/assets/bc-sf-filter-ico.ttf?1fx0e2&v=149092035153215201481694421709) format("truetype"),url(https://us.finlayandco.com/cdn/shop/t/9/assets/bc-sf-filter-ico.woff?1fx0e2&v=152220026089263463831694421709) format("woff"),url(https://us.finlayandco.com/cdn/shop/t/9/assets/bc-sf-filter-ico.svg?1fx0e2%23icomoon&v=117370087076797144871694421709) format("svg");font-weight:400;font-style:normal}@keyframes placeHolderShimmer{0%{background-position:-150px 0}to{background-position:150px 0}} 

@keyframes ckw {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}
@font-face {
  font-family: 'Comic Sans MS';
  src: url('https://cdn.shopify.com/extensions/b7fb05d1-56ac-4a18-9ac1-25246cd9292a/advanced-preorder-all-in-one-48/font/ComicSansMS.eot');
  src: url('https://cdn.shopify.com/extensions/b7fb05d1-56ac-4a18-9ac1-25246cd9292a/advanced-preorder-all-in-one-48/font/ComicSansMS.eot?#iefix') format('embedded-opentype'),
      url('https://cdn.shopify.com/extensions/b7fb05d1-56ac-4a18-9ac1-25246cd9292a/advanced-preorder-all-in-one-48/font/ComicSansMS.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@keyframes sdblinkingText {
  0% {
      color: green;
  }
  49% {
      color: transparent;
  }
  50% {
      color: transparent;
  }
  99% {
      color: transparent;
  }
  100% {
      color: green;
  }
}
@keyframes sd_slidebg {
  to {
      background-position: 20vw;
  }
}
@keyframes sd_spin {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}

@-webkit-keyframes hvr-pulse {
  25% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
  75% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
  75% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
  }
}

@-webkit-keyframes hvr-push {
  50% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
  }
  100% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
  }
  100% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
}

@-webkit-keyframes hvr-bob {
  0% {
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px);
  }
  50% {
      -webkit-transform: translateY(-4px);
      transform: translateY(-4px);
  }
  100% {
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px);
  }
  50% {
      -webkit-transform: translateY(-4px);
      transform: translateY(-4px);
  }
  100% {
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
      -webkit-transform: translateY(-8px);
      transform: translateY(-8px);
  }
}

@-webkit-keyframes hvr-wobble-top {
  16.65% {
      -webkit-transform: skew(-12deg);
      transform: skew(-12deg);
  }
  33.3% {
      -webkit-transform: skew(10deg);
      transform: skew(10deg);
  }
  49.95% {
      -webkit-transform: skew(-6deg);
      transform: skew(-6deg);
  }
  66.6% {
      -webkit-transform: skew(4deg);
      transform: skew(4deg);
  }
  83.25% {
      -webkit-transform: skew(-2deg);
      transform: skew(-2deg);
  }
  100% {
      -webkit-transform: skew(0);
      transform: skew(0);
  }
}
@keyframes hvr-wobble-top {
  16.65% {
      -webkit-transform: skew(-12deg);
      transform: skew(-12deg);
  }
  33.3% {
      -webkit-transform: skew(10deg);
      transform: skew(10deg);
  }
  49.95% {
      -webkit-transform: skew(-6deg);
      transform: skew(-6deg);
  }
  66.6% {
      -webkit-transform: skew(4deg);
      transform: skew(4deg);
  }
  83.25% {
      -webkit-transform: skew(-2deg);
      transform: skew(-2deg);
  }
  100% {
      -webkit-transform: skew(0);
      transform: skew(0);
  }
}

@-webkit-keyframes hvr-buzz {
  50% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
  }
  100% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-buzz {
  50% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
  }
  100% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes loading {
  0% {
    width: 0;
 }
  100% {
    width: 100%;
 }
}
@keyframes ring {
  0% {
      width: 30px;
      height: 30px;
      opacity: 1;
  }
  100% {
      width: 300px;
      height: 300px;
      opacity: 0;
  }
}
        

</style>