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

.customization-tool {
  background: #041b31;
  background: linear-gradient(to bottom, #041b31, #05233f);
  height: 0;
  overflow: hidden;
}

.customization-tool.isLoaded {
  height: 285px;
  overflow: visible;
}

@media (max-width: 1024px) {
  .customization-tool.isLoaded {
    height: 180px;
  }
}

@media (max-width: 767px), (max-device-width: 767px) {
  .customization-tool.isLoaded {
    height: 335px;
  }
}

.customization-tool .outer-container {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 auto;
  max-width: 1300px;
  overflow: hidden;
}

@media (max-width: 767px), (max-device-width: 767px) {
  .customization-tool .outer-container {
    height: auto;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.customization-tool .text-container {
  position: relative;
  text-align: left;
  max-width: 420px;
  padding-left: 50px;
}

.customization-tool .text-container::after {
  content: '';
  display: block;
  background-image: url("../../images/versa/customization-tool/try-styles-bg-f431be049c96a85c167aa484a5b14506.png");
  position: absolute;
  background-size: cover;
  width: 839px;
  height: 212px;
  top: 0;
  left: 460px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .customization-tool .text-container::after {
    background-image: url("../../images/versa/customization-tool/try-styles-bg-x2-fa015c3ef12eb70acc74818ff8982bfe.png");
  }
}

@media (max-width: 1024px) {
  .customization-tool .text-container::after {
    background-image: url("../../images/versa/customization-tool/tablet/try-styles-bg-tablet-3fbd9f0aa89c63f0a00a927119a62389.png");
    background-size: cover;
    width: 603px;
    height: 149px;
  }
}

@media (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 1024px) and (min-resolution: 192dpi) {
  .customization-tool .text-container::after {
    background-image: url("../../images/versa/customization-tool/tablet/try-styles-bg-tablet-x2-8aed7c57bcae7c27eb5f3efca0496b54.png");
  }
}

@media (max-width: 767px), (max-device-width: 767px) {
  .customization-tool .text-container::after {
    background-image: url("../../images/versa/customization-tool/mobile/try-styles-bg-mobile-da44a529ce15f7087453d0638747c3ca.png");
    background-size: cover;
    width: 576px;
    height: 204px;
    margin: 0;
    position: relative;
    top: -50px;
    left: 50%;
    transform: translate(-50%);
  }
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (min-resolution: 192dpi), (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-device-width: 767px) and (min-resolution: 192dpi) {
  .customization-tool .text-container::after {
    background-image: url("../../images/versa/customization-tool/mobile/try-styles-bg-mobile-x2-c4b7c5c6e7e3e95041456f966a2c9eeb.png");
  }
}

@media (max-width: 767px), (max-device-width: 767px) {
  .customization-tool .text-container {
    text-align: center;
    margin-top: 50px;
    padding-left: 0;
  }
}

@media (max-width: 1024px) {
  .customization-tool .text-container {
    width: 350px;
  }
}

.customization-tool .text-container h2 {
  color: #FFF;
  font-family: "Proxima Nova Regular", Arial, sans-serif;
  font-size: 40px;
  line-height: 1;
  margin: 0 auto;
  margin-bottom: 20px;
}

@media (max-width: 1024px) {
  .customization-tool .text-container h2 {
    font-size: 30px;
  }
}

@media (max-width: 767px), (max-device-width: 767px) {
  .customization-tool .text-container h2 {
    margin: 0 auto;
    margin-bottom: 20px;
    max-width: 300px;
  }
}

.customization-tool .product-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media (max-width: 767px), (max-device-width: 767px) {
  .customization-tool .product-buttons {
    position: relative;
    z-index: 2;
    margin-top: 35px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.customization-tool .product-buttons .buttons-shop {
  transition: all 0.1s ease-in-out;
  width: 160px;
  text-align: center;
  line-height: 31px;
  box-sizing: border-box;
}

.customization-tool .product-buttons .buttons-shop {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  background: transparent;
  text-transform: uppercase;
  border-radius: 25px;
  font-family: "Proxima Nova Bold", Arial, sans-serif;
  border: none;
  cursor: pointer;
  padding: 0 0;
  font-size: 14px;
  white-space: nowrap;
  border: 3px solid #FFF;
}

.customization-tool .product-buttons .buttons-shop:hover {
  background: #fff;
  color: transparent;
  text-decoration: none;
}

.customization-tool .product-buttons .buttons-shop:hover {
  color: #041b31;
}

@media (max-width: 767px), (max-device-width: 767px) {
  .customization-tool .product-buttons .buttons-shop {
    display: block;
    line-height: 34px;
    margin-bottom: 15px;
  }
}

body.stop-scroll {
  height: 100% !important;
  width: 100% !important;
  overflow: hidden !important;
}

#visualizer-tool {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  top: 0;
  background: radial-gradient(ellipse at center, #f5f8ff 0%, #c1c2c7 50%);
  transform: translate(0, 100%);
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: transform;
}

#visualizer-tool.open {
  transform: translate(0, 0);
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: transform;
}

#visualizer-tool .content {
  height: 100%;
  position: relative;
}

#visualizer-tool .content header {
  z-index: 50;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  align-content: center;
  height: 52px;
  background: #FFF;
  border: 0;
}

#visualizer-tool .content header .logo-wrapper {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 24px;
}

#visualizer-tool .content header .logo-wrapper span {
  font-size: 25px;
  -ms-flex-item-align: center;
  align-self: center;
  line-height: 1;
}

#visualizer-tool .content header .title-wrapper {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: right;
  font-size: 14px;
  margin-right: 1rem;
  -ms-flex-item-align: center;
  align-self: center;
  color: #576569;
}

#visualizer-tool .content header .logo {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  height: 19px;
  width: 140px;
  -ms-flex-item-align: center;
  align-self: center;
  margin-right: 4px;
  background-image: url("../../images/versa/visualizer/fitbit-versa-logo-c20f0ad71dfa9b83eb61888eb79ac773.svg");
  background-repeat: no-repeat;
}

#visualizer-tool .content header button.close {
  border: 0;
  border-left: 1px solid #e7e7e7;
  padding: 0 1rem;
  background: #FFF;
}

#visualizer-tool .content header button.close svg {
  width: 16px;
  height: 16px;
  margin-top: 6px;
}

#visualizer-tool .content header button.close svg .icon-close {
  fill: #C3C8C9;
}

@media (max-width: 767px) {
  #visualizer-tool .content header {
    height: 50px;
  }

  #visualizer-tool .content header .logo-wrapper {
    padding-left: 12px;
  }

  #visualizer-tool .content header button.close {
    padding: 0 12px;
  }
}

#visualizer-tool .content .sub-header {
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  width: 100%;
  text-align: center;
  background: linear-gradient(90deg, #00b0b9 0%, #00b0b9 10%, #00b0b9 50%, #00b0b9 90%, #00b0b9 100%);
  color: #FFF;
}

@media (max-width: 767px) {
  #visualizer-tool .content .sub-header {
    font-size: 11px;
    white-space: nowrap;
    font-family: "Proxima Nova Semibold", Arial, sans-serif;
  }
}

@media (max-width: 359px) {
  #visualizer-tool .content .sub-header {
    font-size: 10px;
  }
}

#visualizer-tool .content .mobile-portrait-warning {
  display: none;
}

@media (max-height: 599px) and (max-width: 860px) and (orientation: landscape) {
  #visualizer-tool .content .mobile-portrait-warning {
    display: block;
    width: 100%;
    height: calc(100% - 50px);
    position: fixed;
    background: rgba(0, 0, 0, 0.85);
    color: #FFF;
    text-align: center;
    line-height: 32px;
    font-size: 20px;
    font-family: "Proxima Nova Bold", Arial, sans-serif;
    top: 50px;
    padding: calc(25% - 16px) 0;
    z-index: 9999;
  }
}

#visualizer-tool .interactive360-wrapper {
  width: 40vw;
  height: 40vw;
  max-height: 540px;
  max-width: 540px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: 10;
  background-image: url("../../images/versa/visualizer/360-arrows-7725ac7e0f45f48ec7a7b0e55e7a2f59.svg");
  background-repeat: no-repeat;
  background-size: 73% auto;
  background-position: center 75%;
  transition: width 1s cubic-bezier(0.19, 1, 0.22, 1), height 1s cubic-bezier(0.19, 1, 0.22, 1);
}

#visualizer-tool .interactive360-wrapper.clicked {
  background-image: none;
  transition: background-image 1s ease-in-out;
}

#visualizer-tool .interactive360-wrapper button {
  border: 1px solid black;
  border-radius: 6px;
  padding: 4px 12px;
}

#visualizer-tool .interactive360-wrapper .interactive360 {
  overflow: hidden;
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  max-height: 540px;
}

#visualizer-tool .interactive360-wrapper .interactive360 img {
  height: 40vw;
  max-height: 540px;
  width: auto !important;
  max-width: 540px;
  transition: width 1s cubic-bezier(0.19, 1, 0.22, 1), height 1s cubic-bezier(0.19, 1, 0.22, 1);
}

#visualizer-tool .interactive360-wrapper .interactive360::before {
  width: 40vw;
  height: 40vw;
  max-height: 540px;
  max-width: 540px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: '';
  position: absolute;
  opacity: 0;
  cursor: grab;
  cursor: -webkit-grab;
}

#visualizer-tool .interactive360-wrapper .interactive360.loading {
  opacity: 0.5;
  transition: opacity 0.2s ease-in-out;
}

#visualizer-tool .interactive360-wrapper .interactive360.loading::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 300;
  content: '';
  background: url("../../images/common/logo_loading-cbeb930018cb38ef6f8d141735f613bc.gif");
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-position: center;
}

@media (max-width: 1199px) {
  #visualizer-tool .interactive360-wrapper {
    transform: translate(-65%, -50%);
  }
}

@media (max-width: 1023px) {
  #visualizer-tool .interactive360-wrapper {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    top: 10vh;
    transform: translate(-50%, 0);
  }

  #visualizer-tool .interactive360-wrapper .interactive360 {
    margin: 0;
    height: 100%;
  }

  #visualizer-tool .interactive360-wrapper .interactive360 img {
    height: 100%;
    max-height: 100%;
    width: auto !important;
    max-width: 100%;
  }

  #visualizer-tool .interactive360-wrapper .interactive360::before {
    height: 100%;
    max-height: 100%;
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  #visualizer-tool .interactive360-wrapper {
    margin: 0;
    width: 100%;
    height: 100%;
    top: 90px;
    transform: translate(-50%, 0);
  }

  #visualizer-tool .interactive360-wrapper .interactive360 {
    height: 100%;
  }

  #visualizer-tool .interactive360-wrapper .interactive360 img {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100% !important;
  }
}

@media (max-width: 359px) {
  #visualizer-tool .interactive360-wrapper {
    margin: 0;
    top: 96px;
    transform: translate(-50%, 0);
  }
}

@media (max-height: 800px) and (orientation: landscape) {
  #visualizer-tool .interactive360-wrapper {
    top: 22vh;
    transform: translate(-50%, 0);
    max-height: 360px;
    max-width: 360px;
  }

  #visualizer-tool .interactive360-wrapper .interactive360 {
    max-height: 360px;
  }

  #visualizer-tool .interactive360-wrapper .interactive360 img {
    max-height: 360px;
  }
}

@media (max-width: 1199px) and (max-height: 800px) and (orientation: landscape) {
  #visualizer-tool .interactive360-wrapper {
    top: 22vh;
    transform: translate(-65%, 0);
  }
}

#visualizer-tool .options-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

#visualizer-tool .options-panel {
  height: calc(100% - 30px);
  max-width: 1200px;
  max-height: 690px;
  width: 100%;
  top: calc(50% - 306px);
  position: relative;
  margin: 0 auto;
}

#visualizer-tool .options-panel h3 {
  text-align: center;
  color: #576569;
}

#visualizer-tool .options-panel .button.add-to-cart {
  display: block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  border: 1px solid transparent;
  border-radius: 2.5rem;
  padding: 0.75rem 1.875rem;
  margin: 0;
  font-weight: 700;
  font-family: "Proxima Nova Bold", Arial, sans-serif;
  font-size: 14px;
  background-color: #EE3D6E;
  color: #FFF;
  margin: 20px auto 0;
  width: 240px;
}

#visualizer-tool .options-panel .button.add-to-cart[disabled] {
  opacity: 0.5;
  background-color: #939C9E;
}

#visualizer-tool .options-panel .button.add-to-cart.mobile-only {
  display: none;
}

@media (max-width: 1199px) {
  #visualizer-tool .options-panel {
    max-width: 1024px;
  }
}

@media (max-width: 1023px) {
  #visualizer-tool .options-panel {
    max-width: 768px;
    top: 25vh;
    bottom: 0px;
  }
}

@media (max-width: 767px) {
  #visualizer-tool .options-panel {
    position: absolute;
    width: 100%;
    height: calc(48% - 61px);
    bottom: 0;
    top: auto;
  }
}

@media (max-width: 359px) {
  #visualizer-tool .options-panel {
    height: calc(48% - 48px);
  }

  #visualizer-tool .options-panel .button.add-to-cart {
    font-size: 16px;
    height: 40px;
  }
}

@media (max-height: 800px) and (orientation: landscape) {
  #visualizer-tool .options-panel {
    top: 76px;
    height: calc(100% - 76px);
  }
}

@media (min-width: 1025px) {
  #visualizer-tool .case-selections,
  #visualizer-tool .band-selections {
    box-sizing: content-box;
  }
}

#visualizer-tool .case-selections h5,
#visualizer-tool .band-selections h5 {
  font-size: 12px;
}

#visualizer-tool .case-selections .swatch,
#visualizer-tool .band-selections .swatch {
  width: 60px;
  height: 60px;
  padding: 0;
  background-image: linear-gradient(315deg, #FEFEFE, #828282);
  border-style: solid;
  border-color: #FFF;
  border-width: 2px;
  border-radius: 100%;
  transition: transform 0.4s ease-in-out;
  background-size: cover;
  background-position: center;
  overflow: visible;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
}

@media (min-width: 1025px) {
  #visualizer-tool .case-selections .swatch,
  #visualizer-tool .band-selections .swatch {
    box-sizing: content-box;
  }
}

#visualizer-tool .case-selections .swatch.selected,
#visualizer-tool .band-selections .swatch.selected {
  border: 2px solid #E0E0E0;
  box-shadow: 0 0 0 3px #91959B;
}

#visualizer-tool .case-selections .swatch.black_case,
#visualizer-tool .band-selections .swatch.black_case {
  background-image: url("../../images/versa/visualizer/swatches/black_case-4e656b3047b906e49537c8bf4f0a7093.png");
}

#visualizer-tool .case-selections .swatch.graphite_se_case,
#visualizer-tool .band-selections .swatch.graphite_se_case {
  background-image: url("../../images/versa/visualizer/swatches/graphite_se_case-b3eefa2737f7a2b1f3209e5855ea7216.png");
}

#visualizer-tool .case-selections .swatch.silver_case,
#visualizer-tool .band-selections .swatch.silver_case {
  background-image: url("../../images/versa/visualizer/swatches/silver_case-64028919a717e74fa78e932182da6142.png");
}

#visualizer-tool .case-selections .swatch.rosegold_case,
#visualizer-tool .band-selections .swatch.rosegold_case {
  background-image: url("../../images/versa/visualizer/swatches/rosegold_case-df1607fa8f65f8c7d4452870781cad0f.png");
}

#visualizer-tool .case-selections .swatch.rosegold_se_case,
#visualizer-tool .band-selections .swatch.rosegold_se_case {
  background-image: url("../../images/versa/visualizer/swatches/rosegold_se_case-ae977a2ca1bf965af3f2b18fa3bc485f.png");
}

#visualizer-tool .case-selections .swatch.classic_black_band,
#visualizer-tool .band-selections .swatch.classic_black_band {
  background-image: url("../../images/versa/visualizer/swatches/classic_black_band-613b90c5f33963e58df470ad9e297fd0.jpg");
}

#visualizer-tool .case-selections .swatch.classic_gray_band,
#visualizer-tool .band-selections .swatch.classic_gray_band {
  background-image: url("../../images/versa/visualizer/swatches/classic_gray_band-a98136d469431d1dd3c355f88c4f6e42.jpg");
}

#visualizer-tool .case-selections .swatch.classic_periwinkle_band,
#visualizer-tool .band-selections .swatch.classic_periwinkle_band {
  background-image: url("../../images/versa/visualizer/swatches/classic_periwinkle_band-1a9f106d96a90ebebbc0cf9e1d78dede.jpg");
}

#visualizer-tool .case-selections .swatch.classic_white_band,
#visualizer-tool .band-selections .swatch.classic_white_band {
  background-image: url("../../images/versa/visualizer/swatches/classic_white_band-b1efdf31925e6cdb12e3e52dc3dca762.jpg");
}

#visualizer-tool .case-selections .swatch.classic_peach_band,
#visualizer-tool .band-selections .swatch.classic_peach_band {
  background-image: url("../../images/versa/visualizer/swatches/classic_peach_band-916e771d5e3a8ee006972940b169addb.jpg");
}

#visualizer-tool .case-selections .swatch.leather_cognac_band,
#visualizer-tool .band-selections .swatch.leather_cognac_band {
  background-image: url("../../images/versa/visualizer/swatches/leather_cognac_band-cf1c3a5181a95e7246e777ef2e1657b7.jpg");
}

#visualizer-tool .case-selections .swatch.leather_lavender_band,
#visualizer-tool .band-selections .swatch.leather_lavender_band {
  background-image: url("../../images/versa/visualizer/swatches/leather_lavender_band-9d0e069c6fcf2d1dd75c7cbae41a8a0d.jpg");
}

#visualizer-tool .case-selections .swatch.leather_midnightblue_band,
#visualizer-tool .band-selections .swatch.leather_midnightblue_band {
  background-image: url("../../images/versa/visualizer/swatches/leather_midnightblue_band-fc6df87bd696856587b21d4e2b59101b.jpg");
}

#visualizer-tool .case-selections .swatch.leather_camelstitch_band,
#visualizer-tool .band-selections .swatch.leather_camelstitch_band {
  background-image: url("../../images/versa/visualizer/swatches/leather_camelstitch_band-c59b4e7707e9f093b264cd44059d20b2.jpg");
}

#visualizer-tool .case-selections .swatch.mesh_silver_band,
#visualizer-tool .band-selections .swatch.mesh_silver_band {
  background-image: url("../../images/versa/visualizer/swatches/mesh_silver_band-5bc864b4c1506101ace526d717ca6c34.jpg");
}

#visualizer-tool .case-selections .swatch.mesh_black_band,
#visualizer-tool .band-selections .swatch.mesh_black_band {
  background-image: url("../../images/versa/visualizer/swatches/mesh_black_band-2f0e0ff0496384a9966d8320ac29e766.jpg");
}

#visualizer-tool .case-selections .swatch.link_silver_band,
#visualizer-tool .band-selections .swatch.link_silver_band {
  background-image: url("../../images/versa/visualizer/swatches/link_silver_band-dc719beb719c14785e366ab337f1438f.jpg");
}

#visualizer-tool .case-selections .swatch.link_black_band,
#visualizer-tool .band-selections .swatch.link_black_band {
  background-image: url("../../images/versa/visualizer/swatches/link_black_band-6b6f4e6d1dc9339a20ebc513e283a896.jpg");
}

#visualizer-tool .case-selections .swatch.link_taperedsilver_band,
#visualizer-tool .band-selections .swatch.link_taperedsilver_band {
  background-image: url("../../images/versa/visualizer/swatches/triink_silver_band-a9f86ff819d0133e6c328d169b280adc.jpg");
}

#visualizer-tool .case-selections .swatch.woven_charcoal_band,
#visualizer-tool .band-selections .swatch.woven_charcoal_band {
  background-image: url("../../images/versa/visualizer/swatches/woven_charcoal_band-236b8dba407a2ba4b6ae9c8d746f38ea.jpg");
}

#visualizer-tool .case-selections .swatch.woven_lavender_band,
#visualizer-tool .band-selections .swatch.woven_lavender_band {
  background-image: url("../../images/versa/visualizer/swatches/woven_lavender_band-013c74d4e70561879a9f874cae770e03.jpg");
}

#visualizer-tool .case-selections .swatch:focus,
#visualizer-tool .band-selections .swatch:focus {
  outline: none;
}

@media (max-width: 767px) {
  #visualizer-tool .case-selections,
  #visualizer-tool .band-selections,
  #visualizer-tool .selection-review {
    position: absolute;
    top: 0px;
    width: 100%;
    transform: translate(0, 55vh);
    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    will-change: transform;
  }

  #visualizer-tool .case-selections.active,
  #visualizer-tool .band-selections.active,
  #visualizer-tool .selection-review.active {
    transform: translate(0, 0);
    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    will-change: transform;
  }
}

#visualizer-tool .case-selections {
  position: absolute;
  bottom: 140px;
  left: 40px;
  z-index: 20;
}

#visualizer-tool .case-selections h5 {
  margin-bottom: 10px;
  line-height: 12px;
  color: #576569;
}

#visualizer-tool .case-selections h3 {
  display: none;
}

#visualizer-tool .case-selections .versa-cases {
  margin-bottom: 20px;
}

#visualizer-tool .case-selections .versa-cases h5 span.v-logo {
  color: transparent;
  background-image: url("../../images/versa/visualizer/versa-name-78558e8f9fa021dde1ed2b7d55feb0a1.svg");
  background-repeat: no-repeat;
  width: 60px;
  height: 12px;
  display: inline-block;
  margin-left: 4px;
  background-position: 0;
  position: relative;
  top: -2px;
}

#visualizer-tool .case-selections .versa-se h5 {
  margin-bottom: 16px;
  position: relative;
  display: inline-block;
}

#visualizer-tool .case-selections .versa-se h5 span.v-logo {
  color: transparent;
  background-image: url("../../images/versa/visualizer/versa-name-78558e8f9fa021dde1ed2b7d55feb0a1.svg");
  background-repeat: no-repeat;
  width: 60px;
  height: 12px;
  display: inline-block;
  background-position: 0;
  position: relative;
  top: -2px;
}

#visualizer-tool .case-selections .versa-se h5::after {
  content: 'with FITBIT PAY';
  position: absolute;
  top: 12px;
  right: 0;
  font-size: 10px;
}

#visualizer-tool .case-selections .selection-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#visualizer-tool .case-selections .selection-wrapper .swatch {
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  margin-right: 18px;
}

#visualizer-tool .case-selections .selection-wrapper .swatch:last-child {
  margin-right: 0;
}

@media (max-width: 1199px) {
  #visualizer-tool .case-selections {
    left: 40px;
  }

  #visualizer-tool .case-selections .selection-wrapper .swatch {
    width: 48px;
    height: 48px;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
  }

  #visualizer-tool .case-selections .selection-wrapper .swatch:last-child {
    margin-right: 0;
  }
}

@media (max-width: 1023px) {
  #visualizer-tool .case-selections {
    left: 15px;
    bottom: 140px;
  }

  #visualizer-tool .case-selections .selection-wrapper .swatch {
    width: 38px;
    height: 38px;
    -ms-flex: 0 0 38px;
    flex: 0 0 38px;
    margin-right: 12px;
  }

  #visualizer-tool .case-selections .selection-wrapper .swatch:last-child {
    margin-right: 0;
  }

  #visualizer-tool .case-selections .versa-cases h5 span.v-logo,
  #visualizer-tool .case-selections .versa-se h5 span.v-logo {
    width: 48px;
  }
}

@media (max-width: 767px) {
  #visualizer-tool .case-selections {
    width: calc(100% - 40px);
    bottom: 130px;
    top: auto;
    left: 20px;
  }

  #visualizer-tool .case-selections h3 {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
  }

  #visualizer-tool .case-selections .versa-cases,
  #visualizer-tool .case-selections .versa-se {
    display: inline-block;
    position: relative;
    margin-top: 36px;
  }

  #visualizer-tool .case-selections .versa-cases h5,
  #visualizer-tool .case-selections .versa-se h5 {
    white-space: nowrap;
    position: absolute;
    top: -30px;
  }

  #visualizer-tool .case-selections .versa-cases h5 span.v-logo,
  #visualizer-tool .case-selections .versa-se h5 span.v-logo {
    width: 44px;
  }

  #visualizer-tool .case-selections .versa-cases {
    width: 60%;
    padding-right: 10px;
  }

  #visualizer-tool .case-selections .versa-se {
    width: 40%;
    padding-left: 10px;
  }

  #visualizer-tool .case-selections .versa-se:before {
    content: '';
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxIDQuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMSA0Ljk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNTc2NTY5O30KPC9zdHlsZT4KPGcgaWQ9IkFydCI+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMC41LDIuOUMwLjIsMi45LDAsMi43LDAsMi40czAuMi0wLjUsMC41LTAuNVMxLDIuMSwxLDIuNGwwLDBDMSwyLjcsMC44LDIuOSwwLjUsMi45eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=");
    background-size: 1px;
    background-repeat: repeat-y;
    position: absolute;
    width: 1px;
    left: 0;
    top: -9px;
    bottom: -9px;
  }

  #visualizer-tool .case-selections .versa-se h5 {
    font-size: 13px;
  }

  #visualizer-tool .case-selections .versa-se h5::after {
    font-size: 10px;
  }

  #visualizer-tool .case-selections .selection-wrapper {
    position: relative;
    height: 15vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  #visualizer-tool .case-selections .selection-wrapper .swatch {
    -ms-flex: 0 0 15vw;
    flex: 0 0 15vw;
    width: 15vw;
    height: 15vw;
    margin: 0;
  }
}

@media (max-width: 359px) {
  #visualizer-tool .case-selections {
    bottom: 108px;
  }

  #visualizer-tool .case-selections .versa-cases {
    width: 58.5%;
  }

  #visualizer-tool .case-selections .versa-se {
    width: 41.5%;
  }

  #visualizer-tool .case-selections .versa-se h5 {
    font-size: 10px;
  }

  #visualizer-tool .case-selections .versa-se h5::after {
    font-size: 8px;
  }

  #visualizer-tool .case-selections h3 {
    font-size: 12px;
    margin-bottom: 8px;
  }

  #visualizer-tool .case-selections .versa-cases h5 span.v-logo,
  #visualizer-tool .case-selections .versa-se h5 span.v-logo {
    width: 35px;
  }
}

#visualizer-tool .band-selections {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 20;
  width: 100%;
  padding: 0 40px;
}

#visualizer-tool .band-selections h5 {
  margin-bottom: 10px;
  line-height: 12px;
  color: #576569;
}

#visualizer-tool .band-selections h3 {
  display: none;
}

#visualizer-tool .band-selections h4 {
  color: #576569;
  position: absolute;
  bottom: 0px;
  font-size: 10px;
  width: 54px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

#visualizer-tool .band-selections span {
  display: inline-block;
  position: relative;
  padding-bottom: 20px;
}

#visualizer-tool .band-selections span:last-child .selection-wrapper {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}

#visualizer-tool .band-selections span:last-child .selection-wrapper::after {
  background: none;
  display: none;
}

#visualizer-tool .band-selections .selection-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-right: 13px;
  padding-right: 13px;
}

#visualizer-tool .band-selections .selection-wrapper::after {
  content: '';
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxIDQuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMSA0Ljk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNTc2NTY5O30KPC9zdHlsZT4KPGcgaWQ9IkFydCI+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMC41LDIuOUMwLjIsMi45LDAsMi43LDAsMi40czAuMi0wLjUsMC41LTAuNVMxLDIuMSwxLDIuNGwwLDBDMSwyLjcsMC44LDIuOSwwLjUsMi45eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=");
  background-size: 1px;
  background-repeat: repeat-y;
  position: absolute;
  width: 1px;
  right: 13px;
  top: -9px;
  bottom: 14px;
}

#visualizer-tool .band-selections .selection-wrapper .swatch {
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  margin-right: 18px;
}

#visualizer-tool .band-selections .selection-wrapper .swatch:last-child {
  margin-right: 0;
}

@media (max-width: 1199px) {
  #visualizer-tool .band-selections {
    padding: 0 40px;
    bottom: 20px;
  }

  #visualizer-tool .band-selections h4 {
    width: 48px;
  }

  #visualizer-tool .band-selections .selection-wrapper .swatch {
    width: 48px;
    height: 48px;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
  }

  #visualizer-tool .band-selections .selection-wrapper .swatch:last-child {
    margin-right: 0;
  }
}

@media (max-width: 1023px) {
  #visualizer-tool .band-selections {
    padding: 0 15px;
  }

  #visualizer-tool .band-selections h4 {
    width: 38px;
  }

  #visualizer-tool .band-selections .selection-wrapper .swatch {
    width: 38px;
    height: 38px;
    -ms-flex: 0 0 38px;
    flex: 0 0 38px;
    margin-right: 12px;
  }

  #visualizer-tool .band-selections .selection-wrapper .swatch:last-child {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  #visualizer-tool .band-selections {
    bottom: 130px;
    top: auto;
    left: 0;
    width: 100%;
    padding: 0;
  }

  #visualizer-tool .band-selections h4 {
    bottom: 10px;
    width: 15vw;
  }

  #visualizer-tool .band-selections span {
    padding-bottom: 30px;
    margin-top: 24px;
  }

  #visualizer-tool .band-selections .scroll-wrapper {
    padding: 0 20px;
    overflow-y: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }

  #visualizer-tool .band-selections .scroll-wrapper::-webkit-scrollbar {
    display: none;
  }

  #visualizer-tool .band-selections .selection-wrapper {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  #visualizer-tool .band-selections .selection-wrapper .swatch {
    -ms-flex: 0 0 15vw;
    flex: 0 0 15vw;
    width: 15vw;
    height: 15vw;
    margin: 0 16px 0 0;
    display: inline-block;
  }

  #visualizer-tool .band-selections:before {
    display: block;
    width: 30px;
    position: absolute;
    height: 100%;
    bottom: 0px;
    content: '';
    z-index: 50;
    background: linear-gradient(to right, #c1c2c7 30%, rgba(193, 194, 199, 0) 100%);
  }

  #visualizer-tool .band-selections:after {
    display: block;
    width: 30px;
    position: absolute;
    height: 100%;
    bottom: 0px;
    right: 0px;
    content: '';
    z-index: 50;
    background: linear-gradient(to right, rgba(193, 194, 199, 0) 0%, #c1c2c7 70%);
  }

  #visualizer-tool .band-selections h3 {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
  }

  #visualizer-tool .band-selections h5 {
    display: none;
  }
}

@media (max-width: 359px) {
  #visualizer-tool .band-selections {
    bottom: 112px;
  }

  #visualizer-tool .band-selections h3 {
    font-size: 12px;
    margin-bottom: 8px;
  }

  #visualizer-tool .band-selections h4 {
    width: 48px;
  }

  #visualizer-tool .band-selections .selection-wrapper .swatch {
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    margin: 0 12px 0 0;
  }
}

#visualizer-tool .selection-review {
  position: absolute;
  top: auto;
  bottom: 110px;
  right: 10px;
  z-index: 20;
  width: 370px;
}

#visualizer-tool .selection-review .case-title,
#visualizer-tool .selection-review .band-title,
#visualizer-tool .selection-review .case-includes {
  display: -ms-flexbox;
  display: flex;
}

#visualizer-tool .selection-review .case-title :nth-child(1),
#visualizer-tool .selection-review .band-title :nth-child(1),
#visualizer-tool .selection-review .case-includes :nth-child(1) {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: right;
  margin-right: 20px;
  position: relative;
}

#visualizer-tool .selection-review .case-title :nth-child(2),
#visualizer-tool .selection-review .band-title :nth-child(2),
#visualizer-tool .selection-review .case-includes :nth-child(2) {
  -ms-flex: 0 0 29%;
  flex: 0 0 29%;
  text-align: right;
  padding-right: 35px;
}

#visualizer-tool .selection-review .case-title,
#visualizer-tool .selection-review .band-title {
  color: #002A3A;
  font-size: 18px;
  line-height: 28px;
  text-transform: capitalize;
}

#visualizer-tool .selection-review .case-title .case-name.backordered::after,
#visualizer-tool .selection-review .case-title .case-name.backOrdered::after,
#visualizer-tool .selection-review .case-title .case-name.preorder::after,
#visualizer-tool .selection-review .case-title .case-name.preOrder::after,
#visualizer-tool .selection-review .case-title .band-name.backordered::after,
#visualizer-tool .selection-review .case-title .band-name.backOrdered::after,
#visualizer-tool .selection-review .case-title .band-name.preorder::after,
#visualizer-tool .selection-review .case-title .band-name.preOrder::after,
#visualizer-tool .selection-review .band-title .case-name.backordered::after,
#visualizer-tool .selection-review .band-title .case-name.backOrdered::after,
#visualizer-tool .selection-review .band-title .case-name.preorder::after,
#visualizer-tool .selection-review .band-title .case-name.preOrder::after,
#visualizer-tool .selection-review .band-title .band-name.backordered::after,
#visualizer-tool .selection-review .band-title .band-name.backOrdered::after,
#visualizer-tool .selection-review .band-title .band-name.preorder::after,
#visualizer-tool .selection-review .band-title .band-name.preOrder::after {
  content: "*";
  position: absolute;
  right: -8px;
}

#visualizer-tool .selection-review .case-includes {
  color: #576569;
  font-size: 15px;
  margin-bottom: 11px;
}

#visualizer-tool .selection-review .case-includes .se-info {
  color: #002A3A;
  margin-right: 0;
}

#visualizer-tool .selection-review .case-price:before,
#visualizer-tool .selection-review .band-price:before {
  content: '$';
}

#visualizer-tool .selection-review .band-size-selector {
  border-top: 1px solid #576569;
  position: relative;
  max-width: 280px;
  margin: 12px auto 0;
}

#visualizer-tool .selection-review .band-size-selector .selector-dropdown {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 12px 20px 12px 10px;
  position: relative;
}

#visualizer-tool .selection-review .band-size-selector .selector-dropdown.non-clickable {
  cursor: default;
  color: #576569;
}

#visualizer-tool .selection-review .band-size-selector .selector-dropdown.non-clickable .select-action:after {
  display: none;
}

#visualizer-tool .selection-review .band-size-selector .selector-dropdown.clickable {
  cursor: pointer;
}

#visualizer-tool .selection-review .band-size-selector .select-action {
  display: inline-block;
  text-align: right;
  position: relative;
  text-transform: capitalize;
}

#visualizer-tool .selection-review .band-size-selector .select-action:after {
  content: "";
  position: absolute;
  right: -15px;
  top: -1px;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #576569;
}

#visualizer-tool .selection-review .band-size-selector ul.selection-list {
  list-style: none;
  text-align: right;
  text-align: right;
  font-size: 16px;
  font-family: "Proxima Nova Regular", Arial, sans-serif;
  color: #000;
  z-index: 2;
  position: absolute;
  width: 100%;
  border-top: none;
  top: 48px;
  background: #E3E3E3;
  margin-left: 0;
  list-style: none;
  display: none;
}

#visualizer-tool .selection-review .band-size-selector ul.selection-list li {
  padding: 5px 20px;
  cursor: pointer;
}

#visualizer-tool .selection-review .band-size-selector ul.selection-list li:hover {
  color: #00B0B9;
}

#visualizer-tool .selection-review .band-size-selector ul.selection-list li.size-cta {
  text-align: center;
  background: #939C9E;
  line-height: 40px;
  text-align: center;
  text-transform: none;
  padding: 0;
  margin-top: 10px;
  color: #FFF;
}

#visualizer-tool .selection-review .band-size-selector ul.selection-list li.size-cta:hover {
  color: #FFF;
}

@media (max-width: 767px) {
  #visualizer-tool .selection-review .band-size-selector ul.selection-list {
    z-index: 60;
    top: 33px;
  }
}

#visualizer-tool .selection-review .band-size-selector.active {
  background: #E3E3E3;
  border-bottom: 0;
}

#visualizer-tool .selection-review .band-size-selector.active ul.selection-list {
  display: block;
}

@media (max-width: 359px) {
  #visualizer-tool .selection-review .band-size-selector {
    margin-top: 4px;
  }

  #visualizer-tool .selection-review .band-size-selector .selector-dropdown {
    padding: 6px 20px;
    font-size: 14px;
  }
}

#visualizer-tool .selection-review .total-price {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  font-family: "Proxima Nova Bold", Arial, sans-serif;
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  position: relative;
}

#visualizer-tool .selection-review .total-price:before {
  height: 1px;
  width: 280px;
  background: #576569;
  content: '';
  position: absolute;
  top: 0px;
  transform: translateX(-50%);
  left: 50%;
}

#visualizer-tool .selection-review .total-price span {
  font-family: "Proxima Nova Bold", Arial, sans-serif;
  color: #002A3A;
}

#visualizer-tool .selection-review .total-price :nth-child(1) {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: right;
  margin-right: 20px;
}

#visualizer-tool .selection-review .total-price .price {
  -ms-flex: 0 0 29%;
  flex: 0 0 29%;
  text-align: right;
  padding-right: 35px;
  color: #EE3D6E;
}

#visualizer-tool .selection-review .total-price .price:before {
  content: '$';
}

@media (max-width: 359px) {
  #visualizer-tool .selection-review .total-price {
    font-size: 14px;
    padding-top: 6px;
  }
}

#visualizer-tool .selection-review p.size-select-message {
  text-align: center;
  color: #FF332E;
}

#visualizer-tool .selection-review p.legal {
  margin-top: 20px;
}

@media (max-width: 1023px) {
  #visualizer-tool .selection-review {
    top: auto;
    bottom: 100px;
    left: auto;
    right: 15px;
    transform: none;
    width: 310px;
  }

  #visualizer-tool .selection-review .case-title,
  #visualizer-tool .selection-review .band-title,
  #visualizer-tool .selection-review .bundle-price {
    font-size: 16px;
    line-height: 21px;
  }

  #visualizer-tool .selection-review .case-title :nth-child(2),
  #visualizer-tool .selection-review .band-title :nth-child(2),
  #visualizer-tool .selection-review .bundle-price :nth-child(2) {
    padding-right: 15px;
  }

  #visualizer-tool .selection-review .case-includes {
    font-size: 14px;
    margin-bottom: 6px;
    line-height: 18px;
  }

  #visualizer-tool .selection-review .total-price .price {
    padding-right: 15px;
  }
}

@media (max-width: 767px) {
  #visualizer-tool .selection-review {
    bottom: 136px;
    top: auto;
    left: 50%;
    width: 100%;
    max-width: 300px;
    transform: translate(-50%, 75vh);
  }

  #visualizer-tool .selection-review .case-title,
  #visualizer-tool .selection-review .band-title {
    text-align: center;
    font-size: 16px;
    line-height: 21px;
  }

  #visualizer-tool .selection-review .case-title :nth-child(1),
  #visualizer-tool .selection-review .band-title :nth-child(1) {
    -ms-flex: 1 1 66%;
    flex: 1 1 66%;
    text-align: right;
    margin-right: 20px;
  }

  #visualizer-tool .selection-review .case-title :nth-child(2),
  #visualizer-tool .selection-review .band-title :nth-child(2) {
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    text-align: right;
    max-width: 80px;
    padding-right: 10px;
  }

  #visualizer-tool .selection-review .case-includes :nth-child(1) {
    -ms-flex: 1 1 66%;
    flex: 1 1 66%;
    text-align: right;
    margin-right: 20px;
  }

  #visualizer-tool .selection-review .case-includes :nth-child(2) {
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    max-width: 80px;
  }

  #visualizer-tool .selection-review .case-includes .se-info {
    margin-right: 0 !important;
  }

  #visualizer-tool .selection-review .bundle-price {
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
  }

  #visualizer-tool .selection-review .bundle-price :nth-child(1) {
    -ms-flex: 1 1 66%;
    flex: 1 1 66%;
  }

  #visualizer-tool .selection-review .bundle-price .price {
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    max-width: 80px;
    padding-right: 10px;
  }

  #visualizer-tool .selection-review .button.add-to-cart,
  #visualizer-tool .selection-review p.legal {
    display: none;
  }

  #visualizer-tool .selection-review.active {
    transform: translate(-50%, 0);
  }
}

@media (max-width: 359px) {
  #visualizer-tool .selection-review {
    bottom: 112px;
  }

  #visualizer-tool .selection-review .case-title,
  #visualizer-tool .selection-review .band-title {
    font-size: 14px;
  }

  #visualizer-tool .selection-review .case-includes {
    font-size: 12px;
    margin-bottom: 0px;
  }
}

@media (max-height: 800px) and (orientation: landscape) {
  #visualizer-tool .selection-review {
    top: auto;
    bottom: 100px;
    transform: none;
    left: auto;
    right: 10px;
  }
}

@media (max-width: 1023px) and (max-height: 800px) and (orientation: landscape) {
  #visualizer-tool .selection-review {
    top: auto;
    bottom: 100px;
    transform: none;
    left: auto;
    right: 0px;
    width: 280px;
  }
}

#visualizer-tool p.legal,
#visualizer-tool p.status {
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
  color: #576569;
}

#visualizer-tool p.status {
  margin-top: 10px;
}

#visualizer-tool p.status:last-child {
  margin-top: 0;
}

#visualizer-tool p.status.backordered,
#visualizer-tool p.status.backOrdered,
#visualizer-tool p.status.preorder,
#visualizer-tool p.status.preOrder {
  color: #FF332E;
}

#visualizer-tool p.status.backordered::before,
#visualizer-tool p.status.backOrdered::before,
#visualizer-tool p.status.preorder::before,
#visualizer-tool p.status.preOrder::before {
  content: "*";
}

#visualizer-tool .mobile-tabs {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: none;
  background: #c1c2c7;
  z-index: 10;
}

#visualizer-tool .mobile-tabs.z100 {
  z-index: 100;
}

#visualizer-tool .mobile-tabs .option-toggles {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  padding: 0 20px;
  z-index: 10;
}

#visualizer-tool .mobile-tabs .option-toggles .button {
  background: transparent;
  text-transform: uppercase;
  margin: 0;
  border-top: 1px solid #939C9E;
  border-bottom: 1px solid #939C9E;
  border-left: 1px solid #939C9E;
  color: #576569;
  font-weight: 400;
  font-size: 18px;
  padding: 8px 24px;
  border-radius: 0;
  height: 36px;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

#visualizer-tool .mobile-tabs .option-toggles .button:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

#visualizer-tool .mobile-tabs .option-toggles .button:last-child {
  border-right: 1px solid #939C9E;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

#visualizer-tool .mobile-tabs .option-toggles .button.active {
  background: #939C9E;
  color: #FFF !important;
}

#visualizer-tool .mobile-tabs .option-toggles .button:focus {
  outline: none;
}

@media (max-width: 359px) {
  #visualizer-tool .mobile-tabs .option-toggles .button {
    height: 32px;
    font-size: 14px;
  }
}

#visualizer-tool .mobile-tabs p.legal {
  position: absolute;
  bottom: 60px;
  width: 100%;
  height: 34px;
  line-height: 34px;
  font-size: 8px;
}

#visualizer-tool .mobile-tabs .button.add-to-cart.mobile-only {
  width: 100%;
  margin: 0;
  position: absolute;
  bottom: 0px;
  border-radius: 0;
  padding: 0;
  z-index: 10;
  top: auto;
  left: 0;
  font-size: 20px;
  font-weight: 700;
  height: 60px;
  transform: none;
  display: block;
}

#visualizer-tool .mobile-tabs .button.add-to-cart.mobile-only[disabled] {
  opacity: 0.75;
  background-color: #939C9E;
}

@media (max-width: 767px) {
  #visualizer-tool .mobile-tabs {
    display: block;
    height: 130px;
  }
}

@media (max-width: 359px) {
  #visualizer-tool .mobile-tabs {
    height: 108px;
  }

  #visualizer-tool .mobile-tabs .option-toggles {
    padding: 0px 20px;
    height: 32px;
  }

  #visualizer-tool .mobile-tabs p.legal {
    height: 27px;
    line-height: 27px;
    bottom: 48px;
  }

  #visualizer-tool .mobile-tabs .button.add-to-cart.mobile-only {
    font-size: 18px;
    height: 48px;
  }
}

#sizing-drawer {
  position: fixed;
  z-index: 2000;
  width: 100%;
  height: 50%;
  top: 50%;
  background: rgba(255, 255, 255, 0.95);
  transform: translate(0, 100%);
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: transform;
}

#sizing-drawer.open {
  box-shadow: 0px -6px 40px 0px rgba(0, 0, 0, 0.4);
  transform: translate(0, 0);
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: transform;
}

#sizing-drawer h2 {
  font-size: 20px;
  text-align: center;
  margin: 20px 0 10px;
}

#sizing-drawer button.sizing-close {
  color: #C1C6C7;
  font-size: 21px;
  position: absolute;
  right: 20px;
  top: 15px;
  text-transform: uppercase;
}

#sizing-drawer button.sizing-close span {
  padding-right: 14px;
}

#sizing-drawer button.sizing-close svg {
  width: 14px;
  height: 14px;
}

#sizing-drawer button.sizing-close svg .icon-close {
  fill: #C1C6C7;
}

#sizing-drawer .sizing-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  -ms-flex-align: center;
  align-items: center;
}

#sizing-drawer .band-size-info,
#sizing-drawer .watch-size-info {
  background: #E5E6E8;
  margin: 0 15px;
  width: 50%;
  max-width: 600px;
  height: 80%;
  max-height: 400px;
}

#sizing-drawer .info-wrapper {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  max-height: 320px;
  -ms-flex-align: center;
  align-items: center;
}

#sizing-drawer .info-wrapper .img-wrapper {
  -ms-flex: 1 1 60%;
  flex: 1 1 60%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

#sizing-drawer .info-wrapper .img-wrapper img {
  width: 90%;
  height: auto;
  max-height: 100%;
}

#sizing-drawer .info-wrapper .info {
  -ms-flex: 1 1 40%;
  flex: 1 1 40%;
}

#sizing-drawer .info-wrapper .info h3 {
  font-size: 20px;
  color: #576569;
}

#sizing-drawer .info-wrapper .info p {
  color: #576569;
  margin-bottom: 20px;
}

@media (max-width: 1023px) {
  #sizing-drawer {
    height: 80%;
    top: 20%;
  }

  #sizing-drawer button.sizing-close {
    font-size: 14px;
    top: 10px;
    right: 10px;
  }

  #sizing-drawer button.sizing-close svg {
    width: 12px;
    height: 12px;
  }

  #sizing-drawer h2 {
    font-size: 14px;
    margin: 10px 0;
  }

  #sizing-drawer .sizing-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 40px;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  #sizing-drawer .band-size-info,
  #sizing-drawer .watch-size-info {
    width: 90%;
    height: 45%;
    margin-bottom: 20px;
    position: relative;
  }

  #sizing-drawer .info-wrapper {
    position: absolute;
    bottom: 0;
    height: calc(100% - 20px);
    width: 100%;
  }

  #sizing-drawer .info-wrapper .img-wrapper {
    height: 100%;
  }

  #sizing-drawer .info-wrapper .img-wrapper img {
    max-height: 90%;
    max-width: 90%;
  }

  #sizing-drawer .info-wrapper .info {
    margin-left: 10px;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
  }

  #sizing-drawer .info-wrapper .info h3 {
    font-size: 14px;
  }

  #sizing-drawer .info-wrapper .info p {
    font-size: 12px;
    margin-bottom: 14px;
    line-height: 12px;
  }
}

@media (max-height: 900px) and (orientation: landscape) {
  #sizing-drawer {
    height: 70%;
    top: 30%;
  }
}