@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 ============================= */

@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;
}

#container[data-product="ionic-sport"] .shop-banner:not(:lang(en-AU)),
#container[data-product="ionic-sport"] .shop-banner:not(:lang(en-NZ)) {
  background-image: url("../../images/shop/hero/ionic-sport-hero-e371139cc8531e70307d6f73c866bc83.jpg");
}

html[lang*=en-AU] #container[data-product="ionic-sport"] .shop-banner {
  background-image: url("../../images/shop/hero/ionic-sport-hero-2-8593862b28fec32aba50e1d3c274b600.jpg");
}

html[lang*=en-NZ] #container[data-product="ionic-sport"] .shop-banner {
  background-image: url("../../images/shop/hero/ionic-sport-hero-2-8593862b28fec32aba50e1d3c274b600.jpg");
}

.shop-banner {
  width: 100%;
  height: 160px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: salmon;
  background-image: linear-gradient(0deg, #00b0b9 0, #008eaa 100%);
  margin-top: 60px;
  display: table;
  /* Exact width of the title text - Exists to center the title + subtitle with each other*/
}

#container[data-product="ace"] .shop-banner {
  background-image: url("../../images/shop/hero/ace-hero-a82562e30d6d96fefdb6b8d48238a315.jpg");
}

#container[data-product="ace-classic"] .shop-banner {
  background-image: url("../../images/shop/hero/ace-classic-hero-cf76c09e183b7ac7a76c1303becf226d.jpg");
}

#container[data-product="adidas"] .shop-banner {
  background-image: url("../../images/shop/hero/adidas-hero-b9deba2c9d1308bb55d266c955a713e8.jpg");
}

#container[data-product="alta"] .shop-banner {
  background-image: url("../../images/shop/hero/alta-hero-4fa3de7cd1711241c7c4ea79f95e54fd.jpg");
}

#container[data-product="alta-classic"] .shop-banner {
  background-image: url("../../images/shop/hero/alta-classic-hero-99a1e6611e5eee3d4bd9456dc2695764.jpg");
}

#container[data-product="alta-metal"] .shop-banner {
  background-image: url("../../images/shop/hero/alta-metal-hero-ef08c6e6be7a3c0827df738eaa6fd760.jpg");
}

#container[data-product="alta-leather"] .shop-banner {
  background-image: url("../../images/shop/hero/alta-leather-hero-ef08c6e6be7a3c0827df738eaa6fd760.jpg");
}

#container[data-product="altahr"] .shop-banner {
  background-image: url("../../images/shop/hero/altahr-hero-e29a63c639db6e5f90db57c91c2dc8c9.jpg");
}

#container[data-product="altahr-classic"] .shop-banner {
  background-image: url("../../images/shop/hero/altahr-classic-hero-b741f7880d52bc6094a9f8ad8df41d8d.jpg");
}

#container[data-product="altahr-leather"] .shop-banner {
  background-image: url("../../images/shop/hero/altahr-leather-hero-5cc75872c3ecb7b5be57873348c674e1.jpg");
}

#container[data-product="altahr-metal"] .shop-banner {
  background-image: url("../../images/shop/hero/altahr-metal-hero-ef08c6e6be7a3c0827df738eaa6fd760.jpg");
}

#container[data-product="aria"] .shop-banner {
  background-image: url("../../images/shop/hero/aria-hero-8aaa770bb85e6410a8f8c7731ffbb301.jpg");
}

#container[data-product="aria2"] .shop-banner {
  background-image: url("../../images/shop/hero/aria2-hero-0285ec187da4943ca8ac5057c32e5376.jpg");
}

#container[data-product="blaze-classic"] .shop-banner {
  background-image: url("../../images/shop/hero/blaze-classic-hero-f126b510b2e88b992bc453a7abd94723.jpg");
}

#container[data-product="blaze-leather"] .shop-banner {
  background-image: url("../../images/shop/hero/blaze-leather-hero-a22749c5e7898655386cbb5ca470dc8f.jpg");
}

#container[data-product="blaze-metal"] .shop-banner {
  background-image: url("../../images/shop/hero/blaze-metal-hero-a22749c5e7898655386cbb5ca470dc8f.jpg");
}

#container[data-product="blaze-nylon"] .shop-banner {
  background-image: url("../../images/shop/hero/blaze-nylon-hero-d00062ba4c00d08b1de001a311bae62d.jpg");
}

#container[data-product="blaze-slim"] .shop-banner {
  background-image: url("../../images/shop/hero/blaze-slim-hero-6c98c26f229be0db757132f40489b036.jpg");
}

#container[data-product="blaze"] .shop-banner {
  background-image: url("../../images/shop/hero/blaze-hero-08ad59435aa901c53d88b957f2382d67.jpg");
}

#container[data-product="charge"] .shop-banner {
  background-image: url("../../images/shop/hero/charge-hero-c5aa5cf9a87283242fbe7063848bf5ea.jpg");
}

#container[data-product="charge2"] .shop-banner {
  background-image: url("../../images/shop/hero/charge2-hero-3ec737853c794ce988acc3c40fd5906b.jpg");
}

#container[data-product="charge2-classic"] .shop-banner {
  background-image: url("../../images/shop/hero/charge2-classic-hero-55738f6d237480bb8f9a2091d82f0f9f.jpg");
}

#container[data-product="charge2-leather"] .shop-banner {
  background-image: url("../../images/shop/hero/charge2-leather-hero-bf17a8dbf39d576b887dae2a0e88789c.jpg");
}

#container[data-product="charge2-sport"] .shop-banner {
  background-image: url("../../images/shop/hero/charge2-sport-hero-99eb8e62df51a5ff0cb7ef94c3ae9599.jpg");
}

#container[data-product="fitbit-coach"] .shop-banner {
  background-image: url("../../images/shop/hero/fitbit-coach-hero-6e4a405b5164a5c9bea270e7ca7a6923.jpg");
}

#container[data-product="fitstar-all-access"] .shop-banner {
  background-image: url("../../images/shop/hero/fitstar-all-access-hero-e7452977134b5ac53014caeadbd467fb.jpg");
}

#container[data-product="fitstar-personal-trainer"] .shop-banner {
  background-image: url("../../images/shop/hero/fitstar-personal-trainer-hero-f8890d4419cca5d165c8b15233b550ea.jpg");
}

#container[data-product="fitstar-yoga"] .shop-banner {
  background-image: url("../../images/shop/hero/fitstar-yoga-hero-71be3fe2c1c55fc0357bc1876b3cdbfc.jpg");
}

#container[data-product="flex-band"] .shop-banner {
  background-image: url("../../images/shop/hero/flex-band-hero-7b609737b42908020aa21d755d345a84.jpg");
}

#container[data-product="flex-band-pack"] .shop-banner {
  background-image: url("../../images/shop/hero/flex-band-pack-hero-2d27b79f9b91dbd07fb3de74c7f09a0f.jpg");
}

#container[data-product="flex"] .shop-banner {
  background-image: url("../../images/shop/hero/flex-hero-411393421e76fa2c975fc947172c7f0e.jpg");
}

#container[data-product="flex2-bangle"] .shop-banner {
  background-image: url("../../images/shop/hero/flex2-bangle-hero-392e2997490288de70852804247e8149.jpg");
}

#container[data-product="flex2-classic"] .shop-banner {
  background-image: url("../../images/shop/hero/flex2-classic-hero-d1c11484c364d707dff3942f7e3ad2fb.jpg");
}

#container[data-product="flex2-pack"] .shop-banner {
  background-image: url("../../images/shop/hero/flex2-pack-hero-a38fa0c05d31e867aa93b8f3b961ca74.jpg");
}

#container[data-product="flex2"] .shop-banner {
  background-image: url("../../images/shop/hero/flex2-hero-e688476d3fb0a062fa0b79d6ba908f91.jpg");
}

#container[data-product="flex2-pendant"] .shop-banner {
  background-image: url("../../images/shop/hero/flex2-pendant-hero-0c91e7d5226e3d456e5437f829240bbc.jpg");
}

#container[data-product="flyer"] .shop-banner {
  background-image: url("../../images/shop/hero/flyer-hero-7a356bed9c95ce88d9ac4bba34e09d6b.jpg");
}

#container[data-product="ionic"] .shop-banner {
  background-image: url("../../images/shop/hero/ionic-hero-c021289d98794829a24f1f68d3d1fcb8.jpg");
}

#container[data-product="ionic-classic"] .shop-banner {
  background-image: url("../../images/shop/hero/ionic-classic-hero-4ada04f6bb0e66973ccc67852b8d847a.jpg");
}

#container[data-product="ionic-leather"] .shop-banner {
  background-image: url("../../images/shop/hero/ionic-leather-hero-a735573ef961e349c08b0b6ff5a6a9ce.jpg");
}

#container[data-product="one-clip"] .shop-banner {
  background-image: url("../../images/shop/hero/one-clip-hero-3c53b90d1a3c7f35c262ad0c93d892d0.jpg");
}

#container[data-product="one"] .shop-banner {
  background-image: url("../../images/shop/hero/one-hero-9d41726f3512a88fd72cf3e110e25241.jpg");
}

#container[data-product="public-school-new-york-axis"] .shop-banner {
  background-image: url("../../images/shop/hero/public-school-new-york-axis-hero-ac63af5162f057842dd49df973cadce9.jpg");
}

#container[data-product="public-school-new-york-typeiii"] .shop-banner {
  background-image: url("../../images/shop/hero/public-school-new-york-typeiii-hero-cee06f6a07bda5aadd71a14daa574cec.jpg");
}

#container[data-product="surge"] .shop-banner {
  background-image: url("../../images/shop/hero/surge-hero-6be4a3a579bf826a84659ec22f1c37d0.jpg");
}

#container[data-product="versa"] .shop-banner {
  background-image: url("../../images/shop/hero/versa-hero-3dc1969116d40b885834c851bcd209f9.jpg");
}

#container[data-product="versa-classic"] .shop-banner {
  background-image: url("../../images/shop/hero/versa-classic-hero-2be3cc05cb6a7c2531275bbd3310ef42.jpg");
}

#container[data-product="versa-leather"] .shop-banner {
  background-image: url("../../images/shop/hero/versa-leather-hero-b03cd12a008416686e95130d5da567f4.jpg");
}

#container[data-product="versa-metal-mesh"] .shop-banner {
  background-image: url("../../images/shop/hero/versa-metal-mesh-hero-9a287e9cced2d74891638937d14fef1a.jpg");
}

#container[data-product="versa-metal-links"] .shop-banner {
  background-image: url("../../images/shop/hero/versa-metal-links-hero-7590174a6bba1b8130e394becc6b6800.jpg");
}

#container[data-product="versa-metal-tapered"] .shop-banner {
  background-image: url("../../images/shop/hero/versa-metal-tapered-hero-c9a2ca885da358f1653c6d8a23fed449.jpg");
}

#container[data-product="zip-clip"] .shop-banner {
  background-image: url("../../images/shop/hero/zip-clip-hero-1237ae4ace2db6a2e6e6c6ac9ffc76cd.jpg");
}

#container[data-product="zip"] .shop-banner {
  background-image: url("../../images/shop/hero/zip-hero-a05c4918dcdb4d33c4ed3ec2ab573d58.jpg");
}

.shop-banner h1 {
  font-size: 48px;
  font-family: "Proxima Nova Light", Arial, sans-serif;
  color: #FFF;
  line-height: 1.125em;
}

@media (max-width: 767px) {
  .shop-banner h1 {
    font-size: 36px;
    line-height: 40px;
  }
}

.shop-banner h2 {
  font-size: 36px;
  font-family: "Proxima Nova Light", Arial, sans-serif;
  color: #FFF;
  line-height: 1.125;
}

@media (max-width: 767px) {
  .shop-banner h2 {
    font-size: 36px;
    line-height: 40px;
  }
}

.shop-banner p {
  color: #FFF;
  text-transform: uppercase;
  opacity: 0.8;
  font-family: "Proxima Nova Bold", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.125em;
}

.shop-banner .product-title {
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 1024px) {
  .shop-banner .product-title {
    width: 728px;
  }
}

@media (max-width: 767px) {
  .shop-banner .product-title {
    width: 300px;
  }
}

.shop-banner .title-wrapper {
  display: block;
  max-width: 900px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .shop-banner .title-wrapper {
    text-align: center;
    max-width: 300px;
  }
}