/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, .overlay h2, h4, h5, h6, p, dt, dd, fieldset, .accordion .trigger, .overlay .content ol, .overlay .content ul, .job-application-block ul, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

/**
 * Display grid mixin
 *
 * @mixin
 * @section Polar mixins
 */
/**
 * Display inline-grid mixin
 *
 * @mixin
 * @section Polar mixins
 */
/**
 * Display grid child columns
 *
 * @mixin
 * @section Polar mixins
 */
/**
 * Display grid child rows
 *
 * @mixin
 * @section Polar mixins
 */
/**
 * Horizontal gradient
 *
 * @mixin
 * @section Polar mixins
 */
/**
 * Horizontal gradient
 *
 * @mixin
 * @section Polar mixins
 */
/**
 * Polar Red
 *
 * @color
 * @section Polar colors
 */
/**
 * Polar Dark Red
 *
 * @color
 * @section Polar web support colors
 */
/**
 * Polar Gray
 *
 * @color
 * @section Polar web support colors
 */
/**
 * Polar Black
 *
 * @color
 * @section Polar colors
 */
/**
 * Polar Light Gray
 *
 * @color
 * @section Polar web support colors
 */
/**
 * Polar Symbol red
 *
 * @color
 * @section Polar web support colors
 */
/**
 * Polar Lighter Gray
 *
 * @color
 * @section Polar web support colors
 */
/**
 * Heading font italic
 *
 * @font
 * @section Fonts
 */
@font-face {
  font-family: 'Druk Cy Web';
  src: url("../../fonts/Druk-MediumItalic-Cy-Web.eot");
  src: url("../../fonts/Druk-MediumItalic-Cy-Web.eot?#iefix") format("embedded-opentype"), url("../../fonts/Druk-MediumItalic-Cy-Web.woff2") format("woff2"), url("../../fonts/Druk-MediumItalic-Cy-Web.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
  font-display: swap; }

@font-face {
  font-family: 'Druk Cy Web HeavyItalic';
  src: url("../../fonts/Druk-HeavyItalic-Cy-Web.woff2") format("woff2"), url("../../fonts/Druk-HeavyItalic-Cy-Web.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-stretch: normal;
  font-display: swap; }

/**
 * Heading font
 *
 * @font
 * @section Fonts
 */
@font-face {
  font-family: 'Druk Cy Web';
  src: url("../../fonts/Druk-Medium-Cy-Web.eot");
  src: url("../../fonts/Druk-Medium-Cy-Web.eot?#iefix") format("embedded-opentype"), url("../../fonts/Druk-Medium-Cy-Web.woff2") format("woff2"), url("../../fonts/Druk-Medium-Cy-Web.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  font-display: swap; }

.Druk-MediumItalic-Cy-Web, h2 {
  font-family: 'Druk Cy Web', Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: italic;
  font-stretch: normal; }

.Druk-MediumItalic-Cy-Web-HeavyItalic, h1 {
  font-family: 'Druk Cy Web HeavyItalic', Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: italic;
  font-stretch: normal; }

.Druk-Medium-Cy-Web, h3, .overlay h2, h4, .accordion .trigger:before {
  font-family: 'Druk Cy Web', Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal; }

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes slideFromRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes slideFromLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

html, body {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1 {
  text-transform: uppercase;
  font-size: 3.5rem;
  line-height: 3.4375rem;
  margin-bottom: 2rem; }
  @media screen and (min-width: 641px) {
    h1 {
      font-size: 7.5vw;
      line-height: 6.8vw; } }

h2 {
  text-transform: uppercase;
  font-size: 3.5rem;
  line-height: 3.4375rem;
  margin-bottom: 2.5rem; }
  @media screen and (min-width: 641px) {
    h2 {
      font-size: 5vw;
      line-height: 4.7vw; } }

h3, .overlay h2 {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 2.25rem;
  line-height: 2.25rem;
  margin-bottom: 2rem; }
  @media screen and (min-width: 1025px) {
    h3, .overlay h2 {
      font-size: 2.5vw;
      line-height: 2.5vw; } }

h4 {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-bottom: 2rem; }
  @media screen and (min-width: 1025px) {
    h4 {
      font-size: 1.85vw;
      line-height: 1.85vw; } }

h5 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 1rem; }

h1 span.collab, h2 span.collab {
  text-transform: none;
  font-style: normal;
  font-family: 'Roboto', sans-serif;
  display: inline-block;
  font-size: 0.75em;
  vertical-align: top;
  margin: 0 0.1em; }

p, dt, dd, fieldset, .accordion .trigger, .overlay .content ol, .overlay .content ul, .job-application-block ul {
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0.01em;
  margin: 0 0 1.5rem; }
  @media screen and (min-width: 641px) {
    p, dt, dd, fieldset, .accordion .trigger, .overlay .content ol, .overlay .content ul, .job-application-block ul {
      font-size: 1.25rem;
      line-height: 1.625rem; } }
  @media screen and (min-width: 1920px) {
    p, dt, dd, fieldset, .accordion .trigger, .overlay .content ol, .overlay .content ul, .job-application-block ul {
      font-size: 1.04vw;
      line-height: 1.3em; } }

.note {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  letter-spacing: 0.01em;
  margin: 0 0 1.5rem; }

* a {
  color: #000000;
  text-decoration: none; }
  * a:hover {
    color: #d10027; }

p a, dt a, dd a, fieldset a, .accordion .trigger a, .overlay .content ol a, .overlay .content ul a, .job-application-block ul a, .link-list a {
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing: 0.05em;
  color: #d10027;
  background: transparent;
  text-transform: uppercase;
  text-decoration: underline; }
  p a:hover, dt a:hover, dd a:hover, fieldset a:hover, .accordion .trigger a:hover, .overlay .content ol a:hover, .overlay .content ul a:hover, .job-application-block ul a:hover, p a:focus, dt a:focus, dd a:focus, fieldset a:focus, .accordion .trigger a:focus, .overlay .content ol a:focus, .overlay .content ul a:focus, .job-application-block ul a:focus, .link-list a:hover, .link-list a:focus {
    color: #000000; }

a {
  transition: all .2s ease-in-out; }

a.easier {
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  text-transform: none; }

dt {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.1em;
  letter-spacing: 0.01em;
  margin: 0 0 0.5rem; }
  @media screen and (min-width: 641px) {
    dt {
      font-size: 1.375rem; } }
  @media screen and (min-width: 1920px) {
    dt {
      font-size: 1.1vw; } }

dd strong {
  font-weight: bold; }

dd em {
  font-style: italic; }

input,
button,
select,
textarea {
  margin: 0;
  border: none;
  outline: 0;
  border-style: none; }
  input:focus,
  button:focus,
  select:focus,
  textarea:focus {
    outline: none; }

textarea {
  overflow: auto; }

form {
  margin: 0 0 1.5rem 0; }

input[type="text"],
input[type="number"],
input[type="email"],
input[type="file"],
textarea {
  background: #fff;
  border: 1px solid #999999;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  line-height: 1.0625rem;
  padding: 0.625rem 1.25rem; }
  input[type="text"].block,
  input[type="number"].block,
  input[type="email"].block,
  input[type="file"].block,
  textarea.block {
    display: block;
    width: 100%;
    margin-bottom: 1rem; }
    input[type="text"].block.has-wrapper,
    input[type="number"].block.has-wrapper,
    input[type="email"].block.has-wrapper,
    input[type="file"].block.has-wrapper,
    textarea.block.has-wrapper {
      margin-bottom: 0; }
  input[type="text"].flat,
  input[type="number"].flat,
  input[type="email"].flat,
  input[type="file"].flat,
  textarea.flat {
    border-color: transparent; }

input[type="date"] {
  background: #fff;
  border: 1px solid #999999;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  line-height: 1.0625rem;
  padding: 0.625rem 1.25rem;
  display: block;
  margin-bottom: 1rem; }

textarea {
  width: 100%;
  min-height: 7.5rem; }

label {
  font-size: 1rem;
  letter-spacing: 0.01em;
  line-height: 1.25rem;
  display: block;
  margin-bottom: 0.5rem; }
  label.required:after {
    position: absolute;
    content: '*';
    color: #c22032;
    padding-left: 8px;
    font-weight: 700; }
  input + label {
    margin: 1.5rem 0 0.5rem 0; }
    input + label span {
      font-weight: 700;
      color: #d10027; }
    input + label a {
      color: #d10027;
      background: transparent;
      text-transform: uppercase;
      text-decoration: none; }
      input + label a:hover, input + label a:focus {
        color: #000000; }

.select-block {
  border: 1px solid #999999;
  overflow: hidden;
  background-image: url("../../img/asset/select_arrow.png");
  background-repeat: no-repeat;
  background-position: 98% 50%;
  display: inline-block;
  background-color: #fff; }
  .select-block.block {
    display: block;
    width: 100%;
    margin-bottom: 1rem; }
    .select-block.block.has-wrapper {
      margin-bottom: 0; }
  .select-block.text-center select {
    text-align: center; }
  .select-block.flat {
    border-color: transparent; }
  .select-block select {
    border: none;
    box-shadow: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: none;
    padding: 0.625rem 1.25rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    letter-spacing: 0.05em;
    line-height: 1.0625rem;
    padding: 0.625rem 1.25rem;
    text-align: left;
    width: 100%; }
  .select-block select::-ms-expand {
    display: none; }

.form-checkbox {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  padding-right: 1rem;
  cursor: pointer;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .form-checkbox.block {
    display: block;
    margin-bottom: 1rem; }
  .form-checkbox input.fancy-checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
    .form-checkbox input.fancy-checkbox:checked ~ .box {
      border-color: #d10027; }
      .form-checkbox input.fancy-checkbox:checked ~ .box:after {
        transform: rotate(45deg) scale(1);
        border-color: #d10027; }
  .form-checkbox .box {
    position: absolute;
    background: #fff;
    top: -4px;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #999999; }
    .form-checkbox .box:after {
      position: absolute;
      top: 4px;
      left: 8px;
      content: "";
      width: 6px;
      height: 12px;
      border: solid transparent;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg) scale(0.7);
      transition: all 0.2s; }

.form-radio {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  padding-right: 1rem;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  cursor: pointer;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .form-radio.block {
    display: block;
    margin-bottom: 1rem; }
  .form-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
    .form-radio input:checked ~ .dot {
      border-color: #d10027; }
      .form-radio input:checked ~ .dot:after {
        background: #d10027;
        transform: scale(1);
        border-radius: 100%; }
  .form-radio .dot {
    position: absolute;
    top: -4px;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #999999;
    border-radius: 100%;
    background: #fff;
    transition: all 0.2s; }
    .form-radio .dot:after {
      position: absolute;
      display: block;
      width: 9px;
      height: 9px;
      top: 7px;
      left: 7px;
      transform: scale(0.7);
      content: "";
      border-radius: 100%;
      transition: all 0.3s; }

.button {
  display: inline-block;
  cursor: pointer;
  font-family: 'Roboto Condensed', 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  line-height: 1.25rem;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  background-color: #d10027 !important;
  color: #fff !important;
  padding: 0.8125rem 1.875rem;
  transition: all .2s ease-in-out;
  margin-bottom: 1rem; }
  input + .button {
    padding: 9px 15px;
    line-height: 1.3125rem; }
  .button.info, .button.ghost {
    background-color: transparent !important;
    color: #4d4d4d !important;
    border: 2px solid #999999;
    padding: 0.9375rem 1.875rem; }
    .button.info:hover, .button.info:focus, p .button.info:hover, dt .button.info:hover, dd .button.info:hover, fieldset .button.info:hover, .accordion .trigger .button.info:hover, .overlay .content ol .button.info:hover, .overlay .content ul .button.info:hover, .job-application-block ul .button.info:hover, p .button.info:focus, dt .button.info:focus, dd .button.info:focus, fieldset .button.info:focus, .accordion .trigger .button.info:focus, .overlay .content ol .button.info:focus, .overlay .content ul .button.info:focus, .job-application-block ul .button.info:focus, .button.ghost:hover, .button.ghost:focus, p .button.ghost:hover, dt .button.ghost:hover, dd .button.ghost:hover, fieldset .button.ghost:hover, .accordion .trigger .button.ghost:hover, .overlay .content ol .button.ghost:hover, .overlay .content ul .button.ghost:hover, .job-application-block ul .button.ghost:hover, p .button.ghost:focus, dt .button.ghost:focus, dd .button.ghost:focus, fieldset .button.ghost:focus, .accordion .trigger .button.ghost:focus, .overlay .content ol .button.ghost:focus, .overlay .content ul .button.ghost:focus, .job-application-block ul .button.ghost:focus {
      border-color: #a7001f; }
    input + .button.info, input + .button.ghost {
      padding: 7px 15px;
      line-height: 1.3125rem; }
  .button.inverse {
    background-color: transparent !important;
    color: #fff !important;
    border: 2px solid #fff;
    padding: 0.9375rem 1.875rem; }
    .button.inverse:hover, .button.inverse:focus, p .button.inverse:hover, dt .button.inverse:hover, dd .button.inverse:hover, fieldset .button.inverse:hover, .accordion .trigger .button.inverse:hover, .overlay .content ol .button.inverse:hover, .overlay .content ul .button.inverse:hover, .job-application-block ul .button.inverse:hover, p .button.inverse:focus, dt .button.inverse:focus, dd .button.inverse:focus, fieldset .button.inverse:focus, .accordion .trigger .button.inverse:focus, .overlay .content ol .button.inverse:focus, .overlay .content ul .button.inverse:focus, .job-application-block ul .button.inverse:focus {
      border-color: #a7001f; }
    input + .button.inverse {
      padding: 7px 15px;
      line-height: 1.3125rem; }
  .button.secondary {
    padding: 9px 15px;
    line-height: 1.3125rem; }
  .button.secondary.info {
    padding: 8px 14px;
    line-height: 1.3125rem; }
  @media screen and (min-width: 641px) {
    .button {
      font-size: 0.875rem;
      padding: 1.0625rem 1.875rem; } }
  .button:hover, .button:focus, p .button:hover, dt .button:hover, dd .button:hover, fieldset .button:hover, .accordion .trigger .button:hover, .overlay .content ol .button:hover, .overlay .content ul .button:hover, .job-application-block ul .button:hover, p .button:focus, dt .button:focus, dd .button:focus, fieldset .button:focus, .accordion .trigger .button:focus, .overlay .content ol .button:focus, .overlay .content ul .button:focus, .job-application-block ul .button:focus {
    background-color: #a7001f !important;
    color: #fff !important; }
  .button.is-disabled {
    background-color: #e5e5e5 !important;
    color: #999999 !important;
    cursor: default; }
    .button.is-disabled:hover, .button.is-disabled:focus, p .button.is-disabled:hover, dt .button.is-disabled:hover, dd .button.is-disabled:hover, fieldset .button.is-disabled:hover, .accordion .trigger .button.is-disabled:hover, .overlay .content ol .button.is-disabled:hover, .overlay .content ul .button.is-disabled:hover, .job-application-block ul .button.is-disabled:hover, p .button.is-disabled:focus, dt .button.is-disabled:focus, dd .button.is-disabled:focus, fieldset .button.is-disabled:focus, .accordion .trigger .button.is-disabled:focus, .overlay .content ol .button.is-disabled:focus, .overlay .content ul .button.is-disabled:focus, .job-application-block ul .button.is-disabled:focus {
      background-color: #e5e5e5 !important;
      color: #999999 !important; }
  .button.block {
    display: block;
    width: 100%; }

.watch {
  display: block;
  width: auto;
  font-family: 'Roboto Condensed', 'Roboto', sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1em;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background: transparent;
  transition: all .2s ease-in-out; }
  .watch span {
    display: inline-block;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    transition: all .2s ease-in-out; }
    @media screen and (min-width: 641px) {
      .watch span {
        width: 86px;
        height: 86px; } }
    .watch span img {
      display: inline-block;
      max-height: 100%;
      max-width: 100%; }
  .watch h3, .watch .overlay h2, .overlay .watch h2 {
    font-size: 0.75rem; }
    @media screen and (min-width: 641px) {
      .watch h3, .watch .overlay h2, .overlay .watch h2 {
        font-size: 0.875rem; } }
  .watch:hover, .watch:focus {
    color: #fff; }
    .watch:hover span, .watch:focus span {
      background: rgba(255, 255, 255, 0.3); }

[data-clickable*="yes"]:hover {
  cursor: pointer; }

.has-top-gradient::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  /* fallback/image non-cover color */
  background-color: rgba(0, 0, 0, 0.3);
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
  /* Standard */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=0 ); }

.has-bottom-gradient::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  /* fallback/image non-cover color */
  background-color: transparent;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
  /* Standard */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=0 ); }

.has-dark-top-gradient::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  /* fallback/image non-cover color */
  background-color: rgba(0, 0, 0, 0.7);
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  /* Standard */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=0 ); }

.has-dark-bottom-gradient::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  /* fallback/image non-cover color */
  background-color: transparent;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Standard */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=0 ); }

.clearfix:after, .job-application-block .heading:after, .clearfix:before, .job-application-block .heading:before {
  content: " ";
  display: table;
  clear: both; }

.block-as-inline img, .block-as-inline h1, .block-as-inline h2, .block-as-inline h3, .block-as-inline .overlay h2, .overlay .block-as-inline h2, .block-as-inline h4, .block-as-inline p, .block-as-inline dt, .block-as-inline dd, .block-as-inline fieldset, .block-as-inline .accordion .trigger, .accordion .block-as-inline .trigger, .block-as-inline .overlay .content ol, .overlay .content .block-as-inline ol, .block-as-inline .overlay .content ul, .overlay .content .block-as-inline ul, .block-as-inline .job-application-block ul, .job-application-block .block-as-inline ul {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem; }

.icon-check {
  position: absolute;
  top: 6px;
  left: 0px;
  content: "";
  width: 9px;
  height: 15px;
  border: solid #000000;
  border-width: 0 4px 4px 0;
  transform: rotate(45deg) scale(0.8); }
  .icon-check.ok {
    border-color: #6acc2b; }
  .icon-check.nok {
    border-color: #d10027; }

.js-lazy-image, .lazyloading {
  opacity: 0;
  min-height: 150px; }

.lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
  height: auto; }

*, *:before, *:after {
  box-sizing: border-box; }

html, body {
  font-size: 16px;
  letter-spacing: 0.01em;
  margin: 0;
  padding: 0;
  background: #e5e5e5; }

main {
  background: #fff; }
  @media screen and (min-width: 1025px) {
    main {
      display: block;
      min-height: 400px; } }

body.prevent-scroll {
  overflow: hidden; }

@media screen and (max-width: 1025px) {
  .hidden-mobile {
    display: none !important; } }

@media screen and (min-width: 1025px) {
  .hidden-desktop {
    display: none !important; } }

body.prevent-scroll main, body.prevent-scroll .header-position, body.prevent-scroll footer {
  transition: opacity 0.3s ease-in-out;
  opacity: 0.2; }

.wrap-inline-elements {
  display: block;
  position: relative;
  padding: 0;
  margin: 1.5rem 0 2rem; }

.buy-ui-accordion [data-accordion='toggle'] {
  cursor: pointer; }

.buy-ui-accordion > div {
  overflow: hidden;
  height: auto;
  max-height: 0;
  transition: max-height 0.2s cubic-bezier(0.3, 0.51, 0.84, 0.65); }
  .buy-ui-accordion > div.open {
    max-height: 1000px; }

.accordion .trigger {
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 2rem;
  position: relative;
  color: #d10027;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s; }
  .accordion .trigger:hover {
    color: #a7001f; }
  .accordion .trigger:before {
    position: absolute;
    content: '+';
    left: 0;
    margin-top: -3px;
    transition: all 0.3s;
    font-size: 2.5rem; }
  .accordion .trigger.is-active:before {
    content: '-'; }
  .accordion .trigger.is-active {
    border-bottom-color: transparent; }

.accordion .content {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.5s ease-out; }
  .accordion .content.open {
    max-height: 3000px;
    overflow: visible;
    transition: max-height 0.5s ease-in; }
    .accordion .content.open .wrap {
      opacity: 1; }

.accordion .wrap {
  padding: 2rem;
  opacity: 0;
  transition: opacity 0.6s; }

iframe {
  margin-bottom: 2rem;
  max-width: 100%; }

.embed-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin-bottom: 2rem;
  overflow: hidden; }
  .embed-container iframe, .embed-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.icon-search {
  background-image: url("../../img/asset/icon-search.svg"); }

.icon-menu {
  background-image: url("../../img/asset/icon-menu.svg"); }

.icon-close {
  background-image: url("../../img/asset/icon-exit.svg"); }

.icon-arrow-down {
  background-image: url("../../img/asset/icon-arrow-down.svg"); }

.icon-marker {
  background-image: url("../../img/asset/icon-marker.svg"); }

header.global-navigation-block {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: block;
  position: relative;
  background: #fff;
  z-index: 800;
  width: 100%;
  margin-bottom: 60px;
  border-bottom: 1px solid transparent; }
  @media screen and (min-width: 1025px) {
    header.global-navigation-block {
      position: sticky;
      top: 0px;
      left: 0px;
      margin-bottom: 0px; } }
  header.global-navigation-block nav {
    width: 100%; }
    @media screen and (min-width: 1025px) {
      header.global-navigation-block nav {
        min-height: 58px; } }
  header.global-navigation-block .tree {
    position: absolute;
    width: 100%;
    background: #fff; }
    @media screen and (min-width: 1025px) {
      header.global-navigation-block .tree {
        position: relative;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        header.global-navigation-block .tree li {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -ms-flex-wrap: wrap;
          -webkit-flex-wrap: wrap;
          flex-wrap: wrap; } }
    header.global-navigation-block .tree .primary {
      display: none; }
      header.global-navigation-block .tree .primary.active {
        display: block; }
      @media screen and (min-width: 1025px) {
        header.global-navigation-block .tree .primary {
          display: -ms-inline-flexbox;
          display: -webkit-inline-flex;
          display: inline-flex; } }
    header.global-navigation-block .tree .caret-wrapper {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    header.global-navigation-block .tree .top-level {
      font-weight: 700;
      text-transform: uppercase;
      padding: 1rem;
      display: block;
      position: relative;
      width: 100%;
      font-size: 0.875rem;
      font-family: 'Roboto Condensed', 'Roboto', sans-serif; }
      @media screen and (min-width: 1025px) {
        header.global-navigation-block .tree .top-level {
          display: inline;
          width: auto; } }
      header.global-navigation-block .tree .top-level.media-link {
        color: #d10027; }
        header.global-navigation-block .tree .top-level.media-link:before {
          content: '';
          position: absolute;
          left: 5px;
          top: 19px;
          border-radius: 100%;
          width: 5px;
          height: 5px;
          background: #d10027;
          animation: blink 2s infinite; }
      header.global-navigation-block .tree .top-level img {
        width: 26px;
        height: 26px; }
    header.global-navigation-block .tree .dropdown-container {
      background: #f2f2f2;
      display: none;
      width: 100%; }
      header.global-navigation-block .tree .dropdown-container.active {
        display: block; }
      header.global-navigation-block .tree .dropdown-container .extra-items {
        display: none; }
      @media screen and (min-width: 1025px) {
        header.global-navigation-block .tree .dropdown-container {
          width: 100%;
          position: absolute;
          left: 0px;
          top: 56px;
          padding-left: 1rem;
          padding-top: 2rem;
          display: none;
          background: #fff;
          display: none; }
          header.global-navigation-block .tree .dropdown-container.active {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex; }
          header.global-navigation-block .tree .dropdown-container .menu-items {
            -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1; }
          header.global-navigation-block .tree .dropdown-container .extra-items {
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            min-height: 400px;
            background-color: #000000;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            color: #fff;
            padding: 2rem;
            text-align: center;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-right: 2rem;
            margin-bottom: 2rem; }
            header.global-navigation-block .tree .dropdown-container .extra-items > div {
              max-width: 100%; } }
    header.global-navigation-block .tree .dropdown {
      background: #f2f2f2; }
      header.global-navigation-block .tree .dropdown.active {
        display: block; }
      @media screen and (min-width: 1025px) {
        header.global-navigation-block .tree .dropdown {
          background: #fff;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          align-items: flex-start;
          -ms-flex-wrap: wrap;
          -webkit-flex-wrap: wrap;
          flex-wrap: wrap; } }
      header.global-navigation-block .tree .dropdown .top-category {
        font-weight: 700;
        font-size: 0.875rem;
        padding: 1rem;
        display: block;
        position: relative;
        width: 100%; }
      header.global-navigation-block .tree .dropdown .desktop-wrapper {
        width: 100%; }
        @media screen and (min-width: 1025px) {
          header.global-navigation-block .tree .dropdown .desktop-wrapper {
            width: 20%;
            flex-basis: 20%;
            flex-grow: 1; } }
      header.global-navigation-block .tree .dropdown .category {
        background: #e5e5e5;
        width: 100%;
        display: none; }
        header.global-navigation-block .tree .dropdown .category.active {
          display: block; }
        @media screen and (min-width: 1025px) {
          header.global-navigation-block .tree .dropdown .category {
            background: #fff;
            display: block;
            margin-bottom: 1rem; } }
        header.global-navigation-block .tree .dropdown .category li {
          display: block; }
          header.global-navigation-block .tree .dropdown .category li a {
            padding-left: 1rem;
            padding-right: 1rem;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            display: block;
            font-size: 0.875rem;
            line-height: 1.125rem; }
        header.global-navigation-block .tree .dropdown .category .inline-note {
          font-weight: 700;
          text-transform: uppercase;
          margin-left: 6px;
          font-size: 0.8125rem;
          color: #fff;
          padding: 2px 6px;
          background: #a7001f;
          border-radius: 2px; }
  header.global-navigation-block .home {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-pack: start;
    padding-left: 1rem;
    padding-top: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    padding-right: 1rem; }
    @media screen and (min-width: 1025px) {
      header.global-navigation-block .home {
        padding-left: 2rem;
        width: auto; } }
    header.global-navigation-block .home img {
      width: 100%;
      max-width: 150px;
      height: auto;
      display: block; }
    header.global-navigation-block .home .logo {
      margin-right: auto;
      min-height: 28px;
      min-width: 150px; }
  @media screen and (min-width: 1025px) {
    header.global-navigation-block .mobile-nav {
      display: none; } }
  header.global-navigation-block .mobile-nav img {
    width: 26px;
    height: 26px; }
  header.global-navigation-block .icon-mobile-menu {
    background-image: url(../../img/asset/icon-menu.svg); }
    header.global-navigation-block .icon-mobile-menu.on {
      background-image: url(../../img/asset/icon-exit.svg); }
  header.global-navigation-block .icon-mobile-search {
    background-image: url(../../img/asset/icon-search.svg); }
  header.global-navigation-block .icon-mobile-shop {
    background-image: url(../../img/asset/icon-cart.svg); }
  header.global-navigation-block .mobile-menu-icon {
    width: 26px;
    height: 26px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 26px 26px;
    transition: all 0.3s;
    background-position: center center;
    margin-left: 20px; }
  header.global-navigation-block .arrow-caret {
    width: 40px;
    height: 40px;
    background-image: url(../../img/asset/icon-arrow-down.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center center;
    margin-right: 12px;
    cursor: pointer;
    transition: all 0.3s; }
    header.global-navigation-block .arrow-caret.open {
      transform: rotate(180deg); }
    @media screen and (min-width: 1025px) {
      header.global-navigation-block .arrow-caret {
        display: none; } }
  header.global-navigation-block .global-items {
    margin-left: auto;
    display: none;
    text-align: right; }
    @media screen and (min-width: 1025px) {
      header.global-navigation-block .global-items {
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex;
        padding-right: 1rem; } }
    header.global-navigation-block .global-items .icon-shop {
      padding-left: 0px;
      background-image: url(../../img/asset/icon-cart.svg);
      background-repeat: no-repeat;
      background-size: 26px 26px;
      background-position: left center;
      padding-left: 32px; }
    header.global-navigation-block .global-items .icon-search {
      padding-left: 0px;
      background-image: url(../../img/asset/icon-search.svg);
      background-repeat: no-repeat;
      background-size: 26px 26px;
      background-position: left center;
      padding-left: 32px; }
  header.global-navigation-block .secondary-menu {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    display: none; }
    @media screen and (min-width: 1025px) {
      header.global-navigation-block .secondary-menu {
        text-align: right;
        padding-left: 2rem;
        padding-right: 2rem; } }
    header.global-navigation-block .secondary-menu a {
      font-size: 0.75rem;
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      font-weight: 700;
      text-transform: uppercase;
      border-left: 1px solid #f2f2f2;
      color: #4d4d4d; }
      header.global-navigation-block .secondary-menu a:last-child {
        padding-right: 0px; }
      header.global-navigation-block .secondary-menu a:first-child {
        border-left: none; }
      header.global-navigation-block .secondary-menu a:hover {
        color: #a7001f; }

.global-info-block {
  text-align: center;
  background: #d10027; }
  .global-info-block a {
    color: #fff;
    text-transform: uppercase;
    font-family: Roboto Condensed, Roboto, sans-serif;
    text-transform: uppercase;
    padding: 1rem;
    display: block;
    text-decoration: underline; }
    .global-info-block a:hover {
      background: #000000;
      text-decoration: none; }

.link-list-box {
  display: block;
  width: 100%;
  background: #d10027;
  padding: 2rem;
  color: #fff;
  margin: 0 0 2rem 0; }
  @media screen and (min-width: 481px) {
    .link-list-box {
      float: right;
      width: auto;
      max-width: 50%;
      margin-left: 2rem; } }
  @media screen and (min-width: 1025px) {
    .link-list-box {
      max-width: 30%; } }
  .link-list-box li {
    margin: 0 0 0.5rem 0; }
  .link-list-box a {
    color: #fff !important;
    text-decoration: none; }
    .link-list-box a:hover {
      color: #fff;
      text-decoration: underline; }

.buy-ui {
  /* General sidebar styles end */ }
  .buy-ui .shopping-widget {
    padding: 0; }
    .buy-ui .shopping-widget .options-bar, .buy-ui .shopping-widget .product-bar {
      width: 100%; }
    .buy-ui .shopping-widget .product-bar {
      text-align: center; }
      .buy-ui .shopping-widget .product-bar img {
        display: block;
        max-width: 50%;
        width: auto;
        height: auto;
        margin: 0 auto;
          margin-bottom: 2rem; }
      .buy-ui .shopping-widget .product-bar h1 {
        font-size: 3.5rem;
        line-height: 3.4375rem;
        margin: 0 0 1rem 0; }
      .buy-ui .shopping-widget .product-bar p, .buy-ui .shopping-widget .product-bar dt, .buy-ui .shopping-widget .product-bar dd, .buy-ui .shopping-widget .product-bar fieldset, .buy-ui .shopping-widget .product-bar .accordion .trigger, .accordion .buy-ui .shopping-widget .product-bar .trigger, .buy-ui .shopping-widget .product-bar .overlay .content ol, .overlay .content .buy-ui .shopping-widget .product-bar ol, .buy-ui .shopping-widget .product-bar .overlay .content ul, .overlay .content .buy-ui .shopping-widget .product-bar ul, .buy-ui .shopping-widget .product-bar .job-application-block ul, .job-application-block .buy-ui .shopping-widget .product-bar ul {
        max-width: 80%;
        margin: 0 auto;
          margin-bottom: 2rem;
        color: #999999; }
    @media screen and (min-width: 641px) {
      .buy-ui .shopping-widget .product-bar {
        float: left;
        width: 40%;
        padding-top: 1rem; }
      .buy-ui .shopping-widget .options-bar {
        float: right;
        width: 60%;
        padding-left: 2%;
        padding-top: 1rem;
        border-left: 1px solid #e5e5e5; }
      .buy-ui .shopping-widget .product-bar img {
        max-width: 80%; } }
    .buy-ui .shopping-widget .form-block {
      margin-bottom: 1rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid #e5e5e5; }
      .buy-ui .shopping-widget .form-block h5 {
        margin-bottom: 0.5em;
        font-size: 0.9375rem;
        font-weight: 700; }
      .buy-ui .shopping-widget .form-block .note {
        display: block;
        font-size: 0.9375rem;
        margin-bottom: 0; }
    .buy-ui .shopping-widget .footer {
      display: block;
      clear: both;
      padding-top: 2rem; }
      .buy-ui .shopping-widget .footer img {
        max-width: 40px;
        margin-top: 1rem;
        border: 1px solid #e5e5e5;
        margin-right: 8px; }
    .buy-ui .shopping-widget p.status, .buy-ui .shopping-widget dt.status, .buy-ui .shopping-widget dd.status, .buy-ui .shopping-widget fieldset.status, .buy-ui .shopping-widget .accordion .status.trigger, .accordion .buy-ui .shopping-widget .status.trigger, .buy-ui .shopping-widget .overlay .content ol.status, .overlay .content .buy-ui .shopping-widget ol.status, .buy-ui .shopping-widget .overlay .content ul.status, .overlay .content .buy-ui .shopping-widget ul.status, .buy-ui .shopping-widget .job-application-block ul.status, .job-application-block .buy-ui .shopping-widget ul.status {
      font-size: 0.875rem;
      margin: 0;
      padding-top: 4px;
      position: relative;
      display: block;
      padding-left: 20px;
      margin-right: 16px;
      line-height: 1.25rem; }
      .buy-ui .shopping-widget p.status span, .buy-ui .shopping-widget dt.status span, .buy-ui .shopping-widget dd.status span, .buy-ui .shopping-widget fieldset.status span, .buy-ui .shopping-widget .accordion .status.trigger span, .accordion .buy-ui .shopping-widget .status.trigger span, .buy-ui .shopping-widget .overlay .content ol.status span, .overlay .content .buy-ui .shopping-widget ol.status span, .buy-ui .shopping-widget .overlay .content ul.status span, .overlay .content .buy-ui .shopping-widget ul.status span, .buy-ui .shopping-widget .job-application-block ul.status span, .job-application-block .buy-ui .shopping-widget ul.status span {
        position: absolute;
        top: 6px;
        left: 0px;
        content: "";
        width: 9px;
        height: 15px;
        border: solid #6acc2b;
        border-width: 0 4px 4px 0;
        transform: rotate(45deg) scale(0.8); }
      .buy-ui .shopping-widget p.status.disabled span, .buy-ui .shopping-widget dt.status.disabled span, .buy-ui .shopping-widget dd.status.disabled span, .buy-ui .shopping-widget fieldset.status.disabled span, .buy-ui .shopping-widget .accordion .status.disabled.trigger span, .accordion .buy-ui .shopping-widget .status.disabled.trigger span, .buy-ui .shopping-widget .overlay .content ol.status.disabled span, .overlay .content .buy-ui .shopping-widget ol.status.disabled span, .buy-ui .shopping-widget .overlay .content ul.status.disabled span, .overlay .content .buy-ui .shopping-widget ul.status.disabled span, .buy-ui .shopping-widget .job-application-block ul.status.disabled span, .job-application-block .buy-ui .shopping-widget ul.status.disabled span {
        border-color: #999999; }
      .buy-ui .shopping-widget p.status.note span, .buy-ui .shopping-widget dt.status.note span, .buy-ui .shopping-widget dd.status.note span, .buy-ui .shopping-widget fieldset.status.note span, .buy-ui .shopping-widget .accordion .status.note.trigger span, .accordion .buy-ui .shopping-widget .status.note.trigger span, .buy-ui .shopping-widget .overlay .content ol.status.note span, .overlay .content .buy-ui .shopping-widget ol.status.note span, .buy-ui .shopping-widget .overlay .content ul.status.note span, .overlay .content .buy-ui .shopping-widget ul.status.note span, .buy-ui .shopping-widget .job-application-block ul.status.note span, .job-application-block .buy-ui .shopping-widget ul.status.note span {
        content: "";
        left: -4px;
        top: 6px;
        color: #999999;
        width: 18px;
        height: 18px;
        padding: 0;
        border: 1px solid #999999;
          border-radius: 50%;
        transform: none; }
        .buy-ui .shopping-widget p.status.note span::before, .buy-ui .shopping-widget dt.status.note span::before, .buy-ui .shopping-widget dd.status.note span::before, .buy-ui .shopping-widget fieldset.status.note span::before, .buy-ui .shopping-widget .accordion .status.note.trigger span::before, .accordion .buy-ui .shopping-widget .status.note.trigger span::before, .buy-ui .shopping-widget .overlay .content ol.status.note span::before, .overlay .content .buy-ui .shopping-widget ol.status.note span::before, .buy-ui .shopping-widget .overlay .content ul.status.note span::before, .overlay .content .buy-ui .shopping-widget ul.status.note span::before, .buy-ui .shopping-widget .job-application-block ul.status.note span::before, .job-application-block .buy-ui .shopping-widget ul.status.note span::before {
          content: "i";
          display: block;
          position: absolute;
          top: 0;
          font-weight: 700;
          width: 16px;
          height: 16px;
          padding: 2px 0 0 1px;
          text-align: center;
          line-height: 1em;
          font-size: 12px; }
  .buy-ui .form-color-picker {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    padding-right: 1rem;
    font-size: 0.875rem;
    margin-bottom: 1rem;
    cursor: pointer;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .buy-ui .form-color-picker:hover .dot:after {
      opacity: 1; }
    .buy-ui .form-color-picker input {
      position: absolute;
      opacity: 0;
      cursor: pointer; }
      .buy-ui .form-color-picker input:checked ~ .dot {
        border-radius: 0px; }
        .buy-ui .form-color-picker input:checked ~ .dot:after {
          opacity: 1; }
    .buy-ui .form-color-picker .dot {
      position: absolute;
      top: -5px;
      left: 0;
      height: 25px;
      width: 25px;
      border: 1px solid transparent;
      border-radius: 100%;
      background: #fff;
      transition: all 0.2s; }
      .buy-ui .form-color-picker .dot.white {
        background: white;
        border-color: #999999; }
        .buy-ui .form-color-picker .dot.white:after {
          border: solid #000;
          border-width: 0 2px 2px 0;
          transform: rotate(45deg); }
      .buy-ui .form-color-picker .dot.orange, .buy-ui .form-color-picker .dot.orange2 {
        background: #fc754f; }
      .buy-ui .form-color-picker .dot.black {
        background: #000; }
      .buy-ui .form-color-picker .dot.blue {
        background: #2a57bc; }
      .buy-ui .form-color-picker .dot.blue2 {
        background: #434561; }
      .buy-ui .form-color-picker .dot.blue3 {
        background: #425a70; }
      .buy-ui .form-color-picker .dot.red {
        background: #d10027; }
      .buy-ui .form-color-picker .dot.pink {
        background: #f13b6e; }
      .buy-ui .form-color-picker .dot.yellow {
        background: #f7df3d; }
      .buy-ui .form-color-picker .dot.grey, .buy-ui .form-color-picker .dot.gray {
        background: #babcbb; }
      .buy-ui .form-color-picker .dot.green {
        background: #4c6208; }
      .buy-ui .form-color-picker .dot.neongreen {
        background: #6ee23c; }
      .buy-ui .form-color-picker .dot.violet {
        background: #5d4092; }
      .buy-ui .form-color-picker .dot.ivory {
        background: #eeedeb; }
      .buy-ui .form-color-picker .dot.ruby {
        background: #c4376a; }
      .buy-ui .form-color-picker .dot.petrol {
        background: #3e6466; }
      .buy-ui .form-color-picker .dot.turquoise {
        background: #669999; }
      .buy-ui .form-color-picker .dot.aqua {
        background: #00b1be; }
      .buy-ui .form-color-picker .dot.leather {
        background: #5b5352; }
      .buy-ui .form-color-picker .dot.havu {
        background: #6a735a; }
      .buy-ui .form-color-picker .dot.black-tundra {
        background: #484848; }
      .buy-ui .form-color-picker .dot.green-tundra {
        background: #a3a79e; }
      .buy-ui .form-color-picker .dot.black-red {
        background: #000000;
        background: -moz-linear-gradient(-45deg, #000000 0%, #000000 50%, #d10027 50%, #d10027 100%);
        background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 50%, #d10027 50%, #d10027 100%);
        background: linear-gradient(135deg, #000000 0%, #000000 50%, #d10027 50%, #d10027 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$polar-black, endColorstr=$polar-red,GradientType=1 );
        border: none; }
      .buy-ui .form-color-picker .dot.black-silver {
        background: #000000;
        background: -moz-linear-gradient(-45deg, #000000 0%, #000000 50%, #999999 50%, #999999 100%);
        background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 50%, #999999 50%, #999999 100%);
        background: linear-gradient(135deg, #000000 0%, #000000 50%, #999999 50%, #999999 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$polar-black, endColorstr=$polar-gray,GradientType=1 );
        border: none; }
      .buy-ui .form-color-picker .dot.black-copper {
        background: #000000;
        background: -moz-linear-gradient(-45deg, #000000 0%, #000000 50%, #8f6143 50%, #8f6143 100%);
        background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 50%, #8f6143 50%, #8f6143 100%);
        background: linear-gradient(135deg, #000000 0%, #000000 50%, #8f6143 50%, #8f6143 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$polar-black, endColorstr=#8f6143,GradientType=1 );
        border: none; }
      .buy-ui .form-color-picker .dot.pink-rose {
        background: #fadbd2;
        background: -moz-linear-gradient(-45deg, #fadbd2 0%, #fadbd2 50%, #f4c4b1 50%, #f4c4b1 100%);
        background: -webkit-linear-gradient(-45deg, #fadbd2 0%, #fadbd2 50%, #f4c4b1 50%, #f4c4b1 100%);
        background: linear-gradient(135deg, #fadbd2 0%, #fadbd2 50%, #f4c4b1 50%, #f4c4b1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#fadbd2, endColorstr=#f4c4b1,GradientType=1 );
        border: none; }
      .buy-ui .form-color-picker .dot.white-steel {
        background: #ffffff;
        background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 50%, #c2c3c5 50%, #6a6b6d 100%);
        background: -webkit-linear-gradient(-45deg, #ffffff 0%, #ffffff 50%, #c2c3c5 50%, #6a6b6d 100%);
        background: linear-gradient(135deg, #ffffff 0%, #ffffff 50%, #c2c3c5 50%, #6a6b6d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffffff, endColorstr=#c2c3c5,GradientType=1 );
        border-color: #999999; }
        .buy-ui .form-color-picker .dot.white-steel:after {
          border: solid #000;
          border-width: 0 2px 2px 0;
          transform: rotate(45deg); }
      .buy-ui .form-color-picker .dot.havu-steel {
        background: #6a735a;
        background: -moz-linear-gradient(-45deg, #6a735a 0%, #6a735a 50%, #c2c3c5 50%, #6a6b6d 100%);
        background: -webkit-linear-gradient(-45deg, #6a735a 0%, #6a735a 50%, #c2c3c5 50%, #6a6b6d 100%);
        background: linear-gradient(135deg, #6a735a 0%, #6a735a 50%, #c2c3c5 50%, #6a6b6d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#6a735a, endColorstr=#c2c3c5,GradientType=1 );
        border: none; }
      .buy-ui .form-color-picker .dot.mint {
        background: #95b48a; }
      .buy-ui .form-color-picker .dot.blush {
        background: #dbc6bd; }
      .buy-ui .form-color-picker .dot.havu-black {
        background: #6a735a;
        background: -moz-linear-gradient(-45deg, #6a735a 0%, #6a735a 50%, #000000 50%, #000000 100%);
        background: -webkit-linear-gradient(-45deg, #6a735a 0%, #6a735a 50%, #000000 50%, #000000 100%);
        background: linear-gradient(135deg, #6a735a 0%, #6a735a 50%, #000000 50%, #000000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#6a735a, endColorstr=#000000,GradientType=1 );
        border: none; }
      .buy-ui .form-color-picker .dot.plum {
        background: #dbc6bd; }
      .buy-ui .form-color-picker .dot:after {
        position: absolute;
        top: 2px;
        left: 8px;
        content: "";
        width: 8px;
        height: 14px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        transition: all 0.2s;
        opacity: 0; }
  .buy-ui .buy-ui-accessories .form-checkbox {
    margin-bottom: 0.875rem;
    font-size: 0.875rem; }
    .buy-ui .buy-ui-accessories .form-checkbox img {
      height: auto;
      width: 33px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 0.5rem; }
    .buy-ui .buy-ui-accessories .form-checkbox span {
      display: inline;
      vertical-align: middle;
      word-wrap: break-word; }
    .buy-ui .buy-ui-accessories .form-checkbox .box {
      top: 8px; }
  .buy-ui .cart-table {
    width: 100%; }
    .buy-ui .cart-table th {
      display: table-cell;
      padding: 8px 0px 8px 0px;
      vertical-align: middle;
      text-align: left;
      border-bottom: 1px solid #e5e5e5; }
    .buy-ui .cart-table td {
      padding: 1rem 0px 1rem 0px;
      vertical-align: middle;
      border-bottom: 1px solid #e5e5e5; }
    .buy-ui .cart-table img {
      max-width: 50px;
      padding: 0 10px 0 0; }
      @media screen and (min-width: 641px) {
        .buy-ui .cart-table img {
          max-width: 80px;
          padding: 0 10px; } }
    .buy-ui .cart-table .item-title {
      display: block; }
      .buy-ui .cart-table .item-title span {
        font-size: 0.875rem;
        color: #4d4d4d;
        padding-left: 4px; }
    .buy-ui .cart-table .item-description {
      font-size: 0.9375rem;
      color: #666666; }
    .buy-ui .cart-table .item-quantity {
      width: 120px;
      margin-left: auto;
      margin-right: auto; }
      .buy-ui .cart-table .item-quantity .button {
        width: 30px;
        height: 30px;
        padding: 3px;
        font-size: 1.625rem; }
      .buy-ui .cart-table .item-quantity .amount {
        width: 30px;
        height: 30px;
        padding-left: 8px;
        padding-right: 8px;
        display: inline-block; }
    .buy-ui .cart-table td:nth-of-type(3), .buy-ui .cart-table th:nth-of-type(3) {
      text-align: center; }
    .buy-ui .cart-table td:last-of-type, .buy-ui .cart-table th:last-of-type {
      text-align: right; }
  .buy-ui .cart-totals-container {
    float: none;
    width: 100%;
    display: block;
    padding: 0; }
    @media screen and (min-width: 641px) {
      .buy-ui .cart-totals-container {
        float: left;
        width: 50%;
        margin-bottom: 1rem;
        margin-top: 1rem; }
        .buy-ui .cart-totals-container + h2 {
          clear: both; } }
    .buy-ui .cart-totals-container table {
      background: #f2f2f2; }
      .buy-ui .cart-totals-container table .cart-cell {
        padding: 1rem; }
      .buy-ui .cart-totals-container table td {
        padding: 8px; }
    .buy-ui .cart-totals-container .info {
      padding-right: 2rem;
      padding-top: 2rem; }
      .buy-ui .cart-totals-container .info p, .buy-ui .cart-totals-container .info dt, .buy-ui .cart-totals-container .info dd, .buy-ui .cart-totals-container .info fieldset, .buy-ui .cart-totals-container .info .accordion .trigger, .accordion .buy-ui .cart-totals-container .info .trigger, .buy-ui .cart-totals-container .info .overlay .content ol, .overlay .content .buy-ui .cart-totals-container .info ol, .buy-ui .cart-totals-container .info .overlay .content ul, .overlay .content .buy-ui .cart-totals-container .info ul, .buy-ui .cart-totals-container .info .job-application-block ul, .job-application-block .buy-ui .cart-totals-container .info ul {
        font-size: 0.9375rem;
        margin-top: 1rem; }
    .buy-ui .cart-totals-container ul {
      list-style-type: disc;
      margin-bottom: 1.5rem;
      margin-left: 1.5rem; }
      .buy-ui .cart-totals-container ul li {
        margin: 0 0 0.5rem;
        line-height: 1.2em; }
    .buy-ui .cart-totals-container .actions {
      width: 100%;
      clear: both;
      display: block;
      text-align: right;
      padding-top: 1rem; }
  .buy-ui .product-recommend-liftup {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(3, 1fr);
    clear: both;
    padding-top: 1rem; }
    @media screen and (max-width: 641px) {
      .buy-ui .product-recommend-liftup {
        float: none;
        width: 100%;
        display: block; } }
    .buy-ui .product-recommend-liftup .item {
      text-align: center;
      min-height: 280px;
      position: relative; }
      .buy-ui .product-recommend-liftup .item img {
        max-width: 100px; }
      .buy-ui .product-recommend-liftup .item p, .buy-ui .product-recommend-liftup .item dt, .buy-ui .product-recommend-liftup .item dd, .buy-ui .product-recommend-liftup .item fieldset, .buy-ui .product-recommend-liftup .item .accordion .trigger, .accordion .buy-ui .product-recommend-liftup .item .trigger, .buy-ui .product-recommend-liftup .item .overlay .content ol, .overlay .content .buy-ui .product-recommend-liftup .item ol, .buy-ui .product-recommend-liftup .item .overlay .content ul, .overlay .content .buy-ui .product-recommend-liftup .item ul, .buy-ui .product-recommend-liftup .item .job-application-block ul, .job-application-block .buy-ui .product-recommend-liftup .item ul {
        font-size: 1rem;
        margin-bottom: 0.5rem; }
      .buy-ui .product-recommend-liftup .item p.price, .buy-ui .product-recommend-liftup .item dt.price, .buy-ui .product-recommend-liftup .item dd.price, .buy-ui .product-recommend-liftup .item fieldset.price, .buy-ui .product-recommend-liftup .item .accordion .price.trigger, .accordion .buy-ui .product-recommend-liftup .item .price.trigger, .buy-ui .product-recommend-liftup .item .overlay .content ol.price, .overlay .content .buy-ui .product-recommend-liftup .item ol.price, .buy-ui .product-recommend-liftup .item .overlay .content ul.price, .overlay .content .buy-ui .product-recommend-liftup .item ul.price, .buy-ui .product-recommend-liftup .item .job-application-block ul.price, .job-application-block .buy-ui .product-recommend-liftup .item ul.price {
        font-size: 20px; }
      .buy-ui .product-recommend-liftup .item .add-to-cart {
        position: absolute;
        bottom: 0px;
        width: 100%; }
    .buy-ui .product-recommend-liftup .item:nth-child(1) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2; }
    .buy-ui .product-recommend-liftup .item:nth-child(2) {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2/3; }
    .buy-ui .product-recommend-liftup .item:nth-child(3) {
      -ms-grid-column: 3;
      -ms-grid-column-span: 1;
      grid-column: 3/4; }

.overlay {
  position: fixed;
  min-height: 100%;
  overflow-y: auto;
  max-height: 100%;
  background: rgba(255, 255, 255, 0.75);
  top: 0;
  left: 0;
  right: 0;
  z-index: 900;
  display: none; }
  .overlay.open {
    display: block;
    animation-name: slideInDown;
    animation-duration: 0.4s; }
  .overlay.on-the-side.open {
    animation-name: slideFromRight; }
  html[dir="rtl"] .overlay.on-the-side.open {
    animation-name: slideFromLeft; }
  .overlay.ontop {
    z-index: 902;
    background: rgba(229, 229, 229, 0.75); }
  .overlay .content {
    display: block;
    position: relative;
    max-width: 100vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 2rem;
    background: #fff; }
    .overlay .content h2:first-of-type {
      width: 100%;
      display: block; }
      @media screen and (max-width: 480px) {
        .overlay .content h2:first-of-type {
          width: 80%; } }
    @media screen and (min-width: 481px) {
      .overlay .content {
        max-width: 90vw;
        margin-top: 5vw;
        margin-bottom: 5vw; } }
    @media screen and (min-width: 1025px) {
      .overlay .content {
        max-width: 70vw;
        margin-top: 4.6875rem;
        margin-bottom: 4.6875rem; } }
    @media screen and (min-width: 1401px) {
      .overlay .content {
        max-width: 50vw;
        margin-top: 4.6875rem; } }
  .overlay.on-the-side {
    background: #fff; }
    .overlay.on-the-side .content {
      max-width: 100vw;
      margin: 0;
      min-height: 100%;
      background: #fff; }
    @media screen and (min-width: 1025px) {
      .overlay.on-the-side {
        position: fixed;
        margin: 0 0 0 20vw;
        width: 80vw;
        max-height: 100%;
        min-height: 100%;
        overflow-y: auto; }
        html[dir="rtl"] .overlay.on-the-side {
          margin: 0 20vw 0 0; } }
    @media screen and (min-width: 1281px) {
      .overlay.on-the-side {
        width: 65vw;
        margin-left: 35vw; }
        html[dir="rtl"] .overlay.on-the-side {
          margin-right: 35vw;
          margin-left: 0; } }
    @media screen and (min-width: 1920px) {
      .overlay.on-the-side {
        width: 50vw;
        margin-left: 50vw; }
        html[dir="rtl"] .overlay.on-the-side {
          margin-right: 50vw;
          margin-left: 0; } }
  .overlay .close {
    display: block;
    position: fixed;
    margin-top: -0.5rem;
    margin-left: 0;
    height: 45px;
    width: 45px;
    background-color: #fff;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    z-index: 901; }
    html[dir="rtl"] .overlay .close {
      margin-right: 0;
      margin-left: auto; }
    @media screen and (max-width: 480px) {
      .overlay .close {
        right: 1rem; }
        html[dir="rtl"] .overlay .close {
          left: 1rem;
          right: auto; } }
    @media screen and (min-width: 481px) {
      .overlay .close {
        margin-top: -2rem; } }
    @media screen and (max-width: 768px) {
      .overlay .close {
        right: 0.5rem; }
        html[dir="rtl"] .overlay .close {
          left: 0.5rem;
          right: auto; } }
    @media screen and (min-width: 769px) {
      .overlay .close {
        margin-left: 85.5vw; }
        html[dir="rtl"] .overlay .close {
          margin-right: 85.5vw;
          margin-left: 0; } }
    @media screen and (min-width: 1025px) {
      .overlay .close {
        margin-left: 66.5vw; }
        html[dir="rtl"] .overlay .close {
          margin-right: 66.5vw;
          margin-left: 0; } }
    @media screen and (min-width: 1401px) {
      .overlay .close {
        margin-left: 47.5vw; }
        html[dir="rtl"] .overlay .close {
          margin-right: 47.5vw;
          margin-left: 0; } }
    @media screen and (min-width: 1920px) {
      .overlay .close {
        margin-left: 48vw; }
        html[dir="rtl"] .overlay .close {
          margin-right: 48vw;
          margin-left: 0; } }
  @media screen and (min-width: 481px) {
    .overlay.on-the-side .close {
      margin-top: -0.5rem;
      right: 1rem; }
      html[dir="rtl"] .overlay.on-the-side .close {
        left: 1rem;
        right: auto; } }
  .overlay.watch-video-overlay .content, .overlay.search-overlay .content, .overlay.select-region-overlay .content, .overlay.image-overlay .content {
    background: transparent;
    max-width: 100%; }
    @media screen and (max-width: 641px) {
      .overlay.watch-video-overlay .content .embed-container, .overlay.search-overlay .content .embed-container, .overlay.select-region-overlay .content .embed-container, .overlay.image-overlay .content .embed-container {
        margin-top: 2rem; } }
    @media screen and (min-width: 1025px) {
      .overlay.watch-video-overlay .content, .overlay.search-overlay .content, .overlay.select-region-overlay .content, .overlay.image-overlay .content {
        max-width: 90%;
        margin-top: 0;
        margin-bottom: 0; } }
  .overlay.watch-video-overlay .close, .overlay.search-overlay .close, .overlay.select-region-overlay .close, .overlay.image-overlay .close {
    margin: 0;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    background-color: transparent; }
    html[dir="rtl"] .overlay.watch-video-overlay .close, html[dir="rtl"] .overlay.search-overlay .close, html[dir="rtl"] .overlay.select-region-overlay .close, html[dir="rtl"] .overlay.image-overlay .close {
      right: auto;
      left: 1.5rem; }
  .overlay.search-overlay {
    background: rgba(209, 0, 39, 0.9); }
    .overlay.search-overlay .content {
      max-width: 640px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 1rem;
      padding-left: 2rem;
      padding-right: 2rem; }
    .overlay.search-overlay input {
      border: none;
      background: none;
      color: #e5e5e5;
      padding-top: 2rem;
      padding-bottom: 2rem;
      margin-top: 2rem;
      font-size: 4rem;
      text-align: left;
      width: 100%;
      margin-bottom: 2rem;
      line-height: 4rem;
      background: #d10027;
      border: 2px solid #fff; }
      .overlay.search-overlay input::placeholder {
        color: #e5e5e5;
        opacity: 1; }
      .overlay.search-overlay input:-ms-input-placeholder {
        color: #e5e5e5; }
      .overlay.search-overlay input::-ms-input-placeholder {
        color: #e5e5e5; }
    .overlay.search-overlay .result {
      color: #fff;
      display: block;
      clear: both;
      padding-top: 1rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      .overlay.search-overlay .result a {
        display: block;
        color: #fff;
        font-weight: 700;
        margin-bottom: 0.5rem; }
      .overlay.search-overlay .result p, .overlay.search-overlay .result dt, .overlay.search-overlay .result dd, .overlay.search-overlay .result fieldset, .overlay.search-overlay .result .accordion .trigger, .accordion .overlay.search-overlay .result .trigger, .overlay.search-overlay .result .content ol, .overlay.search-overlay .content .result ol, .overlay.search-overlay .result .content ul, .overlay.search-overlay .content .result ul, .overlay.search-overlay .result .job-application-block ul, .job-application-block .overlay.search-overlay .result ul {
        font-size: 0.85rem;
        line-height: 1.1rem;
        margin-bottom: 0px; }
  .overlay.select-region-overlay {
    background: #e5e5e5;
    padding: 2rem; }
    .overlay.select-region-overlay .regions {
      max-width: 1281px;
      margin-left: auto;
      margin-right: auto; }
    .overlay.select-region-overlay .region-content {
      padding-top: 2rem; }
      .overlay.select-region-overlay .region-content h5 {
        cursor: pointer;
        position: relative; }
        .overlay.select-region-overlay .region-content h5 .icon {
          position: absolute;
          top: 2px;
          right: 0px;
          width: 20px;
          height: 20px;
          display: inline-block;
          background-size: 18px 20px;
          background-repeat: no-repeat; }
      .overlay.select-region-overlay .region-content ul {
        display: none; }
        .overlay.select-region-overlay .region-content ul.open {
          display: block; }
      .overlay.select-region-overlay .region-content li {
        padding-top: 0.5rem; }
        .overlay.select-region-overlay .region-content li a {
          color: #000000;
          text-decoration: none; }
          .overlay.select-region-overlay .region-content li a:hover {
            color: #d10027; }
    .overlay.select-region-overlay div.region-category {
      display: block;
      width: 100%; }
    @media screen and (min-width: 641px) {
      .overlay.select-region-overlay div.region-category {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: repeat(4, 1fr); }
      .overlay.select-region-overlay div.region-content:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2; }
      .overlay.select-region-overlay div.region-content:nth-child(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3; }
      .overlay.select-region-overlay div.region-content:nth-child(3) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4; }
      .overlay.select-region-overlay div.region-content:nth-child(4) {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5; }
      .overlay.select-region-overlay .region-content h5 .icon {
        display: none; }
      .overlay.select-region-overlay .region-content ul {
        display: block; } }
  .overlay.image-overlay .content {
    padding: 0;
    background: transparent;
    margin-top: 5vw;
    margin-bottom: 5vw;
    width: 90vw; }
    @media screen and (min-width: 1025px) {
      .overlay.image-overlay .content {
        max-width: 70vw;
        margin-top: 4.6875rem;
        margin-bottom: 4.6875rem; } }
    @media screen and (min-width: 1401px) {
      .overlay.image-overlay .content {
        max-width: 70vw;
        margin-top: 4.6875rem; } }
    @media screen and (min-width: 1920px) {
      .overlay.image-overlay .content {
        max-width: 60vw; } }
  .overlay.image-overlay img {
    width: 100%;
    height: auto; }
  @media screen and (max-width: 480px) {
    .overlay.big-overlay .content {
      margin-top: 10vh;
      margin-bottom: 10vh; } }
  @media screen and (min-width: 1025px) {
    .overlay.big-overlay .content {
      max-width: 90vw;
      margin-top: 4.6875rem;
      margin-bottom: 4.6875rem; } }
  @media screen and (min-width: 1401px) {
    .overlay.big-overlay .content {
      max-width: 70vw;
      margin-top: 4.6875rem; } }
  @media screen and (max-width: 480px) {
    .overlay.big-overlay .close {
      margin-top: -4.5rem;
      right: 0; }
      html[dir="rtl"] .overlay.big-overlay .close {
        left: 0;
        right: auto; } }
  @media screen and (min-width: 1025px) {
    .overlay.big-overlay .close {
      margin-left: 86.5vw; }
      html[dir="rtl"] .overlay.big-overlay .close {
        margin-right: 86.5vw;
        margin-left: 0; } }
  @media screen and (min-width: 1401px) {
    .overlay.big-overlay .close {
      margin-left: 67.5vw; }
      html[dir="rtl"] .overlay.big-overlay .close {
        margin-right: 67.5vw;
        margin-left: 0; } }
  @media screen and (max-width: 480px) {
    .overlay.ad-overlay .content {
      margin-top: 10vh;
      margin-bottom: 10vh; }
      .overlay.ad-overlay .content h2:first-of-type {
        width: auto; } }
  @media screen and (max-width: 480px) {
    .overlay.ad-overlay .close {
      margin-top: -4.5rem;
      right: 0; }
      html[dir="rtl"] .overlay.ad-overlay .close {
        left: 0;
        right: auto; } }
  .overlay h2 {
    letter-spacing: 0.025em;
    font-size: 2.625rem;
    line-height: 2.625rem;
    margin-top: 0 !important;
    margin-bottom: 2rem !important; }
    @media screen and (min-width: 1025px) {
      .overlay h2 {
        font-size: 3vw;
        line-height: 3vw; } }
  .overlay h3, .overlay h2 {
    margin-top: 2rem;
    margin-bottom: 1.5rem; }
  .overlay h4 {
    margin-top: 2rem;
    margin-bottom: 0.75rem; }
  .overlay .content img {
    width: auto;
    max-width: 100%;
    height: auto; }
  .overlay .content .float-left, .overlay .content .float-right {
    display: block;
    margin: 0 auto;
      margin-bottom: 1rem;
    max-width: 50%; }
  @media screen and (min-width: 481px) {
    .overlay .content .float-left {
      float: left;
      margin-right: 1rem; }
    .overlay .content .float-right {
      float: right;
      margin-left: 1rem; } }
  .overlay .content ol, .overlay .content ul {
    padding: 0 0 0 2rem; }
    .overlay .content ol li, .overlay .content ul li {
      margin: 0 0 0.5em 0; }
    .overlay .content ol ol, .overlay .content ol ul, .overlay .content ul ol, .overlay .content ul ul {
      margin: 0.5em 0; }
  .overlay .content ul {
    list-style-type: disc; }
  .overlay .content ol {
    list-style-type: decimal; }

.breadcrumb {
  font-size: 0.8em;
  font-weight: 700;
  margin-bottom: 4rem; }
  .breadcrumb span span {
    display: inline-block; }
    .breadcrumb span span:after {
      content: '/';
      position: relative;
      margin-left: 3px;
      margin-right: 3px; }
  .breadcrumb a {
    color: #000000;
    text-decoration: none;
    margin-right: 4px;
    line-height: 1.2rem; }
    .breadcrumb a:hover {
      color: #d10027; }

.breadcrumb span span:last-child:after {
  display: none; }

.breadcrumb span span:last-child a {
  color: #999999;
  pointer-events: none; }

footer {
  background: #e5e5e5;
  padding: 2rem;
    padding-bottom: 3rem; }
  footer .footer-navigation ul, footer .footer-navigation div {
    display: block;
    width: 100%;
    margin-bottom: 2rem; }
  @media screen and (min-width: 641px) {
    footer .footer-navigation {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: repeat(3, 1fr);
      -ms-grid-rows: auto auto; }
      footer .footer-navigation ul:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2; }
      footer .footer-navigation ul:nth-child(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3; }
      footer .footer-navigation ul:nth-child(3) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4; }
      footer .footer-navigation div.newsletter {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        width: 50%;
        margin: 0 auto 2rem auto; }
      footer .footer-navigation ul {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1; } }
  @media screen and (min-width: 1025px) {
    footer .footer-navigation {
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: repeat(4, 1fr);
      -ms-grid-rows: auto; }
      footer .footer-navigation div.newsletter {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        width: 100%; } }
  footer .footer-navigation h5 {
    font-size: 0.875rem;
    margin-bottom: 1rem; }
  footer .footer-navigation .footer-list li {
    margin-bottom: 1rem;
    font-size: 0.875rem;
    margin-bottom: 1rem; }
  footer .footer-navigation .footer-list li a {
    color: #000000;
    text-decoration: none; }
  footer .footer-navigation .footer-list li a:hover {
    color: #d10027; }

.hero {
  color: #fff;
  position: relative;
  height: auto;
  min-height: 25rem; }
  @media screen and (min-width: 641px) {
    .hero {
      min-height: 30rem; } }
  @media screen and (min-width: 1025px) {
    .hero {
      min-height: 40rem; } }
  @media screen and (min-width: 1281px) {
    .hero {
      min-height: 50rem; } }
  @media screen and (min-width: 1920px) {
    .hero {
      min-height: 40vw; } }
  .hero div {
    padding: 8vw 5vw;
    z-index: 2;
    position: relative; }
    @media screen and (min-width: 641px) {
      .hero div {
        padding: 5vw 4vw; } }
  @media screen and (max-width: 640px) {
    .hero h1, .hero p, .hero dt, .hero dd, .hero fieldset, .hero .accordion .trigger, .accordion .hero .trigger, .hero .overlay .content ol, .overlay .content .hero ol, .hero .overlay .content ul, .overlay .content .hero ul, .hero .job-application-block ul, .job-application-block .hero ul {
      max-width: 80%; } }
  .hero p, .hero dt, .hero dd, .hero fieldset, .hero .accordion .trigger, .accordion .hero .trigger, .hero .overlay .content ol, .overlay .content .hero ol, .hero .overlay .content ul, .overlay .content .hero ul, .hero .job-application-block ul, .job-application-block .hero ul {
    margin: 1.5rem 0; }

.hero-background, .fullscreen-background {
  height: auto; }

@supports (object-fit: cover) {
  .hero-background img, .hero-background source, .fullscreen-background img, .fullscreen-background source {
    display: block;
    position: absolute;
    z-index: 1;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    object-fit: cover;
    object-position: 50% 50%; } }

.hero-watch {
  position: relative; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .hero {
    position: relative;
    overflow: hidden; }
  .hero-background img, .fullscreen-background img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: auto; } }

@media all and (-ms-high-contrast: none) and (min-width: 641px), (-ms-high-contrast: active) and (min-width: 641px) {
  .hero-watch .watch {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -34px;
    margin-left: -34px; } }

@media all and (-ms-high-contrast: none) and (min-width: 1025px), (-ms-high-contrast: active) and (min-width: 1025px) {
  .hero-watch .watch {
    margin-top: -43px;
    margin-left: -43px; } }

.hero.campaign {
  min-height: 21.25rem; }
  @media screen and (min-width: 641px) {
    .hero.campaign {
      min-height: 28.75rem; } }
  @media screen and (min-width: 1025px) {
    .hero.campaign {
      min-height: 35rem; } }
  .hero.campaign .hero-content > * {
    max-width: 70%; }
    @media screen and (max-width: 640px) {
      .hero.campaign .hero-content > * {
        max-width: 90%; } }

.hero.low {
  min-height: 0;
  background: #000000; }
  .hero.low h1 {
    margin-bottom: 0; }

.job-application-block .collapse {
  display: none;
  border-bottom: 1px solid #e5e5e5; }
  .job-application-block .collapse.open {
    display: block; }

@media screen and (min-width: 1025px) {
  .job-application-block {
    max-width: 85%; } }

@media screen and (min-width: 1281px) {
  .job-application-block {
    max-width: 60%; } }

.job-application-block .heading {
  display: block;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
  padding-top: 2rem;
  padding-bottom: 2rem; }
  .job-application-block .heading:before {
    position: absolute;
    content: "+";
    left: -25px;
    top: 33px;
    color: #999999;
    font-size: 200%; }
  .job-application-block .heading:hover:before {
    color: #d10027; }
  .job-application-block .heading.is-active:before {
    content: "-";
    color: #d10027; }
  @media screen and (min-width: 1025px) {
    .job-application-block .heading {
      padding-left: 10%; }
      .job-application-block .heading:before {
        left: 40px;
        top: 40px; } }
  .job-application-block .heading div {
    margin-bottom: 2rem; }
    @media screen and (min-width: 1025px) {
      .job-application-block .heading div {
        width: 50%;
        float: left; } }
  .job-application-block .heading p, .job-application-block .heading dt, .job-application-block .heading dd, .job-application-block .heading fieldset, .job-application-block .heading .accordion .trigger, .accordion .job-application-block .heading .trigger, .job-application-block .heading .overlay .content ol, .overlay .content .job-application-block .heading ol, .job-application-block .heading ul {
    margin-bottom: 0px;
    color: #333333;
    font-weight: 700;
    font-size: 105%; }

.job-application-block ul {
  font-size: 105%;
  list-style-type: disc;
  padding-left: 1rem; }
  .job-application-block ul li {
    padding-left: 0.5rem; }

.job-application-block .block .topic {
  color: #333333;
  padding-top: 1rem;
  padding-bottom: 1rem; }
  @media screen and (min-width: 1025px) {
    .job-application-block .block .topic {
      padding-top: 2rem;
      padding-bottom: 2rem; } }
  .job-application-block .block .topic p, .job-application-block .block .topic dt, .job-application-block .block .topic dd, .job-application-block .block .topic fieldset, .job-application-block .block .topic .accordion .trigger, .accordion .job-application-block .block .topic .trigger, .job-application-block .block .topic .overlay .content ol, .overlay .content .job-application-block .block .topic ol, .job-application-block .block .topic ul {
    font-weight: 700;
    font-size: 110%; }

.job-application-block .block .content {
  position: relative; }
  @media screen and (min-width: 1025px) {
    .job-application-block .block .content {
      margin-left: 5%;
      padding-left: 5%; } }
  .job-application-block .block .content p, .job-application-block .block .content dt, .job-application-block .block .content dd, .job-application-block .block .content fieldset, .job-application-block .block .content .accordion .trigger, .accordion .job-application-block .block .content .trigger, .job-application-block .block .overlay .content ol, .overlay .job-application-block .block .content ol, .job-application-block .block .content ul {
    font-size: 105%; }
    .job-application-block .block .content p b, .job-application-block .block .content dt b, .job-application-block .block .content dd b, .job-application-block .block .content fieldset b, .job-application-block .block .content .accordion .trigger b, .accordion .job-application-block .block .content .trigger b, .job-application-block .block .overlay .content ol b, .overlay .job-application-block .block .content ol b, .job-application-block .block .content ul b {
      font-weight: 700; }

.job-application {
  min-height: 60vh;
  background: #fff;
  padding: 4rem 2rem 2rem 2rem; }
  .job-application .lead {
    padding-left: 2rem; }
    @media screen and (min-width: 1025px) {
      .job-application .lead {
        max-width: 85%; } }
    @media screen and (min-width: 1281px) {
      .job-application .lead {
        max-width: 60%; } }