@font-face {
  font-family: 'Proxima Nova Regular';
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/proxima-nova-regular-b91ba553ef33a1b5a47f16d66468478e.eot") format("embedded-opentype"), url("../../fonts/proxima-nova-regular-852046040da1526ac5ac9cdbee2e3723.woff") format("woff"), url("../../fonts/proxima-nova-regular-4718658988fe7ed007ba7aa421e4db57.ttf") format("truetype"), url("../../fonts/proxima-nova-regular-a9dab83abc5f161adb94e640d2456d5a.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova Bold';
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/proxima-nova-bold-c5132b3459d41a297ce7d2ee1ca8f5ca.eot") format("embedded-opentype"), url("../../fonts/proxima-nova-bold-f73f22aa93a861006ae7f54f9968fec0.woff") format("woff"), url("../../fonts/proxima-nova-bold-384cf1ed2d7885ee5d696cec94084a96.ttf") format("truetype"), url("../../fonts/proxima-nova-bold-395216d676c01eddd6eadcc3e71a058a.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova SemiBold';
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/proxima-nova-semibold-645323b84162fe63fd0654a50b71ec75.eot") format("embedded-opentype"), url("../../fonts/proxima-nova-semibold-3163eca2ebe9b39d7aaf4ba594ce39d7.woff") format("woff"), url("../../fonts/proxima-nova-semibold-445f1fe6eb9641ac9b382cbd16b1e9a3.ttf") format("truetype"), url("../../fonts/proxima-nova-semibold-a79fc1dd26c862fa43237c9b9eebcc04.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova ExtraBld';
  src: url("../../fonts/proxima-nova-xbold-6009a5b7b56ec8a430e071cd39736552.eot");
  src: url("../../fonts/proxima-nova-xbold-6009a5b7b56ec8a430e071cd39736552.eot") format("embedded-opentype"), url("../../fonts/proxima-nova-xbold-50073f2972bc3fbf26571f3f09abcc04.woff2") format("woff2"), url("../../fonts/proxima-nova-xbold-5d8ad01e573a280ed04306c1bfe5ef83.woff") format("woff"), url("../../fonts/proxima-nova-xbold-f0c5c887f2f16d3b27f11f4b00363921.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova Light';
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/proxima-nova-light-25b45c331498ff377abe22554f05943d.eot") format("embedded-opentype"), url("../../fonts/proxima-nova-light-b08aa39dfd53fb455693786505ed211e.woff") format("woff"), url("../../fonts/proxima-nova-light-982154eacb03c17d9cf072a97208af46.ttf") format("truetype"), url("../../fonts/proxima-nova-light-918e11e776f56b8c6097ae4af49461e6.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova Thin';
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/proxima-nova-thin-03b1bf3473874d26ed05e1fe18adadfb.eot") format("embedded-opentype"), url("../../fonts/proxima-nova-thin-dec0715da57ea199cffc9f7338606ef5.woff") format("woff"), url("../../fonts/proxima-nova-thin-02d6ae77d664d63bc666cb5d58f8e403.ttf") format("truetype"), url("../../fonts/proxima-nova-thin-7bac2976f50a8aa72b56e594afc4ec7f.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: "Proxima Nova ThinT";
  src: url("../../fonts/proxima-nova-thin-t-b6af431205e36a9a58f977393f89b789.eot");
  src: url("../../fonts/proxima-nova-thin-t-b6af431205e36a9a58f977393f89b789.eot") format("embedded-opentype"), url("../../fonts/proxima-nova-thin-t-246447e1f545e4fc2a108f04c863d380.woff") format("woff"), url("../../fonts/proxima-nova-thin-t-277c0707efca34ff0a57aa13001aa088.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova Black';
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/proxima-nova-black-0c34a8601baa9b8ff2cebe470abb8d83.eot") format("embedded-opentype"), url("../../fonts/proxima-nova-black-b68819090cb3f466a9dd7d473d9e12a8.woff") format("woff"), url("../../fonts/proxima-nova-black-0de94ce64605477887f82b243de1af47.ttf") format("truetype"), url("../../fonts/proxima-nova-black-bb4d6ae1ae6023b8d9b9193627cb7c75.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/font-awesome/fontawesome-webfont-976c69af44e91227f2731a161e2f0457.eot") format("embedded-opentype"), url("../../fonts/font-awesome/fontawesome-webfont-6c1e1496ebb7d564f0c9db3330608845.woff") format("woff"), url("../../fonts/font-awesome/fontawesome-webfont-b90e00497ee6f6c2c4b79448f31f974e.ttf") format("truetype"), url("../../fonts/font-awesome/fontawesome-webfont-e2f7c514eedf546d605cb9029f8a8776.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Seville Book';
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/seville_book-webfont-ae15aebb27cb80dbf77abe1b4422313e.woff") format("woff"), url("../../fonts/seville_book-8f0d1120a638fd229e6082179922e199.ttf") format("truetype");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Seville Condensed';
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/seville_condensed-webfont-9a94b00f31e1efc30d55ea09cf399503.woff") format("woff"), url("../../fonts/seville_condensed-9496c1eaf22a908f51128ac9aa40664f.ttf") format("truetype");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Seville Regular';
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/seville_regular-webfont-0ec849c3365dac0ff54bcc20e8743137.woff") format("woff"), url("../../fonts/seville_regular-de3aa9bb81ab1c94db5b9763dce5a164.ttf") format("truetype");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
p,
span,
a {
  font-family: "Proxima Nova Regular", Arial, sans-serif;
  font-weight: normal;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

body.scroll-disabled {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

@font-face {
  font-family: 'Proxima Nova Regular';
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/proxima-nova-regular-b91ba553ef33a1b5a47f16d66468478e.eot") format("embedded-opentype"), url("../../fonts/proxima-nova-regular-852046040da1526ac5ac9cdbee2e3723.woff") format("woff"), url("../../fonts/proxima-nova-regular-4718658988fe7ed007ba7aa421e4db57.ttf") format("truetype"), url("../../fonts/proxima-nova-regular-a9dab83abc5f161adb94e640d2456d5a.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova Bold';
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/proxima-nova-bold-c5132b3459d41a297ce7d2ee1ca8f5ca.eot") format("embedded-opentype"), url("../../fonts/proxima-nova-bold-f73f22aa93a861006ae7f54f9968fec0.woff") format("woff"), url("../../fonts/proxima-nova-bold-384cf1ed2d7885ee5d696cec94084a96.ttf") format("truetype"), url("../../fonts/proxima-nova-bold-395216d676c01eddd6eadcc3e71a058a.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova SemiBold';
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/proxima-nova-semibold-645323b84162fe63fd0654a50b71ec75.eot") format("embedded-opentype"), url("../../fonts/proxima-nova-semibold-3163eca2ebe9b39d7aaf4ba594ce39d7.woff") format("woff"), url("../../fonts/proxima-nova-semibold-445f1fe6eb9641ac9b382cbd16b1e9a3.ttf") format("truetype"), url("../../fonts/proxima-nova-semibold-a79fc1dd26c862fa43237c9b9eebcc04.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova ExtraBld';
  src: url("../../fonts/proxima-nova-xbold-6009a5b7b56ec8a430e071cd39736552.eot");
  src: url("../../fonts/proxima-nova-xbold-6009a5b7b56ec8a430e071cd39736552.eot") format("embedded-opentype"), url("../../fonts/proxima-nova-xbold-50073f2972bc3fbf26571f3f09abcc04.woff2") format("woff2"), url("../../fonts/proxima-nova-xbold-5d8ad01e573a280ed04306c1bfe5ef83.woff") format("woff"), url("../../fonts/proxima-nova-xbold-f0c5c887f2f16d3b27f11f4b00363921.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova Light';
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/proxima-nova-light-25b45c331498ff377abe22554f05943d.eot") format("embedded-opentype"), url("../../fonts/proxima-nova-light-b08aa39dfd53fb455693786505ed211e.woff") format("woff"), url("../../fonts/proxima-nova-light-982154eacb03c17d9cf072a97208af46.ttf") format("truetype"), url("../../fonts/proxima-nova-light-918e11e776f56b8c6097ae4af49461e6.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova Thin';
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/proxima-nova-thin-03b1bf3473874d26ed05e1fe18adadfb.eot") format("embedded-opentype"), url("../../fonts/proxima-nova-thin-dec0715da57ea199cffc9f7338606ef5.woff") format("woff"), url("../../fonts/proxima-nova-thin-02d6ae77d664d63bc666cb5d58f8e403.ttf") format("truetype"), url("../../fonts/proxima-nova-thin-7bac2976f50a8aa72b56e594afc4ec7f.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: "Proxima Nova ThinT";
  src: url("../../fonts/proxima-nova-thin-t-b6af431205e36a9a58f977393f89b789.eot");
  src: url("../../fonts/proxima-nova-thin-t-b6af431205e36a9a58f977393f89b789.eot") format("embedded-opentype"), url("../../fonts/proxima-nova-thin-t-246447e1f545e4fc2a108f04c863d380.woff") format("woff"), url("../../fonts/proxima-nova-thin-t-277c0707efca34ff0a57aa13001aa088.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Proxima Nova Black';
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/proxima-nova-black-0c34a8601baa9b8ff2cebe470abb8d83.eot") format("embedded-opentype"), url("../../fonts/proxima-nova-black-b68819090cb3f466a9dd7d473d9e12a8.woff") format("woff"), url("../../fonts/proxima-nova-black-0de94ce64605477887f82b243de1af47.ttf") format("truetype"), url("../../fonts/proxima-nova-black-bb4d6ae1ae6023b8d9b9193627cb7c75.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/font-awesome/fontawesome-webfont-976c69af44e91227f2731a161e2f0457.eot") format("embedded-opentype"), url("../../fonts/font-awesome/fontawesome-webfont-6c1e1496ebb7d564f0c9db3330608845.woff") format("woff"), url("../../fonts/font-awesome/fontawesome-webfont-b90e00497ee6f6c2c4b79448f31f974e.ttf") format("truetype"), url("../../fonts/font-awesome/fontawesome-webfont-e2f7c514eedf546d605cb9029f8a8776.svg") format("svg");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Seville Book';
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/seville_book-webfont-ae15aebb27cb80dbf77abe1b4422313e.woff") format("woff"), url("../../fonts/seville_book-8f0d1120a638fd229e6082179922e199.ttf") format("truetype");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Seville Condensed';
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/seville_condensed-webfont-9a94b00f31e1efc30d55ea09cf399503.woff") format("woff"), url("../../fonts/seville_condensed-9496c1eaf22a908f51128ac9aa40664f.ttf") format("truetype");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'Seville Regular';
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/seville_regular-webfont-0ec849c3365dac0ff54bcc20e8743137.woff") format("woff"), url("../../fonts/seville_regular-de3aa9bb81ab1c94db5b9763dce5a164.ttf") format("truetype");
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'dme-icons';
  src: url("../../fonts/dme-icons/fonts/dme-icons-391d34dd260b62608f0250acc86c7fe9.eot");
  src: url("../../fonts/dme-icons/fonts/dme-icons-391d34dd260b62608f0250acc86c7fe9.eot") format("embedded-opentype"), url("../../fonts/dme-icons/fonts/dme-icons-01766a83b3cb48d6361f3770b1659143.ttf") format("truetype"), url("../../fonts/dme-icons/fonts/dme-icons-abb5de61dc38857df327dea756c9b4ce.woff") format("woff"), url("../../fonts/dme-icons/fonts/dme-icons-789057188cedf5847ee36b261067e220.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

#alternate-language {
  display: none;
  text-align: center;
  background-color: #40414a;
}

#alternate-language a {
  display: block;
  width: 100%;
  padding: 15px 0;
  text-decoration: none;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
}

@media (max-width: 767px) {
  #alternate-language a {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  #alternate-language a span {
    max-width: 70%;
    display: block;
    margin: 0 auto;
  }
}

@media (max-width: 450px) {
  #alternate-language a span {
    max-width: 250px;
  }
}

#alternate-language a span::after {
  font-family: "dme-icons";
  content: "\e901";
  vertical-align: top;
  position: relative;
  top: 0;
  left: 8px;
  font-size: 15px;
}

/* inStyle (v1.6.3) github.com/salsita/inStyle 2016 | MIT @mixin ============================= */

@media (max-device-width: 767px), (max-width: 767px) {
  .product-card-list {
    width: 310px;
    text-align: left;
  }
}

.product-card {
  width: 220px;
  margin: 0 10px 20px;
  display: inline-block;
  text-align: center;
  background-color: #f2f2f2;
  position: relative;
  vertical-align: top;
  cursor: pointer;
}

@media (max-device-width: 767px), (max-width: 767px) {
  .product-card {
    width: 145px;
    height: auto;
    margin: 0 5px 10px;
  }

  .product-card:hover {
    background-color: #E2E2E2;
  }
}

.product-card .no-break {
  white-space: nowrap;
}

.product-card .new-badge {
  padding: 3px;
  background-color: #EE3D6E;
  border-radius: 2px;
  font-family: "Proxima Nova Bold", Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-indent: 0;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  position: relative;
  display: inline-block;
  top: 10px;
}

.product-card .sale-badge {
  padding: 3px;
  background-color: #006BA6;
  border-radius: 2px;
  font-family: "Proxima Nova Bold", Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-indent: 0;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  position: relative;
  display: inline-block;
  top: 10px;
}

.product-card .new-badge,
.product-card .sale-badge {
  top: 7px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.product-card .shop-button {
  opacity: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 15px;
  font-size: 16px;
  padding: 7px 10px;
  min-width: 135px;
  background-color: #EE3D6E;
  color: #FFF;
  border-color: #EE3D6E;
  text-transform: uppercase;
  border-radius: 18px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-family: "Proxima Nova Bold", Arial, sans-serif;
  z-index: -1;
  white-space: nowrap;
}

@media (max-device-width: 767px), (max-width: 767px) {
  .product-card .shop-button {
    display: none;
  }
}

.product-card .color-price-wrapper {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  opacity: 1;
}

.product-card .hover-group {
  height: calc(100% - 45px);
}

@media (min-width: 768px) {
  .product-card .hover-group:hover ~ .shop-button {
    opacity: 1;
    z-index: 4;
  }

  .product-card .hover-group:hover img.side {
    display: none;
  }

  .product-card .hover-group:hover img.front {
    display: block;
  }

  .product-card .hover-group:hover ~ .color-price-wrapper {
    opacity: 0;
  }
}

.product-card .shop-button:hover {
  opacity: 1;
  pointer-events: auto;
  z-index: 4;
}

.product-card img {
  width: 220px;
  height: 187px;
  margin-top: 30px;
}

.product-card img.side {
  display: block;
}

.product-card img.front {
  display: none;
}

@media (max-device-width: 767px), (max-width: 767px) {
  .product-card img {
    width: 145px;
    height: 123px;
  }
}

.product-card .product-name {
  padding-top: 10px;
  font-family: "Proxima Nova Bold", Arial, sans-serif;
  position: relative;
  font-size: 24px;
  line-height: 24px;
  color: #00B0B9;
}

@media (max-device-width: 767px), (max-width: 767px) {
  .product-card .product-name {
    font-size: 20px;
  }
}

.product-card .product-name span {
  font-family: "Proxima Nova Bold", Arial, sans-serif;
}

.product-card .product-name span.mobile-hide {
  font-size: 24px;
  line-height: 24px;
  display: inline-block;
}

@media (max-device-width: 767px), (max-width: 767px) {
  .product-card .product-name span.mobile-hide {
    display: none;
  }
}

.product-card .product-name span.us-only:not(:lang(en-US)) {
  display: none;
}

.product-card .product-slogan {
  font-family: "Proxima Nova Bold", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #576569;
  margin-top: 3px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
}

.product-card .product-slogan .secondary-slogan {
  color: #3b3b3b;
  font-family: inherit;
}

@media (max-device-width: 767px), (max-width: 767px) {
  .product-card .product-slogan {
    font-size: 12px;
    line-height: 14px;
  }
}

.product-card .product-card-price {
  font-size: 18px;
  line-height: 18px;
  font-family: "Proxima Nova Light", Arial, sans-serif;
  color: #000;
}

@media (max-device-width: 767px), (max-width: 767px) {
  .product-card .product-card-price {
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 10px;
  }
}

.product-card .product-card-price .currency {
  font-size: 12px;
  vertical-align: top;
  line-height: 24px;
}

.product-card .product-card-price .currency:lang(en-AU) {
  vertical-align: initial;
  font-size: inherit;
}

.product-card .product-card-price .currency:lang(en-NZ) {
  vertical-align: initial;
  font-size: inherit;
}

.product-card .product-card-price .strike-through-price {
  display: inline;
  position: relative;
  margin-right: 20px;
}

@media (max-device-width: 767px), (max-width: 767px) {
  .product-card .product-card-price .strike-through-price {
    margin-right: 10px;
  }
}

.product-card .product-card-price .strike-through-price:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid;
  border-color: inherit;
  transform: rotate(-10deg);
}

.product-card .product-card-price .original-price {
  display: inline;
}

.product-card .product-color-list {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  margin-left: 0;
}

#product-listing[data-product='flex'] .product-card .product-color-list,
#product-listing[data-product='flex-band'] .product-card .product-color-list,
#product-listing[data-product='flex2-classic'] .product-card .product-color-list {
  margin-left: 0;
}

.product-card .product-color-list li {
  display: inline-block;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #000;
  margin: 0 0 0 20px;
  padding: 0;
  position: relative;
  cursor: pointer;
  border: 1px solid #adadad;
  box-sizing: content-box;
}

#product-listing[data-product='flex'] .product-card .product-color-list li,
#product-listing[data-product='flex-band'] .product-card .product-color-list li,
#product-listing[data-product='flex2-classic'] .product-card .product-color-list li {
  margin: 0 0 0 6px;
}

@media (max-width: 1024px) {
  #product-listing[data-product='versa-classic'] .product-card .product-color-list li {
    margin: 0 0 0 10px;
  }
}

@media (max-width: 767px), (max-device-width: 767px) {
  #product-listing[data-product='versa-classic'] .product-card .product-color-list li {
    margin: 0 0 0 20px;
  }
}

.product-card .product-color-list li.color-selected::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  background: transparent;
  border: 2px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
  box-sizing: content-box;
}

.product-card .product-color-list li[data-color=black],
.product-card .product-color-list li[data-color=gunmetal-stainless-steel],
.product-card .product-color-list li[data-color=black-22k-gold-plated],
.product-card li.color-swatch[data-color=black],
.product-card li.color-swatch[data-color=gunmetal-stainless-steel],
.product-card li.color-swatch[data-color=black-22k-gold-plated] {
  background: #0f0f0f;
}

.product-card .product-color-list li[data-secondary-color]:after,
.product-card li.color-swatch[data-secondary-color]:after {
  display: block;
  width: 10px;
  height: 20px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  left: 10px;
}

.product-card .product-color-list li[data-secondary-color=black]:after,
.product-card li.color-swatch[data-secondary-color=black]:after {
  content: '';
  background: #3b3b3b;
}

.product-card .product-color-list li[data-secondary-color=gunmetal-stainless-steel]:after,
.product-card li.color-swatch[data-secondary-color=gunmetal-stainless-steel]:after {
  content: '';
  background: linear-gradient(to bottom, #777777, #3b3b3b);
}

.product-card .product-color-list li[data-secondary-color=stainless-steel]:after,
.product-card li.color-swatch[data-secondary-color=stainless-steel]:after {
  content: '';
  background: linear-gradient(to bottom, #a9b4b5, #dde1e3, #8a9293);
}

.product-card .product-color-list li[data-secondary-color="22k-rose-gold-plated"]:after,
.product-card li.color-swatch[data-secondary-color="22k-rose-gold-plated"]:after {
  content: '';
  background: linear-gradient(to bottom, #fbd7c0, #FDE3DA, #eaa890);
}

.product-card .product-color-list li[data-secondary-color="22k-gold-plated"]:after,
.product-card li.color-swatch[data-secondary-color="22k-gold-plated"]:after {
  content: '';
  background: linear-gradient(to bottom, #f2d8a0, #f9ecc6, #e3b979);
}

.product-card .product-color-list li[data-color=blue],
.product-card li.color-swatch[data-color=blue] {
  background: #006BA6;
}

.product-card .product-color-list li[data-color=plum],
.product-card li.color-swatch[data-color=plum] {
  background: #79426c;
}

.product-card .product-color-list li[data-color=charcoal],
.product-card li.color-swatch[data-color=charcoal] {
  background: #000;
}

.product-card .product-color-list li[data-color=lime],
.product-card .product-color-list li[data-color=light-lime],
.product-card li.color-swatch[data-color=lime],
.product-card li.color-swatch[data-color=light-lime] {
  background: #b7d466;
}

.product-card .product-color-list li[data-color=magenta],
.product-card .product-color-list li[data-color=pink],
.product-card li.color-swatch[data-color=magenta],
.product-card li.color-swatch[data-color=pink] {
  background: #ff16a6;
}

.product-card .product-color-list li[data-color=pink-22k-gold-plated],
.product-card li.color-swatch[data-color=pink-22k-gold-plated] {
  background: #ff5865;
}

.product-card .product-color-list li[data-color=burgundy],
.product-card li.color-swatch[data-color=burgundy] {
  background: #6a233e;
}

.product-card .product-color-list li[data-color=slate],
.product-card li.color-swatch[data-color=slate] {
  background: #3e7280;
}

.product-card .product-color-list li[data-color=violet],
.product-card li.color-swatch[data-color=violet] {
  background: #d461a8;
}

.product-card .product-color-list li[data-color=teal],
.product-card li.color-swatch[data-color=teal] {
  background: #62ded6;
}

.product-card .product-color-list li[data-color=tangerine],
.product-card li.color-swatch[data-color=tangerine] {
  background: #ee4f31;
}

.product-card .product-color-list li[data-color=navy],
.product-card li.color-swatch[data-color=navy] {
  background: #324c67;
}

.product-card .product-color-list li[data-color=red],
.product-card li.color-swatch[data-color=red] {
  background: #ae2839;
}

.product-card .product-color-list li[data-color=white],
.product-card li.color-swatch[data-color=white] {
  background: #ebebeb;
}

.product-card .product-color-list li[data-color=lavender],
.product-card li.color-swatch[data-color=lavender] {
  background: #9b8c98;
}

.product-card .product-color-list li[data-color=brown],
.product-card li.color-swatch[data-color=brown] {
  background: #865e4f;
}

.product-card .product-color-list li[data-color=indigo],
.product-card li.color-swatch[data-color=indigo] {
  background: #364051;
}

.product-card .product-color-list li[data-color=blush-pink],
.product-card li.color-swatch[data-color=blush-pink] {
  background: #ead2d2;
}

.product-card .product-color-list li[data-color=yellow],
.product-card li.color-swatch[data-color=yellow] {
  background: #f8e72c;
}

.product-card .product-color-list li[data-color=khaki],
.product-card li.color-swatch[data-color=khaki] {
  background: #c8beb7;
}

.product-card .product-color-list li[data-color=olive],
.product-card li.color-swatch[data-color=olive] {
  background: #6b824a;
}

.product-card .product-color-list li[data-color=rose],
.product-card li.color-swatch[data-color=rose] {
  background: #f7d9e1;
}

.product-card .product-color-list li[data-color=stainless-steel],
.product-card li.color-swatch[data-color=stainless-steel] {
  background: linear-gradient(to bottom, #a9b4b5, #dde1e3, #8a9293);
}

.product-card .product-color-list li[data-color="22k-gold-plated"],
.product-card li.color-swatch[data-color="22k-gold-plated"] {
  background: linear-gradient(to bottom, #f2d8a0, #f9ecc6, #e3b979);
}

.product-card .product-color-list li[data-color="22k-rose-gold-plated"],
.product-card li.color-swatch[data-color="22k-rose-gold-plated"] {
  background: linear-gradient(to bottom, #fbd7c0, #FDE3DA, #eaa890);
}

.product-card .product-color-list li[data-color=steel],
.product-card li.color-swatch[data-color=steel] {
  background: linear-gradient(to bottom, #E2E2E2, #777777);
}

.product-card .product-color-list li[data-color=camel],
.product-card li.color-swatch[data-color=camel] {
  background-color: #c27a54;
}

.product-card .product-color-list li[data-color=mistgrey],
.product-card li.color-swatch[data-color=mistgrey] {
  background-color: #a9a9a9;
}

.product-card .product-color-list li[data-color="blush"],
.product-card li.color-swatch[data-color="blush"] {
  background-color: #eac8c5;
}

.product-card .product-color-list li[data-color="graphite"],
.product-card .product-color-list li[data-color=heather_gray],
.product-card li.color-swatch[data-color="graphite"],
.product-card li.color-swatch[data-color=heather_gray] {
  background-color: #7f7f7f;
}

.product-card .product-color-list li[data-color=flex2-magenta],
.product-card li.color-swatch[data-color=flex2-magenta] {
  background-color: #e4427b;
}

.product-card .product-color-list li[data-color=flex2-navy],
.product-card li.color-swatch[data-color=flex2-navy] {
  background-color: #274357;
}

.product-card .product-color-list li[data-color=flex2-gray],
.product-card li.color-swatch[data-color=flex2-gray] {
  background-color: #bfcfdd;
}

.product-card .product-color-list li[data-color=blue-gray],
.product-card li.color-swatch[data-color=blue-gray] {
  background-color: #474b63;
}

.product-card .product-color-list li[data-color=fuchsia],
.product-card li.color-swatch[data-color=fuchsia] {
  background-color: #993366;
}

.product-card .product-color-list li[data-color=coral],
.product-card li.color-swatch[data-color=coral] {
  background-color: #ff7d6b;
}

.product-card .product-color-list li[data-color=soft-pink],
.product-card li.color-swatch[data-color=soft-pink] {
  background-color: #dababd;
}

.product-card .product-color-list li[data-color=cobalt],
.product-card li.color-swatch[data-color=cobalt] {
  background-color: #3f48bd;
}

.product-card .product-color-list li[data-color="lavender-light"],
.product-card li.color-swatch[data-color="lavender-light"] {
  background-color: #cfc0ca;
}

.product-card .product-color-list li[data-color=slate-blue],
.product-card li.color-swatch[data-color=slate-blue] {
  background-color: #5c7f8d;
}

.product-card .product-color-list li[data-color="blue-gray"],
.product-card li.color-swatch[data-color="blue-gray"] {
  background-color: #636677;
}

.product-card .product-color-list li[data-secondary-color="silver-gray"]::after,
.product-card li.color-swatch[data-secondary-color="silver-gray"]::after {
  content: '';
  background: linear-gradient(to bottom, #808181, #ffffff, #808181);
}

.product-card .product-color-list li[data-color="slate-blue"],
.product-card li.color-swatch[data-color="slate-blue"] {
  background-color: #5c7f8d;
}

.product-card .product-color-list li[data-secondary-color="burnt-orange"]::after,
.product-card li.color-swatch[data-secondary-color="burnt-orange"]::after {
  content: '';
  background-color: #C2743D;
  background: linear-gradient(to bottom, #C2743D, #F3C29D, #C2743D);
}

.product-card .product-color-list li[data-color="charcoal"],
.product-card li.color-swatch[data-color="charcoal"] {
  background-color: #424242;
}

.product-card .product-color-list li[data-secondary-color="smoke-gray"]::after,
.product-card li.color-swatch[data-secondary-color="smoke-gray"]::after {
  content: '';
  background: linear-gradient(to bottom, #292929, #868686, #292929);
}

.product-card .product-color-list li[data-color="lunar-gray"],
.product-card li.color-swatch[data-color="lunar-gray"] {
  background: linear-gradient(to bottom, #BE9472, #B1855B);
}

.product-card .product-color-list li[data-color="nightfall-blue"],
.product-card li.color-swatch[data-color="nightfall-blue"] {
  background: linear-gradient(to bottom, #303348, #616a71);
}

.product-card .product-color-list li[data-color="black-charcoal"],
.product-card li.color-swatch[data-color="black-charcoal"] {
  background-color: #292929;
}

.product-card .product-color-list li[data-color="black-charcoal"]::after,
.product-card li.color-swatch[data-color="black-charcoal"]::after {
  content: '';
  background-color: #504F4F;
}

.product-card .product-color-list li[data-color="cobalt-lime"],
.product-card li.color-swatch[data-color="cobalt-lime"] {
  background-color: #1B1BFF;
}

.product-card .product-color-list li[data-color="cobalt-lime"]::after,
.product-card li.color-swatch[data-color="cobalt-lime"]::after {
  content: '';
  background-color: #F0FF00;
}

.product-card .product-color-list li[data-color="coral-blue-gray"],
.product-card li.color-swatch[data-color="coral-blue-gray"] {
  background-color: #FF8453;
}

.product-card .product-color-list li[data-color="coral-blue-gray"]::after,
.product-card li.color-swatch[data-color="coral-blue-gray"]::after {
  content: '';
  background-color: #A1ACB3;
}

.product-card .product-color-list li[data-color="cognac"],
.product-card li.color-swatch[data-color="cognac"] {
  background-color: #653201;
}

.product-card .product-color-list li[data-color="midnight-blue"],
.product-card li.color-swatch[data-color="midnight-blue"] {
  background-color: #0c1930;
}

.product-card .product-color-list li[data-color="peach"],
.product-card li.color-swatch[data-color="peach"] {
  background-color: #eca397;
}

.product-card .product-color-list li[data-color="gray"],
.product-card li.color-swatch[data-color="gray"] {
  background-color: #bec1c3;
}

.product-card .product-color-list li[data-color="woven-charcoal"],
.product-card li.color-swatch[data-color="woven-charcoal"] {
  background-color: #2e2e2e;
}

.product-card .product-color-list li[data-color="woven-lavender"],
.product-card li.color-swatch[data-color="woven-lavender"] {
  background: #9b8c98;
}

.product-card .product-color-list li[data-color="power-purple"],
.product-card li.color-swatch[data-color="power-purple"] {
  background: #7a5fc7;
}

.product-card .product-color-list li[data-color="electric-blue"],
.product-card li.color-swatch[data-color="electric-blue"] {
  background: #4d50e1;
}

.product-card .product-color-list li[data-color="power-purple"],
.product-card li.color-swatch[data-color="power-purple"] {
  background: #381b6f;
}

.product-card .product-color-list li[data-color="electric-blue"],
.product-card li.color-swatch[data-color="electric-blue"] {
  background: #0b1a84;
}

.product-card .product-color-list li[data-color="periwinkle"],
.product-card li.color-swatch[data-color="periwinkle"] {
  background: #e8eaf9;
}

.product-card .product-color-list li[data-color="saddle-stitch"],
.product-card li.color-swatch[data-color="saddle-stitch"] {
  background: #b4764b;
}

.product-card .product-color-list li[data-color=ph5-navy-white],
.product-card .product-color-list li[data-color=ph5-navy-pink],
.product-card li.color-swatch[data-color=ph5-navy-white],
.product-card li.color-swatch[data-color=ph5-navy-pink] {
  background-color: #18263a;
}

.product-card .product-color-list li[data-color="ph5-rose-gold"],
.product-card li.color-swatch[data-color="ph5-rose-gold"] {
  background-color: #f7d9e1;
  background: linear-gradient(to bottom, #f7d9e1, #eea293);
}

.product-card .product-color-list li[data-color="ph5-silver"],
.product-card li.color-swatch[data-color="ph5-silver"] {
  background-color: #f7d9e1;
  background: linear-gradient(to right, #fefefe, #e5e5e5);
}

.product-card .product-color-list li[data-secondary-color=ph5-white]::after,
.product-card li.color-swatch[data-secondary-color=ph5-white]::after {
  content: '';
  background-color: #fefefe;
}

.product-card .product-color-list li[data-secondary-color=ph5-black]::after,
.product-card li.color-swatch[data-secondary-color=ph5-black]::after {
  content: '';
  background-color: #0f0f0f;
}

.product-card .product-color-list li[data-secondary-color=ph5-pink]::after,
.product-card li.color-swatch[data-secondary-color=ph5-pink]::after {
  content: '';
  background-color: #92116c;
}

.product-card .product-color-list li[data-secondary-color=ph5-navy]::after,
.product-card li.color-swatch[data-secondary-color=ph5-navy]::after {
  content: '';
  background-color: #18263a;
}

.product-card .product-color-list li[data-secondary-color=rose]::after,
.product-card li.color-swatch[data-secondary-color=rose]::after {
  content: '';
  background-color: #f7d9e1;
}

.product-card .product-color-list li[data-secondary-color="ph5-pink-blue"]::after,
.product-card li.color-swatch[data-secondary-color="ph5-pink-blue"]::after {
  content: '';
  background-color: #92116c;
  background: linear-gradient(to bottom, #92116c 0%, #92116c 50%, #92116c 50%, #1f58ff 50%, #1f58ff 100%);
}

.product-card .product-color-list li[data-color="black-stainless-steel"],
.product-card li.color-swatch[data-color="black-stainless-steel"] {
  background-color: #656565;
  background: linear-gradient(to bottom, #656565, #0F0F0F);
}

.product-card .product-color-list li[data-color="silver-stainless-steel"],
.product-card li.color-swatch[data-color="silver-stainless-steel"] {
  background-color: #EAEAEA;
  background: linear-gradient(to bottom, #EAEAEA, #CACACA);
}

.product-card .product-color-list li[data-secondary-color="rose-gold-aluminum"]::after,
.product-card li.color-swatch[data-secondary-color="rose-gold-aluminum"]::after {
  content: '';
  background-color: #f7d8e0;
  background: linear-gradient(to bottom, #f7d8e0, #eea395);
}

.product-card .product-color-list li[data-secondary-color="silver-aluminum"]::after,
.product-card li.color-swatch[data-secondary-color="silver-aluminum"]::after {
  content: '';
  background-color: #eaeaea;
  background: linear-gradient(to bottom, #eaeaea, #cacaca);
}

.product-card .product-color-list li[data-secondary-color="black-aluminum"]::after,
.product-card li.color-swatch[data-secondary-color="black-aluminum"]::after {
  content: '';
  background-color: #5e5e5e;
  background: linear-gradient(to bottom, #5e5e5e, #111111);
}

.product-card .product-color-list {
  position: relative;
  min-height: 25px;
}

@media (max-device-width: 767px), (max-width: 767px) {
  .product-card .product-color-list {
    display: none;
  }
}

.product-card .product-color-list li {
  width: 12px;
  height: 12px;
  margin: 0 3px;
}

.product-card .product-color-list li[data-secondary-color]:after {
  width: 6px;
  height: 12px;
  left: 6px;
}

.product-card .product-color-list li.color-selected:before {
  width: 4px;
  height: 4px;
  top: 2px;
  left: 2px;
}

.product-card .shop-button-mobile {
  display: none;
  font-family: "Proxima Nova Light", Arial, sans-serif;
  font-size: 14px;
  line-height: normal;
  color: #adb3b5;
  text-decoration: underline;
}

@media (max-device-width: 767px), (max-width: 767px) {
  .product-card .shop-button-mobile {
    display: block;
  }
}