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, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: "ChocolateGothamBold";
  src: url("/site/fonts/Gotham-Bold/Gotham-Bold.eot");
  src: url("/site/fonts/Gotham-Bold/Gotham-Bold.eot?#iefix") format("eot"), url("/site/fonts/Gotham-Bold/Gotham-Bold.woff") format("woff"), url("/site/fonts/Gotham-Bold/Gotham-Bold.ttf") format("truetype"), url("/site/fonts/Gotham-Bold/Gotham-Bold.svg") format("svg");
}
@font-face {
  font-family: "ChocolateAkkurat";
  src: url("/site/fonts/Akkurat/Akkurat.eot");
  src: url("/site/fonts/Akkurat/Akkurat.eot?#iefix") format("eot"), url("/site/fonts/Akkurat/Akkurat.woff") format("woff"), url("/site/fonts/Akkurat/Akkurat.ttf") format("truetype"), url("/site/fonts/Akkurat/Akkurat.svg") format("svg");
}
@font-face {
  font-family: "ChocolateAkkuratMono";
  src: url("/site/fonts/Akkurat/Akkurat-Mono.eot");
  src: url("/site/fonts/Akkurat/Akkurat-Mono.eot?#iefix") format("eot"), url("/site/fonts/Akkurat/Akkurat-Mono.woff") format("woff"), url("/site/fonts/Akkurat/Akkurat-Mono.ttf") format("truetype"), url("/site/fonts/Akkurat/Akkurat-Mono.svg") format("svg");
}
@font-face {
  font-family: "ChocolateTrixieText";
  src: url("/site/fonts/Trixie/Trixie-Text.eot");
  src: url("/site/fonts/Trixie/Trixie-Text.eot?#iefix") format("eot"), url("/site/fonts/Trixie/Trixie-Text.woff") format("woff"), url("/site/fonts/Trixie/Trixie-Text.ttf") format("truetype"), url("/site/fonts/Trixie/Trixie-Text.svg") format("svg");
}
.clear {
  clear: both;
}

.hidden {
  display: none;
}

html {
  width: 100%;
  height: 100%;
  min-width: 320px;
  overflow-y: scroll;
}

body {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: none;
  background-color: #000;
  color: #fff;
}
body.no-scroll {
  position: fixed;
}

a {
  color: inherit;
  text-decoration: none;
  outline: none;
}

.hit-fill {
  width: 100%;
  height: 100%;
}

.ui-button {
  display: inline-block;
  margin: 0 6px;
  width: 140px;
  height: 36px;
  background-color: #ec1e27;
  color: #fff;
  line-height: 36px;
  font-size: 9px;
  font-family: ChocolateGothamBold;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

body.rollover-enabled a:hover {
  color: #ec1e27;
}
body.rollover-enabled .ui-button:hover {
  background-color: #fff;
  color: #000;
}
body.rollover-enabled .ui-button:hover.disabled {
  background-color: #ec1e27;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .ui-button {
    margin: 0 8px;
    width: 188px;
    height: 48px;
    line-height: 48px;
    font-size: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .ui-button {
    margin: 0 12px;
  }
}
body.intro-enabled {
  width: 100%;
}
body.intro-enabled .intro-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
}

.responsive-for-js {
  width: 0;
  height: 0;
  overflow: hidden;
}

.site-container {
  height: 100%;
}
.site-container .site-content {
  position: relative;
  height: 100%;
}
.site-container .site-content.animating {
  overflow: hidden;
}
.site-container .site-content.animating .faux-body {
  position: absolute;
  top: 0;
  left: 0;
}
.site-container .site-content .faux-body {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.site-container .site-content .faux-body .main-content-container, .site-container .site-content .faux-body .menu-content-container {
  display: table-row;
  height: 100%;
}
.site-container .site-content .faux-body .main-footer-container, .site-container .site-content .faux-body .menu-footer-container {
  display: table-row;
}
.site-container .site-content .faux-body.hidden-for-another {
  position: absolute;
  left: -9999px;
  top: -999999px;
  width: 100%;
  overflow: hidden;
}
.site-container.iscroll {
  overflow: hidden;
}
.site-container.iscroll .site-content {
  height: auto;
}
.site-container.iscroll .site-content .faux-body {
  height: 100vh;
}
.site-container.iscroll .site-content.animating {
  height: 100%;
}

.site-header-container {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  z-index: 9999;
}

.menu-button {
  position: absolute;
  top: 11px;
  right: 11px;
  width: 40px;
  height: 40px;
}
.menu-button .icon {
  position: absolute;
  top: 9px;
  left: 7px;
  width: 24px;
  height: 20px;
}
.menu-button .icon .line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
}
.menu-button .icon .line .line-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.menu-button .icon .line.line-1 {
  top: 0;
}
.menu-button .icon .line.line-2 {
  top: 8px;
}
.menu-button .icon .line.line-3 {
  top: 16px;
}

body.rollover-enabled .menu-button {
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .menu-button {
    top: 17px;
    right: 18px;
  }
  .menu-button .icon {
    top: 7px;
    left: 5px;
    width: 29px;
    height: 25px;
  }
  .menu-button .icon .line {
    height: 5px;
  }
  .menu-button .icon .line.line-2 {
    top: 10px;
  }
  .menu-button .icon .line.line-3 {
    top: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .menu-button {
    top: 23px;
    right: 25px;
  }
  .menu-button .icon {
    top: 5px;
    left: 2px;
    width: 35px;
    height: 32px;
  }
  .menu-button .icon .line {
    height: 6px;
  }
  .menu-button .icon .line.line-2 {
    top: 13px;
  }
  .menu-button .icon .line.line-3 {
    top: 26px;
  }
}
.main-menu-placeholder {
  display: none;
}

.main-menu {
  background-color: #000;
}
.main-menu .menu-content-container .menu-content {
  padding-top: 92px;
  padding-bottom: 20px;
}
.main-menu .home-link-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
}
.main-menu .home-link-container .home-link {
  position: absolute;
  left: 20px;
  top: 20px;
}
.main-menu .home-link-container .home-link .chocolate-logo {
  display: block;
  width: 40px;
  fill: #fff;
  background-color: #ec1e27;
}
.main-menu .menu-items-container {
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}
.main-menu .menu-items-container .menu-items .menu-item {
  float: left;
  margin-top: 12px;
}
.main-menu .menu-items-container .menu-items .menu-item .item-link {
  display: block;
}
.main-menu .menu-items-container .menu-items .menu-item .item-link .image-container {
  display: block;
}
.main-menu .menu-items-container .menu-items .menu-item .item-link .image-container .image {
  display: block;
  width: 100%;
}
.main-menu .menu-items-container .menu-items .menu-item .item-link .text-container {
  display: block;
  padding-top: 8px;
  padding-bottom: 4px;
  line-height: 16px;
  font-size: 12px;
  font-family: ChocolateGothamBold;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
}
.main-menu .menu-items-container .menu-items .menu-item.top-row {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .main-menu .menu-content-container .menu-content {
    padding-top: 116px;
    padding-bottom: 28px;
  }
  .main-menu .home-link-container .home-link {
    left: 24px;
    top: 24px;
  }
  .main-menu .home-link-container .home-link .chocolate-logo {
    width: 56px;
  }
  .main-menu .menu-items-container {
    padding-left: 24px;
    padding-right: 24px;
  }
  .main-menu .menu-items-container .menu-items .menu-item {
    margin-top: 20px;
  }
  .main-menu .menu-items-container .menu-items .menu-item .item-link .text-container {
    padding-top: 12px;
    line-height: 20px;
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .main-menu .menu-content-container .menu-content {
    padding-top: 132px;
    padding-bottom: 48px;
  }
  .main-menu .home-link-container .home-link {
    left: 28px;
    top: 28px;
  }
  .main-menu .home-link-container .home-link .chocolate-logo {
    width: 68px;
  }
  .main-menu .menu-items-container {
    padding-left: 28px;
    padding-right: 28px;
  }
}
.chocolate-splash-container {
  position: relative;
  background-color: #ec1e27;
  overflow: hidden;
}
.chocolate-splash-container .area-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.chocolate-splash-container .area-link .chocolate-logo {
  position: absolute;
  width: 50%;
  fill: #fff;
}
.chocolate-splash-container.sun-bathers {
  background-color: #f04431;
}
.chocolate-splash-container.reflective {
  background-color: #fff;
  -moz-transition: background-color 0.1s ease-in-out;
  -o-transition: background-color 0.1s ease-in-out;
  -webkit-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
}
.chocolate-splash-container.reflective .area-link .chocolate-logo {
  -moz-transition: fill 0.1s ease-in-out;
  -o-transition: fill 0.1s ease-in-out;
  -webkit-transition: fill 0.1s ease-in-out;
  transition: fill 0.1s ease-in-out;
  fill: #151515;
}
.chocolate-splash-container.reflective.on {
  background-color: #151515;
}
.chocolate-splash-container.reflective.on .area-link .chocolate-logo {
  fill: #fff;
}
.chocolate-splash-container.sound-system {
  background-color: #d0333a;
}
.chocolate-splash-container.bunny-hop {
  background-color: #fff;
}
.chocolate-splash-container.bunny-hop .area-link .chocolate-logo {
  fill: #ce0e2d;
}
.chocolate-splash-container.carlisle {
  background-color: #cf202f;
}
.chocolate-splash-container.erik-herrera {
  background-color: #ce0e2d;
}
.chocolate-splash-container.city-series-23 {
  background-color: #000;
}
.chocolate-splash-container.liquid-swords {
  background-color: #000;
}

.minimal-chocolate-splash-container {
  padding-top: 28px;
  padding-bottom: 24px;
}
.minimal-chocolate-splash-container .chocolate-logo {
  display: block;
  margin: 0 auto;
  width: 64px;
  fill: #fff;
  background-color: #ec1e27;
}

@media screen and (min-width: 768px) {
  .minimal-chocolate-splash-container {
    padding-top: 48px;
    padding-bottom: 40px;
  }
  .minimal-chocolate-splash-container .chocolate-logo {
    width: 120px;
  }
}
.parallax-content-area {
  display: block;
  position: relative;
  overflow: hidden;
  background-attachment: fixed;
  background-size: cover;
}
.parallax-content-area .parallax-background-image {
  position: absolute;
  opacity: 0;
}
.parallax-content-area .content-container {
  display: block;
  position: relative;
}

@supports (-webkit-touch-callout: none) {
  .parallax-content-area {
    background-attachment: scroll;
  }
}
.site-container.iscroll .parallax-content-area .parallax-background-image, .site-container.no-scroll-events .parallax-content-area .parallax-background-image {
  opacity: 1;
}

.yonnie-container {
  position: relative;
  background-color: #92aca0;
  overflow: hidden;
}
.yonnie-container .yonnie-art-container {
  position: absolute;
}
.yonnie-container .yonnie-art-container .yonnie-art {
  position: relative;
  height: 0;
  padding-bottom: 111.11111%;
}
.yonnie-container .yonnie-art-container .yonnie-art .yonnie-art-inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.yonnie-container .yonnie-art-container .yonnie-art .yonnie-art-inner .yonnie-name, .yonnie-container .yonnie-art-container .yonnie-art .yonnie-art-inner .yonnie-portrait {
  position: absolute;
  top: 25%;
}
.yonnie-container .yonnie-art-container .yonnie-art .yonnie-art-inner .yonnie-name {
  left: 0;
  width: 100%;
}
.yonnie-container .yonnie-art-container .yonnie-art .yonnie-art-inner .yonnie-portrait {
  left: 28.47222%;
  width: 43.125%;
}
.yonnie-container .buttons-container {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.sunseries-container .animation-container {
  position: relative;
  background-color: #ec1e27;
  padding-bottom: 25%;
  overflow: hidden;
}
.sunseries-container .animation-container .sun, .sunseries-container .animation-container .bike, .sunseries-container .animation-container .landscape {
  position: absolute;
}
.sunseries-container .animation-container .sun {
  left: 0;
  top: 0;
  width: 12.01775%;
  fill: #F06692;
}
.sunseries-container .animation-container .bike {
  left: 0;
  top: 0;
  width: 4.83863%;
  fill: #5B3821;
}
.sunseries-container .animation-container .landscape {
  width: 100%;
  bottom: -1px;
  fill: #5B3821;
}
.sunseries-container .buttons-area {
  position: relative;
}
.sunseries-container .buttons-area .buttons-container {
  position: relative;
  line-height: 0;
  text-align: center;
}
.sunseries-container .buttons-area .buttons-container .ui-button {
  margin-top: 16px;
  margin-bottom: 16px;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (min-width: 768px) {
  .sunseries-container .buttons-area .buttons-container .ui-button {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 28px;
    padding-right: 28px;
  }
}
.short-film-contest-container {
  position: relative;
  overflow: hidden;
}
.short-film-contest-container .background-video {
  position: absolute;
}
.short-film-contest-container .background-video .video-fallback-image {
  display: block;
  width: 100%;
}
.short-film-contest-container .text-area {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.short-film-contest-container .text-area .title {
  display: block;
  margin: 0 auto;
  width: 280px;
}
.short-film-contest-container .text-area .buttons-container {
  padding-top: 20px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .short-film-contest-container .text-area .title {
    width: 400px;
  }
  .short-film-contest-container .text-area .buttons-container {
    padding-top: 28px;
  }
}
.sunbathers-container .bathers-area {
  position: relative;
}
.sunbathers-container .bathers-area .bather-container {
  position: relative;
  overflow: hidden;
}
.sunbathers-container .bathers-area .bather-container .bather-image {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 100%;
}
.sunbathers-container .bathers-area .bather-container .image-link, .sunbathers-container .bathers-area .bather-container .image-blocker {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.sunbathers-container .bathers-area .bather-container.bather-1 {
  background-color: #007da5;
}
.sunbathers-container .bathers-area .bather-container.bather-2 {
  background-color: #66c9ba;
}
.sunbathers-container .bathers-area .bather-container.bather-3 {
  background-color: #ff8300;
}
.sunbathers-container .bathers-area .bather-container.bather-4 {
  background-color: #ff8189;
}
.sunbathers-container .bathers-area .bather-container.bather-5 {
  background-color: #d48cc7;
}
.sunbathers-container .bathers-area .buttons-container {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.sunbathers-container .bathers-area .buttons-container .ui-button {
  margin-top: 20px;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.sunbathers-container .wallpaper-downloads-container {
  overflow: hidden;
}
.sunbathers-container .wallpaper-downloads-container .download-items {
  margin: 0 auto;
  max-width: 1080px;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
}
.sunbathers-container .wallpaper-downloads-container .download-items .download-item {
  position: relative;
  float: left;
  margin-top: 32px;
}
.sunbathers-container .wallpaper-downloads-container .download-items .download-item .preview-image-link {
  display: block;
}
.sunbathers-container .wallpaper-downloads-container .download-items .download-item .preview-image-link .preview-image {
  display: block;
  width: 100%;
}
.sunbathers-container .wallpaper-downloads-container .download-items .download-item .size-links {
  padding-top: 11px;
  padding-bottom: 1px;
  line-height: 12px;
  font-size: 8px;
  font-family: ChocolateGothamBold;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-align: center;
}
.sunbathers-container .wallpaper-downloads-container .download-items .download-item .size-links .label {
  color: #fff;
}
.sunbathers-container .wallpaper-downloads-container .download-items .download-item .size-links .size-link {
  display: inline-block;
  margin-top: 8px;
  color: #fff;
  opacity: 0.5;
}
.sunbathers-container .wallpaper-downloads-container .download-items .download-item.top-row {
  margin-top: 0;
}

body.rollover-enabled .sunbathers-container .wallpaper-downloads-container .download-items .download-item .size-links .size-link:hover {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .sunbathers-container .wallpaper-downloads-container .download-items {
    padding-top: 60px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .sunbathers-container .wallpaper-downloads-container .download-items .download-item {
    margin-top: 48px;
  }
  .sunbathers-container .wallpaper-downloads-container .download-items .download-item .size-links {
    padding-top: 14px;
    padding-bottom: 0;
    line-height: 14px;
    font-size: 10px;
  }
  .sunbathers-container .wallpaper-downloads-container .download-items .download-item .size-links .size-link {
    margin-top: 12px;
  }
}
.ctw-shops-list .shop-item {
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}
.ctw-shops-list .shop-item .shop-link, .ctw-shops-list .shop-item .shop-span {
  display: inline-block;
}
.ctw-shops-list .shop-item .shop-link .shop, .ctw-shops-list .shop-item .shop-link .social, .ctw-shops-list .shop-item .shop-span .shop, .ctw-shops-list .shop-item .shop-span .social {
  display: block;
  font-family: ChocolateGothamBold;
}
.ctw-shops-list .shop-item .shop-link .shop, .ctw-shops-list .shop-item .shop-span .shop {
  line-height: 12px;
  font-size: 10px;
  letter-spacing: 0.15em;
}
.ctw-shops-list .shop-item .shop-link .social, .ctw-shops-list .shop-item .shop-span .social {
  margin-top: 2px;
  line-height: 10px;
  font-size: 9px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  opacity: 0.5;
}
.ctw-shops-list .shop-item.first {
  margin-top: 0;
}

.ctw-container .ctw-lead-area {
  display: block;
  background-color: #030303;
  color: #fff;
}
.ctw-container .ctw-lead-area .ctw-lockup-container {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.ctw-container .ctw-lead-area .ctw-lockup-container .ctw-lockup {
  display: block;
  position: relative;
  padding-top: 100%;
}
.ctw-container .ctw-lead-area .ctw-lockup-container .ctw-lockup .spinning-globe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.ctw-container .ctw-lead-area .ctw-lockup-container .ctw-lockup .ctw-logo {
  display: block;
  margin: 0 auto;
  max-width: 80%;
  fill: #fff;
}
.ctw-container .ctw-lead-area .ctw-text-container {
  display: block;
  margin: 0 auto;
  max-width: 400px;
  padding-top: 8px;
  padding-bottom: 24px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 16px;
  font-size: 10px;
  font-family: ChocolateGothamBold;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-align: center;
}
.ctw-container .ctw-lead-area .ctw-text-container .text-p {
  display: block;
  padding-top: 12px;
}
.ctw-container .ctw-lead-area .ctw-text-container .text-p .highlight {
  color: #ec1e27;
}
.ctw-container .ctw-lead-area .ctw-text-container .ctw-arrow {
  display: block;
  margin: 10px auto 0;
  width: 11px;
  fill: #fff;
}
.ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item {
  float: left;
}
.ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-link, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-span {
  display: block;
  position: relative;
}
.ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-link .image-container, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-span .image-container {
  display: block;
}
.ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-link .image-container .deck-image, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-span .image-container .deck-image {
  display: block;
  width: 100%;
}
.ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-link .info-container, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-span .info-container {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 25%;
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}
.ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-link .info-container .text-container, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-span .info-container .text-container {
  display: block;
  position: relative;
  text-align: center;
}
.ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-link .info-container .text-container .city, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-link .info-container .text-container .shop, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-link .info-container .text-container .social, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-link .info-container .text-container .more, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-span .info-container .text-container .city, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-span .info-container .text-container .shop, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-span .info-container .text-container .social, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-span .info-container .text-container .more {
  display: block;
  font-family: ChocolateGothamBold;
}
.ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-link .info-container .text-container .city, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-span .info-container .text-container .city {
  display: none;
}
.ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-link .info-container .text-container .shop, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-span .info-container .text-container .shop {
  line-height: 12px;
  font-size: 10px;
  letter-spacing: 0.15em;
}
.ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-link .info-container .text-container .social, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-link .info-container .text-container .more, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-span .info-container .text-container .social, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-span .info-container .text-container .more {
  margin-top: 2px;
  line-height: 10px;
  font-size: 9px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-link .info-container .text-container .social, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-span .info-container .text-container .social {
  opacity: 0.5;
}
.ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .ctw-shops-list {
  display: none;
}

body.rollover-enabled .ctw-shops-list .shop-item .shop-link:hover .social {
  opacity: 1;
}
body.rollover-enabled .ctw-container .ctw-lead-area:hover {
  color: #fff;
}
body.rollover-enabled .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-link.all, body.rollover-enabled .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-span.all {
  cursor: pointer;
}
body.rollover-enabled .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-link .info-container, body.rollover-enabled .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-span .info-container {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0;
  -moz-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
body.rollover-enabled .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-link .info-container .text-container .social, body.rollover-enabled .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-span .info-container .text-container .social {
  opacity: 1;
}
body.rollover-enabled .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-link:hover .info-container, body.rollover-enabled .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-span:hover .info-container {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .ctw-shops-list .shop-item {
    margin-top: 18px;
  }
  .ctw-shops-list .shop-item .shop-link .shop, .ctw-shops-list .shop-item .shop-span .shop {
    line-height: 20px;
    font-size: 16px;
  }
  .ctw-shops-list .shop-item .shop-link .social, .ctw-shops-list .shop-item .shop-span .social {
    margin-top: 8px;
    line-height: 16px;
    font-size: 14px;
  }

  .ctw-container .ctw-lead-area .ctw-text-container {
    max-width: 660px;
    padding-top: 8px;
    padding-bottom: 36px;
    line-height: 20px;
    font-size: 13px;
  }
  .ctw-container .ctw-lead-area .ctw-text-container .text-p {
    padding-top: 20px;
  }
  .ctw-container .ctw-lead-area .ctw-text-container .ctw-arrow {
    margin-top: 16px;
    width: 13px;
  }
  .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-link .info-container .text-container .shop, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-span .info-container .text-container .shop {
    line-height: 20px;
    font-size: 16px;
  }
  .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-link .info-container .text-container .social, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-link .info-container .text-container .more, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-span .info-container .text-container .social, .ctw-container .ctw-decks-container .ctw-deck-items .ctw-deck-item .item-span .info-container .text-container .more {
    margin-top: 8px;
    line-height: 16px;
    font-size: 14px;
  }
}
.hakeem-container .hakeem-script-area {
  position: relative;
  background-color: #ec1e27;
}
.hakeem-container .hakeem-script-area .hakeem-script-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.hakeem-container .hakeem-script-area .hakeem-script-link .hakeem-script, .hakeem-container .hakeem-script-area .hakeem-script-link .hakeem-script-stacked {
  position: absolute;
  left: 0;
  top: 0;
  fill: #fff;
}
.hakeem-container .hakeem-script-area .hakeem-script-link .hakeem-script {
  opacity: 0;
}
.hakeem-container .hakeem-script-area .buttons-container {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.hakeem-container .hakeem-script-area .buttons-container .ui-button {
  background-color: #f18125;
}
.hakeem-container .hakeem-sequence-area .sequence-link {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

body.rollover-enabled .hakeem-container .hakeem-script-area .buttons-container .ui-button:hover {
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .hakeem-container .hakeem-script-area .hakeem-script-link .hakeem-script {
    opacity: 1;
  }
  .hakeem-container .hakeem-script-area .hakeem-script-link .hakeem-script-stacked {
    opacity: 0;
  }
}
.capps-container .capps-script-area {
  position: relative;
  background-color: #ec1e27;
}
.capps-container .capps-script-area .capps-script-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.capps-container .capps-script-area .capps-script-link .capps-script, .capps-container .capps-script-area .capps-script-link .capps-script-stacked {
  position: absolute;
  left: 0;
  top: 0;
  fill: #fff;
}
.capps-container .capps-script-area .capps-script-link .capps-script {
  opacity: 0;
}
.capps-container .capps-script-area .buttons-container {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.capps-container .capps-script-area .buttons-container .ui-button {
  background-color: #6a3b45;
}
.capps-container .capps-portrait-area .portrait-link {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

body.rollover-enabled .capps-container .capps-script-area .buttons-container .ui-button:hover {
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .capps-container .capps-script-area .capps-script-link .capps-script {
    opacity: 1;
  }
  .capps-container .capps-script-area .capps-script-link .capps-script-stacked {
    opacity: 0;
  }
}
.carl-container .carl-script-area {
  position: relative;
  background-color: #ec1e27;
}
.carl-container .carl-script-area .carl-script-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.carl-container .carl-script-area .carl-script-link .carl-script {
  position: absolute;
  left: 0;
  top: 0;
  fill: #fff;
}
.carl-container .carl-script-area .buttons-container {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.carl-container .carl-script-area .buttons-container .ui-button {
  background-color: #b99d89;
}
.carl-container .carl-photo-area .photo-link {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

body.rollover-enabled .carl-container .carl-script-area .buttons-container .ui-button:hover {
  background-color: #fff;
}
body.rollover-enabled .carl-container .carl-script-area .buttons-container .ui-button:hover.disabled {
  background-color: #b99d89;
}

.reflective-area .flashlight-button {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  z-index: 999;
}
.reflective-area .flashlight-button .icon {
  position: absolute;
  left: 14px;
  top: 14px;
  width: 32px;
  height: 32px;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}
.reflective-area .flashlight-button .icon.off * {
  fill: #151515;
}
.reflective-area .flashlight-button .icon.on {
  opacity: 0;
}
.reflective-area .flashlight-button .icon.on * {
  fill: #fff;
}
.reflective-area .flashlight-button.on .icon.off {
  opacity: 0;
}
.reflective-area .flashlight-button.on .icon.on {
  opacity: 1;
}
.reflective-area .on-off-area {
  position: relative;
  overflow: hidden;
}
.reflective-area .on-off-area .background-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}
.reflective-area .on-off-area .background-container .background-image {
  position: absolute;
}
.reflective-area .on-off-area .background-container.off {
  background-color: #fff;
}
.reflective-area .on-off-area .background-container.on {
  opacity: 0;
  background-color: #151515;
}
.reflective-area .on-off-area .section-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.reflective-area .on-off-area.on .background-container.on {
  opacity: 1;
}
.reflective-area .on-off-area.title-area .reflective-logo {
  position: absolute;
  left: 20px;
  top: 20px;
}
.reflective-area .on-off-area.title-area .reflective-logo .logo-container {
  position: relative;
  width: 164px;
  height: 37.31462px;
}
.reflective-area .on-off-area.title-area .reflective-logo .logo-container .logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}
.reflective-area .on-off-area.title-area .reflective-logo .logo-container .logo.off * {
  fill: #151515;
}
.reflective-area .on-off-area.title-area .reflective-logo .logo-container .logo.on {
  opacity: 0;
}
.reflective-area .on-off-area.title-area .reflective-logo .logo-container .logo.on * {
  fill: #fff;
}
.reflective-area .on-off-area.title-area .reflective-logo .text {
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
  padding-top: 8px;
  line-height: 16px;
  font-size: 11px;
  font-family: ChocolateAkkuratMono;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #151515;
}
.reflective-area .on-off-area.title-area .section-content {
  position: absolute;
  right: 20px;
  bottom: 18px;
}
.reflective-area .on-off-area.title-area .section-content .flashlight-button {
  float: right;
  left: 14px;
}
.reflective-area .on-off-area.title-area .section-content .text {
  clear: both;
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
  margin-top: -2px;
  text-align: right;
  line-height: 22px;
  font-size: 16px;
  font-family: ChocolateAkkurat;
  letter-spacing: 0.01em;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #151515;
}
.reflective-area .on-off-area.title-area.on .reflective-logo .logo-container .logo.off {
  opacity: 0;
}
.reflective-area .on-off-area.title-area.on .reflective-logo .logo-container .logo.on {
  opacity: 1;
}
.reflective-area .on-off-area.title-area.on .reflective-logo .text {
  color: #fff;
}
.reflective-area .on-off-area.title-area.on .section-content .text {
  color: #fff;
}
.reflective-area .on-off-area.shop-area .shop-title {
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
  position: absolute;
  left: 20px;
  right: 20px;
  top: 17px;
  line-height: 36px;
  font-size: 32px;
  font-family: ChocolateAkkurat;
  letter-spacing: 0.01em;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #151515;
}
.reflective-area .on-off-area.shop-area .section-content {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 18px;
}
.reflective-area .on-off-area.shop-area .section-content .flashlight-button {
  margin: 0 auto;
}
.reflective-area .on-off-area.shop-area .section-content .text {
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
  margin-top: -2px;
  text-align: center;
  line-height: 22px;
  font-size: 16px;
  font-family: ChocolateAkkurat;
  letter-spacing: 0.01em;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #151515;
}
.reflective-area .on-off-area.shop-area.on .shop-title {
  color: #fff;
}
.reflective-area .on-off-area.shop-area.on .section-content .text {
  color: #fff;
}
.reflective-area .photo-area {
  position: relative;
  overflow: hidden;
}
.reflective-area .photo-area .photo {
  position: absolute;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}
.reflective-area .photo-area .photo.on {
  opacity: 0;
}
.reflective-area .photo-area .section-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.reflective-area .photo-area .flashlight-button {
  position: absolute;
  left: 6px;
  top: 10px;
}
.reflective-area .photo-area .video-button {
  position: absolute;
  right: 6px;
  bottom: 10px;
  height: 32px;
  padding: 14px;
}
.reflective-area .photo-area .video-button .icon {
  position: absolute;
  right: 14px;
  top: 14px;
  width: 32px;
  height: 32px;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}
.reflective-area .photo-area .video-button .icon.off * {
  fill: #151515;
}
.reflective-area .photo-area .video-button .icon.on {
  opacity: 0;
}
.reflective-area .photo-area .video-button .icon.on * {
  fill: #fff;
}
.reflective-area .photo-area .video-button .text {
  display: block;
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
  padding-top: 6px;
  padding-right: 48px;
  line-height: 24px;
  font-size: 18px;
  font-family: ChocolateAkkurat;
  letter-spacing: 0.01em;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #151515;
}
.reflective-area .photo-area.on .photo.on {
  opacity: 1;
}
.reflective-area .photo-area.on .video-button .icon.off {
  opacity: 0;
}
.reflective-area .photo-area.on .video-button .icon.on {
  opacity: 1;
}
.reflective-area .photo-area.on .video-button .text {
  color: #fff;
}

body.rollover-enabled .reflective-area .flashlight-button {
  cursor: pointer;
}
body.rollover-enabled .reflective-area .flashlight-button:hover .icon.off * {
  fill: #444;
}
body.rollover-enabled .reflective-area .flashlight-button:hover .icon.on * {
  fill: #ccc;
}
body.rollover-enabled .reflective-area .photo-area .video-button:hover .icon.off * {
  fill: #444;
}
body.rollover-enabled .reflective-area .photo-area .video-button:hover .icon.on * {
  fill: #ccc;
}

@media screen and (min-width: 768px) {
  .reflective-area .flashlight-button {
    width: 80px;
    height: 80px;
  }
  .reflective-area .flashlight-button .icon {
    left: 16px;
    top: 16px;
    width: 48px;
    height: 48px;
  }
  .reflective-area .on-off-area.title-area .reflective-logo {
    left: 40px;
    top: 36px;
  }
  .reflective-area .on-off-area.title-area .reflective-logo .logo-container {
    width: 264px;
    height: 60.06744px;
  }
  .reflective-area .on-off-area.title-area .reflective-logo .text {
    padding-top: 14px;
    line-height: 24px;
    font-size: 18px;
  }
  .reflective-area .on-off-area.title-area .section-content {
    right: 40px;
    bottom: 31px;
  }
  .reflective-area .on-off-area.title-area .section-content .flashlight-button {
    left: 16px;
  }
  .reflective-area .on-off-area.title-area .section-content .text {
    padding-top: 1px;
    line-height: 32px;
    font-size: 24px;
  }
  .reflective-area .on-off-area.shop-area .shop-title {
    left: 40px;
    right: 40px;
    top: 34px;
    line-height: 48px;
    font-size: 44px;
  }
  .reflective-area .on-off-area.shop-area .section-content {
    left: 40px;
    right: 40px;
    bottom: 31px;
  }
  .reflective-area .on-off-area.shop-area .section-content .text {
    padding-top: 1px;
    line-height: 32px;
    font-size: 24px;
  }
  .reflective-area .photo-area .flashlight-button {
    left: 24px;
    top: 24px;
  }
  .reflective-area .photo-area .video-button {
    right: 24px;
    bottom: 24px;
    height: 48px;
    padding: 16px;
  }
  .reflective-area .photo-area .video-button .icon {
    top: 16px;
    right: 16px;
    width: 48px;
    height: 48px;
  }
  .reflective-area .photo-area .video-button .text {
    padding-top: 7px;
    padding-right: 68px;
    line-height: 34px;
    font-size: 26px;
  }
}
.world-taxis-area .taxis-intro-area {
  background-color: #6bcdb2;
}
.world-taxis-area .taxis-intro-area .content-container {
  position: relative;
}
.world-taxis-area .taxis-intro-area .content-container .taxis-logo {
  display: block;
  position: relative;
  left: 4px;
  margin: 0 auto;
  width: 300px;
  height: 68px;
}
.world-taxis-area .taxis-intro-area .content-container .hecox-quote-container {
  padding-top: 20px;
  text-align: center;
}
.world-taxis-area .taxis-intro-area .content-container .hecox-quote-container .quote {
  margin: 0 auto;
  max-width: 280px;
  line-height: 24px;
  font-size: 20px;
  font-family: ChocolateTrixieText;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
}
.world-taxis-area .taxis-intro-area .content-container .hecox-quote-container .attribution {
  padding-top: 8px;
  line-height: 22px;
  font-size: 18px;
  font-family: ChocolateTrixieText;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  color: #003b4a;
}
.world-taxis-area .taxis-intro-area .content-container .buttons-container {
  padding-top: 24px;
  padding-bottom: 16px;
  text-align: center;
}
.world-taxis-area .taxis-intro-area .content-container .buttons-container .ui-button {
  background-color: #003b4a;
}
.world-taxis-area .taxi-area {
  position: relative;
  overflow: hidden;
}
.world-taxis-area .taxi-area .taxi-container {
  position: absolute;
  width: 1200px;
}
.world-taxis-area .taxi-area .taxi-container .background-image {
  position: absolute;
  left: -33.33333%;
  width: 166.66667%;
}
.world-taxis-area .taxi-area .taxi-container .taxi {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 50%;
}
.world-taxis-area .taxi-area .taxi-container .taxi .body-back, .world-taxis-area .taxi-area .taxi-container .taxi .body-front {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.world-taxis-area .taxi-area .taxi-container .taxi .shadow, .world-taxis-area .taxi-area .taxi-container .taxi .behind-wheels, .world-taxis-area .taxi-area .taxi-container .taxi .wheels, .world-taxis-area .taxi-area .taxi-container .taxi .rim-1, .world-taxis-area .taxi-area .taxi-container .taxi .rim-2, .world-taxis-area .taxi-area .taxi-container .taxi .body {
  position: absolute;
}
.world-taxis-area .taxi-area .area-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.world-taxis-area .taxi-area.japan {
  background-color: #99bcab;
}
.world-taxis-area .taxi-area.japan .taxi-container .background-image {
  top: -0.66667%;
}
.world-taxis-area .taxi-area.japan .taxi-container .taxi .shadow {
  left: 3.91667%;
  top: 73.66667%;
  width: 91%;
  height: 11.33333%;
}
.world-taxis-area .taxi-area.japan .taxi-container .taxi .behind-wheels {
  left: 9.41667%;
  top: 56.16667%;
  width: 73.5%;
  height: 18.66667%;
}
.world-taxis-area .taxi-area.japan .taxi-container .taxi .wheels {
  left: 10.5%;
  top: 56.66667%;
  width: 71.16667%;
  height: 29.33333%;
}
.world-taxis-area .taxi-area.japan .taxi-container .taxi .rim-1 {
  left: 12.91667%;
  top: 62.83333%;
  width: 9.16667%;
  height: 18.33333%;
}
.world-taxis-area .taxi-area.japan .taxi-container .taxi .rim-2 {
  left: 70%;
  top: 62.5%;
  width: 9.16667%;
  height: 18.33333%;
}
.world-taxis-area .taxi-area.japan .taxi-container .taxi .body {
  left: 2.83333%;
  top: 14.33333%;
  width: 94.33333%;
  height: 61.66667%;
}
.world-taxis-area .taxi-area.hong-kong {
  background-color: #ff8d6b;
}
.world-taxis-area .taxi-area.hong-kong .taxi-container .background-image {
  top: -1.5%;
}
.world-taxis-area .taxi-area.hong-kong .taxi-container .taxi .shadow {
  left: 5.83333%;
  top: 75%;
  width: 90.66667%;
  height: 6.66667%;
}
.world-taxis-area .taxi-area.hong-kong .taxi-container .taxi .behind-wheels {
  left: 7.83333%;
  top: 54%;
  width: 73.83333%;
  height: 23.66667%;
}
.world-taxis-area .taxi-area.hong-kong .taxi-container .taxi .wheels {
  left: 13.08333%;
  top: 54.83333%;
  width: 66.33333%;
  height: 27.66667%;
}
.world-taxis-area .taxi-area.hong-kong .taxi-container .taxi .rim-1 {
  left: 14.91667%;
  top: 59.83333%;
  width: 9.16667%;
  height: 18.33333%;
}
.world-taxis-area .taxi-area.hong-kong .taxi-container .taxi .rim-2 {
  left: 68.5%;
  top: 60.33333%;
  width: 9.16667%;
  height: 18.33333%;
}
.world-taxis-area .taxi-area.hong-kong .taxi-container .taxi .body {
  left: 5.41667%;
  top: 18.16667%;
  width: 89%;
  height: 57.33333%;
}
.world-taxis-area .taxi-area.london {
  background-color: #7d9c91;
}
.world-taxis-area .taxi-area.london .taxi-container .background-image {
  top: -4.33333%;
}
.world-taxis-area .taxi-area.london .taxi-container .taxi .shadow {
  left: 9.83333%;
  top: 74%;
  width: 85.5%;
  height: 10.66667%;
}
.world-taxis-area .taxi-area.london .taxi-container .taxi .behind-wheels {
  left: 12.33333%;
  top: 54.83333%;
  width: 74.5%;
  height: 18.66667%;
}
.world-taxis-area .taxi-area.london .taxi-container .taxi .wheels {
  left: 19.08333%;
  top: 56.83333%;
  width: 66.66667%;
  height: 28%;
}
.world-taxis-area .taxi-area.london .taxi-container .taxi .rim-1 {
  left: 21%;
  top: 62.66667%;
  width: 9.16667%;
  height: 18.33333%;
}
.world-taxis-area .taxi-area.london .taxi-container .taxi .rim-2 {
  left: 74.91667%;
  top: 61.5%;
  width: 9.16667%;
  height: 18.33333%;
}
.world-taxis-area .taxi-area.london .taxi-container .taxi .body {
  left: 7.5%;
  top: 15.33333%;
  width: 85.66667%;
  height: 59.33333%;
}
.world-taxis-area .taxi-area.cuba {
  background-color: #6bcdb2;
}
.world-taxis-area .taxi-area.cuba .taxi-container .background-image {
  top: -1.16667%;
}
.world-taxis-area .taxi-area.cuba .taxi-container .taxi .shadow {
  left: 2.58333%;
  top: 76.33333%;
  width: 90.33333%;
  height: 8%;
}
.world-taxis-area .taxi-area.cuba .taxi-container .taxi .behind-wheels {
  left: 13.41667%;
  top: 54.33333%;
  width: 70%;
  height: 19.66667%;
}
.world-taxis-area .taxi-area.cuba .taxi-container .taxi .wheels {
  left: 13.5%;
  top: 55.83333%;
  width: 67.16667%;
  height: 29%;
}
.world-taxis-area .taxi-area.cuba .taxi-container .taxi .rim-1 {
  left: 17.58333%;
  top: 61.66667%;
  width: 9.16667%;
  height: 18.33333%;
}
.world-taxis-area .taxi-area.cuba .taxi-container .taxi .rim-2 {
  left: 69.58333%;
  top: 61.66667%;
  width: 9.16667%;
  height: 18.33333%;
}
.world-taxis-area .taxi-area.cuba .taxi-container .taxi .body {
  left: 5.33333%;
  top: 4.33333%;
  width: 90.33333%;
  height: 71.33333%;
}
.world-taxis-area .taxi-area.new-york {
  background-color: #e47e3d;
}
.world-taxis-area .taxi-area.new-york .taxi-container .background-image {
  top: 2.83333%;
}
.world-taxis-area .taxi-area.new-york .taxi-container .taxi .shadow {
  left: 10%;
  top: 71.16667%;
  width: 81.5%;
  height: 12.66667%;
}
.world-taxis-area .taxi-area.new-york .taxi-container .taxi .behind-wheels {
  left: 19.41667%;
  top: 51.83333%;
  width: 65.66667%;
  height: 23.33333%;
}
.world-taxis-area .taxi-area.new-york .taxi-container .taxi .wheels {
  left: 22.75%;
  top: 54.5%;
  width: 61.5%;
  height: 30.33333%;
}
.world-taxis-area .taxi-area.new-york .taxi-container .taxi .rim-1 {
  left: 25%;
  top: 62%;
  width: 9.16667%;
  height: 18.33333%;
}
.world-taxis-area .taxi-area.new-york .taxi-container .taxi .rim-2 {
  left: 72.91667%;
  top: 60.66667%;
  width: 9.16667%;
  height: 18.33333%;
}
.world-taxis-area .taxi-area.new-york .taxi-container .taxi .body {
  left: 8.66667%;
  top: 15.5%;
  width: 82.16667%;
  height: 54%;
}

body.rollover-enabled .world-taxis-area .taxis-intro-area .buttons-container .ui-button:hover {
  background-color: #ec1e27;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .world-taxis-area .taxis-intro-area .content-container .taxis-logo {
    left: 12px;
    width: 580px;
    height: 131px;
  }
  .world-taxis-area .taxis-intro-area .content-container .hecox-quote-container {
    padding-top: 36px;
  }
  .world-taxis-area .taxis-intro-area .content-container .hecox-quote-container .quote {
    max-width: 380px;
    line-height: 32px;
    font-size: 28px;
  }
  .world-taxis-area .taxis-intro-area .content-container .hecox-quote-container .attribution {
    padding-top: 12px;
    line-height: 30px;
    font-size: 26px;
  }
  .world-taxis-area .taxis-intro-area .content-container .buttons-container {
    padding-top: 44px;
    padding-bottom: 32px;
  }
}
.erik-container .erik-script-area {
  position: relative;
  background-color: #ec1e27;
}
.erik-container .erik-script-area .erik-script-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.erik-container .erik-script-area .erik-script-link .erik-script {
  position: absolute;
  left: 0;
  top: 0;
  fill: #fff;
}
.erik-container .erik-script-area .buttons-container {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.erik-container .erik-script-area .buttons-container .ui-button {
  background-color: #ff7e00;
}
.erik-container .erik-photo-area .photo-link {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

body.rollover-enabled .erik-container .erik-script-area .buttons-container .ui-button:hover {
  background-color: #fff;
}

.jordan-container .jordan-upper-photo-area .photo-link {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.jordan-container .jordan-script-area {
  position: relative;
  background-color: #ec1e27;
}
.jordan-container .jordan-script-area .jordan-script-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.jordan-container .jordan-script-area .jordan-script-link .jordan-script, .jordan-container .jordan-script-area .jordan-script-link .jordan-script-stacked {
  position: absolute;
  left: 0;
  top: 0;
  fill: #fff;
}
.jordan-container .jordan-script-area .jordan-script-link .jordan-script {
  opacity: 0;
}
.jordan-container .jordan-script-area .buttons-container {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.jordan-container .jordan-script-area .buttons-container .ui-button {
  background-color: #666155;
}

body.rollover-enabled .jordan-container .jordan-script-area .buttons-container .ui-button:hover {
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .jordan-container .jordan-script-area .jordan-script-link .jordan-script {
    opacity: 1;
  }
  .jordan-container .jordan-script-area .jordan-script-link .jordan-script-stacked {
    opacity: 0;
  }
}
.james-and-jordan-area .area-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.james-and-jordan-area .welcome-area {
  position: relative;
  background-color: #769d91;
  overflow: hidden;
}
.james-and-jordan-area .welcome-area .background-container {
  position: absolute;
  left: -5%;
  width: 110%;
}
.james-and-jordan-area .welcome-area .background-container .chevrons {
  width: 100%;
}
.james-and-jordan-area .welcome-area .background-container .chevrons * {
  fill: #45645d;
}
.james-and-jordan-area .welcome-area .content-container {
  position: relative;
}
.james-and-jordan-area .welcome-area .content-container .james-and-jordan-lockup-container {
  margin: 0 auto;
  width: 280px;
}
.james-and-jordan-area .welcome-area .content-container .james-and-jordan-lockup-container .james-and-jordan-lockup {
  position: relative;
  height: 0;
  padding-bottom: 35.38462%;
}
.james-and-jordan-area .welcome-area .content-container .james-and-jordan-lockup-container .james-and-jordan-lockup .script {
  position: absolute;
}
.james-and-jordan-area .welcome-area .content-container .james-and-jordan-lockup-container .james-and-jordan-lockup .script * {
  fill: #ece7e8;
}
.james-and-jordan-area .welcome-area .content-container .james-and-jordan-lockup-container .james-and-jordan-lockup .script.james {
  left: 0;
  top: 0;
  width: 40%;
  height: 99.63768%;
}
.james-and-jordan-area .welcome-area .content-container .james-and-jordan-lockup-container .james-and-jordan-lockup .script.jordan {
  left: 51.66667%;
  top: 5.43478%;
  width: 48.33333%;
  height: 86.95652%;
}
.james-and-jordan-area .welcome-area .content-container .james-and-jordan-lockup-container .james-and-jordan-lockup .ampersand {
  position: relative;
  left: -10px;
  top: 37px;
  line-height: 32px;
  font-size: 32px;
  font-family: ChocolateGothamBold;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ece7e8;
  text-align: center;
}
.james-and-jordan-area .welcome-area .content-container .welcome-message-container {
  padding-top: 27px;
  text-align: center;
}
.james-and-jordan-area .welcome-area .content-container .welcome-message-container .text {
  line-height: 18px;
  font-size: 14px;
  font-family: ChocolateGothamBold;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ece7e8;
}
.james-and-jordan-area .welcome-area .content-container .watch-message-container {
  padding-top: 58px;
  text-align: center;
}
.james-and-jordan-area .welcome-area .content-container .watch-message-container .text {
  line-height: 16px;
  font-size: 11px;
  font-family: ChocolateGothamBold;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ece7e8;
}
.james-and-jordan-area .welcome-area .content-container .watch-message-container .video-link {
  display: inline-block;
  margin-top: 2px;
  line-height: 22px;
  font-size: 18px;
  font-family: ChocolateGothamBold;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ece7e8;
}
.james-and-jordan-area .welcome-area .content-container .watch-message-container .video-link .underline {
  display: block;
  margin: 4px auto 0;
  width: 122px;
  height: 4px;
  background-color: #ece7e8;
}
.james-and-jordan-area .portrait-area {
  position: relative;
  background-color: #769d91;
}
.james-and-jordan-area .portrait-area .illustration-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.james-and-jordan-area .portrait-area .illustration-container .illustration {
  display: block;
  width: 100%;
}
.james-and-jordan-area .portrait-area .illustration-container .illustration-filler {
  margin-top: -1px;
  height: 0;
  padding-bottom: 1000%;
  background-color: #1a322f;
}
.james-and-jordan-area .portrait-area .script-container {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.james-and-jordan-area .portrait-area .script-container .script {
  display: block;
  margin: 0 auto;
  width: 150px;
}
.james-and-jordan-area .portrait-area .script-container .script * {
  fill: #ece7e8;
}
.james-and-jordan-area .shop-area {
  position: relative;
  background-color: #769d91;
  overflow: hidden;
}
.james-and-jordan-area .shop-area .background-container {
  position: absolute;
  left: -5%;
  width: 110%;
  padding-bottom: 60px;
}
.james-and-jordan-area .shop-area .background-container .background-lockup {
  position: relative;
  height: 0;
  padding-bottom: 96.38554%;
}
.james-and-jordan-area .shop-area .background-container .background-lockup .square {
  position: absolute;
  left: 0;
  top: 18.25%;
  width: 100%;
  height: 95.875%;
}
.james-and-jordan-area .shop-area .background-container .background-lockup .square * {
  fill: #45645d;
}
.james-and-jordan-area .shop-area .background-container .background-lockup .arrow {
  position: absolute;
  left: 1.44578%;
  bottom: 57.25%;
  width: 97.83133%;
  height: 141.5%;
}
.james-and-jordan-area .shop-area .background-container .background-lockup .arrow * {
  fill: #a5bcb1;
}
.james-and-jordan-area .shop-area .content-container {
  position: relative;
}
.james-and-jordan-area .shop-area .content-container .shop-message-container {
  padding-top: 80px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}
.james-and-jordan-area .shop-area .content-container .shop-message-container .shop-link {
  display: inline-block;
  line-height: 40px;
  font-size: 38px;
  font-family: ChocolateGothamBold;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ece7e8;
}
.james-and-jordan-area .shop-area .content-container .shop-message-container .shop-link .underline {
  display: block;
  position: relative;
  left: -4px;
  margin: 4px auto 0;
  width: 220px;
  height: 6px;
  background-color: #ece7e8;
}
.james-and-jordan-area .shop-area .content-container .shop-message-container .shop-link.at-sea .underline {
  left: -10px;
  width: 224px;
}
.james-and-jordan-area .shop-area .content-container .shop-message-container .at-sea-text {
  padding-top: 25px;
  line-height: 18px;
  font-size: 13px;
  font-family: ChocolateGothamBold;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ece7e8;
}
.james-and-jordan-area .shop-area .content-container .shop-message-container .available-text {
  padding-top: 16px;
  line-height: 16px;
  font-size: 11px;
  font-family: ChocolateGothamBold;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ece7e8;
}

body.rollover-enabled .james-and-jordan-area .welcome-area .content-container .watch-message-container .video-link:hover {
  color: #F0D283;
}
body.rollover-enabled .james-and-jordan-area .welcome-area .content-container .watch-message-container .video-link:hover .underline {
  background-color: #F0D283;
}
body.rollover-enabled .james-and-jordan-area .shop-area .content-container .shop-message-container .shop-link:hover {
  color: #F0D283;
}
body.rollover-enabled .james-and-jordan-area .shop-area .content-container .shop-message-container .shop-link:hover .underline {
  background-color: #F0D283;
}
body.rollover-enabled .james-and-jordan-area .shop-area .content-container .shop-message-container .available-text a:hover {
  color: #F0D283;
}

@media screen and (min-width: 768px) {
  .james-and-jordan-area .portrait-area .illustration-container {
    width: 50%;
    background-color: #45645d;
  }
  .james-and-jordan-area .portrait-area .script-container {
    left: 50%;
    top: 0;
    bottom: auto;
    width: 50%;
  }
  .james-and-jordan-area .portrait-area .script-container .script {
    width: 70%;
  }
  .james-and-jordan-area .portrait-area.reversed .illustration-container {
    left: 50%;
  }
  .james-and-jordan-area .portrait-area.reversed .script-container {
    left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .james-and-jordan-area .area-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .james-and-jordan-area .welcome-area .background-container {
    left: 20%;
    width: 60%;
    padding-top: 60px;
  }
  .james-and-jordan-area .welcome-area .content-container .james-and-jordan-lockup-container {
    width: 780px;
  }
  .james-and-jordan-area .welcome-area .content-container .james-and-jordan-lockup-container .james-and-jordan-lockup .ampersand {
    left: -31px;
    top: 102px;
    line-height: 88px;
    font-size: 88px;
  }
  .james-and-jordan-area .welcome-area .content-container .welcome-message-container {
    padding-top: 27px;
  }
  .james-and-jordan-area .welcome-area .content-container .welcome-message-container .text {
    line-height: 36px;
    font-size: 28px;
  }
  .james-and-jordan-area .welcome-area .content-container .watch-message-container {
    padding-top: 126px;
  }
  .james-and-jordan-area .welcome-area .content-container .watch-message-container .text {
    line-height: 28px;
    font-size: 22px;
  }
  .james-and-jordan-area .welcome-area .content-container .watch-message-container .video-link {
    margin-top: 11px;
    line-height: 40px;
    font-size: 32px;
  }
  .james-and-jordan-area .welcome-area .content-container .watch-message-container .video-link .underline {
    margin-top: 4px;
    width: 218px;
    height: 7px;
  }
  .james-and-jordan-area .shop-area .background-container {
    left: 20%;
    width: 60%;
    padding-bottom: 0;
  }
  .james-and-jordan-area .shop-area .content-container .shop-message-container {
    padding-top: 200px;
  }
  .james-and-jordan-area .shop-area .content-container .shop-message-container .shop-link {
    line-height: 68px;
    font-size: 68px;
  }
  .james-and-jordan-area .shop-area .content-container .shop-message-container .shop-link .underline {
    left: -6px;
    margin-top: 9px;
    width: 400px;
    height: 10px;
  }
  .james-and-jordan-area .shop-area .content-container .shop-message-container .shop-link.at-sea .underline {
    left: -16px;
    width: 410px;
  }
  .james-and-jordan-area .shop-area .content-container .shop-message-container .at-sea-text {
    padding-top: 53px;
    line-height: 32px;
    font-size: 24px;
  }
  .james-and-jordan-area .shop-area .content-container .shop-message-container .available-text {
    margin: 0 auto;
    max-width: 480px;
    padding-top: 32px;
    line-height: 24px;
    font-size: 18px;
  }
}
.sound-system-area .area-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.sound-system-area .text-area {
  position: relative;
  overflow: hidden;
}
.sound-system-area .text-area .background-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.sound-system-area .text-area .background-container .item {
  position: absolute;
}
.sound-system-area .text-area .background-container .item .art-container {
  position: relative;
  height: 0;
}
.sound-system-area .text-area .background-container .item .art-container .art {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.sound-system-area .text-area .content-container {
  position: relative;
  text-align: center;
}
.sound-system-area .text-area .content-container .text-block {
  margin: 0 auto;
  line-height: 20px;
  font-size: 14px;
  font-family: ChocolateTrixieText;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sound-system-area .text-area .content-container .icon-container .icon {
  display: block;
  margin: 0 auto;
}
.sound-system-area .text-area.info {
  background-color: #f6b235;
}
.sound-system-area .text-area.info .background-container .item .art-container .art {
  fill: #ebdcb5;
}
.sound-system-area .text-area.info .background-container .item.sounds {
  right: 65.625%;
  width: 120px;
}
.sound-system-area .text-area.info .background-container .item.sounds .art-container {
  padding-bottom: 64.37714%;
}
.sound-system-area .text-area.info .background-container .item.no-no-no {
  top: 20%;
  left: -2px;
  width: 42px;
}
.sound-system-area .text-area.info .background-container .item.no-no-no .art-container {
  padding-bottom: 308.06714%;
}
.sound-system-area .text-area.info .background-container .item.nd-system {
  top: 0;
  left: 86.25%;
  width: 38px;
}
.sound-system-area .text-area.info .background-container .item.nd-system .art-container {
  padding-bottom: 375.83571%;
}
.sound-system-area .text-area.info .content-container {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 20px;
  padding-right: 20px;
}
.sound-system-area .text-area.info .content-container .headline .cp, .sound-system-area .text-area.info .content-container .headline .the, .sound-system-area .text-area.info .content-container .headline .sss, .sound-system-area .text-area.info .content-container .headline .beh {
  display: block;
  font-family: ChocolateGothamBold;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sound-system-area .text-area.info .content-container .headline .cp {
  line-height: 20px;
  font-size: 14px;
  letter-spacing: 0.05em;
  color: #ebdcb5;
}
.sound-system-area .text-area.info .content-container .headline .the, .sound-system-area .text-area.info .content-container .headline .beh {
  line-height: 24px;
  font-size: 20px;
  letter-spacing: 0.05em;
  color: #3b3632;
}
.sound-system-area .text-area.info .content-container .headline .the {
  padding-top: 7px;
}
.sound-system-area .text-area.info .content-container .headline .sss {
  padding-top: 4px;
  line-height: 48px;
  font-size: 44px;
  letter-spacing: 0.1em;
  color: #d0333a;
}
.sound-system-area .text-area.info .content-container .headline .beh {
  padding-top: 12px;
}
.sound-system-area .text-area.info .content-container .text-block {
  padding-top: 21px;
  max-width: 380px;
  color: #3b3632;
}
.sound-system-area .text-area.info .content-container .icon-container {
  padding-top: 22px;
}
.sound-system-area .text-area.info .content-container .icon-container .icon {
  width: 100px;
  height: 107.2555px;
  fill: #3b3632;
}
.sound-system-area .text-area.shop {
  background-color: #45773c;
}
.sound-system-area .text-area.shop .background-container .item .art-container .art {
  fill: #3b3632;
}
.sound-system-area .text-area.shop .background-container .item.speaker {
  width: 120px;
  left: -68px;
  top: 36.66667%;
}
.sound-system-area .text-area.shop .background-container .item.speaker .art-container {
  padding-bottom: 102.0165%;
}
.sound-system-area .text-area.shop .background-container .item.leaf {
  width: 136px;
  left: 76.25%;
}
.sound-system-area .text-area.shop .background-container .item.leaf .art-container {
  padding-bottom: 92.59632%;
}
.sound-system-area .text-area.shop .background-container .item.shapes {
  width: 120px;
  right: 68.75%;
  bottom: -68px;
}
.sound-system-area .text-area.shop .background-container .item.shapes .art-container {
  padding-bottom: 89.4445%;
}
.sound-system-area .text-area.shop .content-container {
  padding-top: 16px;
  padding-bottom: 12px;
  padding-left: 20px;
  padding-right: 20px;
}
.sound-system-area .text-area.shop .content-container .images-container {
  position: relative;
  margin: 0 auto;
  width: 220px;
  height: 220px;
  overflow: hidden;
}
.sound-system-area .text-area.shop .content-container .images-container .image {
  position: absolute;
  left: 0;
  top: -7.27273%;
  width: 100%;
}
.sound-system-area .text-area.shop .content-container .headline {
  padding-top: 18px;
  line-height: 28px;
  font-size: 20px;
  font-family: ChocolateGothamBold;
  letter-spacing: 0.05em;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  color: #ebdcb5;
}
.sound-system-area .text-area.shop .content-container .headline a {
  color: inherit;
}
.sound-system-area .text-area.shop .content-container .headline.secondary {
  padding-top: 12px;
}
.sound-system-area .text-area.shop .content-container .text-block {
  padding-top: 8px;
  max-width: 280px;
  color: #ebdcb5;
}
.sound-system-area .text-area.shop .content-container .text-block a {
  color: inherit;
}
.sound-system-area .text-area.shop .content-container .icon-container {
  padding-top: 22px;
}
.sound-system-area .text-area.shop .content-container .icon-container .icon {
  width: 46px;
  height: 62.59738px;
  fill: #ffb600;
}

body.rollover-enabled .sound-system-area .text-area.shop .content-container .headline a:hover {
  color: #ffb600;
}
body.rollover-enabled .sound-system-area .text-area.shop .content-container .text-block a:hover {
  color: #ffb600;
}

@media screen and (min-width: 768px) {
  .sound-system-area .text-area .content-container .text-block {
    line-height: 36px;
    font-size: 24px;
  }
  .sound-system-area .text-area.info .background-container .item.sounds {
    width: 240px;
  }
  .sound-system-area .text-area.info .background-container .item.no-no-no {
    width: 84px;
  }
  .sound-system-area .text-area.info .background-container .item.nd-system {
    width: 76px;
  }
  .sound-system-area .text-area.info .content-container {
    padding-top: 36px;
    padding-bottom: 44px;
  }
  .sound-system-area .text-area.info .content-container .headline .cp {
    line-height: 32px;
    font-size: 24px;
  }
  .sound-system-area .text-area.info .content-container .headline .the, .sound-system-area .text-area.info .content-container .headline .beh {
    line-height: 48px;
    font-size: 36px;
  }
  .sound-system-area .text-area.info .content-container .headline .the {
    padding-top: 11px;
  }
  .sound-system-area .text-area.info .content-container .headline .sss {
    padding-top: 4px;
    line-height: 88px;
    font-size: 80px;
  }
  .sound-system-area .text-area.info .content-container .headline .beh {
    padding-top: 20px;
  }
  .sound-system-area .text-area.info .content-container .text-block {
    padding-top: 25px;
    max-width: 640px;
  }
  .sound-system-area .text-area.info .content-container .icon-container {
    padding-top: 45px;
  }
  .sound-system-area .text-area.info .content-container .icon-container .icon {
    width: 180px;
    height: 193.0599px;
  }
  .sound-system-area .text-area.shop .background-container .item.speaker {
    top: 20%;
    width: 240px;
  }
  .sound-system-area .text-area.shop .background-container .item.leaf {
    top: 3%;
    width: 272px;
  }
  .sound-system-area .text-area.shop .background-container .item.shapes {
    right: auto;
    left: 55%;
    bottom: -140px;
    width: 240px;
  }
  .sound-system-area .text-area.shop .content-container {
    padding-top: 44px;
    padding-bottom: 44px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .sound-system-area .text-area.shop .content-container .images-container {
    width: 480px;
    height: 480px;
  }
  .sound-system-area .text-area.shop .content-container .headline {
    padding-top: 34px;
    line-height: 48px;
    font-size: 36px;
  }
  .sound-system-area .text-area.shop .content-container .headline.secondary {
    padding-top: 27px;
  }
  .sound-system-area .text-area.shop .content-container .text-block {
    padding-top: 13px;
    max-width: 480px;
  }
  .sound-system-area .text-area.shop .content-container .icon-container {
    padding-top: 40px;
  }
  .sound-system-area .text-area.shop .content-container .icon-container .icon {
    width: 58px;
    height: 78.92713px;
  }
}
@media screen and (min-width: 1080px) {
  .sound-system-area .text-area.shop .content-container {
    padding-bottom: 44px;
    line-height: 0;
    font-size: 0;
  }
  .sound-system-area .text-area.shop .content-container .images-container, .sound-system-area .text-area.shop .content-container .text-container {
    display: inline-block;
    vertical-align: top;
  }
  .sound-system-area .text-area.shop .content-container .text-container {
    margin-left: 32px;
    height: 480px;
  }
  .sound-system-area .text-area.shop .content-container .text-container .headline {
    padding-top: 49px;
  }
  .sound-system-area .text-area.shop .content-container .text-container .headline.secondary {
    padding-top: 27px;
  }
}
.bunny-hop-area .poster-area {
  position: relative;
}
.bunny-hop-area .poster-area .poster-image-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.bunny-hop-area .poster-area .title-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
}
.bunny-hop-area .poster-area .title-container .pre-title {
  padding-top: 39px;
  line-height: 12px;
  font-size: 11px;
  font-family: ChocolateTrixieText;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
}
.bunny-hop-area .poster-area .title-container .logo-container {
  padding-top: 5px;
}
.bunny-hop-area .poster-area .title-container .logo-container .logo {
  display: block;
  margin: 0 auto;
  width: 240px;
  height: 40.436px;
}
.bunny-hop-area .poster-area .cta-container {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.bunny-hop-area .poster-area .cta-container .coming-date {
  font-family: ChocolateTrixieText;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
}
.bunny-hop-area .poster-area .cta-container .coming-date .coming {
  display: block;
  line-height: 24px;
  font-size: 24px;
}
.bunny-hop-area .poster-area .cta-container .coming-date .date {
  display: block;
  padding-top: 2px;
  line-height: 24px;
  font-size: 20px;
}
.bunny-hop-area .poster-area .cta-container .info-link-container, .bunny-hop-area .poster-area .cta-container .video-link-container {
  padding-top: 13px;
  padding-bottom: 34px;
}
.bunny-hop-area .poster-area .cta-container .info-link-container .info-link, .bunny-hop-area .poster-area .cta-container .info-link-container .video-link, .bunny-hop-area .poster-area .cta-container .video-link-container .info-link, .bunny-hop-area .poster-area .cta-container .video-link-container .video-link {
  display: inline-block;
  padding: 4px;
  line-height: 24px;
  font-size: 20px;
  font-family: ChocolateTrixieText;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
}
.bunny-hop-area .poster-area .area-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.bunny-hop-area .poster-area .video-scrim {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}
.bunny-hop-area .poster-area .content-container {
  position: relative;
  margin: 0 auto;
  max-width: 1080px;
  padding-left: 20px;
  padding-right: 20px;
}
.bunny-hop-area .poster-area .content-container .video-container {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.bunny-hop-area .poster-area .content-container .video-container .video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.bunny-hop-area .info-area {
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fff;
  color: #000;
  text-align: center;
}
.bunny-hop-area .info-area .section-header {
  padding-top: 35px;
  margin-bottom: -5px;
  line-height: 24px;
  font-size: 24px;
  font-family: ChocolateTrixieText;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bunny-hop-area .info-area .premiere-dates {
  padding-bottom: 4px;
}
.bunny-hop-area .info-area .premiere-dates .premiere-date .date {
  padding-top: 22px;
  margin-bottom: -6px;
  line-height: 24px;
  font-size: 20px;
  font-family: ChocolateTrixieText;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ce0e2d;
}
.bunny-hop-area .info-area .premiere-dates .premiere-date .premiere {
  line-height: 0;
  font-size: 0;
}
.bunny-hop-area .info-area .premiere-dates .premiere-date .premiere .premiere-link, .bunny-hop-area .info-area .premiere-dates .premiere-date .premiere .premiere-span {
  display: inline-block;
}
.bunny-hop-area .info-area .premiere-dates .premiere-date .premiere .premiere-link .title, .bunny-hop-area .info-area .premiere-dates .premiere-date .premiere .premiere-span .title {
  display: block;
  padding-top: 22px;
  margin-bottom: -6px;
  line-height: 20px;
  font-size: 16px;
  font-family: ChocolateTrixieText;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bunny-hop-area .info-area .premiere-dates .premiere-date .premiere .premiere-link .details, .bunny-hop-area .info-area .premiere-dates .premiere-date .premiere .premiere-span .details {
  display: block;
  padding-top: 7px;
  margin-bottom: -5px;
  line-height: 18px;
  font-size: 14px;
  font-family: ChocolateTrixieText;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bunny-hop-area .info-area .premiere-dates .premiere-date .premiere .premiere-link .details .highlight, .bunny-hop-area .info-area .premiere-dates .premiere-date .premiere .premiere-span .details .highlight {
  color: #ce0e2d;
}
.bunny-hop-area .info-area .info-text {
  margin: 0 auto;
  max-width: 280px;
  padding-top: 19px;
  margin-bottom: -5px;
  line-height: 18px;
  font-size: 14px;
  font-family: ChocolateTrixieText;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bunny-hop-area .info-area .info-link-list {
  padding-top: 14px;
  margin-bottom: -10px;
}
.bunny-hop-area .info-area .info-link-list .item .link {
  display: inline-block;
  padding: 4px;
  line-height: 20px;
  font-size: 16px;
  font-family: ChocolateTrixieText;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ce0e2d;
}
.bunny-hop-area .info-area .credits-container {
  padding-top: 40px;
  padding-bottom: 36px;
}
.bunny-hop-area .info-area .credits-container .credits {
  display: block;
  margin: 0 auto;
  width: 280px;
}

@media screen and (min-width: 768px) {
  .bunny-hop-area .poster-area .title-container .pre-title {
    padding-top: 49px;
    line-height: 20px;
    font-size: 18px;
  }
  .bunny-hop-area .poster-area .title-container .logo-container {
    padding-top: 7px;
  }
  .bunny-hop-area .poster-area .title-container .logo-container .logo {
    width: 480px;
    height: 80.872px;
  }
  .bunny-hop-area .poster-area .cta-container .coming-date .coming {
    line-height: 32px;
    font-size: 32px;
  }
  .bunny-hop-area .poster-area .cta-container .coming-date .date {
    padding-top: 3px;
    line-height: 32px;
    font-size: 28px;
  }
  .bunny-hop-area .poster-area .cta-container .info-link-container, .bunny-hop-area .poster-area .cta-container .video-link-container {
    padding-top: 25px;
    padding-bottom: 45px;
  }
  .bunny-hop-area .poster-area .cta-container .info-link-container .info-link, .bunny-hop-area .poster-area .cta-container .info-link-container .video-link, .bunny-hop-area .poster-area .cta-container .video-link-container .info-link, .bunny-hop-area .poster-area .cta-container .video-link-container .video-link {
    line-height: 32px;
    font-size: 28px;
  }
  .bunny-hop-area .info-area .section-header {
    padding-top: 63px;
    margin-bottom: -7px;
    line-height: 32px;
    font-size: 32px;
  }
  .bunny-hop-area .info-area .premiere-dates {
    padding-bottom: 12px;
  }
  .bunny-hop-area .info-area .premiere-dates .premiere-date .date {
    padding-top: 35px;
    margin-bottom: -7px;
    line-height: 28px;
    font-size: 24px;
  }
  .bunny-hop-area .info-area .premiere-dates .premiere-date .premiere .premiere-link .title, .bunny-hop-area .info-area .premiere-dates .premiere-date .premiere .premiere-span .title {
    padding-top: 33px;
    margin-bottom: -6px;
    line-height: 24px;
    font-size: 20px;
  }
  .bunny-hop-area .info-area .premiere-dates .premiere-date .premiere .premiere-link .details, .bunny-hop-area .info-area .premiere-dates .premiere-date .premiere .premiere-span .details {
    padding-top: 11px;
    margin-bottom: -7px;
    line-height: 24px;
    font-size: 18px;
  }
  .bunny-hop-area .info-area .info-text {
    max-width: 360px;
    padding-top: 23px;
    margin-bottom: -7px;
    line-height: 24px;
    font-size: 18px;
  }
  .bunny-hop-area .info-area .info-link-list {
    padding-top: 20px;
    margin-bottom: -12px;
  }
  .bunny-hop-area .info-area .info-link-list .item .link {
    padding: 6px;
    line-height: 24px;
    font-size: 20px;
  }
  .bunny-hop-area .info-area .credits-container {
    padding-top: 80px;
    padding-bottom: 48px;
  }
  .bunny-hop-area .info-area .credits-container .credits {
    width: 560px;
  }
}
.carlisle-container .area-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.carlisle-container .carlisle-graphic-area {
  position: relative;
  overflow: hidden;
}
.carlisle-container .carlisle-graphic-area.pro {
  background-color: #5a8071;
}
.carlisle-container .carlisle-graphic-area.pro .lines-container {
  position: absolute;
}
.carlisle-container .carlisle-graphic-area.pro .lines-container .lines-content {
  height: 0;
  padding-bottom: 100%;
}
.carlisle-container .carlisle-graphic-area.pro .lines-container .lines-content .line {
  position: absolute;
  left: -150%;
  width: 400%;
  height: 36.9504%;
  fill: #a5bdb0;
}
.carlisle-container .carlisle-graphic-area.pro .lines-container .lines-content .line.line-1 {
  bottom: 95.3812%;
}
.carlisle-container .carlisle-graphic-area.pro .lines-container .lines-content .line.line-2 {
  top: 31.5248%;
}
.carlisle-container .carlisle-graphic-area.pro .lines-container .lines-content .line.line-3 {
  top: 95.3812%;
}
.carlisle-container .carlisle-graphic-area.pro .portrait-container {
  position: absolute;
  width: 100%;
}
.carlisle-container .carlisle-graphic-area.pro .portrait-container .portrait-content {
  height: 0;
  padding-bottom: 112.60623%;
}
.carlisle-container .carlisle-graphic-area.pro .portrait-container .portrait-content .portrait-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 84.98584%;
}
.carlisle-container .carlisle-graphic-area.pro .text-1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.carlisle-container .carlisle-graphic-area.pro .text-1 .text-container {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 16px;
  padding-right: 16px;
  line-height: 20px;
  font-size: 15px;
  font-family: ChocolateTrixieText;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #372d2c;
  text-align: center;
}
.carlisle-container .carlisle-graphic-area.pro .text-1 .text-container .wide-break {
  display: none;
}
.carlisle-container .carlisle-graphic-area.pro .name-container {
  position: absolute;
  right: 50%;
  bottom: 36px;
}
.carlisle-container .carlisle-graphic-area.pro .name-container .name-content {
  width: 100%;
  height: 0;
  padding-bottom: 58.46154%;
}
.carlisle-container .carlisle-graphic-area.pro .name-container .name-content .script-container {
  position: absolute;
  width: 33.84615%;
}
.carlisle-container .carlisle-graphic-area.pro .name-container .name-content .script-container .script-content {
  position: relative;
  height: 0;
  padding-bottom: 100%;
}
.carlisle-container .carlisle-graphic-area.pro .name-container .name-content .script-container .script-content .script {
  position: absolute;
  left: 0;
  top: 0;
  fill: #d0c4c6;
}
.carlisle-container .carlisle-graphic-area.pro .name-container .name-content .script-container.carlisle {
  left: 0;
  top: 0;
}
.carlisle-container .carlisle-graphic-area.pro .name-container .name-content .script-container.carlisle .script-content .script {
  width: 295%;
  height: 96.42857%;
}
.carlisle-container .carlisle-graphic-area.pro .name-container .name-content .script-container.aikens {
  left: 8.46154%;
  top: 43.42105%;
}
.carlisle-container .carlisle-graphic-area.pro .name-container .name-content .script-container.aikens .script-content .script {
  width: 306.42857%;
  height: 99.28571%;
}
.carlisle-container .carlisle-graphic-area.pro .text-2 {
  position: absolute;
  left: 50%;
  bottom: 36px;
  width: 50%;
}
.carlisle-container .carlisle-graphic-area.pro .text-2 .text-container {
  padding-top: 3px;
  padding-bottom: 5px;
  padding-left: 36px;
  line-height: 28px;
  font-size: 24px;
  font-family: ChocolateTrixieText;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #d0c4c6;
}
.carlisle-container .carlisle-graphic-area.pro.wide .portrait-container .portrait-content {
  padding-bottom: 102.44845%;
}
.carlisle-container .carlisle-graphic-area.pro.wide .portrait-container .portrait-content .portrait-image {
  width: 77.31959%;
}
.carlisle-container .carlisle-graphic-area.pro.wide .text-1 {
  width: 37%;
}
.carlisle-container .carlisle-graphic-area.pro.wide .text-1 .text-container {
  padding-left: 0;
  padding-right: 0;
}
.carlisle-container .carlisle-graphic-area.pro.wide .text-1 .text-container .wide-break {
  display: inline;
}
.carlisle-container .carlisle-graphic-area.pro.wide .name-container {
  bottom: auto;
  left: 0;
  right: 0;
}
.carlisle-container .carlisle-graphic-area.pro.wide .name-container .name-content {
  height: auto;
  padding-bottom: 0;
}
.carlisle-container .carlisle-graphic-area.pro.wide .name-container .name-content .script-container {
  position: static;
  width: auto;
}
.carlisle-container .carlisle-graphic-area.pro.wide .name-container .name-content .script-container .script-content .script {
  fill: #372d2c;
}
.carlisle-container .carlisle-graphic-area.pro.wide .name-container .name-content .script-container.carlisle {
  float: left;
  left: auto;
  top: auto;
}
.carlisle-container .carlisle-graphic-area.pro.wide .name-container .name-content .script-container.aikens {
  float: right;
  left: auto;
  top: auto;
}
.carlisle-container .carlisle-graphic-area.pro.wide .name-container .name-content .script-container.aikens .script-content .script {
  left: auto;
  right: 0;
}
.carlisle-container .carlisle-graphic-area.pro.wide .text-2 {
  left: auto;
  right: 0;
  bottom: auto;
  width: 37%;
}
.carlisle-container .carlisle-graphic-area.pro.wide .text-2 .text-container {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  color: #372d2c;
}
.carlisle-container .carlisle-graphic-area.cta {
  background-color: #372d2c;
  overflow: hidden;
}
.carlisle-container .carlisle-graphic-area.cta .upper-container {
  position: relative;
  height: 55%;
}
.carlisle-container .carlisle-graphic-area.cta .upper-container .background-container {
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 100%;
}
.carlisle-container .carlisle-graphic-area.cta .upper-container .background-container .triangle-container {
  height: 0;
  padding-bottom: 31.25%;
}
.carlisle-container .carlisle-graphic-area.cta .upper-container .background-container .triangle-container .triangle {
  fill: #5a8071;
}
.carlisle-container .carlisle-graphic-area.cta .upper-container .background-container:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 95%;
  width: 100%;
  height: 9999px;
  background-color: #5a8071;
}
.carlisle-container .carlisle-graphic-area.cta .upper-container .text-container {
  position: relative;
  padding-top: 16px;
  padding-bottom: 14px;
}
.carlisle-container .carlisle-graphic-area.cta .upper-container .text-container .name-container {
  margin: 0 auto;
  width: 268px;
}
.carlisle-container .carlisle-graphic-area.cta .upper-container .text-container .name-container .name-content {
  position: relative;
  height: 0;
  padding-bottom: 15.44554%;
}
.carlisle-container .carlisle-graphic-area.cta .upper-container .text-container .name-container .name-content .script {
  position: absolute;
  fill: #fff;
}
.carlisle-container .carlisle-graphic-area.cta .upper-container .text-container .name-container .name-content .script.carlisle {
  left: 0;
  top: 0;
  width: 45.94059%;
  height: 97.4359%;
}
.carlisle-container .carlisle-graphic-area.cta .upper-container .text-container .name-container .name-content .script.aikens {
  right: 0;
  bottom: 0;
  width: 47.52475%;
  height: 100%;
}
.carlisle-container .carlisle-graphic-area.cta .upper-container .text-container .headline {
  padding-top: 14px;
  line-height: 28px;
  font-size: 22px;
  font-family: ChocolateTrixieText;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  text-align: center;
}
.carlisle-container .carlisle-graphic-area.cta .upper-container .text-container .text {
  padding-top: 14px;
  line-height: 20px;
  font-size: 14px;
  font-family: ChocolateTrixieText;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #372d2c;
  text-align: center;
}
.carlisle-container .carlisle-graphic-area.cta .lower-container {
  height: 45%;
}
.carlisle-container .carlisle-graphic-area.cta .lower-container .text-container {
  position: relative;
}
.carlisle-container .carlisle-graphic-area.cta .lower-container .text-container .cta-link {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 148px;
}
.carlisle-container .carlisle-graphic-area.cta .lower-container .text-container .cta-link .circle {
  fill: #cf202f;
}
.carlisle-container .carlisle-graphic-area.cta .lower-container .text-container .cta-link .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 33px;
  line-height: 40px;
  font-size: 36px;
  font-family: ChocolateTrixieText;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  text-align: center;
}

body.rollover-enabled .carlisle-container .carlisle-graphic-area.cta .upper-container .text-container .text a:hover {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .carlisle-container .carlisle-graphic-area.pro .text-1 .text-container {
    padding-top: 23px;
    padding-bottom: 21px;
    line-height: 28px;
    font-size: 24px;
  }
  .carlisle-container .carlisle-graphic-area.pro .name-container {
    right: 52%;
  }
  .carlisle-container .carlisle-graphic-area.pro .text-2 .text-container {
    padding-top: 3px;
    padding-bottom: 5px;
    padding-left: 32px;
    line-height: 52px;
    font-size: 48px;
  }
  .carlisle-container .carlisle-graphic-area.cta .upper-container {
    height: 60%;
  }
  .carlisle-container .carlisle-graphic-area.cta .upper-container .text-container {
    padding-top: 16px;
    padding-bottom: 14px;
  }
  .carlisle-container .carlisle-graphic-area.cta .upper-container .text-container .name-container {
    width: 505px;
  }
  .carlisle-container .carlisle-graphic-area.cta .upper-container .text-container .headline {
    padding-top: 20px;
    line-height: 52px;
    font-size: 40px;
  }
  .carlisle-container .carlisle-graphic-area.cta .upper-container .text-container .text {
    padding-top: 20px;
    line-height: 36px;
    font-size: 24px;
  }
  .carlisle-container .carlisle-graphic-area.cta .lower-container {
    height: 40%;
  }
  .carlisle-container .carlisle-graphic-area.cta .lower-container .text-container .cta-link {
    width: 340px;
  }
  .carlisle-container .carlisle-graphic-area.cta .lower-container .text-container .cta-link .text {
    padding-top: 80px;
    line-height: 72px;
    font-size: 64px;
  }
}
.herschel-camo-area {
  position: relative;
  overflow: hidden;
}
.herschel-camo-area .background-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.herschel-camo-area .background-container .camo-pattern {
  display: block;
}
.herschel-camo-area .background-container .scrim {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.herschel-camo-area .content-container {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}
.herschel-camo-area .content-container .herschel-chocolate-logo {
  display: block;
  margin: 0 auto;
  width: 113px;
  height: 26.5089px;
  fill: #fff;
}
.herschel-camo-area.tour .content-container {
  padding-top: 32px;
  padding-bottom: 35px;
}
.herschel-camo-area.tour .content-container .presents {
  padding-top: 7px;
  line-height: 18px;
  font-size: 12px;
  font-family: ChocolateTrixieText;
  letter-spacing: 0.075em;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
}
.herschel-camo-area.tour .content-container .cruster-link-container {
  padding-top: 15px;
}
.herschel-camo-area.tour .content-container .cruster-link-container .cruster-link {
  display: inline-block;
}
.herschel-camo-area.tour .content-container .cruster-link-container .cruster-link .upper-cruster-logo {
  display: block;
  margin: 0 auto;
  width: 260px;
  height: 156.91208px;
  fill: #fff;
}
.herschel-camo-area.tour .content-container .tour-video {
  padding-top: 19px;
  line-height: 24px;
  font-size: 20px;
  font-family: ChocolateGothamBold;
  letter-spacing: 0.1em;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  color: #fff;
}
.herschel-camo-area.tour .content-container .tour-text {
  margin: 0 auto;
  max-width: 420px;
  padding-top: 11px;
  line-height: 18px;
  font-size: 12px;
  font-family: ChocolateTrixieText;
  letter-spacing: 0.025em;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
}
.herschel-camo-area.tour .content-container .tour-links-container {
  padding-top: 15px;
  line-height: 0;
  font-size: 0;
}
.herschel-camo-area.tour .content-container .tour-links-container .tour-link {
  position: relative;
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  padding-top: 3px;
  padding-bottom: 5px;
  line-height: 16px;
  font-size: 13px;
  font-family: ChocolateGothamBold;
  letter-spacing: 0.05em;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  color: #fff;
}
.herschel-camo-area.tour .content-container .tour-links-container .tour-link:after {
  position: absolute;
  left: 2px;
  right: 2px;
  top: 100%;
  height: 3px;
  background-color: #fff;
  content: '';
}
.herschel-camo-area.shop {
  padding-top: 32px;
  padding-bottom: 32px;
}
.herschel-camo-area.shop .shop-text {
  padding-top: 24px;
  line-height: 20px;
  font-size: 16px;
  font-family: ChocolateGothamBold;
  letter-spacing: 0.05em;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  color: #fff;
}
.herschel-camo-area.shop .shop-link-container {
  padding-top: 24px;
}
.herschel-camo-area.shop .shop-link-container .shop-link {
  display: inline-block;
}
.herschel-camo-area.shop .shop-link-container .shop-link .herschel-lockup {
  display: block;
  width: 250px;
  height: 205.36125px;
  fill: #fff;
}

.herschel-container .herschel-images-area {
  position: relative;
}
.herschel-container .herschel-images-area .images-container {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  overflow: hidden;
}
.herschel-container .herschel-images-area .images-container .image {
  position: absolute;
}
.herschel-container .herschel-images-area .area-link {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.herschel-container .herschel-images-area.single .images-container {
  width: 100%;
}
.herschel-container .herschel-images-area.single .images-container.image-2 {
  display: none;
}
.herschel-container .herschel-images-area.double .images-container {
  width: 50%;
}
.herschel-container .herschel-images-area.double .images-container.image-2 {
  left: 50%;
}

body.rollover-enabled .herschel-camo-area.tour .content-container .cruster-link-container .cruster-link:hover .upper-cruster-logo {
  fill: #ec1e27;
}
body.rollover-enabled .herschel-camo-area.tour .content-container .tour-links-container .tour-link:hover {
  color: #ec1e27;
}
body.rollover-enabled .herschel-camo-area.tour .content-container .tour-links-container .tour-link:hover:after {
  background-color: #ec1e27;
}
body.rollover-enabled .herschel-camo-area.shop .shop-link-container .shop-link:hover .herschel-lockup {
  fill: #ec1e27;
}

@media screen and (min-width: 768px) {
  .herschel-camo-area .content-container .herschel-chocolate-logo {
    width: 163px;
    height: 38.2385px;
  }
  .herschel-camo-area.tour .content-container {
    padding-top: 48px;
    padding-bottom: 52px;
  }
  .herschel-camo-area.tour .content-container .presents {
    padding-top: 12px;
    line-height: 24px;
    font-size: 16px;
  }
  .herschel-camo-area.tour .content-container .cruster-link-container {
    padding-top: 20px;
  }
  .herschel-camo-area.tour .content-container .cruster-link-container .cruster-link .upper-cruster-logo {
    width: 400px;
    height: 241.4032px;
  }
  .herschel-camo-area.tour .content-container .tour-video {
    padding-top: 30px;
    line-height: 36px;
    font-size: 32px;
  }
  .herschel-camo-area.tour .content-container .tour-text {
    max-width: 580px;
    padding-top: 14px;
    line-height: 24px;
    font-size: 16px;
  }
  .herschel-camo-area.tour .content-container .tour-links-container {
    padding-top: 20px;
  }
  .herschel-camo-area.tour .content-container .tour-links-container .tour-link {
    margin-left: 12px;
    margin-right: 12px;
    padding-top: 4px;
    padding-bottom: 6px;
    line-height: 24px;
    font-size: 20px;
  }
  .herschel-camo-area.tour .content-container .tour-links-container .tour-link:after {
    left: 3px;
    right: 3px;
    height: 4px;
  }
  .herschel-camo-area.shop {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .herschel-camo-area.shop .shop-text {
    padding-top: 34px;
    line-height: 28px;
    font-size: 22px;
  }
  .herschel-camo-area.shop .shop-link-container {
    padding-top: 34px;
  }
  .herschel-camo-area.shop .shop-link-container .shop-link .herschel-lockup {
    width: 360px;
    height: 295.7202px;
  }
}
.erik-herrera-container .area-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.erik-herrera-container .erik-herrera-graphic-area {
  position: relative;
  overflow: hidden;
}
.erik-herrera-container .erik-herrera-graphic-area.pro {
  background-color: #f2dab2;
}
.erik-herrera-container .erik-herrera-graphic-area.pro .lines-container {
  position: absolute;
}
.erik-herrera-container .erik-herrera-graphic-area.pro .lines-container .lines-content {
  height: 0;
  padding-bottom: 100%;
}
.erik-herrera-container .erik-herrera-graphic-area.pro .lines-container .lines-content .line {
  position: absolute;
  left: -125%;
  width: 350%;
  height: 32.3316%;
  fill: #ffb600;
}
.erik-herrera-container .erik-herrera-graphic-area.pro .lines-container .lines-content .line.line-1 {
  bottom: 89.49223%;
}
.erik-herrera-container .erik-herrera-graphic-area.pro .lines-container .lines-content .line.line-2 {
  top: 33.8342%;
}
.erik-herrera-container .erik-herrera-graphic-area.pro .lines-container .lines-content .line.line-3 {
  top: 89.49223%;
}
.erik-herrera-container .erik-herrera-graphic-area.pro .portrait-container {
  position: absolute;
  width: 100%;
}
.erik-herrera-container .erik-herrera-graphic-area.pro .portrait-container .portrait-content {
  height: 0;
  padding-bottom: 145.83333%;
}
.erik-herrera-container .erik-herrera-graphic-area.pro .portrait-container .portrait-content .portrait-image {
  position: absolute;
  right: 0;
  top: 0;
  width: 125%;
}
.erik-herrera-container .erik-herrera-graphic-area.pro .text-1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.erik-herrera-container .erik-herrera-graphic-area.pro .text-1 .text-container {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 16px;
  padding-right: 16px;
  line-height: 20px;
  font-size: 15px;
  font-family: ChocolateTrixieText;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #3c2526;
  text-align: center;
}
.erik-herrera-container .erik-herrera-graphic-area.pro .text-1 .text-container .wide-break {
  display: none;
}
.erik-herrera-container .erik-herrera-graphic-area.pro .name-container {
  position: absolute;
  bottom: 36px;
}
.erik-herrera-container .erik-herrera-graphic-area.pro .name-container .name-content {
  position: relative;
  height: 0;
  padding-bottom: 55.55556%;
}
.erik-herrera-container .erik-herrera-graphic-area.pro .name-container .name-content .script {
  position: absolute;
  fill: #ffb600;
}
.erik-herrera-container .erik-herrera-graphic-area.pro .name-container .name-content .script.erik {
  left: 14.92063%;
  top: 0;
  width: 58.4127%;
  height: 56.57143%;
}
.erik-herrera-container .erik-herrera-graphic-area.pro .name-container .name-content .script.herrera {
  left: 0;
  top: 37.14286%;
  width: 100%;
  height: 62.85714%;
}
.erik-herrera-container .erik-herrera-graphic-area.pro .text-2 {
  position: absolute;
  bottom: 20px;
}
.erik-herrera-container .erik-herrera-graphic-area.pro .text-2 .text-container {
  padding-top: 3px;
  padding-bottom: 5px;
  line-height: 28px;
  font-size: 24px;
  font-family: ChocolateTrixieText;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #f2dab2;
}
.erik-herrera-container .erik-herrera-graphic-area.pro.wide .lines-container .lines-content .line {
  left: -200%;
  width: 500%;
  height: 46.188%;
}
.erik-herrera-container .erik-herrera-graphic-area.pro.wide .lines-container .lines-content .line.line-1 {
  bottom: 93.0718%;
}
.erik-herrera-container .erik-herrera-graphic-area.pro.wide .lines-container .lines-content .line.line-2 {
  top: 26.906%;
}
.erik-herrera-container .erik-herrera-graphic-area.pro.wide .lines-container .lines-content .line.line-3 {
  top: 93.0718%;
}
.erik-herrera-container .erik-herrera-graphic-area.pro.wide .text-1 {
  width: auto;
}
.erik-herrera-container .erik-herrera-graphic-area.pro.wide .text-1 .text-container {
  padding-left: 0;
  padding-right: 0;
}
.erik-herrera-container .erik-herrera-graphic-area.pro.wide .text-1 .text-container .wide-break {
  display: inline;
}
.erik-herrera-container .erik-herrera-graphic-area.pro.wide .name-container {
  bottom: auto;
  right: auto;
}
.erik-herrera-container .erik-herrera-graphic-area.pro.wide .name-container .name-content .script {
  position: absolute;
  fill: #3c2526;
}
.erik-herrera-container .erik-herrera-graphic-area.pro.wide .text-2 {
  left: auto;
  bottom: auto;
  padding-top: 4px;
}
.erik-herrera-container .erik-herrera-graphic-area.pro.wide .text-2 .text-container {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  color: #3c2526;
}
.erik-herrera-container .erik-herrera-graphic-area.cta {
  background-color: #f2dab2;
}
.erik-herrera-container .erik-herrera-graphic-area.cta .content-container .upper-container {
  position: relative;
  z-index: 100;
}
.erik-herrera-container .erik-herrera-graphic-area.cta .content-container .upper-container .background-container {
  position: absolute;
  left: -5%;
  bottom: 0;
  width: 110%;
}
.erik-herrera-container .erik-herrera-graphic-area.cta .content-container .upper-container .background-container .triangle-container {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  padding-bottom: 49.8514%;
}
.erik-herrera-container .erik-herrera-graphic-area.cta .content-container .upper-container .background-container .triangle-container .triangle {
  fill: #ce0e2d;
}
.erik-herrera-container .erik-herrera-graphic-area.cta .content-container .upper-container .background-container:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  height: 9999px;
  background-color: #3c2526;
}
.erik-herrera-container .erik-herrera-graphic-area.cta .content-container .upper-container .text-container {
  position: relative;
  padding-top: 20px;
  padding-bottom: 64px;
}
.erik-herrera-container .erik-herrera-graphic-area.cta .content-container .upper-container .text-container .name-container {
  margin: 0 auto;
  width: 280px;
}
.erik-herrera-container .erik-herrera-graphic-area.cta .content-container .upper-container .text-container .name-container .name-content {
  position: relative;
  height: 0;
  padding-bottom: 22.0339%;
}
.erik-herrera-container .erik-herrera-graphic-area.cta .content-container .upper-container .text-container .name-container .name-content .script {
  position: absolute;
  fill: #ffb600;
}
.erik-herrera-container .erik-herrera-graphic-area.cta .content-container .upper-container .text-container .name-container .name-content .script.erik {
  left: 0;
  top: 10%;
  width: 36.10169%;
  height: 88.46154%;
}
.erik-herrera-container .erik-herrera-graphic-area.cta .content-container .upper-container .text-container .name-container .name-content .script.herrera {
  left: 37.9661%;
  top: 0;
  width: 62.0339%;
  height: 99.23077%;
}
.erik-herrera-container .erik-herrera-graphic-area.cta .content-container .upper-container .text-container .headline {
  padding-top: 30px;
  line-height: 28px;
  font-size: 22px;
  font-family: ChocolateTrixieText;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #3c2526;
  text-align: center;
}
.erik-herrera-container .erik-herrera-graphic-area.cta .content-container .upper-container .text-container .text {
  padding-top: 5px;
  padding-bottom: 7px;
  line-height: 20px;
  font-size: 14px;
  font-family: ChocolateTrixieText;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #3c2526;
  text-align: center;
}
.erik-herrera-container .erik-herrera-graphic-area.cta .content-container .lower-container {
  position: relative;
  height: 124px;
  padding-top: 12px;
}
.erik-herrera-container .erik-herrera-graphic-area.cta .content-container .lower-container:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 9999px;
  background-color: #ffb600;
}
.erik-herrera-container .erik-herrera-graphic-area.cta .content-container .lower-container .text-container {
  position: relative;
}
.erik-herrera-container .erik-herrera-graphic-area.cta .content-container .lower-container .text-container .cta-link {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 148px;
}
.erik-herrera-container .erik-herrera-graphic-area.cta .content-container .lower-container .text-container .cta-link .circle {
  fill: #3c2526;
}
.erik-herrera-container .erik-herrera-graphic-area.cta .content-container .lower-container .text-container .cta-link .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 33px;
  line-height: 40px;
  font-size: 36px;
  font-family: ChocolateTrixieText;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  text-align: center;
}

body.rollover-enabled .erik-herrera-container .erik-herrera-graphic-area.cta .content-container .upper-container .text-container .text a:hover {
  color: #ce0e2d;
}
body.rollover-enabled .erik-herrera-container .erik-herrera-graphic-area.cta .content-container .lower-container .text-container .cta-link:hover .circle {
  fill: #ce0e2d;
}

@media screen and (min-width: 768px) {
  .erik-herrera-container .erik-herrera-graphic-area.pro .text-1 .text-container {
    padding-top: 23px;
    padding-bottom: 21px;
    line-height: 32px;
    font-size: 26px;
  }
  .erik-herrera-container .erik-herrera-graphic-area.pro .name-container {
    right: 52%;
  }
  .erik-herrera-container .erik-herrera-graphic-area.pro .text-2 .text-container {
    padding-top: 3px;
    padding-bottom: 5px;
    line-height: 64px;
    font-size: 56px;
  }
  .erik-herrera-container .erik-herrera-graphic-area.pro.wide .text-1 {
    padding-bottom: 8px;
  }
  .erik-herrera-container .erik-herrera-graphic-area.pro.wide .text-2 {
    padding-top: 8px;
  }
  .erik-herrera-container .erik-herrera-graphic-area.cta .content-container .upper-container .text-container {
    padding-top: 28px;
    padding-bottom: 112px;
  }
  .erik-herrera-container .erik-herrera-graphic-area.cta .content-container .upper-container .text-container .name-container {
    width: 488px;
  }
  .erik-herrera-container .erik-herrera-graphic-area.cta .content-container .upper-container .text-container .headline {
    padding-top: 50px;
    line-height: 52px;
    font-size: 40px;
  }
  .erik-herrera-container .erik-herrera-graphic-area.cta .content-container .upper-container .text-container .text {
    padding-top: 0;
    padding-bottom: 9px;
    line-height: 36px;
    font-size: 24px;
  }
  .erik-herrera-container .erik-herrera-graphic-area.cta .content-container .lower-container {
    height: 248px;
    padding-top: 20px;
  }
  .erik-herrera-container .erik-herrera-graphic-area.cta .content-container .lower-container .text-container .cta-link {
    width: 340px;
  }
  .erik-herrera-container .erik-herrera-graphic-area.cta .content-container .lower-container .text-container .cta-link .text {
    padding-top: 88px;
    line-height: 72px;
    font-size: 64px;
  }
}
.city-series-23-container .area-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.city-series-23-container .content-container {
  padding-top: 28px;
  padding-bottom: 40px;
}
.city-series-23-container .text-container {
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  color: #fff;
}
.city-series-23-container .text-container h2 {
  padding-top: 3px;
  margin-bottom: -9px;
  line-height: 30px;
  font-size: 23px;
  font-family: ChocolateTrixieText;
  letter-spacing: 0.1em;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
}
.city-series-23-container .text-container p {
  margin-left: auto;
  margin-right: auto;
  padding-top: 23px;
  margin-bottom: -7px;
  line-height: 22px;
  font-size: 15px;
  font-family: ChocolateTrixieText;
  letter-spacing: 0.01em;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.city-series-23-container .text-container.intro h2 {
  padding-bottom: 2px;
}
.city-series-23-container .text-container.intro p {
  max-width: 260px;
}
.city-series-23-container .text-container.shop p {
  max-width: 270px;
}
.city-series-23-container .decks-container {
  margin: 0 auto;
  width: 272px;
  padding-top: 32px;
}
.city-series-23-container .decks-container .image-container {
  position: relative;
  height: 0;
  padding-bottom: 56.48148%;
}
.city-series-23-container .decks-container .image-container .image {
  position: absolute;
  left: -11.11111%;
  top: -5.2459%;
  width: 111.11111%;
  height: 111.47541%;
}

@media screen and (min-width: 768px) {
  .city-series-23-container .content-container {
    padding-top: 48px;
    padding-bottom: 64px;
  }
  .city-series-23-container .text-container {
    padding-left: 24px;
    padding-right: 24px;
  }
  .city-series-23-container .text-container h2 {
    padding-top: 2px;
    margin-bottom: -11px;
    line-height: 44px;
    font-size: 36px;
  }
  .city-series-23-container .text-container p {
    padding-top: 38px;
    margin-bottom: -10px;
    line-height: 32px;
    font-size: 22px;
  }
  .city-series-23-container .text-container.intro h2 {
    padding-bottom: 4px;
  }
  .city-series-23-container .text-container.intro p {
    max-width: 410px;
  }
  .city-series-23-container .text-container.shop p {
    max-width: 400px;
  }
  .city-series-23-container .decks-container {
    width: 544px;
    padding-top: 48px;
  }
}
@media screen and (min-width: 1024px) {
  .city-series-23-container .content-container {
    padding-top: 72px;
    padding-bottom: 88px;
  }
  .city-series-23-container .text-container {
    padding-left: 28px;
    padding-right: 28px;
  }
}
.liquid-swords-title-area-container {
  background-color: #000;
}
.liquid-swords-title-area-container .content-container {
  position: relative;
  margin: 0 auto;
  width: 140px;
}
.liquid-swords-title-area-container .content-container .title-container {
  position: relative;
  height: 0;
  padding-bottom: 105.9319%;
}
.liquid-swords-title-area-container .content-container .title-container .title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.liquid-swords-area-container .area-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.liquid-swords-area-container .content-container {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
.liquid-swords-area-container .content-container h3 {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 3px;
  margin-bottom: -9px;
  line-height: 30px;
  font-size: 23px;
  font-family: ChocolateTrixieText;
  letter-spacing: 0.1em;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
}
.liquid-swords-area-container .content-container p {
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 19px;
  margin-bottom: -7px;
  line-height: 22px;
  font-size: 15px;
  font-family: ChocolateTrixieText;
  letter-spacing: 0.01em;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.liquid-swords-area-container .album-area-container {
  position: relative;
  background-color: #950119;
  overflow: hidden;
}
.liquid-swords-area-container .album-area-container .art-container {
  position: absolute;
}
.liquid-swords-area-container .album-area-container .art-container .art-1 {
  position: relative;
  display: block;
  width: 100%;
}
.liquid-swords-area-container .album-area-container .art-container .art-2, .liquid-swords-area-container .album-area-container .art-container .art-3 {
  position: absolute;
}
.liquid-swords-area-container .album-area-container .art-container .art-2 {
  left: 23.5%;
  top: 32.97003%;
  width: 41.25%;
  height: 63.48774%;
}
.liquid-swords-area-container .album-area-container .art-container .art-3 {
  left: 40.75%;
  top: 41.55313%;
  width: 23.875%;
  height: 26.703%;
}
.liquid-swords-area-container .album-area-container .title-container {
  position: absolute;
  right: 20px;
  top: 20px;
}
.liquid-swords-area-container .album-area-container .title-container .title-content {
  position: relative;
  height: 0;
  padding-bottom: 51.16279%;
}
.liquid-swords-area-container .album-area-container .title-container .title-content .title-gza, .liquid-swords-area-container .album-area-container .title-container .title-content .title-liquid-swords {
  position: absolute;
}
.liquid-swords-area-container .album-area-container .title-container .title-content .title-gza {
  left: 0;
  top: 0;
  width: 100%;
}
.liquid-swords-area-container .album-area-container .title-container .title-content .title-liquid-swords {
  left: 0;
  top: 68.18182%;
  width: 100%;
}
.liquid-swords-area-container .album-area-container .title-container.wide .title-content {
  padding-bottom: 10.67961%;
}
.liquid-swords-area-container .album-area-container .title-container.wide .title-content .title-gza {
  left: 0;
  top: 0;
  width: 34.70874%;
}
.liquid-swords-area-container .album-area-container .title-container.wide .title-content .title-liquid-swords {
  left: 36.40777%;
  top: 2.27273%;
  width: 63.47087%;
}
.liquid-swords-area-container .text-area-container {
  position: relative;
  background-color: #000;
}
.liquid-swords-area-container .text-area-container .content-container {
  position: relative;
}
.liquid-swords-area-container .media-area-container {
  position: relative;
  background-color: #000;
}
.liquid-swords-area-container .shop-area-container {
  position: relative;
  background-color: #950119;
}
.liquid-swords-area-container .shop-area-container .content-container {
  position: relative;
}
.liquid-swords-area-container .shop-area-container .content-container .image-container {
  margin: 0 auto;
  max-width: 880px;
  margin-top: -16px;
  margin-bottom: -16px;
}
.liquid-swords-area-container .shop-area-container .content-container .image-container .slideshow-container {
  position: relative;
  height: 0;
  padding-bottom: 75.92593%;
}
.liquid-swords-area-container .shop-area-container .content-container .image-container .slideshow-container .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .liquid-swords-title-area-container .content-container {
    width: 240px;
  }

  .liquid-swords-area-container .content-container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .liquid-swords-area-container .content-container h3 {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 2px;
    margin-bottom: -11px;
    line-height: 44px;
    font-size: 36px;
  }
  .liquid-swords-area-container .content-container p {
    max-width: 560px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 30px;
    margin-bottom: -10px;
    line-height: 32px;
    font-size: 22px;
  }
  .liquid-swords-area-container .shop-area-container .content-container .image-container {
    margin-top: -24px;
    margin-bottom: -24px;
  }
}
@media screen and (min-width: 1024px) {
  .liquid-swords-title-area-container .content-container {
    width: 256px;
  }

  .liquid-swords-area-container .content-container {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .liquid-swords-area-container .content-container h3 {
    padding-left: 28px;
    padding-right: 28px;
  }
  .liquid-swords-area-container .content-container p {
    padding-left: 28px;
    padding-right: 28px;
  }
}
.gallery-photos-container .gallery-title {
  padding-top: 2px;
  margin-bottom: -6px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 24px;
  font-size: 16px;
  font-family: ChocolateGothamBold;
  letter-spacing: 0.05em;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  text-align: center;
}
.gallery-photos-container .gallery-photos .gallery-photo-container {
  margin-top: 120px;
}
.gallery-photos-container .gallery-photos .gallery-photo-container .photo-link, .gallery-photos-container .gallery-photos .gallery-photo-container .photo-container {
  display: block;
  position: relative;
  margin: 0 auto;
}
.gallery-photos-container .gallery-photos .gallery-photo-container .photo-link .photo, .gallery-photos-container .gallery-photos .gallery-photo-container .photo-container .photo {
  display: block;
  width: 100%;
}
.gallery-photos-container .gallery-photos .gallery-photo-container.first {
  margin-top: 60px;
}
.gallery-photos-container .gallery-end-text {
  padding-top: 40px;
  padding-bottom: 16px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 20px;
  font-size: 14px;
  font-family: ChocolateTrixieText;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
}
.gallery-photos-container .gallery-end-text p {
  padding-top: 18px;
  margin-bottom: -6px;
}

@media screen and (min-width: 768px) {
  .gallery-photos-container .gallery-title {
    padding-top: 1px;
    margin-bottom: -9px;
    padding-left: 24px;
    padding-right: 24px;
    line-height: 36px;
    font-size: 24px;
  }
  .gallery-photos-container .gallery-photos .gallery-photo-container {
    margin-top: 160px;
  }
  .gallery-photos-container .gallery-photos .gallery-photo-container.first {
    margin-top: 80px;
  }
  .gallery-photos-container .gallery-end-text {
    padding-top: 100px;
    padding-bottom: 20px;
    padding-left: 24px;
    padding-right: 24px;
    line-height: 28px;
    font-size: 20px;
  }
  .gallery-photos-container .gallery-end-text p {
    padding-top: 24px;
    margin-bottom: -8px;
  }
}
@media screen and (min-width: 1024px) {
  .gallery-photos-container .gallery-photos .gallery-photo-container {
    margin-top: 200px;
  }
  .gallery-photos-container .gallery-photos .gallery-photo-container.first {
    margin-top: 100px;
  }
}
.lower-area-container {
  overflow: hidden;
}
.lower-area-container .dudes {
  margin-top: 56px;
}
.lower-area-container .dudes .dude .dude-link {
  display: block;
  margin: 0 auto;
  height: 40px;
  text-indent: -9999px;
}
.lower-area-container .dudes .dude .dude-link.vincent {
  width: 134px;
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: 0 -124px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.vincent {
    background-position: 0px -124px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
.lower-area-container .dudes .dude .dude-link.kenny {
  width: 143px;
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: -134px -124px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.kenny {
    background-position: -134px -124px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
.lower-area-container .dudes .dude .dude-link.elijah {
  width: 100px;
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: -112px -612px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.elijah {
    background-position: -112px -612px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
.lower-area-container .dudes .dude .dude-link.chico {
  width: 120px;
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: -153px -324px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.chico {
    background-position: -153px -324px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
.lower-area-container .dudes .dude .dude-link.yonnie {
  width: 98px;
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: -183px -652px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.yonnie {
    background-position: -183px -652px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
.lower-area-container .dudes .dude .dude-link.eldy {
  width: 138px;
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: -143px -204px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.eldy {
    background-position: -143px -204px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
.lower-area-container .dudes .dude .dude-link.jesus {
  width: 159px;
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: -98px -44px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.jesus {
    background-position: -98px -44px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
.lower-area-container .dudes .dude .dude-link.jerry {
  width: 80px;
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: -18px -44px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.jerry {
    background-position: -18px -44px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
.lower-area-container .dudes .dude .dude-link.flaco {
  width: 106px;
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: 0 -572px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.flaco {
    background-position: 0px -572px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
.lower-area-container .dudes .dude .dude-link.crob {
  width: 137px;
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: 0 -244px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.crob {
    background-position: 0px -244px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
.lower-area-container .dudes .dude .dude-link.raven {
  width: 112px;
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: 0 -612px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.raven {
    background-position: 0px -612px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
.lower-area-container .dudes .dude .dude-link.hakeem {
  width: 183px;
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: -102px 0;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.hakeem {
    background-position: -102px 0px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
.lower-area-container .dudes .dude .dude-link.capps {
  width: 118px;
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: -150px -448px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.capps {
    background-position: -150px -448px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
.lower-area-container .dudes .dude .dude-link.carl {
  width: 126px;
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: -138px -284px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.carl {
    background-position: -138px -284px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
.lower-area-container .dudes .dude .dude-link.erik {
  width: 119px;
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: -32px -510px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.erik {
    background-position: -32px -510px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
.lower-area-container .dudes .dude .dude-link.jordan {
  width: 138px;
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: 0 -284px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.jordan {
    background-position: 0px -284px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
.lower-area-container .buttons-container {
  padding-top: 44px;
  text-align: center;
}
.lower-area-container.has-logo {
  padding-top: 60px;
}
.lower-area-container.has-logo .chocolate-logo {
  display: block;
  margin: 0 auto;
  width: 64px;
  fill: #fff;
  background-color: #ec1e27;
}
.lower-area-container.has-logo .dudes {
  margin-top: 44px;
}

body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.vincent {
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: 0 -84px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.vincent {
    background-position: 0px -84px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.kenny {
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: 0 -204px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.kenny {
    background-position: 0px -204px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.elijah {
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: 0 -1780px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.elijah {
    background-position: 0px -1780px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.chico {
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: -33px -324px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.chico {
    background-position: -33px -324px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.yonnie {
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: -100px -1780px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.yonnie {
    background-position: -100px -1780px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.eldy {
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: -138px -164px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.eldy {
    background-position: -138px -164px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.jesus {
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: -134px -84px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.jesus {
    background-position: -134px -84px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.jerry {
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: 0 0;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.jerry {
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.flaco {
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: -106px -572px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.flaco {
    background-position: -106px -572px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.crob {
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: -137px -244px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.crob {
    background-position: -137px -244px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.raven {
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: -151px -510px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.raven {
    background-position: -151px -510px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.hakeem {
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: 0 -652px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.hakeem {
    background-position: 0px -652px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.capps {
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: -32px -448px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.capps {
    background-position: -32px -448px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.carl {
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: -33px -386px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.carl {
    background-position: -33px -386px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.erik {
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: -159px -386px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.erik {
    background-position: -159px -386px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.jordan {
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: 0 -164px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.jordan {
    background-position: 0px -164px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}

@media screen and (min-width: 768px) {
  .lower-area-container .dudes {
    margin-top: 80px;
  }
  .lower-area-container .dudes .dude .dude-link {
    height: 64px;
  }
  .lower-area-container .dudes .dude .dude-link.vincent {
    width: 213px;
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -1588px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.vincent {
    background-position: 0px -1588px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  .lower-area-container .dudes .dude .dude-link.kenny {
    width: 228px;
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -1076px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.kenny {
    background-position: 0px -1076px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  .lower-area-container .dudes .dude .dude-link.elijah {
    width: 159px;
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -2460px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.elijah {
    background-position: 0px -2460px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  .lower-area-container .dudes .dude .dude-link.chico {
    width: 191px;
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -1820px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.chico {
    background-position: 0px -1820px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  .lower-area-container .dudes .dude .dude-link.yonnie {
    width: 156px;
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -2524px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.yonnie {
    background-position: 0px -2524px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  .lower-area-container .dudes .dude .dude-link.eldy {
    width: 220px;
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -1332px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.eldy {
    background-position: 0px -1332px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  .lower-area-container .dudes .dude .dude-link.jesus {
    width: 254px;
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -884px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.jesus {
    background-position: 0px -884px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  .lower-area-container .dudes .dude .dude-link.jerry {
    width: 127px;
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: -159px -2460px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.jerry {
    background-position: -159px -2460px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  .lower-area-container .dudes .dude .dude-link.flaco {
    width: 169px;
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -2332px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.flaco {
    background-position: 0px -2332px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  .lower-area-container .dudes .dude .dude-link.crob {
    width: 218px;
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -1396px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.crob {
    background-position: 0px -1396px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  .lower-area-container .dudes .dude .dude-link.raven {
    width: 179px;
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -2204px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.raven {
    background-position: 0px -2204px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  .lower-area-container .dudes .dude .dude-link.hakeem {
    width: 293px;
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -820px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.hakeem {
    background-position: 0px -820px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  .lower-area-container .dudes .dude .dude-link.capps {
    width: 189px;
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -2012px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.capps {
    background-position: 0px -2012px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  .lower-area-container .dudes .dude .dude-link.carl {
    width: 202px;
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -1716px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.carl {
    background-position: 0px -1716px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  .lower-area-container .dudes .dude .dude-link.erik {
    width: 190px;
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -1948px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.erik {
    background-position: 0px -1948px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  .lower-area-container .dudes .dude .dude-link.jordan {
    width: 221px;
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -1140px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .lower-area-container .dudes .dude .dude-link.jordan {
    background-position: 0px -1140px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  .lower-area-container .buttons-container {
    padding-top: 64px;
  }
  .lower-area-container.has-logo {
    padding-top: 88px;
  }
  .lower-area-container.has-logo .chocolate-logo {
    width: 120px;
  }
  .lower-area-container.has-logo .dudes {
    margin-top: 68px;
  }

  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.vincent {
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -1524px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.vincent {
    background-position: 0px -1524px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.kenny {
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -1012px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.kenny {
    background-position: 0px -1012px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.elijah {
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -2396px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.elijah {
    background-position: 0px -2396px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.chico {
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -692px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.chico {
    background-position: 0px -692px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.yonnie {
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -2588px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.yonnie {
    background-position: 0px -2588px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.eldy {
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -1268px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.eldy {
    background-position: 0px -1268px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.jesus {
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -948px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.jesus {
    background-position: 0px -948px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.jerry {
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: -159px -2396px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.jerry {
    background-position: -159px -2396px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.flaco {
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -2268px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.flaco {
    background-position: 0px -2268px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.crob {
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -1460px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.crob {
    background-position: 0px -1460px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.raven {
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -2140px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.raven {
    background-position: 0px -2140px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.hakeem {
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -756px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.hakeem {
    background-position: 0px -756px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.capps {
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -2076px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.capps {
    background-position: 0px -2076px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.carl {
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -1652px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.carl {
    background-position: 0px -1652px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.erik {
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -1884px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.erik {
    background-position: 0px -1884px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
@media screen and (min-width: 768px) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.jordan {
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: 0 -1204px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .lower-area-container .dudes .dude .dude-link:hover.jordan {
    background-position: 0px -1204px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}

.main-footer .footer-content-container {
  line-height: 20px;
  font-size: 10px;
  font-family: ChocolateGothamBold;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-align: center;
  overflow: hidden;
}
.main-footer .footer-content-container .instagram-text {
  margin-top: 47px;
  margin-bottom: -1px;
}
.main-footer .footer-content-container .instagram-feed-container {
  margin: 0 auto;
  max-width: 640px;
  padding: 0 4px;
}
.main-footer .footer-content-container .footer-3-container .footer-3-item .footer-links {
  margin-top: -6px;
}
.main-footer .footer-content-container .footer-3-container .footer-3-item .footer-links .footer-link {
  display: inline-block;
  margin-top: 16px;
}
.main-footer .footer-content-container .footer-3-container .footer-3-item .mailing-list-signup {
  padding-top: 20px;
}
.main-footer .footer-content-container .footer-3-container .footer-3-item .mailing-list-signup .mailing-list-form {
  margin-top: 9px;
  text-align: center;
}
.main-footer .footer-content-container .footer-3-container .footer-3-item .mailing-list-signup .mailing-list-form .mailing-list-email, .main-footer .footer-content-container .footer-3-container .footer-3-item .mailing-list-signup .mailing-list-form .mailing-list-submit {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* mobile firefox too! */
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-size: 9px;
  font-family: ChocolateGothamBold;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.main-footer .footer-content-container .footer-3-container .footer-3-item .mailing-list-signup .mailing-list-form .mailing-list-email {
  width: 124px;
  padding: 0 8px;
  background-color: #fff;
  color: #000;
  text-align: center;
}
.main-footer .footer-content-container .footer-3-container .footer-3-item .mailing-list-signup .mailing-list-form .mailing-list-submit {
  margin-left: 12px;
  width: 140px;
  background-color: #ec1e27;
  color: #fff;
}
.main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social {
  padding-top: 27px;
}
.main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social .social-items {
  padding-top: 8px;
}
.main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social .social-items .social-item {
  display: inline-block;
  margin: 0 6px;
}
.main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social .social-items .social-item .social-link {
  display: block;
  height: 31px;
  text-indent: -9999px;
}
.main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social .social-items .social-item .social-link.instagram {
  width: 32px;
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: 0 -510px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social .social-items .social-item .social-link.instagram {
    background-position: 0px -510px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
.main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social .social-items .social-item .social-link.facebook {
  width: 32px;
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: 0 -448px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social .social-items .social-item .social-link.facebook {
    background-position: 0px -448px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
.main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social .social-items .social-item .social-link.youtube {
  width: 33px;
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: 0 -386px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social .social-items .social-item .social-link.youtube {
    background-position: 0px -386px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
.main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social .social-items .social-item .social-link.dropbox {
  width: 33px;
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: 0 -324px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social .social-items .social-item .social-link.dropbox {
    background-position: 0px -324px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
.main-footer .footer-content-container .copyright {
  padding-top: 26px;
  padding-bottom: 29px;
  color: rgba(255, 255, 255, 0.25);
}

body.rollover-enabled .main-footer .footer-content-container .footer-3-container .footer-3-item .mailing-list-signup .mailing-list-form .mailing-list-submit {
  cursor: pointer;
}
body.rollover-enabled .main-footer .footer-content-container .footer-3-container .footer-3-item .mailing-list-signup .mailing-list-form .mailing-list-submit:hover {
  background-color: #fff;
  color: #000;
}
body.rollover-enabled .main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social .social-items .social-item .social-link:hover.instagram {
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: 0 -541px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social .social-items .social-item .social-link:hover.instagram {
    background-position: 0px -541px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
body.rollover-enabled .main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social .social-items .social-item .social-link:hover.facebook {
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: 0 -479px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social .social-items .social-item .social-link:hover.facebook {
    background-position: 0px -479px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
body.rollover-enabled .main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social .social-items .social-item .social-link:hover.youtube {
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: 0 -417px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social .social-items .social-item .social-link:hover.youtube {
    background-position: 0px -417px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
body.rollover-enabled .main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social .social-items .social-item .social-link:hover.dropbox {
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: 0 -355px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social .social-items .social-item .social-link:hover.dropbox {
    background-position: 0px -355px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}

@media screen and (min-width: 768px) {
  .main-footer .footer-content-container {
    line-height: 24px;
    font-size: 12px;
  }
  .main-footer .footer-content-container .instagram-text {
    margin-top: 88px;
    margin-bottom: 2px;
  }
  .main-footer .footer-content-container .instagram-feed-container {
    max-width: 720px;
  }
  .main-footer .footer-content-container .footer-3-container .footer-3-item .footer-links {
    margin-top: -2px;
  }
  .main-footer .footer-content-container .footer-3-container .footer-3-item .footer-links .footer-link {
    margin-top: 20px;
  }
  .main-footer .footer-content-container .footer-3-container .footer-3-item .mailing-list-signup {
    padding-top: 28px;
  }
  .main-footer .footer-content-container .footer-3-container .footer-3-item .mailing-list-signup .mailing-list-form {
    margin-top: 12px;
  }
  .main-footer .footer-content-container .footer-3-container .footer-3-item .mailing-list-signup .mailing-list-form .mailing-list-email, .main-footer .footer-content-container .footer-3-container .footer-3-item .mailing-list-signup .mailing-list-form .mailing-list-submit {
    height: 28px;
    line-height: 28px;
    font-size: 12px;
  }
  .main-footer .footer-content-container .footer-3-container .footer-3-item .mailing-list-signup .mailing-list-form .mailing-list-email {
    width: 148px;
  }
  .main-footer .footer-content-container .footer-3-container .footer-3-item .mailing-list-signup .mailing-list-form .mailing-list-submit {
    margin-left: 16px;
    width: 164px;
  }
  .main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social {
    padding-top: 36px;
  }
  .main-footer .footer-content-container .footer-3-container .footer-3-item .footer-social .social-items {
    padding-top: 11px;
  }
  .main-footer .footer-content-container .copyright {
    padding-top: 31px;
    padding-bottom: 36px;
  }
}
.overlay-scrim {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.overlay-scrim .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}
.overlay-scrim .modal {
  position: absolute;
}
.overlay-scrim .modal .modal-header {
  position: relative;
  height: 40px;
}
.overlay-scrim .modal .modal-header .modal-close-button {
  position: absolute;
  right: -12px;
  top: 0;
  width: 40px;
  height: 40px;
}
.overlay-scrim .modal .modal-header .modal-close-button .close-x {
  position: absolute;
  left: 11px;
  top: 11px;
  width: 18px;
  height: 18px;
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: 0 -44px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .overlay-scrim .modal .modal-header .modal-close-button .close-x {
    background-position: 0px -44px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}
.overlay-scrim .modal .modal-content-outer-container {
  overflow: hidden;
}
.overlay-scrim .modal .modal-content-outer-container .modal-content-container {
  width: 100%;
  height: 100%;
  padding-right: 40px;
  overflow-y: scroll;
}
.overlay-scrim .modal .modal-content-outer-container .modal-content-container .modal-content iframe {
  display: block;
  width: 100%;
}

body.rollover-enabled .overlay-scrim .modal .modal-header .modal-close-button {
  cursor: pointer;
}
body.rollover-enabled .overlay-scrim .modal .modal-header .modal-close-button:hover .close-x {
  background-image: url('/site/images/ui/1x-s5001d18cc5.png');
  background-position: 0 -62px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .overlay-scrim .modal .modal-header .modal-close-button:hover .close-x {
    background-position: 0px -62px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}

@media screen and (min-width: 768px) {
  .overlay-scrim .modal .modal-header {
    height: 46px;
  }
  .overlay-scrim .modal .modal-header .modal-close-button {
    right: -10px;
  }
  .overlay-scrim .modal .modal-header .modal-close-button .close-x {
    left: 9px;
    top: 9px;
    width: 22px;
    height: 22px;
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: -80px 0;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  .overlay-scrim .modal .modal-header .modal-close-button .close-x {
    background-position: -80px 0px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}

@media screen and (min-width: 768px) {
  body.rollover-enabled .overlay-scrim .modal .modal-header .modal-close-button:hover .close-x {
    background-image: url('/site/images/ui/1x-s5001d18cc5.png');
    background-position: -80px -22px;
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.5), screen and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
  body.rollover-enabled .overlay-scrim .modal .modal-header .modal-close-button:hover .close-x {
    background-position: -80px -22px;
    -moz-background-size: 293px 2652px;
    -o-background-size: 293px 2652px;
    -webkit-background-size: 293px 2652px;
    background-size: 293px 2652px;
    background-image: url('/site/images/ui/2x-s02be680225.png');
  }
}

.blackout-content {
  display: block;
  margin: 0 auto;
  position: relative;
}
.blackout-content .shop-your-local {
  display: block;
  width: 100%;
}
.blackout-content .shops, .blackout-content .shops-hover {
  position: absolute;
  left: 20.37037%;
  top: 71.66667%;
  width: 59.25926%;
  height: 16.66667%;
}
.blackout-content .shops-hover {
  opacity: 0;
}

body.rollover-enabled .blackout-content:hover .shops {
  opacity: 0;
}
body.rollover-enabled .blackout-content:hover .shops-hover {
  opacity: 1;
}

body.intro-enabled .intro-container {
  z-index: 9999999999;
}

.overlay-scrim {
  z-index: 999999999;
}