@font-face {
  font-family: Apercu;
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/apercu-light_74fbdba9.woff2) format("woff2"),  url(../fonts/apercu-light_bcf2935c.woff) format("woff")
}
@font-face {
  font-family: Apercu;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/apercu-regular_e59b0edb.woff2) format("woff2"),  url(../fonts/apercu-regular_22a94927.woff) format("woff")
}
@font-face {
  font-family: BarleyAged;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/BarleyAged-Regular.otf) format("opentype")
}
@font-face {
  font-family: Glc;
  font-style: normal;
  src: url(../fonts/1785GLCBaskerville-N.otf) format("opentype")
}
@font-face {
  font-family: OldPress;
  font-style: normal;
  src: url(../fonts/OldPress.ttf) format("truetype")
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0
}
article, aside, footer, header, nav, section {
  display: block
}
h1 {
  font-size: 2em;
  margin: .67em 0
}
figcaption, figure, main {
  display: block
}
figure {
  margin: 1em 40px
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
pre {
  font-family: monospace, monospace;
  font-size: 1em
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}
a:active, a:hover {
  outline-width: 0
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}
b, strong {
  font-weight: inherit;
  font-weight: bolder
}
code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em
}
dfn {
  font-style: italic
}
mark {
  background-color: #ff0;
  color: #000
}
small {
  font-size: 80%
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
audio, video {
  display: inline-block
}
audio:not([controls]) {
  display: none;
  height: 0
}
img {
  border-style: none
}
svg:not(:root) {
  overflow: hidden
}
button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}
button, input {
  overflow: visible
}
button, select {
  text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style:none;
padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}
progress {
  display: inline-block;
  vertical-align: baseline
}
textarea {
  overflow: auto
}
[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
details, menu {
  display: block
}
summary {
  display: list-item
}
canvas {
  display: inline-block
}
[hidden], template {
  display: none
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden
}
.embed-responsive:before {
  display: block;
  content: ""
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}
.embed-responsive-21by9:before {
  padding-top: 42.85714%
}
.embed-responsive-16by9:before {
  padding-top: 56.25%
}
.embed-responsive-4by3:before {
  padding-top: 75%
}
.embed-responsive-1by1:before {
  padding-top: 100%
}
.slick-slider {
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}
.slick-list, .slick-slider {
  position: relative;
  display: block
}
.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}
.slick-list:focus {
  outline: none
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0)
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block
}
.slick-track:after, .slick-track:before {
  content: "";
  display: table
}
.slick-track:after {
  clear: both
}
.slick-loading .slick-track {
  visibility: hidden
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}
[dir=rtl] .slick-slide {
  float: right
}
.slick-slide img {
  display: block
}
.slick-slide.slick-loading img {
  display: none
}
.slick-slide.dragging img {
  pointer-events: none
}
.slick-initialized .slick-slide {
  display: block
}
.slick-loading .slick-slide {
  visibility: hidden
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}
.slick-arrow.slick-hidden {
  display: none
}
.mfp-bg {
  z-index: 1042;
  overflow: hidden;
  background: #0b0b0b;
  opacity: .8
}
.mfp-bg, .mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed
}
.mfp-wrap {
  z-index: 1043;
  outline: none!important;
  -webkit-backface-visibility: hidden
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box
}
.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle
}
.mfp-align-top .mfp-container:before {
  display: none
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045
}
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto
}
.mfp-ajax-cur {
  cursor: progress
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out
}
.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
  cursor: auto
}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.mfp-loading.mfp-figure {
  display: none
}
.mfp-hide {
  display: none!important
}
.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -.8em;
  left: 8px;
  right: 8px;
  z-index: 1044
}
.mfp-preloader a {
  color: #ccc
}
.mfp-preloader a:hover {
  color: #fff
}
.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
  display: none
}
button.mfp-arrow, button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation
}
button::-moz-focus-inner {
padding:0;
border:0
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: .65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace
}
.mfp-close:focus, .mfp-close:hover {
  opacity: 1
}
.mfp-close:active {
  top: 1px
}
.mfp-close-btn-in .mfp-close {
  color: #333
}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap
}
.mfp-arrow {
  position: absolute;
  opacity: .65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0,0,0,0)
}
.mfp-arrow:active {
  margin-top: -54px
}
.mfp-arrow:focus, .mfp-arrow:hover {
  opacity: 1
}
.mfp-arrow:after, .mfp-arrow:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: .7
}
.mfp-arrow-left {
  left: 0
}
.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
  right: 0
}
.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px
}
.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px
}
.mfp-iframe-holder .mfp-close {
  top: -40px
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0,0,0,.6);
  background: #000
}
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  box-sizing: border-box;
  padding: 40px 0;
  margin: 0 auto
}
.mfp-figure, img.mfp-img {
  line-height: 0
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0,0,0,.6);
  background: #444
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px
}
.mfp-figure figure {
  margin: 0
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px
}
.mfp-image-holder .mfp-content {
  max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer
}
.post-type-archive-brands .banner, .tax-brands_cat .banner, .page-template-default .banner {
  background: #000;
}
.post-type-archive-brands .brands-grid, .tax-brands_cat .brands-grid {
  margin-top: 137px;
}
.home .banner {
  background: transparent;
}

.banner .banner__flex {flex-direction: row-reverse}

.banner__nav-primary li.current-menu-item:after {
  opacity: 1;
}
.desktop_slider_images {
  display: block;
}
.mobile_slider_images {
  display: none;
}
.footer_seprator {
  padding-left: 2%;
}

@media screen and (max-height:300px), screen and (max-width:800px) and (orientation:landscape) {
.mfp-img-mobile .mfp-image-holder {
  padding-left: 0;
  padding-right: 0
}
.mfp-img-mobile img.mfp-img {
  padding: 0
}
.mfp-img-mobile .mfp-figure:after {
  top: 0;
  bottom: 0
}
.mfp-img-mobile .mfp-figure small {
  display: inline;
  margin-left: 5px
}
.mfp-img-mobile .mfp-bottom-bar {
  background: rgba(0,0,0,.6);
  bottom: 0;
  margin: 0;
  top: auto;
  padding: 3px 5px;
  position: fixed;
  box-sizing: border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty {
  padding: 0
}
.mfp-img-mobile .mfp-counter {
  right: 5px;
  top: 3px
}
.mfp-img-mobile .mfp-close {
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background: rgba(0,0,0,.6);
  position: fixed;
  text-align: center;
  padding: 0
}
}

@media (max-width:900px) {

.mfp-arrow {
  -webkit-transform: scale(.75);
  -o-transform: scale(.75);
  transform: scale(.75)
}
.mfp-arrow-left {
  -webkit-transform-origin: 0;
  -o-transform-origin: 0;
  transform-origin: 0
}
.mfp-arrow-right {
  -webkit-transform-origin: 100%;
  -o-transform-origin: 100%;
  transform-origin: 100%
}
.mfp-container {
  padding-left: 6px;
  padding-right: 6px
}
}
.button-accent, .not-found__back, [class*=brand__swipe-callout], a[class*=button], a[class*=button][class*="--box"], button[class*=button], button[class*=button][class*="--box"] {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 200;
  letter-spacing: 5px;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
  -webkit-transition-property: color, background-color, border-color;
  -o-transition-property: color, background-color, border-color;
  transition-property: color, background-color, border-color;
  cursor: pointer
}
.button-accent:focus, .not-found__back:focus, :focus[class*=brand__swipe-callout], a:focus[class*=button], button:focus[class*=button] {
  outline: 0
}
html {
  box-sizing: border-box
}
*, :after, :before {
  box-sizing: inherit
}
/*main {
  overflow: hidden
}*/
article, div, footer, header, li, main, nav, section {
  position: relative
}
figure {
  margin: 0
}
::-moz-selection {
background-color:#505050;
color:#fff
}
::selection {
  background-color: #505050;
  color: #fff
}
html {
  font-size: 20px
}
body {
  width: 100%;
  background-color: #fff;
  color: #505050;
  font-family: Helvetica Neue, Helvetica, sans-serif;
  letter-spacing: normal;
  font-size: inherit;
  line-height: 1.75em
}
.wf-active body {
  font-family: Apercu, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400
}

@media (min-width:48em) {
body {
  line-height: 2em
}
}
strong {
  font-weight: 400
}
sup {
  top: -1.25em;
  font-size: 35%
}
h1, h2, h3, h4, h5, h6 {
  color: #000;
  margin: 0;
  font-weight: 400
}
h1 {
  font-size: 2.4rem;
  line-height: 1.083333333em;
  letter-spacing: 1.45px
}

@media only screen and (min-width:48em) {
h1 {
  font-size: 3.8rem;
  line-height: 1.184210526em;
  letter-spacing: 2.3px
}
}
h2 {
  font-size: 1.5rem;
  line-height: 1.263157895em;
  letter-spacing: 1.15px
}

@media only screen and (min-width:48em) {
h2 {
  font-size: 2rem;
  letter-spacing: 1.45px
}
}
h3 {
  font-size: 1rem;
  line-height: 1.285714286em;
  letter-spacing: .85px
}

@media only screen and (min-width:48em) {
h3 {
  font-size: 1.4rem;
  line-height: 1.714285714em
}
}
h4 {
  font-size: 1.3rem
}
h5 {
  font-size: 1.2rem
}
h6 {
  font-size: 1.1rem
}
.container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 0 .8em;
  width: 100%;
  max-width: 61em
}
a {
  color: inherit;
  text-decoration: none;
  -webkit-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color
}
p {
  margin: 0
}
p+p {
  margin-top: 1.75em
}

@media (min-width:48em) {
p+p {
  margin-top: 2em
}
}
ol, ul {
  margin: 0;
  padding: 0;
  list-style-type: none
}
img {
  vertical-align: middle;
  display: block;
  max-width: 100%;
  height: auto
}
body.ie11 img {
  width: 100%
}
.img--circle {
  border-radius: 50%;
  overflow: hidden
}
button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  border-radius: 0
}
button {
  border: none;
  background-color: transparent
}
.sr, .sr--focusable {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0
}
.sr--focusable:active, .sr--focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}
[aria-hidden=true] {
  display: none
}
[aria-hidden=false] {
  display: block
}
small {
  font-size: .75rem
}
.is-nav-active:after, .is-nav-active body:after, .jsGateLoading:after, .jsGateLoading body:after {
  content: "";
  width: 100vw;
  height: 1000%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  z-index: 4999
}
.is-nav-active .banner__logo, .jsGateLoading .banner__logo, .jsGateLoading .banner__menu-toggle {
  visibility: hidden
}
svg.icon {
  max-width: 100%;
  height: auto
}
svg.icon.logo {
  width: 10em;
  height: 2.2015em
}

@media (min-width:30em) {
svg.icon.logo {
  width: 12.5em;
  height: 2.752em
}
}
.single-prx_brands svg.icon.facebook {
  width: .76471em;
  height: 1.52941em
}
.single-prx_brands svg.icon.twitter {
  width: 1.58824em;
  height: 1.29412em
}
.single-prx_brands svg.icon.instagram {
  width: 1.58824em;
  height: 1.58824em
}
body#tinymce {
  background-color: #fff;
  margin: 12px
}
.clearfix:after {
  display: block;
  content: "";
  clear: both
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto
}
.hidden {
  display: none!important
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}
.h1, .h2, .h3, .h4, .h5, .h6 {
  display: block
}
.h1 {
  font-size: 2.4rem;
  line-height: 1.083333333em;
  letter-spacing: 1.45px
}

@media only screen and (min-width:48em) {
.h1 {
  font-size: 3.8rem;
  line-height: 1.184210526em;
  letter-spacing: 2.3px
}
}
.h2 {
  font-size: 1.5rem;
  line-height: 1.263157895em;
  letter-spacing: 1.15px
}

@media only screen and (min-width:48em) {
.h2 {
  font-size: 2rem;
  letter-spacing: 1.45px
}
}
.h3 {
  font-size: 1rem;
  line-height: 1.285714286em;
  letter-spacing: .85px
}

@media only screen and (min-width:48em) {
.h3 {
  font-size: 1.4rem;
  line-height: 1.714285714em
}
}
.h4 {
  font-size: 1.3rem
}
.h5 {
  font-size: 1.2rem
}
.h6 {
  font-size: 1.1rem
}
.preheader {
  color: #f0e39c
}
.preheader, .preheader--black {
  font-size: .9rem;
  letter-spacing: 6px;
  text-transform: uppercase;
  font-weight: 200
}
.preheader--black {
  color: #f0e39c;
  color: #000
}
.preheader--white {
  font-size: .9rem;
  letter-spacing: 6px;
  color: #f0e39c;
  text-transform: uppercase;
  font-weight: 200;
  color: #fff
}
.flex, .flex--vertical, .flex--wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.flex--wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.flex--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.button-accent, a[class*=button], button[class*=button] {
  color: rgba(80,80,80,.75)
}
.button-accent, .button-accent:hover, a[class*=button], a[class*=button]:hover, button[class*=button], button[class*=button]:hover {
  -webkit-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color
}
.button-accent:hover, a[class*=button]:hover, button[class*=button]:hover {
  color: #505050
}
a[class*=button][class*="--box"], button[class*=button][class*="--box"] {
  padding: .5em 2.1em;
  min-width: 4.8em;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent
}

@media (min-width:48em) {
a[class*=button][class*="--box"], button[class*=button][class*="--box"] {
  -webkit-transition-property: background-color, border-color, color;
  -o-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color
}
a[class*=button][class*="--box"]:focus, a[class*=button][class*="--box"]:hover, button[class*=button][class*="--box"]:focus, button[class*=button][class*="--box"]:hover {
  background-color: #f0e39c;
  border-color: #f0e39c
}
}
a[class*=button][class*="--white"], button[class*=button][class*="--white"] {
  color: hsla(0,0%,100%,.75)
}
a[class*=button][class*="--white"], a[class*=button][class*="--white"]:hover, button[class*=button][class*="--white"], button[class*=button][class*="--white"]:hover {
  -webkit-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color
}
a[class*=button][class*="--white"]:hover, button[class*=button][class*="--white"]:hover {
  color: #fff
}
.button-accent:before, a[class*=button]:not([class*="--box"]):before, button[class*=button]:not([class*="--box"]):before {
  content: "";
	background: url(../images/arrow-iconCI.png) no-repeat left top;
	background-size: contain;
  position: absolute;
	width: 31px;
	height: 37px;
  top: 1px;
  left: -40px;
  z-index: 1
}
a.grid-50-50__button.button:before {
    top: -6px;
}
.custom-full-width .grid-70-30__desc a[class*=button]:not([class*="--box"]):before {
	top: -3px;
}

.custom-full-width .grid-50-50__social.button-accent {margin-left: 0}

.custom-full-width .grid-50-50__social.button-accent:before {display: none}

.button-accent:before,
a[class*=button--white--line]:not([class*="--box"]):before,
button[class*=button--white--line]:not([class*="--box"]):before {
  content: "";
	background: url(../images/arrow-iconCI_white2.png) no-repeat left top;
	background-size: contain;
  position: absolute;
	width: 20px;
	height: 24px;
  top: 7px;
  left: -40px;
  z-index: 1;
  -webkit-transform: rotateZ(120deg); /* Safari prior 9.0 */
  transform: rotateZ(120deg);
}

.brand-hero .button-accent:before,
.brand-hero a[class*=button--white--line]:not([class*="--box"]):before,
.brand-hero button[class*=button--white--line]:not([class*="--box"]):before {
  left: 5px;
	transition: all 150ms linear;
}

.brand-hero .button-accent:hover:before,
.brand-hero a[class*=button--white--line]:not([class*="--box"]):hover:before,
.brand-hero button[class*=button--white--line]:not([class*="--box"]):hover:before {
	left: 15px;
}

a[class*=button][class*="--line"]:after, button[class*=button][class*="--line"]:after {
  content: none;
  position: absolute;
  left: -20px;
  top: -500000%;
  background: hsla(0,0%,55%,.2);
  width: 1.5px;
  height: 1000000%;
  -webkit-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
  z-index: -1
}
.button-accent--white:before, a[class*=button][class*=-accent][class*="--white"]:not([class*="--box"]):before, button[class*=button][class*=-accent][class*="--white"]:not([class*="--box"]):before {
  content: "";
  position: absolute;
  top: -5px;
  left: -27px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa93a), color-stop(10%, #ffb351), color-stop(70%, #e39633), to(#f0e39c));
  background: -webkit-linear-gradient(#ffa93a, #ffb351 10%, #e39633 70%, #f0e39c);
  background: -o-linear-gradient(#ffa93a 0, #ffb351 10%, #e39633 70%, #f0e39c 100%);
  background: linear-gradient(#ffa93a, #ffb351 10%, #e39633 70%, #f0e39c);
  width: 2px;
  height: 45px;
  -webkit-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
  z-index: 1;
  background-image: none;
  background-color: #fff
}
.button-accent--black:before, a[class*=button][class*=-accent][class*="--black"]:not([class*="--box"]):before, button[class*=button][class*=-accent][class*="--black"]:not([class*="--box"]):before {
  content: "";
  position: absolute;
  top: -5px;
  left: -27px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa93a), color-stop(10%, #ffb351), color-stop(70%, #e39633), to(#f0e39c));
  background: -webkit-linear-gradient(#ffa93a, #ffb351 10%, #e39633 70%, #f0e39c);
  background: -o-linear-gradient(#ffa93a 0, #ffb351 10%, #e39633 70%, #f0e39c 100%);
  background: linear-gradient(#ffa93a, #ffb351 10%, #e39633 70%, #f0e39c);
  width: 2px;
  height: 45px;
  -webkit-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
  z-index: 1;
  background-image: none;
  background-color: #505050
}
.button-line--callout:after {
  content: "";
  position: absolute;
  left: -20px;
  top: -500000%;
  background: hsla(0,0%,55%,.2);
  width: 1.5px;
  height: 1000000%;
  -webkit-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
  z-index: -1;
  width: 1px;
  background: hsla(0,0%,100%,.25)
}
.categories {
  background-color: #dcddde;
  color: #505050;
  text-transform: uppercase;
  letter-spacing: .25em;
  top: -7px! important;
}
.categories__toggle {
  padding: 1.2em 0;
  cursor: pointer
}

@media (min-width:48em) {
.categories__toggle {
  display: none!important
}
}
.categories__toggle .toggle__text {
  color: #000
}
.categories__toggle .toggle__arrow svg {
  -webkit-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform, -o-transform;
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}
.categories.active .categories__toggle .toggle__arrow svg {
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.categories__list {
  background-color: #dcddde;
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  z-index: -1;
  opacity: 0;
  -webkit-transition: z-index 0s .35s, opacity .35s, width 0s .35s, height 0s .35s;
  -o-transition: z-index 0s .35s, opacity .35s, width 0s .35s, height 0s .35s;
  transition: z-index 0s .35s, opacity .35s, width 0s .35s, height 0s .35s
}
.categories.active .categories__list {
  width: 100%;
  height: auto;
  z-index: 4000;
  opacity: 1;
  overflow: visible;
  -webkit-transition: opacity .35s;
  -o-transition: opacity .35s;
  transition: opacity .35s
}

@media (min-width:48em) {
.categories__list {
  position: relative;
  padding-top: 1.2em;
  padding-bottom: .4em;
  width: 100%;
  height: auto;
  z-index: 1;
  opacity: 1;
  text-align: center
}
}
.categories__items li {
  float: left;
  width: 50%;
  margin-bottom: 1.2em
}

@media (min-width:48em) {
.categories__items li {
  display: inline-block;
  vertical-align: middle;
  float: none;
  width: auto;
  margin-bottom: .6em
}
}
.categories__items li>a {
  display: block;
  padding-right: .8em;
  font-weight: 200
}

@media (min-width:48em) {
.categories__items li>a {
  padding: 0 .8em
}
}
.lang {
  font-weight: 200;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .25em;
  color: #dcddde
}
.lang, .lang * {
  display: inline-block;
  vertical-align: middle
}
.lang__active {
  position: relative;
  display: none
}

@media (min-width:60em) {
.lang__active {
  cursor: pointer;
  font-size: .8em;
  line-height: 2em;
  display: inline-block;
  vertical-align: middle;
  padding-left: .75em;
  padding-right: 1.5em;
  border: 1px solid #dcddde;
  -webkit-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color
}
.lang__active.jsActive {
  background-color: #000
}
}

@media (min-width:60em) {
.lang__active:after {
  content: "";
  position: absolute;
  top: 50%;
  right: .5em;
  margin-top: -.25em;
  width: .75em;
  height: .7em;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='14' viewBox='0 0 15 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.182 6.838L.495 13.676V0' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-position: 50%;
  background-size: .75em .7em;
  background-repeat: no-repeat;
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}
}

@media (min-width:60em) {
.lang__items {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: auto
}
}
.lang__item {
  border: solid #dcddde;
  border-width: .05em 0
}
.lang__item:first-child {
  border-left-width: .05em
}
.lang__item:last-child {
  border-right-width: .05em
}

@media (min-width:60em) {
.lang__item {
  display: block;
  text-align: left;
  border-width: 0 .05em .05em;
  background-color: #000
}
.lang__item.active {
  display: none
}
}
.lang__item:not(:last-child):after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: .1em;
  height: 100%;
  border-right: .1em solid #dcddde;
  -webkit-transform: skewX(-15deg);
  -o-transform: skewX(-15deg);
  transform: skewX(-15deg)
}

@media (min-width:60em) {
.lang__item:not(:last-child):after {
  content: none
}
}
.lang__item>a {
  font-size: 18px;
  font-size: .9em;
  padding: .44444em .88889em
}

@media (min-width:60em) {
.lang__item>a {
  font-size: 16px;
  font-size: .8em;
  width: 100%;
  padding: 0;
  padding-left: .75em
}
}
.lang__item>a:focus, .lang__item>a:hover {
  color: #505050!important
}

@media (min-width:60em) {
.lang__item>a:focus, .lang__item>a:hover {
  color: #f0e39c!important
}
}
.lang__item.active>a {
  color: #f0e39c!important
}
.select-wrapper {
  position: relative
}
.select-wrapper:after {
  content: "";
  position: absolute;
  display: block;
  right: 1.2em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border-left: .3em solid transparent;
  border-right: .3em solid transparent;
  border-top: .4em solid #505050;
  pointer-events: none
}
.select-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none
}
.select-wrapper select::-ms-expand {
display:none
}
input[type=text], textarea {
  color: #505050;
  font-size: .9em;
  line-height: 1.333em;
  height: 3.33333em;
  padding: 1.00017em .88889em;
  border: 1px solid #505050
}
input[type=text].is-required:invalid, textarea.is-required:invalid {
border-color:#bd5252
}
.slider__arrow-next, .slider__arrow-prev {
  cursor: pointer;
  outline: none;
  width: 2.25em;
  height: 2.25em;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color
}
.slider__arrow-next>svg>g, .slider__arrow-prev>svg>g {
  stroke: #415172;
  -webkit-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: stroke;
  -o-transition-property: stroke;
  transition-property: stroke
}

@media (min-width:60em) {
.slider__arrow-next:hover, .slider__arrow-prev:hover {
  background-color: #415172
}
.slider__arrow-next:hover>svg>g, .slider__arrow-prev:hover>svg>g {
  stroke: #fff
}
}
.slider__arrow-prev {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}
.slick-slider .slick-list {
  position: absolute;
  opacity: 0
}
.slick-slider.slick-initialized {
  background: none
}
.slick-slider.slick-initialized .slick-list {
  position: relative;
  opacity: 1;
  -webkit-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}
div.slick-slider {
  overflow: visible
}
.about__content {
  width: 100%;
  margin-bottom: 2em
}

@media (min-width:60em) {
.about__content {
  width: 42.5%;
  margin-bottom: 8em
}
}
.about__links {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
.about__links_col1, .about__links_col2 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  width: 100%;
  padding: 1.6em;
  background-color: #000;
  overflow: hidden;
  text-align: center
}
body.ie11 .about__links_col1, body.ie11 .about__links_col2 {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}

@media (min-width:60em) {
.about__links_col1, .about__links_col2 {
  -ms-flex-preferred-size: calc(50% - 1em);
  flex-basis: calc(50% - 1em);
  width: calc(50% - 1em);
  padding: 4em
}
body.ie11 .about__links_col1, body.ie11 .about__links_col2 {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}
}
.about__links_col2 {
  margin-top: 1.5em
}

@media (min-width:60em) {
.about__links_col2 {
  margin-top: 0
}
}
.about__links_cta {
  color: #fff;
  margin-bottom: .5em
}
a.about__links_link {
  color: hsla(0,0%,100%,.75)
}
a.about__links_link, a.about__links_link:hover {
  -webkit-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color
}
a.about__links_link:hover {
  color: #fff
}
a.about__links_link.button--line:after {
  z-index: 1
}
.gate {
  position: relative;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -9999;
  background-color: transparent;
  opacity: 0;
  -webkit-transition: z-index 0 .75s, opacity .75s, background-color 0 .75s, width 0 .75s, height 0 .75s;
  -o-transition: z-index 0 .75s, opacity .75s, background-color 0 .75s, width 0 .75s, height 0 .75s;
  transition: z-index 0 .75s, opacity .75s, background-color 0 .75s, width 0 .75s, height 0 .75s
}
.jsGateLoading .gate {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 6000;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  background-color: #000;
  opacity: 1;
  -webkit-transition: opacity .75s;
  -o-transition: opacity .75s;
  transition: opacity .75s
}
.gate__bg {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  z-index: 9999;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url(../images/age-gate/map-mobile_3ef7a9fa.jpg)
}

@media (min-width:48em) {
.gate__bg {
  background-image: url(../images/age-gate/map-desktop_46dcd6ad.jpg)
}
}

@media (min-width:100em) {
.gate__bg {
  background-image: url(../images/age-gate/map-desktop%402x_f119ab1d.jpg)
}
}

@media screen and (-o-min-device-pixel-ratio:2/1), screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:192dpi) {
.gate__bg {
  background-image: url(../images/age-gate/map-mobile%402x_9d21ec93.jpg)
}
}

@media screen and (min-width:48em) and (-o-min-device-pixel-ratio:2/1), screen and (min-width:48em) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:48em) and (min-resolution:192dpi) {
.gate__bg {
  background-image: url(../images/age-gate/map-desktop%402x_f119ab1d.jpg)
}
}
.gate__wrap {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 .8em;
  min-height: 28.75em
}
.gate__logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 13.75em;
  height: auto;
  visibility: hidden
}
body.ie11 .gate__logo {
  width: 13.75em!important;
  height: auto
}
.gate__buttons, .gate__subtext, .gate__title {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0 .5s, opacity .5s;
  -o-transition: visibility 0 .5s, opacity .5s;
  transition: visibility 0 .5s, opacity .5s
}
.jsGateActive .gate__buttons, .jsGateActive .gate__subtext, .jsGateActive .gate__title {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .5s 1.25s;
  -o-transition: opacity .5s 1.25s;
  transition: opacity .5s 1.25s
}
.gate__title {
  font-size: 1.2em;
  line-height: 1.45em;
  margin-top: 2.5em
}
.gate__subtext {
  margin-top: .3em
}
.gate__buttons {
  margin-top: 1.5em
}
.gate__buttons>*+* {
  margin-left: .6em
}
.gate__remember {
  margin-left: 0;
  margin-top: 1.5em;
  padding-bottom: 2.5em
}
.gate__remember>label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: .4em;
  color: #dcddde;
  font-size: .8em;
  font-weight: 200
}
.gate__footer {
  position: absolute;
  bottom: 5%;
  left: 0;
  width: 100%;
  padding: 0 .8em;
  text-align: center;
  line-height: 1em
}
.basic__content {
  display: block;
  margin: 4.8em auto;
  padding: 0 .8em;
  width: 100%;
  max-width: 40em
}
.cta {
  padding-top: 3em
}
.cta, .cta .container {
  overflow: hidden
}
.cta__flex {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2em 1em
}

@media (min-width:48em) {
.cta__flex {
  padding-top: 1.4em;
  padding-bottom: 1.4em
}
}
.cta__title {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  width: 100%;
  text-align: center
}
body.ie11 .cta__title {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}

@media (min-width:20em) {
.cta__title {
  padding: 0 1.25em
}
}

@media (min-width:48em) {
.cta__title {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  width: auto
}
}
.cta__button {
  margin-top: 1.2em
}

@media (min-width:48em) {
.cta__button {
  margin-top: 0;
  margin-left: 4em
}
}
.cta__button[class*=button][class*=-line][class*="--callout"]:after {
  z-index: 1
}
.callout-alt {
  width: 100%;
  max-width: 60em;
  margin: 0 auto;
  padding: 1.6em;
  overflow: hidden;
  background-color: #f0e39c;
  text-align: center
}
.callout-alt:after {
  content: "";
  position: absolute;
  left: -20px;
  top: -500000%;
  background: hsla(0,0%,55%,.2);
  width: 1.5px;
  height: 1000000%;
  -webkit-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
  z-index: -1;
  left: 333px;
  z-index: 1;
  background: hsla(0,0%,100%,.4)
}

@media (min-width:70em) {
.callout-alt {
  padding: 3.2em 9.6em
}
}
.callout-alt__subtitle, .callout-alt__title {
  color: #fff;
  margin-bottom: .5em
}
.callout-alt__content {
  color: #fff;
  max-width: 32em;
  width: 100%;
  margin: 0 auto
}
.callout-alt__content p+p {
  margin-top: .5em
}
.callout {
  padding-top: 3em
}
.callout__container {
  overflow: hidden;
  padding-bottom: 125%
}

@media (min-width:40em) {
.callout__container {
  padding-bottom: 90%
}
}

@media (min-width:48em) {
.callout__container {
  padding-bottom: 47.916666667%
}
}

@media (min-width:90em) {
.callout__container {
  padding-bottom: 34.5em
}
}
.callout__container>.callout__flex, .callout__container>.callout__vid-fallback {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.callout__container>.callout__img, .callout__container>.callout__vid {
  width: 101%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0)
}
.callout__img>img {
  width: 100%
}
.callout__vid-fallback {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  z-index: -1
}
.callout__vid {
  display: none
}
.callout__flex {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.callout__content {
  text-align: center;
  z-index: 4000
}
.callout__content>* {
  color: #fff
}
.callout__content>*+* {
  margin-top: .6em
}
.callout__logo {
  display: inline-block;
  vertical-align: middle;
  max-width: 8.75em
}

@media (min-width:40em) {
.callout__logo {
  max-width: 100%;
	width: 20em;
}
}

@media (min-width:100em) {
.callout__logo {
  max-width: 100%;
}
}
.callout__desc {
  padding: 0 1.2em;
  font-size: 1.5rem;
  line-height: 1.263157895em;
  letter-spacing: 1.15px
}

@media only screen and (min-width:48em) {
.callout__desc {
  font-size: 2rem;
  letter-spacing: 1.45px
}
}

@media (min-width:60em) {
.callout__desc {
  margin-top: .8em
}
}
.callout__button {
  margin-top: 1.6em
}
.mfp-bg {
  z-index: 4050
}
.mfp-wrap {
  z-index: 4055
}
.mfp-content {
  z-index: 4060
}
.mfp-preloader {
  z-index: 4070
}
button.mfp-arrow, button.mfp-close {
  z-index: 4085
}
.careers__benefits {
  background-color: #dcddde;
  padding: 1.6em;
  margin: 0 auto 4.8em;
  width: 100%;
  overflow: hidden
}

@media (min-width:70em) {
.careers__benefits {
  padding: 4.8em 9.6em
}
}
.careers__benefits_title {
  margin-bottom: .8em
}
.careers__benefits_description {
  margin-bottom: 1.5em
}
.careers__benefits_list {
  list-style-type: disc;
  margin-left: 1.6em
}

@media (min-width:70em) {
.careers__benefits_list {
  float: left;
  width: calc(50% - 32px)
}
}
.careers__apply {
  width: 100%;
  max-width: 60em;
  margin: 0 auto;
  padding: 1.6em;
  overflow: hidden;
  background-color: #f0e39c;
  text-align: center
}
.careers__apply:after {
  content: "";
  position: absolute;
  left: -20px;
  top: -500000%;
  background: hsla(0,0%,55%,.2);
  width: 1.5px;
  height: 1000000%;
  -webkit-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
  z-index: -1;
  left: 333px;
  z-index: 1;
  background: hsla(0,0%,100%,.4)
}

@media (min-width:70em) {
.careers__apply {
  padding: 4.8em 9.6em
}
}
.careers__apply_title {
  color: #fff;
  margin-bottom: .5em
}
.careers__apply_instructions {
  color: #fff;
  max-width: 32.8em;
  width: 100%;
  margin: 0 auto
}
.content-header {
  padding: 4.8em 0;
  overflow: hidden;
  text-align: center;
  background-color: #000;
  background-size: cover
}
.content-header:after {
  content: "";
  position: absolute;
  left: -20px;
  top: -500000%;
  background: hsla(0,0%,55%,.2);
  width: 1.5px;
  height: 1000000%;
  -webkit-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
  z-index: -1;
  left: calc(50% + 5em);
  z-index: 1
}
.content-header__title {
  margin-top: .5em
}
.content-header__excerpt, .content-header__title {
  color: #fff
}
.email-form {
  width: 100%;
  max-width: 33.6em;
  margin: 0 auto;
  padding: 0 .8em
}
.email-form__status {
  height: 3.5em
}
.email-form__error, .email-form__success {
  position: absolute;
  top: 0;
  opacity: 0;
  text-transform: uppercase;
  letter-spacing: .25em;
  margin: 0 0 1.5em;
  -webkit-transition: opacity .25s ease;
  -o-transition: opacity .25s ease;
  transition: opacity .25s ease
}
.email-form__success {
  color: #000
}
.email-form__error {
  color: #b82f2c
}
.email-form--is-invalid .email-form__error, .email-form--is-success .email-form__success {
  opacity: 1
}
.email-form input, .email-form textarea {
  display: block;
  width: 100%;
  margin-bottom: 2.5em
}
.email-form textarea {
  height: auto;
  margin-bottom: 0
}
.email-form__actions {
  text-align: center;
  padding: 2.5em 0 3.2em
}
.email-form__submit:after {
  height: 400px!important;
  left: -72px!important;
  top: calc(-2.5em - 16px)!important
}
.email-form__loader, .email-form__loader:after, .email-form__loader:before {
  background: #dcddde;
  -webkit-animation: a 1s infinite ease-in-out;
  -o-animation: a 1s infinite ease-in-out;
  animation: a 1s infinite ease-in-out;
  width: 2px;
  height: 1.75em
}
.email-form__loader {
  display: inline-block;
  color: #dcddde;
  position: absolute;
  top: 25%;
  left: calc(100% + 2em);
  opacity: 0;
  font-size: 11px;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-animation-delay: -.16s;
  -o-animation-delay: -.16s;
  animation-delay: -.16s;
  -webkit-transition: opacity .25s ease;
  -o-transition: opacity .25s ease;
  transition: opacity .25s ease
}
.email-form__loader:after, .email-form__loader:before {
  position: absolute;
  top: 0;
  content: ""
}
.email-form__loader:before {
  left: -.75em;
  -webkit-animation-delay: -.32s;
  -o-animation-delay: -.32s;
  animation-delay: -.32s
}
.email-form__loader:after {
  left: .75em
}
.email-form--is-loading .email-form__loader {
  opacity: 1
}
@-webkit-keyframes a {
0%, 80%, to {
box-shadow:0 0;
height:1.75em
}
40% {
box-shadow:0 -1em;
height:2.25em
}
}
@-o-keyframes a {
0%, 80%, to {
box-shadow:0 0;
height:1.75em
}
40% {
box-shadow:0 -1em;
height:2.25em
}
}
@keyframes a {
0%, 80%, to {
box-shadow:0 0;
height:1.75em
}
40% {
box-shadow:0 -1em;
height:2.25em
}
}
.featured {
  padding-top: 2em
}

@media (min-width:48em) {
.featured__flex {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
}
.featured__flex>* {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  width: 100%
}
body.ie11 .featured__flex>* {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}

@media (min-width:48em) {
.featured__flex>* {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  width: 50%
}
body.ie11 .featured__flex>* {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}
}

@media (min-width:70em) {
.featured__flex>* {
  -ms-flex-preferred-size: 25em;
  flex-basis: 25em;
  width: 25em
}
body.ie11 .featured__flex>* {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}
}
.featured__flex>*+* {
  margin-top: 2em
}

@media (min-width:48em) {
.featured__flex>*+* {
  margin-top: 0
}
}
.featured__img>img {
  display: block;
  margin-left: auto;
  margin-right: auto
}
.featured__content {
  text-align: center
}

@media (min-width:48em) {
.featured__content {
  text-align: left;
  padding-left: 4em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 25em
}
}
.featured__content>*+* {
  margin-top: 1.4em
}
.featured__title {
  margin-top: .21053em
}
.featured__button {
  margin-left: 1.6em
}

@media (min-width:60em) {
.featured__button {
  margin-top: 2.4em
}
}
.grid-50-50 {
  padding-top: 3em
}
.grid-50-50__flex>* {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  width: 100%
}
body.ie11 .grid-50-50__flex>* {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}

@media (min-width:48em) {
.grid-50-50__flex>* {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  width: 50%
}
body.ie11 .grid-50-50__flex>* {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}
}
.grid-50-50__flex>*+* {
  margin-top: 2em
}

@media (min-width:48em) {
.grid-50-50__flex>*+* {
  margin-top: 0
}
}
.grid-50-50__img {
  max-width: none;
  width: 100vw;
  position: relative;
  right: 50%;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw
}

@media (min-width:48em) {
.grid-50-50__img {
  width: 100%;
  max-width: 100%;
  position: static;
  left: auto;
  right: auto;
  margin-left: 0;
  margin-right: 0
}
}

@media (min-width:48em) {
.grid-50-50__content {
  padding: 0 2em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 25em
}
}
.grid-50-50__content>*+* {
  margin-top: 1.4em
}
.grid-50-50__title {
  margin-top: .21053em
}

@media (min-width:48em) {
.grid-50-50__title {
  font-size: 1.4rem;
  line-height: 1.214285714em
}
}

@media (min-width:64em) {
.grid-50-50__title {
  font-size: 1.9rem;
  line-height: 1.3em
}
}
.grid-50-50__button, .grid-50-50__social {
  margin-left: 1.6em
}

@media (min-width:60em) {
.grid-50-50__button, .grid-50-50__social {
  margin-top: 2.4em
}
}
.grid-50-50__button .icon, .grid-50-50__social .icon {
  fill: rgba(80,80,80,.75)
}
.grid-50-50__button .icon, .grid-50-50__button .icon:focus, .grid-50-50__button .icon:hover, .grid-50-50__social .icon, .grid-50-50__social .icon:focus, .grid-50-50__social .icon:hover {
  -webkit-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: fill;
  -o-transition-property: fill;
  transition-property: fill
}
.grid-50-50__button .icon:focus, .grid-50-50__button .icon:hover, .grid-50-50__social .icon:focus, .grid-50-50__social .icon:hover {
  fill: #505050
}
.grid-70-30 {
  padding-top: 3em
}
.grid-70-30__flex>* {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  width: 100%
}
body.ie11 .grid-70-30__flex>* {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}

@media (min-width:48em) {
.grid-70-30__flex>* {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  width: 40%
}
body.ie11 .grid-70-30__flex>* {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}
}
.grid-70-30__flex>*+* {
  margin-top: 2em
}

@media (min-width:48em) {
.grid-70-30__flex>*+* {
  margin-top: 0
}
}

@media (min-width:48em) {
.grid-70-30__content-container {
  -ms-flex-preferred-size: 60%;
  flex-basis: 60%;
  width: 60%
}
body.ie11 .grid-70-30__content-container {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}
}

@media (min-width:48em) {
.grid-70-30__content, .grid-70-30__img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 35em;
  padding: 0 1.6em
}
}
.grid-70-30__img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 15em
}

@media (min-width:48em) {
.grid-70-30__img {
  max-width: 100%
}
}
.grid-70-30__content>*+* {
  margin-top: 1em
}
.grid-70-30__title {
  text-align: center
}

@media (min-width:48em) {
.grid-70-30__title {
  text-align: left
}
}
.grid-70-30__button {
  margin-left: 1.6em
}

@media (min-width:60em) {
.grid-70-30__button {
  margin-top: 2.4em
}
}
.proximo-store-locator [aria-hidden=true] {
  display: block
}
.proximo-store-locator #map-wrapper #map-canvas {
  height: 30em
}
#proximo-search-flavor {
  padding: .33333em .88889em
}
#proximo-search-address, #proximo-search-flavor {
  color: #505050;
  font-size: .9em;
  line-height: 1.333em;
  height: 3.33333em
}
#proximo-search-address {
  padding: 1.00017em .88889em;
  border: 1px solid #505050
}
#proximo-search-address.is-required:invalid {
border-color:#bd5252
}
#proximo-search-button {
  color: #fff;
  background-color: #000;
  font-size: 18px;
  line-height: 1.333em;
  width: 3.33333em;
  height: 3.33333em;
  margin-left: .66667em;
  padding: .33333em .88889em
}
.proximo-store-locator .col-xs-4, .proximo-store-locator .col-xs-8, .proximo-store-locator .col-xs-12 {
  padding-left: .6em;
  padding-right: .6em
}
.proximo-store-locator .form-group {
  margin-bottom: .7em
}
.proximo-store-locator #proximo-search-store-type-btn {
  margin-top: 1.2em
}
.proximo-store-locator #proximo-search-store-type-btn #proximo-search-offsite, .proximo-store-locator #proximo-search-store-type-btn #proximo-search-onsite {
  font-size: .9em;
  line-height: 1.5em;
  letter-spacing: .1em;
  text-transform: uppercase;
  display: inline;
  background: transparent;
  border: none;
  box-shadow: none;
  overflow: visible;
  width: auto;
  padding: 0 0 .5em
}
.proximo-store-locator #proximo-search-store-type-btn #proximo-search-offsite:hover, .proximo-store-locator #proximo-search-store-type-btn #proximo-search-onsite:hover {
  background: transparent
}
.proximo-store-locator #proximo-search-store-type-btn #proximo-search-offsite:focus, .proximo-store-locator #proximo-search-store-type-btn #proximo-search-onsite:focus {
  outline: 0
}
.proximo-store-locator #proximo-search-store-type-btn #proximo-search-offsite.active, .proximo-store-locator #proximo-search-store-type-btn #proximo-search-onsite.active {
  border-bottom: .1em solid #f0e39c
}
.proximo-store-locator #proximo-search-store-type-btn #proximo-search-offsite {
  margin-right: 2em
}
.proximo-store-locator #proximo-search-store-type-btn #proximo-search-offsite:after {
  position: relative;
  content: "|";
  right: -1em
}
.searching-area {
  background: #000;
  color: #fff;
  padding: 2.4em 3.6em;
  overflow: hidden
}

@media (min-width:60em) {
.searching-area {
  height: 26.3em
}
}
.searching-area h3 {
  position: relative;
  margin: 0;
  font-size: 1.3em;
  line-height: 1.5em
}
.searching-area h3:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -1.2em;
  -webkit-transform: translate(-50%, 150%);
  -o-transform: translate(-50%, 150%);
  transform: translate(-50%, 150%);
  border-left: .3em solid transparent;
  border-right: .3em solid transparent;
  border-bottom: .4em solid #f0e39c
}
.searching-area h3:after {
  content: "";
  position: absolute;
  left: -20px;
  top: -500000%;
  background: hsla(0,0%,55%,.2);
  width: 1.5px;
  height: 1000000%;
  -webkit-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
  z-index: -1;
  left: 311px;
  z-index: 1
}
.flavor-selected .searching-area {
  display: none
}
.proximo-store-distance {
  width: 4.8em!important
}
.proximo-store-distance>div {
  display: none
}
.proximo-store-distance>.fa-map-marker {
  width: 9.6em
}
.proximo-store-locator .proximo-store-address, .proximo-store-locator .proximo-store-name {
  font-size: 1em;
  line-height: 1.333em
}
.proximo-store-locator .proximo-store-address {
  width: 60%
}
.proximo-store-locator .proximo-store-result {
  padding: 1.2em 0 1.2em 3.2em!important
}
.proximo-store-locator .proximo-store-result .proximo-store-directions, .proximo-store-locator .proximo-store-result .proximo-store-phone {
  display: none
}
.proximo-store-locator .proximo-store-result-error {
  padding-left: 0!important
}
.proximo-store-locator .proximo-store-result+.proximo-store-result {
  border-top: 1px solid #dcddde
}
.proximo-store-locator .proximo-store-result:last-of-type {
  border-bottom: 1px solid #dcddde
}
.proximo-store-name {
  color: #000
}
.proximo-pagination {
  width: calc(300% + 2.4em)
}
.proximo-mobile .proximo-pagination {
  width: 100%
}
.proximo-store-locator .proximo-pagination .pager {
  margin-top: 1.6em
}
.proximo-store-locator .proximo-pagination .pager li>a {
  font-size: .9em;
  line-height: 1.5em;
  letter-spacing: .1em;
  text-transform: uppercase;
  display: inline;
  background: transparent;
  border: none;
  box-shadow: none;
  overflow: visible;
  width: auto;
  padding: 0 0 .5em;
  color: #505050;
  opacity: inherit
}
.proximo-store-locator .proximo-pagination .pager li>a:hover {
  background: transparent
}
.proximo-store-locator .proximo-pagination .pager li>a:focus {
  outline: 0
}
.proximo-pagination-next {
  float: right
}
.proximo-pagination-next:after {
  content: "";
  display: inline-block;
  margin-left: 1em;
  border-top: .4em solid transparent;
  border-bottom: .4em solid transparent;
  border-left: .5em solid #f0e39c
}
.proximo-pagination-prev {
  float: left
}
.proximo-pagination-prev:before {
  content: "";
  display: inline-block;
  margin-right: 1em;
  border-top: .4em solid transparent;
  border-bottom: .4em solid transparent;
  border-right: .5em solid #f0e39c
}
.slider {
  background-color: #000
}
.slider .slide {
  visibility: hidden;
  opacity: 0;
  height: 0;
  -webkit-transition: opacity .25s, visibility .25s;
  -o-transition: opacity .25s, visibility .25s;
  transition: opacity .25s, visibility .25s
}
.slider.slick-initialized .slide, .slider .slide:first-child {
  visibility: visible;
  opacity: 1;
  height: 100%
}
.slider .slide__content-container {
  overflow: hidden;
  padding-bottom: calc(125% + 4em)
}

@media (min-width:40em) {
.slider .slide__content-container {
  padding-bottom: calc(90% + 4em)
}
}

@media (min-width:48em) {
.slider .slide__content-container {
  padding-bottom: calc(47.916666667% + 4em)
}
}

@media (min-width:90em) {
.slider .slide__content-container {
  padding-bottom: 38.5em
}
}
.slider .slide__content-container>:not(.slide__overlay) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.slider .slide__content-container>.slide__vid {
  height: auto
}
.slider .slide__content-container>.slide__flex {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: calc(100% - 4em);
  overflow: hidden
}
.slider .slide__content-container:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4em;
  background-color: #fff
}
.slider .slide__img>img {
  width: 100%
}
.slider .slide__vid-fallback {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  z-index: -1
}
.slider .slide__vid {
  display: none
}
.slider .slide__content {
  z-index: 4000;
  padding: 0 .8em;
  margin-top: 2.4em;
  margin-bottom: 1em;
  max-width: 15em
}

@media (min-width:30em) {
.slider .slide__content {
  padding: 0 3.3em;
  margin-top: 4.4em;
  max-width: 20em
}
}

@media (min-width:40em) {
.slider .slide__content {
  margin-bottom: 0
}
}

@media (min-width:60em) {
.slider .slide__content {
  margin-top: 0;
  max-width: none
}
}

@media (min-width:76.25em) {
.slider .slide__content {
margin-left:calc(((100vw - (61em - 5.8em)) / 2));
  padding: 0
}
}
.slider .slide__content>* {
  color: #fff
}
.slider .slide__content>*+* {
  margin-top: 1em
}
.slider .slide__title {
  font-size: 1.5rem;
  line-height: 1.263157895em;
  letter-spacing: 1.15px
}

@media only screen and (min-width:48em) {
.slider .slide__title {
  font-size: 2rem;
  letter-spacing: 1.45px
}
}

@media (min-width:23.4375em) {
.slider .slide__title {
  font-size: 2rem;
  line-height: 1.184210526em;
	text-shadow: -1px -1px 3px #000;
}
}

@media (min-width:60em) {
.slider .slide__title {
  font-size: 3.8rem;
  line-height: 1.184210526em;
  letter-spacing: 2.3px
}
}
.slider .slide__excerpt {
  font-weight: 200;
  margin-top: .5em;
  font-size: .8em;
  line-height: 1.5em;
  max-width: 12em
}

@media (min-width:23.4375em) {
.slider .slide__excerpt {
  font-size: 1rem;
	text-shadow: -1px -1px 3px #000;
}
}

@media (min-width:30em) {
.slider .slide__excerpt {
  margin-top: .75em;
  line-height: 1.75em;
  max-width: 12.5em
}
}

@media (min-width:60em) {
.slider .slide__excerpt {
  max-width: none
}
}
.slider .slide__button {
  margin-top: .8em;
  margin-left: 1.5em
}

@media (min-width:30em) {
.slider .slide__button {
  margin-left: 0;
	text-shadow: -1px -1px 3px #000;
}
}

@media (min-width:60em) {
.slider .slide__button {
  margin-top: 1.6em
}
}
.slider .slide__overlay {
  position: absolute;
  bottom: 8%;
  right: -5%;
  height: 70%;
  max-height: 33em;
  width: auto;
  min-width: 6.25em;
  display: inline-block;
  vertical-align: middle;
  z-index: 4005
}
.slider .slide__overlay:after {
  display: block;
  content: "";
  clear: both
}

@media (min-width:30em) {
.slider .slide__overlay {
  height: 80%;
  bottom: 5%
}
}

@media (min-width:40em) {
.slider .slide__overlay {
  right: 10%
}
}

@media (min-width:48em) {
.slider .slide__overlay {
  bottom: 2%;
  right: 24%
}
}

@media (min-width:76.25em) {
.slider .slide__overlay {
right:calc(((100vw - (61em - 25%)) / 2))
}
}

@media (min-width:90em) {
.slider .slide__overlay {
  min-width: 10em
}

}

@media (min-width:1919px) {
	.slider .slide__overlay {
	right:calc(((100vw - (71em - 25%)) / 2))
	}
}
.slider .slide__overlay img {
  height: 100%;
  width: auto;
  max-width: none;
  display: block;
  margin-left: auto;
  margin-right: auto
}
.home-slider .slider__arrows {
  z-index: 4000;
  position: absolute;
  bottom: 5.2em
}
.home-slider .slider__arrows .slider__arrow-prev {
  margin-right: .8em
}

@media (min-width:48em) {
.home-slider .slider__arrows {
  bottom: 6.8em;
  left: auto;
  right: 1em
}
}
.brand__slider {
  padding: 3em 0 1em
}
.brand__slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 0 -.1em
}
.brand__slider .slick-list {
  overflow: visible
}
.brand__slider .brand {
  margin: 0 .1em;
  outline: none
}
.brand__slider .brand__link {
  position: relative;
  outline: none;
  display: inline-block
}
.brand__slider .brand__img {
  margin-left: auto;
  margin-right: auto;
  max-height: 14em
}

@media (min-width:48em) {
.brand__slider .brand__img {
  max-height: 16em
}
}

@media (min-width:60em) {
.brand__slider .brand__img {
  max-height: 18em
}
}

@media (min-width:90em) {
.brand__slider .brand__img {
  max-height: 20em;
/* max-width:250px; */
}
}

@media (min-width:110em) {
.brand__slider .brand__img {
  max-height: 28em
}
}
.brand__slider .brand__caption {
  position: absolute;
  top: calc(100% + 1.5em);
  width: 20em;
  height: auto;
  overflow: hidden;
  text-align: center;
  opacity: 0;
  -webkit-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}
.brand__slider .brand__caption:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: calc(50% - em2px);
  width: .1em;
  height: 1.5em;
  border-left: .1em solid #505050
}
.brand__slider .brand__caption>* {
  line-height: 1.5
}
.brand__slider .brand__caption>*+* {
  margin-top: 0
}

@media (min-width:60em) {
.brand__slider .brand__link:hover .brand__caption {
  opacity: 1;
  -webkit-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}
}
.brand__slider .brand__name, .brand__slider .brand__type {
  font-size: .8em
}
.brand__slider .brand__type {
  color: #dcddde
}
[class*=brand__swipe-callout] {
  margin-top: 1em
}
[class*=brand__swipe-callout][class*="--mobile"] {
  display: inline-block
}
[class*=brand__swipe-callout][class*="--desktop"] {
  display: none
}
[class*=brand__swipe-callout]:after, [class*=brand__swipe-callout]:before {
  content: " ";
  position: absolute;
  top: 50%;
  width: 10px;
  height: 9.3333px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='9.33' viewBox='0 0 15 14' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3ESVG/triangle-white%3C/title%3E%3Cpath d='M14.182 6.838L.495 13.676V0' fill='%23505050' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat
}
[class*=brand__swipe-callout]:before {
  left: -26px;
  -webkit-transform: rotate(180deg) translateY(50%);
  -o-transform: rotate(180deg) translateY(50%);
  transform: rotate(180deg) translateY(50%)
}
[class*=brand__swipe-callout]:after {
  right: -18px;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (min-width:60em) {
[class*=brand__swipe-callout][class*="--mobile"] {
  display: none
}
[class*=brand__swipe-callout][class*="--desktop"] {
  display: inline-block;
  margin-top: 3.2em
}
}
.latest-slider {
  padding-top: 0;
  padding-bottom: 1.6em
}
.latest-slider .container {
  max-width: 75em
}

@media (min-width:48em) {
.latest-slider .slick-track {
  margin: 0 -.6em
}
}
.latest-slider .latest {
  outline: none
}

@media (min-width:48em) {
.latest-slider .latest {
  margin: 0 .6em
}
}
.latest-slider .latest__img-container {
  outline: none;
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  padding-bottom: 58.33333%
}

@media (min-width:102.5em) {
.latest-slider .latest__img-container {
  padding-bottom: 22.5em
}
}
.latest-slider .latest__img-container>* {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%
}
.latest-slider .latest__img-container>.latest__img {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  height: auto;
  max-width: none
}
.latest-slider .latest__img-container .latest__logo {
  width: 5em;
  height: auto
}

@media (min-width:40em) {
.latest-slider .latest__img-container .latest__logo {
  width: 7.5em
}
}

@media (min-width:70em) {
.latest-slider .latest__img-container .latest__logo {
  width: 10em
}
}
.latest-slider .latest__text {
  padding: 0 .8em;
  margin-top: 3em
}
.latest-slider .latest__excerpt {
  font-size: 1rem;
  line-height: 1.285714286em;
  letter-spacing: .85px
}

@media only screen and (min-width:48em) {
.latest-slider .latest__excerpt {
  font-size: 1.4rem;
  line-height: 1.714285714em
}
}
.latest-slider .latest__button {
  margin-top: .6em
}

@media (min-width:60em) {
.latest-slider .latest__button {
  margin-top: 2.4em
}
}
.latest-slider .latest__logo, .latest-slider .latest__text {
  opacity: 0;
  -webkit-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}
.latest-slider .slick-center .latest__logo, .latest-slider .slick-center .latest__text {
  opacity: 1
}
.latest-slider .slick-slide:not(.slick-active)>a {
  pointer-events: none
}
.home-latest .latest__content {
  padding-bottom: 1.6em
}
.home-latest .slider__arrow-next, .home-latest .slider__arrow-prev {
  position: absolute;
  left: 28%;
  display: inline-block;
  vertical-align: middle
}
.home-latest .slider__arrow-next {
  left: auto;
  right: 28%
}
.home-latest [class*=slider__arrow__wrap] {
  width: 100px;
  height: 150px;
  position: absolute
}
.home-latest [class*=slider__arrow__wrap][class*="--pre"] {
  left: 0
}
.home-latest [class*=slider__arrow__wrap][class*="--next"] {
  left: auto;
  right: 0
}
.banner, .banner--black {
  padding: 1.2em 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 5000
}
.banner--black:after, .banner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), color-stop(95%, transparent));
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), transparent 95%);
  background-image: -o-linear-gradient(top, rgba(0,0,0,.5) 0, transparent 95%);
  background-image: linear-gradient(180deg, rgba(0,0,0,.5), transparent 95%)
}
.banner--black a, .banner a {
  color: #dcddde
}
.banner--black a:active, .banner--black a:focus, .banner--black a:hover, .banner--black li.active>a, .banner a:active, .banner a:focus, .banner a:hover, .banner li.active>a {
  color: #fff
}
.banner--black {
  background-color: #000;
  position: relative;
  top: auto;
  left: auto
}
.banner--black:after {
  content: none
}
.banner__logo {
  line-height: 0
}
.banner__menu-toggle {
  position: fixed;
  top: 1.2em;
/*  right: .8em;*/
  left: .8em;
  width: 2.7em;
  height: 2.7em;
  border-radius: 50%;
  padding: .94em .7em 1.1em;
  cursor: pointer;
  z-index: 9999;
  background-color: #f0e39c;
  -webkit-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color
}
.is-nav-active .banner__menu-toggle {
  background-color: #505050
}

@media (min-width:60em) {
.banner__menu-toggle:active, .banner__menu-toggle:focus, .banner__menu-toggle:hover {
  background-color: #505050
}
}

@media (min-width:60em) {
.banner__menu-toggle {
  display: none!important
}
}
.banner__menu-shape {
  left: .8em;
  width: 100%;
  height: 100%;
  width: calc(100% - 1.65em);
  outline: none;
  border: none;
  background-color: transparent;
  -webkit-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform, -o-transform
}
.banner__menu-shape, .banner__menu-shape>span {
  position: absolute;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg)
}
.banner__menu-shape>span {
  display: block;
  left: 0;
  width: 100%;
  height: .05em;
  background-color: #fff;
  opacity: 1;
  -webkit-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
body.ie11 .banner__menu-shape>span {
  height: .05em
}
.banner__menu-shape>span:first-child {
  top: 0
}
.is-nav-active .banner__menu-shape>span:first-child {
  top: 0;
  left: .175em;
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}
.banner__menu-shape span:nth-child(2) {
  top: .4em
}
.is-nav-active .banner__menu-shape span:nth-child(2) {
  width: 0;
  opacity: 0
}
.banner__menu-shape span:nth-child(3) {
  top: .8em
}
.is-nav-active .banner__menu-shape span:nth-child(3) {
  top: .75em;
  left: .175em;
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.banner__nav {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.4em 0 3em;
  background-color: transparent;
  width: 0;
  height: 0;
  z-index: -9999;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: z-index 0s .35s, opacity .35s, background-color 0s .35s, width 0s .35s, height 0s .35s;
  -o-transition: z-index 0s .35s, opacity .35s, background-color 0s .35s, width 0s .35s, height 0s .35s;
  transition: z-index 0s .35s, opacity .35s, background-color 0s .35s, width 0s .35s, height 0s .35s
}
.is-nav-active .banner__nav {
  background-color: #000;
  -webkit-transition: opacity .35s;
  -o-transition: opacity .35s;
  transition: opacity .35s;
  z-index: 4000;
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
  opacity: 1
}

@media (min-width:60em) {
.banner__nav {
  background-color: transparent;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  padding: 0;
  z-index: 1;
  width: auto;
  height: auto;
  opacity: 1;
  overflow: visible;
  -webkit-transition: z-index 0s 0s, opacity 0s 0s;
  -o-transition: z-index 0s 0s, opacity 0s 0s;
  transition: z-index 0s 0s, opacity 0s 0s;
  text-align: right
}
}

@media (min-width:60em) {
.banner__nav>.container {
  padding: 0
}
}

@media (min-width:60em) {
.menu-primary {
  display: inline-block;
  vertical-align: middle
}
}
.banner__nav-primary+.banner__nav-primary {
  display: none
}

@media (min-width:60em) {
.banner__nav-primary+.banner__nav-primary {
  display: block
}
}

@media (min-width:60em) {
.banner__nav-primary:first-of-type {
  display: none!important
}
}
.banner__nav-primary {
  font-size: 1.9em;
  line-height: 1em;
  margin-left: 1em
}

@media (min-width:60em) {
.banner__nav-primary {
  font-size: .8em;
  padding-bottom: 0
}
}

@media (min-width:60em) {
.banner__nav-primary li {
  display: inline-block;
  vertical-align: middle
}
.banner__nav-primary li:after {
	content: " ";
	opacity: 0;
	position: absolute;
	top: -10px;
	left: -10px;
	width: calc(100% + 15px);
	height: 35px;
	z-index: -1;
	border: 2px solid #fff;
}
.banner__nav-primary li.active:after, .banner__nav-primary li:after, .banner__nav-primary li:hover:after {
  -webkit-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out
}
.banner__nav-primary li.active:after, .banner__nav-primary li:hover:after {
  opacity: 1
}
.banner__nav-primary li:hover:after {
  content: " "
}
}
body:not(.region-intl) .banner__nav-primary li.global-travel-retail, body:not(.region-intl) .banner__nav-primary li.menu-global-travel-retail, body:not(.region-us) .banner__nav-primary li.locator, body:not(.region-us) .banner__nav-primary li.menu-brand-locator, body:not(.region-us) .banner__nav-primary li.menu-locator {
  display: none
}
.banner__nav-primary li:before {
  content: " ";
  opacity: 0;
  -webkit-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}

@media (min-width:60em) {
.banner__nav-primary li:before {
  content: none!important
}
}
.banner__nav-primary li.active:before {
  opacity: 1;
  content: "";
  position: absolute;
  top: -5px;
  left: -27px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa93a), color-stop(10%, #ffb351), color-stop(70%, #e39633), to(#f0e39c));
  background: -webkit-linear-gradient(#ffa93a, #ffb351 10%, #e39633 70%, #f0e39c);
  background: -o-linear-gradient(#ffa93a 0, #ffb351 10%, #e39633 70%, #f0e39c 100%);
  background: linear-gradient(#ffa93a, #ffb351 10%, #e39633 70%, #f0e39c);
  width: 2px;
  height: 45px;
  -webkit-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
  z-index: 1;
  top: 0
}
.banner__nav-primary li+li {
  margin-top: .44444em
}

@media (min-width:60em) {
.banner__nav-primary li+li {
  margin-top: 0;
  margin-left: 2.5em
}
}

@media (min-width:60em) {
.banner__nav-primary li>a {
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 5px
}
}
.banner__lang {
  margin-top: 1.5em;
  margin-left: 2.4em
}

@media (min-width:60em) {
.banner__lang {
  margin-top: 0;
  margin-left: 2em
}
}
.banner__lang .lang__items {
  display: none
}
.is-nav-active .banner__lang .lang__items {
  display: inline-block!important
}
.banner__lang .lang__item.active>a, .banner__lang .lang__item>a:focus, .banner__lang .lang__item>a:hover {
  color: #f0e39c
}
.banner__copyright {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.6em .8em;
  border-top: .05em solid #505050
}

@media (min-width:30em) {
.banner__copyright {
  text-align: center
}
}

@media (min-width:60em) {
.banner__copyright {
  display: none!important
}
}
.banner__copyright>small {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 20em;
  line-height: 1.33em
}

@media (min-width:30em) {
.banner__copyright>small {
  max-width: none
}
}
.banner__copyright>small sup {
  font-size: 80%;
  top: -.125em
}
.footer {
  background-color: #415172;
  color: #fff;
  border-top: .05em solid #505050;
  padding: 2em 0 0
}
.footer__title.preheader {
  color: #f0e39c;
}

@media (min-width:40em) {
.footer {
  padding-top: 4em
}
}
.footer a:active, .footer a:focus, .footer a:hover, .footer li.active>a {
  color: #fff
}
.footer__flex {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.footer__flex>* {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  width: 100%
}
body.ie11 .footer__flex>* {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}

@media (min-width:40em) {
.footer__flex>* {
  -ms-flex-preferred-size: calc(50% - 2em);
  flex-basis: calc(50% - 2em);
  width: calc(50% - 2em)
}
body.ie11 .footer__flex>* {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}
}
.footer__flex>*+* {
  margin-top: 2em
}

@media (min-width:40em) {
.footer__flex>*+* {
  margin-top: 0
}
}
.footer__email {
  color: hsla(0,0%,100%,.75);
  font-weight: 200;
  word-wrap: normal;
  margin-top: .6em
}

@media (min-width:40em) {
.footer__email {
  margin-top: .6em
}
}

@media (min-width:60em) {
.footer__email {
  font-size: 1.4em;
  margin-top: .42857em
}
}
.footer__email a {
  color: hsla(0,0%,100%,.75)
}
.footer__email a, .footer__email a:hover {
  -webkit-transition: color .25s ease-in-out;
  -o-transition: color .25s ease-in-out;
  transition: color .25s ease-in-out
}
.footer__email a:hover {
  color: #fff
}

@media (min-width:40em) {
.footer__menu {
  margin-top: .3em
}
}
.footer__menu li {
  margin-top: .6em
}

@media (min-width:40em) {
.footer__menu li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 1.2em 0 0
}
}
body:not(.region-intl) .footer__menu li.global-travel-retail, body:not(.region-intl) .footer__menu li.menu-global-travel-retail, body:not(.region-us) .footer__menu li.locator, body:not(.region-us) .footer__menu li.menu-brand-locator, body:not(.region-us) .footer__menu li.menu-locator {
  display: none
}
.footer__menu li>a {
  display: block
}

@media (min-width:40em) {
.footer__menu li>a {
  display: inline-block;
  vertical-align: middle
}
}
.footer__copyright {/*border-top:.05em solid #505050;*/
  text-align: center;
  margin-top: 2em;
  padding: 1.6em .8em
}

.footer__copyright a.brands__button{
  margin: 0 5px;
}

@media (min-width:40em) {
.footer__copyright {
  margin-top: 0;
  padding-top: 1.8em;
  padding-bottom: 2.8em
}
}
.footer__copyright>small {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 20em;
  line-height: 1.33em
}

@media (min-width:30em) {
.footer__copyright>small {
  max-width: none
}
}
.footer__copyright>small sup {
  font-size: 80%;
  top: -.125em
}
.grid__items {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 2.8em
}
.grid__items:after {
  display: block;
  content: "";
  clear: both
}
.grid__item {
  padding: 0 1.2em;
  margin-bottom: 2em;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  width: 100%
}
body.ie11 .grid__item {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}

@media (min-width:20em) {
.grid__item {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  width: 50%
}
body.ie11 .grid__item {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}
}

@media (min-width:48em) {
.grid__item {
  -ms-flex-preferred-size: 33.33333%;
  flex-basis: 33.33333%;
  width: 33.33333%
}
body.ie11 .grid__item {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}
}

@media (min-width:60em) {
.grid__item {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  width: 25%;
  margin: 0px auto;
}
body.ie11 .grid__item {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}
}
.grid__img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 15em
}

@media (min-width:25em) {
.grid__img {
  max-height: 20em
}
}
body.ie11 .grid__img {
  width: auto
}
.grid__content {
  text-align: center;
  margin-top: .6em
}
.grid__title a {
  color: #505050
}
.grid__category {
  color: #dcddde;
  font-weight: 200
}
.proximo-store-locator {
  padding: 5.25em 0;
  max-width: 61em;
  display: block;
  margin-left: auto;
  margin-right: auto
}

@media (min-width:30em) {
.proximo-store-locator {
  padding: 6em 0
}
}

@media (min-width:60em) {
.proximo-store-locator {
  padding: 8em 0 6em
}
}
.page-template-page-brand-locator .banner {
  background-color: #000
}
body.page-landing .banner, body.page-landing .footer {
  display: none!important
}
.landing {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000
}
.landing__vid, .landing__vid-fallback {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  z-index: 1
}
.landing__lightbox {
  position: absolute;
  top: 30%;
  left: 50%;
  margin-left: -3em;
  display: inline-block;
  vertical-align: middle;
  z-index: 4000
}

@media (min-width:60em) {
.landing__lightbox {
  display: none!important
}
}
.landing__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  text-align: center;
  padding-top: 1.2em;
  padding-bottom: 4.8em
}
.landing__overlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(95%, #000));
  background-image: -webkit-linear-gradient(top, transparent, #000 95%);
  background-image: -o-linear-gradient(top, transparent 0, #000 95%);
  background-image: linear-gradient(180deg, transparent, #000 95%)
}
.landing__button.landing__button.landing__button {
  z-index: 4005;
  background-color: #f0e39c;
  border-color: #f0e39c
}

@media (min-width:60em) {
.landing__button.landing__button.landing__button:focus, .landing__button.landing__button.landing__button:hover {
  background-color: #fff;
  border-color: #fff;
  color: #f0e39c
}
}
.home-brands {
  padding: 2em 0 4.8em;
  text-align: center
}
.home-brands .brands__content>*+* {
  margin-top: .8em
}
.home-brands .brands__content>.brands__button {
  margin-top: 1em
}

@media (min-width:48em) {
.home-brands .brands__content>.brands__button {
  margin-top: 1.2em
}
}
.home-latest {
  text-align: center
}

@media (min-width:60em) {
.home-latest {
  padding: 2em 0 0
}
}

@media (min-width:60em) {
.home-latest .latest__content>.latest__title {
  margin-top: .25em
}
}

@media (min-width:20em) {
.home-latest .latest__text {
  padding-bottom: 3.2em
}
}

@media (min-width:60em) {
.home-latest .latest__text {
  padding-bottom: 4em
}
}
.home-latest .latest-slider.slick-initialized.slick-slider {
  padding-bottom: 0
}
.home-callout {
  padding-top: 0
}
.about-prx {
  margin-top: 4.8em;
  padding-top: 2.4em;
  position: relative
}

@media (min-width:60em) {
.about-prx {
  padding-top: 4.8em
}
}
.about__background {
  position: relative
}

@media (min-width:60em) {
.about__background {
  position: absolute;
  top: 0;
  right: -15%;
  width: 75%;
  height: auto;
  z-index: -1
}
}
body.ie11 .about__background {
  width: 45.75em!important;
  height: auto
}
.about__title {
  margin-bottom: .5em
}
.about__slogan {
  margin-bottom: 1em
}

@media (min-width:60em) {
.about__slogan {
  width: calc(40% - 2em);
  max-width: 22.5em
}
}
.page-template-page-about .banner {
  background-color: #000
}
.brands .brands-featured {
  display: none
}

@media (min-width:32em) {
.brands .brands-grid {
  padding-bottom: 1.6em
}
}
.brands .grid__items {
  margin-top: .4em
}

@media (min-width:48em) {
.brands .grid__items {
  margin-top: 2em
}
}

@media (min-width:60em) {
.brands .grid__items {
  margin-top: 3em
}
}
.brands .grid__item {
  padding: 0 .5em
}
.brands .grid__content {
  margin-top: 1em
}

@media (min-width:20em) {
.brands .grid__content {
  min-height: 5.25em
}
}

@media (min-width:32em) {
.brands .grid__content {
  min-height: 0
}
}

@media (min-width:60em) {
.brands .grid__content {
  min-height: 5em
}
}

@media (min-width:64em) {
.brands .grid__content {
  min-height: 0
}
}
.brands .grid__title {
  line-height: 1.125em
}
.brands .grid__item, .brands .grid__item:hover .grid__title>a {
  -webkit-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color
}
.brands .grid__item:hover .grid__title>a {
  color: #f0e39c
}
.categories__list .cat-item {
  color: rgba(80,80,80,.75)
}
.categories__list .cat-item, .categories__list .cat-item:hover {
  -webkit-transition: color .25s ease-in-out;
  -o-transition: color .25s ease-in-out;
  transition: color .25s ease-in-out
}
.categories__list .cat-item:hover {
  color: #505050
}

@media (min-width:48em) {
.categories__list .cat-item:after {
	content: " ";
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 98%;
	height: 40px;
	z-index: -1;
	border: 2px solid #405171;
}
.categories__list .cat-item.active:after, .categories__list .cat-item:after, .categories__list .cat-item:hover:after {
  -webkit-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out
}
.categories__list .cat-item.active:after, .categories__list .cat-item:hover:after {
  opacity: 1
}
}
.categories__list .current-cat {
  color: #505050
}

@media (min-width:48em) {
.categories__list .current-cat:after {
  content: " ";
  opacity: 0;
  -webkit-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
  position: absolute;
  top: 38px;
  left: 11%;
  width: 73%;
  height: 2px;
  background-color: #f0e39c;
  z-index: 9999
}
.categories__list .current-cat.active:after, .categories__list .current-cat:hover:after {
  opacity: 1;
  -webkit-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out
}
.categories__list .current-cat:after {
  opacity: 1
}
}
.brand-hero {
  padding-top: 0
}
.brand-hero .callout__button {
  display: inline-block
}
.brand-hero .callout__button__wrap {
  display: block
}

.brand-hero a[class*=button][class*="--white"],
.brand-hero button[class*=button][class*="--white"]  {
	color: #fff;
	background: rgba(97, 149, 202,0.5);
	padding: 0 15px 0 45px;
	border: 1px solid rgba(255,255,255,0.2);
	transition: all 250ms linear;
}

.brand-hero a[class*=button][class*="--white"]:hover,
.brand-hero button[class*=button][class*="--white"]:hover {
	background: rgba(97, 149, 202,0.7);
	border: 1px solid rgba(255,255,255,0.7);
}

.postid-113 .brand-hero a[class*=button][class*="--white"],
.postid-113 .brand-hero button[class*=button][class*="--white"]  {
	color: #fff;
	background: rgba(92, 54, 47,0.7);
	padding: 0 15px 0 45px;
	border: 1px solid rgba(255,255,255,0.3);
	transition: all 250ms linear;
}

.postid-113 .brand-hero a[class*=button][class*="--white"]:hover,
.postid-113 .brand-hero button[class*=button][class*="--white"]:hover {
	background: rgba(92, 54, 47,0.8);
	border: 1px solid rgba(255,255,255,0.8);
}

@media (min-width:60em) {
.brand-overview {
  padding-top: 0;
  margin-top: 0em
}
}

@media (min-width:20em) {
.brand-overview .grid-70-30__img {
  max-width: 11em
}
}

@media (min-width:48em) {
.brand-overview .grid-70-30__img {
  max-height: 45em;
  max-width: 100%;
  width: auto
}
}
.brand-connect .grid-50-50__social>* {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1.2em;
  line-height: 1.5em
}

@media (min-width:48em) {
.brand-latest+.brand-connect {
  padding-top: 0
}
}

@media (min-width:48em) {
.brand-latest+.brand-connect .grid-50-50__flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
}
.brand-products {
  padding-top: 4em
}

@media (min-width:48em) {
.brand-products .grid-70-30__flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
}
.brand-products .grid-70-30__title {
  text-align: left
}
.brand-featured {
  padding-top: 4em
}
.brands-explore {
  padding-top: 2.8em;
  padding-bottom: 2.4em;
  text-align: center
}
.brands-explore .brand__slider {
  padding-top: 2em
}
.brands-explore .brands__content {
  text-align: center
}
.brands-explore .brands__content>*+* {
  margin-top: .4em
}
.careers__content {
  width: 100%;
  max-width: 33.6em;
  margin: 4.8em auto 3em;
  padding: 0 .8em
}
.careers__women-in-spirits {
  margin: 0 auto
}
.careers__equal-opportunity {
  font-size: .7em;
  line-height: 1.333em;
  color: #dcddde;
  text-align: center;
  width: 100%;
  max-width: 88em;
  margin: 4.57143em auto 6.85714em;
  padding: 0 .8em
}
.careers__linkedin {
  text-transform: uppercase;
  font-weight: 200;
  letter-spacing: 5px;
  text-align: center;
  width: 100%;
  display: inline-block;
  margin-bottom: 7.2em;
  padding: 0 .8em
}
.careers__linkedin_img {
  position: relative;
  top: -.2em;
  display: inline;
  height: 2.5em;
  margin-left: 1em
}
body.ie11 .careers__linkedin_img, body.ie11 .careers__women-in-spirits {
  width: auto
}
.contact__content {
  width: 100%;
  max-width: 33.6em;
  margin: 4.8em auto .8em;
  padding: 0 .8em
}
.contact__content a {
  color: #f0e39c
}
.not-found {
  text-align: center;
  padding-bottom: 3.2em;
  height: 32.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url(../images/age-gate/map-mobile_3ef7a9fa.jpg)
}

@media (min-width:48em) {
.not-found {
  background-image: url(../images/age-gate/map-desktop_46dcd6ad.jpg)
}
}

@media (min-width:100em) {
.not-found {
  background-image: url(../images/age-gate/map-desktop%402x_f119ab1d.jpg)
}
}

@media screen and (-o-min-device-pixel-ratio:2/1), screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:192dpi) {
.not-found {
  background-image: url(../images/age-gate/map-mobile%402x_9d21ec93.jpg)
}
}

@media screen and (min-width:48em) and (-o-min-device-pixel-ratio:2/1), screen and (min-width:48em) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:48em) and (min-resolution:192dpi) {
.not-found {
  background-image: url(../images/age-gate/map-desktop%402x_f119ab1d.jpg)
}
}
.not-found__excerpt, .not-found__title {
  color: #fff
}
.not-found__excerpt {
  margin-bottom: 1.5em
}
.not-found__back {
  padding: .5em 2.1em;
  min-width: 4.8em;
  color: #fff;
  border: 1px solid #fff;
  background-color: #f0e39c;
  font-size: .8em;
  line-height: 1em;
  border: none;
  padding: 1.25em
}

@media (min-width:48em) {
.not-found__back {
  -webkit-transition-property: background-color, border-color, color;
  -o-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color
}
.not-found__back:focus, .not-found__back:hover {
  background-color: #f0e39c;
  border-color: #f0e39c
}
}
.global__container {
  margin-bottom: 2.5em
}
.global__content {
  display: block;
  margin: 2em auto;
  max-width: 40em
}
.global__grid {
  margin: 4% 0 2%
}
.global__grid-item, .global__grid-sizer {
  width: 100%;
  margin-bottom: 2%;
  float: left
}
.global__grid-item img, .global__grid-sizer img {
  width: 100%
}

@media (min-width:48em) {
.global__grid-item, .global__grid-sizer {
  width: 32%
}
}
.global__gutter-sizer {
  width: 2%
}

@media only screen and (max-width:640px) {
.desktop_slider_images {
  display: none!important;
}
.mobile_slider_images {
  display: block!important;
}
.single-brands .vc_column-inner {
  padding-top: 25px!important;
  padding-left: 15px!important;
}
.mobile_image_size img {
  width: 50%;
  margin: 0 auto;
}
.footer_seprator {
  padding-left: 15%;
}
}

.slider .slide__button {
    margin-left: 38px;
}

.vc_tta-panel-heading {
	margin-top:0 !important;
}

.page-id-329 .vc_tta-panel-heading .vc_single_image-img {
	display: inline-block;
	width: 120px;
	padding-right: 14px;
	position: absolute;
	left: 30px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.page-id-329 .vc_tta-panel-heading .vc_single_image-img.attachment-large {
	width: 52px;
	left: 65px;
}

.page-id-329 .vc_tta-panels .vc_tta-panel:first-child .vc_tta-panel-heading .vc_single_image-img {
	width: 80px;
	left: 50px;
}

.page-id-329 .vc_tta-panels .vc_tta-panel:nth-child(9) .vc_tta-panel-heading .vc_single_image-img {
/* 	width: 60px;
	left: 60px; */
}

.page-id-329 .vc_tta-panels .vc_tta-panel:nth-child(12) .vc_tta-panel-heading .vc_single_image-img {
	width: 100px;
	left: 40px;
}

.page-id-329 #main .vc_tta-panel-heading .vc_tta-title-text {
	vertical-align: middle;
	border-left: 2px #ccc solid;
	margin-left: 140px;
	padding-left: 30px;
}

.page-id-329.wpb-js-composer #main .vc_tta.vc_general .vc_tta-panel-title>a {
	padding-top: 30px;
	padding-bottom: 30px;
}

.vc_tta-panel-body .vc_btn3 {
    color: #415171 !important;
    border-color: #415171 !important;;
    background-color: transparent;
}
.vc_tta-panel-body .vc_btn3:hover, .vc_tta-panel-body .vc_btn3:focus, .vc_tta-panel-body .vc_btn3:active {
	color: #FFF !important;;
	border-color: #415171 !important;;
	background-color: #415171 !important;;
}

.wpb-js-composer .vc_tta.vc_general, .wpb-js-composer .vc_tta.vc_general * {
	box-sizing:border-box;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel {
	border:2px transparent solid;
	border-bottom:0;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body {
	border-bottom:2px transparent solid;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_active {
	border-color:#ccc;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body {
	border-color:#ccc;
}

@media all and (max-width: 1280px) {
.slider .slide__title {max-width: 480px;}
}

@media all and (max-width: 768px) {
	.page-id-329 .vc_tta-panel-heading .vc_single_image-img {
		display: block;
		max-width: 100%;
		width: 120px;
		position: static;
		margin: auto;
	}

	.page-id-329 #main .vc_tta-panel-heading .vc_tta-title-text {
		display: block;
		text-align: left;
		padding: 15px 0 0 15px;
		margin: 15px 0 0 0;
		border-left: 0;
		border-top: 2px solid #ccc;
	}
	.page-id-329.wpb-js-composer #main  .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right
	.vc_tta-controls-icon {
		bottom: 30px;
		top: unset;
	}
	.page-id-329.wpb-js-composer #main .vc_tta.vc_general .vc_tta-panel-title>a {
		padding-left: 0;
		padding-right: 0;
	}
	.page-id-329 #main .vc_tta-panel-heading {
		margin-bottom: 10px;
	}
}