:root {
  --font-body: "AkzidenzGrotesk", Arial, sans-serif;
  --font-headline: "Optima LT W02 Roman", "Times New Roman", serif;
  --font-size-pdp-title: 2.25rem;
  --line-height-pdp-title: 2.5rem;
  --color-black: #000000;
  --color-bg: #ffffff;
  --color-body: #333333;
  --color-error: #da1e28;
  --color-red-150: #ff0000;
  --color-button-sku: #a6a6a6;
  --color-dark-navy: #01051e;
  --color-dark-blue: #040a2b;
  --color-el-all-dark-grey: #4f4f4f;
  --color-el-all-light-grey: #ebeaef;
  --color-el-all-medium-grey: #a4a4ab;
  --color-el-blue-line-navy: #040a2b;
  --color-el-blue-line-white: #ffffff;
  --color-primary: #040a2b;
  --color-primary-200: #eeeeee;
  --color-primary-220: #fafafa;
  --color-primary-300: #040a2b;
  --color-primary-500: #9eafff;
  --color-secondary-50: #c8def4;
  --color-secondary-100: #b3b3b9;
  --color-secondary-200: var(--color-el-all-medium-grey);
  --color-secondary-300: #50536b;
  --color-secondary-700: rgba(4,10,43,.92);
  --color-secondary-900: rgba(158,175,255,.1);
  --star-size: 1rem;
  --star-color: #ffffff;
  --star-background: var(--color-primary);
  --color-footer-bg: var(--color-primary);
  --color-mobile-footer-bg: var(--color-primary);
  --color-footer-text: var(--color-primary-500);
  --color-a11y-icon: var(--color-primary);
  --color-a11y-icon-bg: var(--color-primary-500);
  --placeholder-color: #9ca3af;
  --brand-logo-loyalty: url("/tenant-web/brands/estee_lauder/estee_lauder_loyalty_logo.svg");
  --width-logo-header: 16rem;
  --width-logo-header-lg: 16rem;

  --product-card-width: 366px;
  --text-sm-2: 14px;
  --text-sm-3: 15px;
  --text-sm-4: 12px;

  /** FONTS **/
  --text-sm-0: 0.938rem;
  --text-sm-1: 0.6875rem;
  --text-sm-1_25: 0.688rem;
  --text-sm-6: 0.625rem;
  --text-lg-2_25: 1.313rem;
  --text-lg-2_5:   1.375rem;
  --text-lg-3:   1.5rem;
  --text-lg-3_5:   1.875rem;
  --text-lg-4:     2.5rem;
  --text-lg-5: 3.125rem;

  /* Grays */
  --color-gray-10: #F9F9FA;
  --color-gray-65: #e5e5e5;
  --color-gray-70: #EBEAEF;
  --color-gray-80: #cccccc;
  --color-gray-100: #c7c7c7;
  --color-gray-150: #949494;
  --color-gray-450: #727272;
  --color-gray-500: #767676;
  --color-gray-550: #68696d;
  --color-gray-600: #616161;
  --color-gray-650: #4F4F4F;
  --color-gray-750: #333333;
  --color-gray-850: #212121;

  /** SETTINGS **/
  --max-width-screen-laptop: 1366px;
  --hero-banner-image-min-height: 200px;

  /** Carousel **/
  --width-carousel-thumbnail: 98px;
  --height-carousel-thumbnail: 130px;
  --width-carousel-image: 600px;
  --height-carousel-image: 784px;

  --pincer-swiper-mobile-image-height: auto;
  --pincer-swiper-mobile-image-width: 100%;
  --pincer-swiper-padding-bottom: 0;
  --pincer-swiper-margin-bottom: 0;
  --pincer-swiper-slide-margin-bottom: 0;

  --pincer-swiper-navigation-width: 45px;
  --pincer-swiper-navigation-height: 100px;
  --pincer-swiper-navigation-top-offset: 120px;
  --pincer-swiper-navigation-sides-offset: 0px;
  --pincer-swiper-navigation-background-color: hsla(240, 4%, 66%, 0.25);
  --pincer-swiper-navigation-opacity: 0.5;
  --pincer-swiper-navigation-font-size: 2rem;
  --pincer-swiper-navigation-font-color: #000000;
  --pincer-swiper-navigation-prev-side-offset: 0rem;
  --pincer-swiper-navigation-next-side-offset: 0rem;
  --pincer-swiper-thumbnails-navigation-prev-top: 20px;
  --pincer-swiper-thumbnails-navigation-prev-bottom: unset;
  --pincer-swiper-thumbnails-navigation-prev-left: 2rem;
  --pincer-swiper-thumbnails-navigation-next-top: unset;
  --pincer-swiper-thumbnails-navigation-next-right: unset;
  --pincer-swiper-thumbnails-navigation-next-bottom: 0;
  --pincer-swiper-thumbnails-navigation-next-left: 2rem;

  --swiper-pagination-color: #a7efd2;
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 0;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #ccc;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  --checkbox-label-padding-inline-end: 30px;
}

@media (max-width: 1023px) {
  html, body {
    height: 100%;
  }
}

.button {
  padding: 0;
  border: none;
}

p {
  font-family: var(--font-body);
}

.drupal b, strong, b {
  font-family: unset;
}

.drupal b, strong, b {
  font-family: var(--font-body);
}

.module_block_MPP-Template-4 .headline-content-group {
  width: 100%;
}

.sr-only.peer.checked ~ .checked-shade {
  display: block;
}

select.sort-by-list-mobile {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='1080' height='1080' viewBox='0 0 1080 1080' xml:space='preserve'%3E%3Cdesc%3ECreated with Fabric.js 5.2.4%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg transform='matrix(1 0 0 1 540 540)' id='d8b15933-1f22-47e5-af0c-870bfef96aa8' %3E%3Crect style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1; visibility: hidden;' vector-effect='non-scaling-stroke' x='-540' y='-540' rx='0' ry='0' width='1080' height='1080' /%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 540 540)' id='2b76af28-208e-42a6-a5d9-ec010c5fe1f4' %3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 540 540)' id='0a3e9a5f-e680-49eb-a4f6-877dc9ea9f25' %3E%3Cpolygon style='stroke: rgb(10,24,64); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(10,24,64); fill-rule: nonzero; opacity: 1;' vector-effect='non-scaling-stroke' points='-256,-202.5 0,202.5 256,-202.5 ' /%3E%3C/g%3E%3Cg transform='matrix(NaN NaN NaN NaN 0 0)' %3E%3Cg style='' %3E%3C/g%3E%3C/g%3E%3Cg transform='matrix(NaN NaN NaN NaN 0 0)' %3E%3Cg style='' %3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.promo-banner-container a {
  color: var(--color-primary-500);
  text-decoration: underline;
}

.megamenu__tout-text p {
  letter-spacing: 0.05em;
  line-height: 1.2em;
}

/* Legacy PerlGem Engraving Fonts */

.Optima {
  font-family: Optima;
}

.Roman {
  font-family: Nh4Roman;
}

.Script {
  font-family: Script;
}

.Arial_Uni {
  font-family: ArialOSRegular;
}

.Roman_L_Monog_aBc,
.Roman_L_Monog_abc {
  font-family: Roman_L_Monog_aBc;
}

.Interlock_M_Script_aBc,
.Interlock_M_Script_abc {
  font-family: Interlock-M-Script-abc;
}

/* Star rating */

.star-ratings::before {
  -webkit-text-stroke: 0px;
  background: linear-gradient(
    90deg,
    var(--star-background) var(--percent),
    var(--color-gray-80) var(--percent)
  );
  -webkit-background-clip: text;
  letter-spacing: 0px;
}

/* Brand sections */
@media (min-width: 1024px) {
  /* Common */
  :where([data-hint-renutriv="true"], [data-hint-aerin="true"])
    .megamenu__flyout
    > :first-child::before {
    content: "";
    display: block;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto;
  }

  /* Renutriv */
  [data-hint-renutriv="true"] .megamenu__flyout > :first-child::before {
    background-image: url("logos/logo_renutriv-eec7467821f70301fb2018fcc0cd8483.svg?vsn=d");
    height: 30px;
    margin-bottom: 16px;
  }

  [data-hint-renutriv="true"] .megamenu__list-item a {
    font-family: helvetica-neue, sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.75px;
    --tw-text-opacity: 1;
    color: var(--color-black);
  }

  [data-hint-renutriv="true"] .megamenu__list-item--header a,
  [data-hint-renutriv="true"] .megamenu__list-item--header span {
    font-family: "BauerBodoniRoman", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: normal;
    --tw-text-opacity: 1;
    color: var(--color-black);
  }

  [data-hint-renutriv="true"] .megamenu__tout-header {
    font-family: "BauerBodoniRoman", sans-serif;
    font-size: 17px;
    line-height: 17px;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--color-black);
  }

  [data-hint-renutriv="true"] .megamenu__tout-text {
    line-height: 1.2;
    color: var(--color-black);
  }

  /* Aerin */
  [data-hint-aerin="true"] .megamenu__flyout > :first-child::before {
    background-image: url("logos/logo_aerin-40fdeaa5a74767bfe730c4f7973c6101.svg?vsn=d");
    height: 32px;
    margin-bottom: 16px;
  }

  [data-hint-aerin="true"] .megamenu__list-item--header a,
  [data-hint-aerin="true"] .megamenu__list-item--header span {
    font-family: FuturaStdBook, sans-serif;
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    letter-spacing: 0.15em;
  }

  [data-hint-aerin="true"] .megamenu__list-item a {
    font-family: "FuturaStdBook", sans-serif;
    color: #4c4e59;
    letter-spacing: 0.75px;
    -webkit-font-smoothing: antialiased;
  }

  [data-hint-aerin="true"] .megamenu__tout-header {
    margin-top: 6px;
    margin-bottom: 4px;
  }

  [data-hint-aerin="true"] .megamenu__tout-header,
  [data-hint-aerin="true"] .megamenu__tout-header span,
  [data-hint-aerin="true"] .megamenu__tout-header p b,
  [data-hint-aerin="true"] .megamenu__tout-header p,
  [data-hint-aerin="true"] .megamenu__tout-text,
  [data-hint-aerin="true"] .megamenu__tout-text p {
    font-family: "FuturaStdBook", sans-serif;
    color: #4c4e59;
    letter-spacing: 0.75px;
  }

  [data-hint-aerin="true"] .megamenu__tout-header p b {
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    letter-spacing: 0.15em;
    -webkit-font-smoothing: antialiased;
  }

  [data-hint-aerin="true"] .megamenu__list-item--header a,
  [data-hint-aerin="true"] .megamenu__list-item--header span {
    font-family: FuturaStdBook, sans-serif;
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: #4c4e59;
    -webkit-font-smoothing: antialiased;
  }
}
/* Hero Banner */
@media only screen and (max-width: 768px){
  .headline-content-group {
    top: 0 !important;
    left: 0 !important;
    text-align: center !important;
    position: relative !important;
    margin-top: 4.7vw;
  }

  .headline-content-group b {
    font-weight: 700;
    font-family: var(--font-body);
  }
}

.feed-open {
  transform: translateY(-238px);
  opacity: 1;
}

.is-static {
  position: absolute !important;
  top: -44px;
  height: 44px;
}

.is-sticky {
  border-bottom: none;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
}

@media (max-width: 756px) {
  .sticky-footer-menu + .sticky-footer-menu {
    display: block;
  }
}

.page-footer p {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  line-height: 24px;
  -webkit-margin-before: 1em;
  margin-block-start: 1em;
  -webkit-margin-after: 1em;
  margin-block-end: 1em;
}

.page-footer .signup input:-webkit-autofill,
.page-footer .signup input:-webkit-autofill:hover,
.page-footer .signup input:-webkit-autofill:focus {
    -webkit-text-fill-color: black;
    box-shadow: 0 0 0 30px #e7f0fe inset;
}

.page-footer .email-signup__success-header {
  margin-bottom: 20px;
  text-align: center;
  font-family: OptimaDisplayLight,sans-serif;
  font-size: 30px;
  letter-spacing: .05em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.page-footer .email-signup__success-text,
.page-footer .sms-signup__success-text {
  text-align: center;
  font-family: AkzidenzGrotesk,sans-serif;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: .05em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

@media only screen and (max-width: 768px) {
  .page-footer .is-sticky a:link,
  .page-footer .is-static a:link,
  .page-footer .is-sticky a:visited,
  .page-footer .is-static a:visited {
    color: #fff;
  }
}
[data-countdown-target] {
  display: flex;
  align-items: center;
  line-height: 12px;
  margin: 0 1rem;
  font-size: 14px;
}

[data-countdown-target] :where([data-days-label], [data-hours-label], [data-minutes-label], [data-seconds-label]) {
  display: block;
  font-size: 10px;
}
[data-countdown-target] .cd-header {
  font-size: 15px;
}
@media only screen and (max-width: 767px){
  [data-countdown-target] .cd-header {
    font-size: 22px;
  }
}
[data-countdown-target] [data-separator] {
  margin: 4px;
}

/* Video */
[data-video-target="modal"] {
  background-color: var(--color-dark-blue);
  justify-content: center;
  padding: 0;

  & button {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'><path fill='%23ffffff' fill-rule='evenodd' clip-rule='evenodd' d='M480.3 499.5L249.7 269 19.2 499.5 0 480.3l230.5-230.5L0 19.2 19.2 0l230.5 230.5L480.3 0l19.2 19.2L269 249.7l230.5 230.5-19.2 19.3z'/></svg>");
    background-size: 100%;
    background-color: transparent;
    color: transparent;
    height: 20px;
    width: 20px;
    border: none;
    position: absolute;
    right: 25px;
    top: 25px;
  }

  & button:hover {
    color: transparent;
  }

  & iframe {
    height: 380px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
  }
}

@media only screen and (min-width: 768px){
  [data-video-target="modal"] {
    padding: 3rem;

    & button {
      height: 28px;
      width: 28px;
    }
    & iframe {
      height: 100%;
    }
  }
}

/* Footer */
.footer-header {
  font-size: 22px;
  letter-spacing: 0;
  color: #ffffff;
  height: auto;
  line-height: normal;
  padding: 0 0 5px 0;
  font-family: "Optima LT W02 Roman";
  border-bottom: 1px solid #1e2341;
}

.page-footer a:link,
.page-footer a:visited {
  color: #9eafff;
}

.footer-switcher ul ul li a {
  height: 45px;
  padding-left: 25px;
  & img {
    padding-left: 25px;
  }
}

.footer-switcher ul ul li div a {
  display: flex;
  align-items: center;
}

.footer-switcher ul ul li p a {
  display: contents;
}

.footer-switcher .footer-social-links {
  margin: 0 20px;
}

.page-footer .footer-social-links li a {
  margin: 0 15px 0 0;
  height: 24px;
}

.page-footer .footer-social-links li a:hover {
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
}

.footer-switcher ul ul li a:hover {
  color: var(--color-bg);
}

.footer-switcher .first.last.leaf {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.75rem 3%;
  width: 100%;
  text-align: center;
}

@media only screen and (min-width: 737px) {
  .footer-links-sitewide-footer-menu-grouping-elc-nodeblock a {
    display: block;
    line-height: 20px;
    height: 20px;
    margin: 22px 0;
  }

  .footer-switcher .footer-header {
    padding-left: 0;
  }

  .footer-switcher ul ul li {
    border-bottom: none;
  }

  .footer-switcher ul ul li a {
    height: 20px;
    margin-top: 22px;
    padding-left: 0;
  }

  .footer-switcher ul ul li p a img{
    padding-left: 0;
  }

  .page-footer .footer-social-links .youtube {
    margin-top: 4px;
  }
  .footer-switcher .footer-social-links {
    margin: 0 auto;
    padding-top: 13px;
  }
  .footer-switcher .first.last.leaf {
    text-align: inherit;
  }
}

.footer-social-links {
  font: 0/0 serif;
  text-shadow: none;
  color: transparent;
  display: block;
  line-height: 24px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

@media only screen and (min-width: 769px) {
  .footer-find-us .menu-item-container {
    flex-direction: column;
  }
}

@media only screen and (max-width: 767px) {
  .footer-switcher .footer-find-us{
    display: none;
  }

  .footer-switcher .footer-social-links {
    display: flex;
    align-items: center;
    height: 46px;
  }
  .footer-switcher .footer-social-links li{
    border-bottom: none;
  }
}

.footer-find-us .menu-item-container {
  display: flex;
}

.footer-social-links {
  width: auto;
}

.footer-social-links {
  clear: both;
}

.footer-social-links li {
  float: left;
}

.footer-social-links a {
  margin: 0;
  margin-right: 15px;
  width: 24px;
  height: 24px;
  display: block;
}

.footer-find-us .store-locator {
  margin: 22px 0 !important;
}

.footer-find-us .store-locator {
  position: relative;
  margin: 22px 0;
  padding-left: 22px;
}

.footer-find-us .store-locator::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  background-color: #9eafff;
  -webkit-mask: url("/tenant-web/brands/estee_lauder/icons/location.svg") no-repeat;
  mask: url("/tenant-web/brands/estee_lauder/icons/location.svg") no-repeat;
}

.footer-social-links .tiktok {
  -webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 416.7 500"><path d="M306.4 0h-82.2v340.6c0 40.6-31.6 73.9-71 73.9s-71-33.3-71-73.9c0-39.9 30.9-72.5 68.9-73.9v-85.5C67.5 182.6 0 252.9 0 340.6.1 429 68.9 500 153.9 500s153.9-71.7 153.9-159.4V165.9c30.9 23.2 68.9 37 108.9 37.7v-85.5C354.9 115.9 306.4 63.8 306.4 0z"/></svg>') no-repeat;
  mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 416.7 500"><path d="M306.4 0h-82.2v340.6c0 40.6-31.6 73.9-71 73.9s-71-33.3-71-73.9c0-39.9 30.9-72.5 68.9-73.9v-85.5C67.5 182.6 0 252.9 0 340.6.1 429 68.9 500 153.9 500s153.9-71.7 153.9-159.4V165.9c30.9 23.2 68.9 37 108.9 37.7v-85.5C354.9 115.9 306.4 63.8 306.4 0z"/></svg>') no-repeat;

  height: 24px;
  width: 20px;
  background: #9eafff;
}

.footer-social-links .instagram {
  -webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.9 500"><path d="M250 45.1c66.8 0 74.7.3 101 1.5 24.4 1.1 37.6 5.2 46.4 8.6 11.6 4.5 20 10 28.7 18.6 8.8 8.8 14.1 17.1 18.6 28.7 3.4 8.8 7.5 22 8.6 46.4 1.2 26.3 1.5 34.2 1.5 101s-.3 74.7-1.5 101c-1.1 24.4-5.2 37.6-8.6 46.4-4.5 11.6-10 20-18.6 28.7-8.8 8.8-17.1 14.1-28.7 18.6-8.8 3.4-22 7.5-46.4 8.6-26.3 1.2-34.2 1.5-101 1.5s-74.7-.3-101-1.5c-24.4-1.1-37.6-5.2-46.4-8.6-11.6-4.5-20-10-28.7-18.6-8.8-8.8-14.1-17.1-18.6-28.7-3.4-8.8-7.5-22-8.6-46.4-1.2-26.3-1.5-34.2-1.5-101s.3-74.7 1.5-101c1.1-24.4 5.2-37.6 8.6-46.4 4.5-11.6 10-20 18.6-28.7C82.7 65 91 59.7 102.6 55.2c8.8-3.4 22-7.5 46.4-8.6 26.3-1.2 34.2-1.5 101-1.5zM250 0c-67.9 0-76.4.3-103 1.5-26.6 1.2-44.9 5.5-60.7 11.6C69.8 19.5 55.9 28 42 42.1 27.9 56 19.5 69.9 13 86.3c-6.1 15.8-10.4 34-11.5 60.6C.3 173.6 0 182.1 0 250s.3 76.4 1.5 103c1.2 26.5 5.5 44.9 11.6 60.7 6.4 16.5 14.9 30.4 28.9 44.4 14 13.9 27.9 22.4 44.3 28.8 15.9 6.1 34 10.4 60.7 11.6s35.1 1.5 103 1.5 76.4-.3 103-1.5c26.5-1.2 44.9-5.5 60.7-11.6 16.4-6.3 30.3-14.9 44.3-28.8 13.9-13.9 22.4-27.8 28.8-44.3 6.1-15.9 10.4-34 11.6-60.7 1.2-26.6 1.5-35.1 1.5-103s-.3-76.4-1.5-103c-1.2-26.5-5.5-44.9-11.6-60.7-6.1-16.6-14.6-30.5-28.6-44.5-13.9-13.9-27.8-22.4-44.3-28.8C398 7 379.9 2.7 353.2 1.5 326.4.3 318 0 250 0zm-.2 121.5c-71 0-128.6 57.6-128.6 128.6s57.6 128.6 128.6 128.6 128.6-57.6 128.6-128.6c.1-70.9-57.6-128.6-128.6-128.6zm0 212.1c-46.1 0-83.4-37.3-83.4-83.4s37.3-83.4 83.4-83.4 83.4 37.3 83.4 83.4-37.3 83.4-83.4 83.4zm163.7-217.2c0 16.6-13.5 30-30 30-16.6 0-30-13.5-30-30 0-16.6 13.5-30 30-30s30 13.5 30 30z"/></svg>') no-repeat;
  mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.9 500"><path d="M250 45.1c66.8 0 74.7.3 101 1.5 24.4 1.1 37.6 5.2 46.4 8.6 11.6 4.5 20 10 28.7 18.6 8.8 8.8 14.1 17.1 18.6 28.7 3.4 8.8 7.5 22 8.6 46.4 1.2 26.3 1.5 34.2 1.5 101s-.3 74.7-1.5 101c-1.1 24.4-5.2 37.6-8.6 46.4-4.5 11.6-10 20-18.6 28.7-8.8 8.8-17.1 14.1-28.7 18.6-8.8 3.4-22 7.5-46.4 8.6-26.3 1.2-34.2 1.5-101 1.5s-74.7-.3-101-1.5c-24.4-1.1-37.6-5.2-46.4-8.6-11.6-4.5-20-10-28.7-18.6-8.8-8.8-14.1-17.1-18.6-28.7-3.4-8.8-7.5-22-8.6-46.4-1.2-26.3-1.5-34.2-1.5-101s.3-74.7 1.5-101c1.1-24.4 5.2-37.6 8.6-46.4 4.5-11.6 10-20 18.6-28.7C82.7 65 91 59.7 102.6 55.2c8.8-3.4 22-7.5 46.4-8.6 26.3-1.2 34.2-1.5 101-1.5zM250 0c-67.9 0-76.4.3-103 1.5-26.6 1.2-44.9 5.5-60.7 11.6C69.8 19.5 55.9 28 42 42.1 27.9 56 19.5 69.9 13 86.3c-6.1 15.8-10.4 34-11.5 60.6C.3 173.6 0 182.1 0 250s.3 76.4 1.5 103c1.2 26.5 5.5 44.9 11.6 60.7 6.4 16.5 14.9 30.4 28.9 44.4 14 13.9 27.9 22.4 44.3 28.8 15.9 6.1 34 10.4 60.7 11.6s35.1 1.5 103 1.5 76.4-.3 103-1.5c26.5-1.2 44.9-5.5 60.7-11.6 16.4-6.3 30.3-14.9 44.3-28.8 13.9-13.9 22.4-27.8 28.8-44.3 6.1-15.9 10.4-34 11.6-60.7 1.2-26.6 1.5-35.1 1.5-103s-.3-76.4-1.5-103c-1.2-26.5-5.5-44.9-11.6-60.7-6.1-16.6-14.6-30.5-28.6-44.5-13.9-13.9-27.8-22.4-44.3-28.8C398 7 379.9 2.7 353.2 1.5 326.4.3 318 0 250 0zm-.2 121.5c-71 0-128.6 57.6-128.6 128.6s57.6 128.6 128.6 128.6 128.6-57.6 128.6-128.6c.1-70.9-57.6-128.6-128.6-128.6zm0 212.1c-46.1 0-83.4-37.3-83.4-83.4s37.3-83.4 83.4-83.4 83.4 37.3 83.4 83.4-37.3 83.4-83.4 83.4zm163.7-217.2c0 16.6-13.5 30-30 30-16.6 0-30-13.5-30-30 0-16.6 13.5-30 30-30s30 13.5 30 30z"/></svg>') no-repeat;
  height: 24px;
  width: 24px;
  background: #9eafff;
}

.footer-social-links .youtube {
  -webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 711.1 500"><path d="M703.8 108s-7-49-28.3-70.5C648.4 9.1 618.1 9 604.3 7.3 504.8 0 355.6 0 355.6 0h-.3S206 0 106.6 7.3C92.7 9 62.4 9.1 35.3 37.5 14 59 7.1 108 7.1 108S0 165.7 0 223.1v53.8C0 334.5 7.1 392 7.1 392s7 49 28.2 70.5c27.1 28.3 62.7 27.4 78.5 30.3 57 5.4 241.7 7.1 241.7 7.1s149.4-.3 248.9-7.4c13.8-1.7 44.2-1.9 71.2-30.2 21.4-21.5 28.3-70.5 28.3-70.5s7.1-57.5 7.1-115.1V223c-.2-57.3-7.2-115-7.2-115zM281.9 342.5V142.6l192 100.3-192 99.6z"/></svg>') no-repeat;
  mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 711.1 500"><path d="M703.8 108s-7-49-28.3-70.5C648.4 9.1 618.1 9 604.3 7.3 504.8 0 355.6 0 355.6 0h-.3S206 0 106.6 7.3C92.7 9 62.4 9.1 35.3 37.5 14 59 7.1 108 7.1 108S0 165.7 0 223.1v53.8C0 334.5 7.1 392 7.1 392s7 49 28.2 70.5c27.1 28.3 62.7 27.4 78.5 30.3 57 5.4 241.7 7.1 241.7 7.1s149.4-.3 248.9-7.4c13.8-1.7 44.2-1.9 71.2-30.2 21.4-21.5 28.3-70.5 28.3-70.5s7.1-57.5 7.1-115.1V223c-.2-57.3-7.2-115-7.2-115zM281.9 342.5V142.6l192 100.3-192 99.6z"/></svg>') no-repeat;
  height: 24px;
  width: 24px;
  background: #9eafff;
  margin-top: 4px;
}

.footer-social-links .facebook {
  -webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 291.7 500"><path d="M238.5 83.1h53.2V3.5C282.5 2.4 250.9 0 214.1 0 137.4 0 84.8 41.4 84.8 117.4v70H0v88.9h84.8V500h103.9V276.4H270l12.9-88.9h-94.2v-61.2c0-25.7 8-43.2 49.8-43.2z"/></svg>') no-repeat;
  mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 291.7 500"><path d="M238.5 83.1h53.2V3.5C282.5 2.4 250.9 0 214.1 0 137.4 0 84.8 41.4 84.8 117.4v70H0v88.9h84.8V500h103.9V276.4H270l12.9-88.9h-94.2v-61.2c0-25.7 8-43.2 49.8-43.2z"/></svg>') no-repeat;
  height: 24px;
  width: 14px;
  background: #9eafff;
}

.footer-social-links .twitter {
  -webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 658.9 500"><path d="M207.3 500c248.5 0 384.6-192.3 384.6-359.1 0-5.4-.1-11-.4-16.4 26.4-17.8 49.2-40 67.4-65.3-24.7 10.3-50.8 16.9-77.6 19.8 28.2-15.8 49.4-40.5 59.4-69.8-26.5 14.6-55.6 25.1-85.8 30.6-20.3-20.2-47.4-33.7-76.7-38.1-29.2-4.5-59.4.1-85.6 13.3-26.1 13.2-47.1 33.9-59.4 59.1-12.3 25.3-15.3 53.7-8.6 80.8-53.7-2.5-106.2-15.6-154.3-38.3C122.3 94 80 62.2 46.1 23.3 28.8 51 23.5 84 31.3 115.3s28 58.6 56.6 76.5c-21.5-.7-42.5-6.1-61.2-15.7v1.6c0 29.2 10.8 57.4 30.5 80 19.8 22.6 47.2 38 77.9 43.8-19.9 5-40.8 5.8-61 2.1 8.6 25.1 25.5 47 48 62.7 22.6 15.7 49.9 24.4 78.1 24.9-47.9 35.1-107 54.1-167.9 54.1-10.8 0-21.6-.7-32.3-1.8 61.9 37 134 56.6 207.3 56.5z"/></svg>') no-repeat;
  mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 658.9 500"><path d="M207.3 500c248.5 0 384.6-192.3 384.6-359.1 0-5.4-.1-11-.4-16.4 26.4-17.8 49.2-40 67.4-65.3-24.7 10.3-50.8 16.9-77.6 19.8 28.2-15.8 49.4-40.5 59.4-69.8-26.5 14.6-55.6 25.1-85.8 30.6-20.3-20.2-47.4-33.7-76.7-38.1-29.2-4.5-59.4.1-85.6 13.3-26.1 13.2-47.1 33.9-59.4 59.1-12.3 25.3-15.3 53.7-8.6 80.8-53.7-2.5-106.2-15.6-154.3-38.3C122.3 94 80 62.2 46.1 23.3 28.8 51 23.5 84 31.3 115.3s28 58.6 56.6 76.5c-21.5-.7-42.5-6.1-61.2-15.7v1.6c0 29.2 10.8 57.4 30.5 80 19.8 22.6 47.2 38 77.9 43.8-19.9 5-40.8 5.8-61 2.1 8.6 25.1 25.5 47 48 62.7 22.6 15.7 49.9 24.4 78.1 24.9-47.9 35.1-107 54.1-167.9 54.1-10.8 0-21.6-.7-32.3-1.8 61.9 37 134 56.6 207.3 56.5z"/></svg>') no-repeat;
  height: 24px;
  width: 29px;
  background: #9eafff;
}

.footer-social-links .pinterest {
  -webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500.2 500"><path d="M250.1 0C112 0 0 111.9 0 250.1c0 106 65.9 196.4 158.9 232.8-2.1-19.9-4.2-50.1.9-71.6 4.6-19.6 29.3-124.2 29.3-124.2s-7.5-15-7.5-37.1c0-34.7 20.1-60.7 45.3-60.7 21.3 0 31.6 16.1 31.6 35.2 0 21.5-13.6 53.5-20.7 83.2-5.8 24.9 12.5 45.3 37 45.3 44.5 0 78.6-46.9 78.6-114.5 0-59.9-42.9-101.7-104.4-101.7-71.1 0-112.9 53.3-112.9 108.5 0 21.5 8.3 44.6 18.7 57 2 2.4 2.3 4.7 1.8 7.1-1.8 7.9-6.1 24.9-6.9 28.3-1.1 4.6-3.6 5.5-8.4 3.3-31.2-14.5-50.8-60.2-50.8-96.8 0-78.9 57.3-151.3 165.2-151.3 86.6.1 153.9 61.9 153.9 144.5 0 86.1-54.3 155.4-129.6 155.4-25.3 0-49.2-13.1-57.3-28.7 0 0-12.5 47.8-15.6 59.5-5.6 21.7-20.9 49-31 65.5 23.5 7.2 48.3 11.1 74.1 11.1 138.1 0 250.1-111.9 250.1-250.1C500.1 111.9 388.1 0 250.1 0z"/></svg>') no-repeat;
  mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500.2 500"><path d="M250.1 0C112 0 0 111.9 0 250.1c0 106 65.9 196.4 158.9 232.8-2.1-19.9-4.2-50.1.9-71.6 4.6-19.6 29.3-124.2 29.3-124.2s-7.5-15-7.5-37.1c0-34.7 20.1-60.7 45.3-60.7 21.3 0 31.6 16.1 31.6 35.2 0 21.5-13.6 53.5-20.7 83.2-5.8 24.9 12.5 45.3 37 45.3 44.5 0 78.6-46.9 78.6-114.5 0-59.9-42.9-101.7-104.4-101.7-71.1 0-112.9 53.3-112.9 108.5 0 21.5 8.3 44.6 18.7 57 2 2.4 2.3 4.7 1.8 7.1-1.8 7.9-6.1 24.9-6.9 28.3-1.1 4.6-3.6 5.5-8.4 3.3-31.2-14.5-50.8-60.2-50.8-96.8 0-78.9 57.3-151.3 165.2-151.3 86.6.1 153.9 61.9 153.9 144.5 0 86.1-54.3 155.4-129.6 155.4-25.3 0-49.2-13.1-57.3-28.7 0 0-12.5 47.8-15.6 59.5-5.6 21.7-20.9 49-31 65.5 23.5 7.2 48.3 11.1 74.1 11.1 138.1 0 250.1-111.9 250.1-250.1C500.1 111.9 388.1 0 250.1 0z"/></svg>') no-repeat;
  height: 24px;
  width: 24px;
  background: #9eafff;
}