@charset "UTF-8";
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Poppins:wght@700;800&display=swap");
@font-face {
  font-family: 'NonBreakingSpaceOverride';
  src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
}

/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
 * layers of box-shadow to add the border visually, which will render the border smoother. */
/* Calculates maximum width for post content */
/* Nested sub-menu padding: 10 levels deep */
/* Ensure all font family declarations come with non-latin fallbacks */
/* Build our non-latin font styles */
/* Normalize */
/* Typography */
/* Elements */
/* Forms */
/* Navigation */
/* Accessibility */
/* Alignments */
/* Clearings */
/* Layout */
/* Content */
/* Widgets */
/* Blocks */
/* Media */
/* Custom DotEmu */
/* --- COLORS --- */
/* --- STRUCTURE --- */
/* --- BREAKPOINTS --- */
/* La liste PX est à utiliser que pour des fonctions SASS */
/* --- TRANSITIONS --- */
/* --- TYPOGRAPHY --- */
p.site-description,
div.site-info,
a.skip-link.screen-reader-text {
  display: none;
}

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  /* empeche ios de changer la font-size */
}

* {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
  text-decoration: none;
  outline: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

::selection {
  color: #fff;
  background-color: #ee7c44;
  text-shadow: none;
  -webkit-text-fill-color: #fff;
}

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

/* Permet le comportement par défaut d'une image en inline tout en supprimant d'éventuelles marge */
img {
  max-width: 100%;
  height: auto;
  user-select: none;
  vertical-align: middle;
  border: 0;
}

body {
  line-height: 1;
}

nav,
ol,
ul {
  list-style: none;
}

a {
  color: inherit;
}

.de__i-a {
  display: block;
  margin-top: 2.5rem;
  user-select: none;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__i-a {
    margin-top: 1.25rem;
  }
}

.de__i-a:nth-child(1) {
  margin-top: 0rem;
}

.de__i-a > a {
  display: flex;
  flex-wrap: nowrap;
  cursor: pointer;
  color: #000;
}

.de__i-a > a:hover {
  color: #ee7c44;
}

.de__i-a > a:active {
  color: rgba(238, 124, 68, 0.9);
}

.de__i-a > a > img {
  display: block;
  flex: 0 0 17.5rem;
  width: 17.5rem;
  align-self: start;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__i-a > a > img {
    flex: 0 0 13.75rem;
    width: 13.75rem;
  }
}

@media only screen and (max-width: 29.9375rem) {
  .de__i-a > a > img {
    flex: 0 0 7.5rem;
    width: 7.5rem;
  }
}

.de__i-a > a > div {
  flex: 1 1 auto;
  padding-left: 2.5rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__i-a > a > div {
    padding-left: 0.625rem;
  }
}

.de__i-a > a > div > span {
  display: block;
  margin-top: 1rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__i-a > a > div > span {
    margin-top: 0.5rem;
  }
}

.de__i-a > a > div > span:first-of-type {
  margin-top: 0rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__i-a > a > div > span:first-of-type {
    margin-top: 0rem;
  }
}

.de__i-a > a > div > span:last-of-type {
  color: #989898;
}

.de__body {
  color: #000;
  background-color: #fff;
}

.de__btn, .de__btn--primary, .de__nwsl__frm > form input[type=submit], .de__p-fv form.wpcf7-form label.upload input.wpcf7-form-control[type=file]:before, .de__p-fv form.wpcf7-form input.wpcf7-form-control.wpcf7-submit, .de__btn--secondary, .de__btn--tile {
  display: inline-block;
  min-width: 13.5rem;
  padding: 1rem 1.5rem;
  cursor: pointer;
  user-select: none;
  text-align: center;
  border-width: 0.125rem;
  border-style: solid;
  border-radius: 0.25rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__btn, .de__btn--primary, .de__nwsl__frm > form input[type=submit], .de__p-fv form.wpcf7-form label.upload input.wpcf7-form-control[type=file]:before, .de__p-fv form.wpcf7-form input.wpcf7-form-control.wpcf7-submit, .de__btn--secondary, .de__btn--tile {
    display: block;
    width: 100%;
  }
}

.de__btn--primary, .de__nwsl__frm > form input[type=submit], .de__p-fv form.wpcf7-form label.upload input.wpcf7-form-control[type=file]:before, .de__p-fv form.wpcf7-form input.wpcf7-form-control.wpcf7-submit {
  color: #000;
  border-color: #000;
  background-color: #fff;
}

.de__btn--primary:hover, .de__nwsl__frm > form input:hover[type=submit], .de__p-fv form.wpcf7-form label.upload input.wpcf7-form-control:hover[type=file]:before, .de__p-fv form.wpcf7-form input.wpcf7-form-control.wpcf7-submit:hover {
  color: #fff;
  border-color: #000;
  background-color: #000;
}

.de__btn--primary:active, .de__nwsl__frm > form input:active[type=submit], .de__p-fv form.wpcf7-form label.upload input.wpcf7-form-control:active[type=file]:before, .de__p-fv form.wpcf7-form input.wpcf7-form-control.wpcf7-submit:active {
  color: #fff;
  border-color: #000;
  background-color: rgba(0, 0, 0, 0.7);
}

.de__btn--secondary {
  color: #fff;
  border-color: #000;
  background-color: #000;
}

.de__btn--secondary:hover {
  color: #000;
  border-color: #000;
  background-color: #fff;
}

.de__btn--secondary:active {
  color: #000;
  border-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.de__btn--tile {
  min-width: auto;
  color: #fff;
  border-color: #fff;
  background-color: transparent;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__btn--tile {
    padding: 0.75rem 1rem;
  }
}

@media only screen and (max-width: 29.9375rem) {
  .de__btn--tile {
    padding: 0.75rem 0.75rem;
  }
}

.de__btn--tile:hover {
  color: #000;
  border-color: #fff;
  background-color: #fff;
}

.de__btn--tile:active {
  color: #000;
  border-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.de__hidden {
  display: none;
}

.de__font-center {
  text-align: center;
}

.de__nav-title {
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-size: 5rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__nav-title {
    font-family: "Poppins", sans-serif;
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

.de__page-title, .de__p-abv h1,
.de__p-abv h2,
.de__p-abv h3,
.de__p-abv h4,
.de__p-abv h5,
.de__p-abv h6 {
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-size: 3.375rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__page-title, .de__p-abv h1,
  .de__p-abv h2,
  .de__p-abv h3,
  .de__p-abv h4,
  .de__p-abv h5,
  .de__p-abv h6 {
    font-family: "Poppins", sans-serif;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

.de__page-title--tile {
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-size: 3.375rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__page-title--tile {
    font-family: "Poppins", sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

.de__section-title, .de__p-av__ar__c > h1,
.de__p-av__ar__c > h2,
.de__p-av__ar__c > h3,
.de__p-av__ar__c > h4,
.de__p-av__ar__c > h5,
.de__p-av__ar__c > h6,
.de__p-av__ar__c > figure > blockquote > p {
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-size: 2.125rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__section-title, .de__p-av__ar__c > h1,
  .de__p-av__ar__c > h2,
  .de__p-av__ar__c > h3,
  .de__p-av__ar__c > h4,
  .de__p-av__ar__c > h5,
  .de__p-av__ar__c > h6,
  .de__p-av__ar__c > figure > blockquote > p {
    font-family: "Poppins", sans-serif;
    font-size: 1.125rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

.de__section-title--tile {
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__section-title--tile {
    font-family: "Poppins", sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

.de__pricing {
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__pricing {
    font-family: "Poppins", sans-serif;
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

.de__subtitle {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__subtitle {
    font-family: "Montserrat", sans-serif;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

.de__subtitle-tile {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__subtitle-tile {
    font-family: "Montserrat", sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

.de__button, .de__btn, .de__btn--primary, .de__nwsl__frm > form input[type=submit], .de__p-fv form.wpcf7-form label.upload input.wpcf7-form-control[type=file]:before, .de__p-fv form.wpcf7-form input.wpcf7-form-control.wpcf7-submit, .de__btn--secondary, .de__btn--tile, select.wpcf7-form-control, input.wpcf7-form-control[type=text],
input.wpcf7-form-control[type=email],
textarea.wpcf7-form-control, .de__nav__sch > form input[type=text], .de__nwsl__frm > form input[type=email], .de__p-fv form.wpcf7-form label.required:before, .de__p-lv__pgn {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__button, .de__btn, .de__btn--primary, .de__nwsl__frm > form input[type=submit], .de__p-fv form.wpcf7-form label.upload input.wpcf7-form-control[type=file]:before, .de__p-fv form.wpcf7-form input.wpcf7-form-control.wpcf7-submit, .de__btn--secondary, .de__btn--tile, select.wpcf7-form-control, input.wpcf7-form-control[type=text],
  input.wpcf7-form-control[type=email],
  textarea.wpcf7-form-control, .de__nav__sch > form input[type=text], .de__nwsl__frm > form input[type=email], .de__p-fv form.wpcf7-form label.required:before, .de__p-lv__pgn {
    font-family: "Montserrat", sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

.de__button--light {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__button--light {
    font-family: "Montserrat", sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

.de__swipe-chip, .de__p-gi__fltrs__swp > ul > li > label, .de__p-lv__swp > ul > li > a {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.de__presskit {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__presskit {
    font-family: "Montserrat", sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

.de__select, .de__p-gi__fltrs > select {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__select, .de__p-gi__fltrs > select {
    font-family: "Montserrat", sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

.de__main-text, .de__p-abv p, .de__p-av__ar__c > *, .de__p-av__ar__c > pre > p, .de__p-fv .wpcf7-response-output,
.de__p-fv form.failed .wpcf7-response-output,
.de__p-fv form.aborted .wpcf7-response-output, .de__p-fv p, .de__p-fv form.wpcf7-form p {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__main-text, .de__p-abv p, .de__p-av__ar__c > *, .de__p-av__ar__c > pre > p, .de__p-fv .wpcf7-response-output,
  .de__p-fv form.failed .wpcf7-response-output,
  .de__p-fv form.aborted .wpcf7-response-output, .de__p-fv p, .de__p-fv form.wpcf7-form p {
    font-family: "Montserrat", sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

.de__main-text--light {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__main-text--light {
    font-family: "Montserrat", sans-serif;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

.de__footer-link {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.de__footer-copyrights {
  font-family: "Montserrat", sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.de__breadcrumb, .de__hdr__brd-dsk div.fbc div.fbc-wrap > ol.fbc-items > li > a,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ol.fbc-items > li > span > a,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ol.fbc-items > li > a > span,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ul.fbc-items > li > a,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ul.fbc-items > li > span > a,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ul.fbc-items > li > a > span, .de__hdr__brd-mob div.fbc div.fbc-wrap > ol.fbc-items > li > a,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ol.fbc-items > li > span > a,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ol.fbc-items > li > a > span,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ul.fbc-items > li > a,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ul.fbc-items > li > span > a,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ul.fbc-items > li > a > span {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.de__breadcrumb--active, .de__hdr__brd-dsk div.fbc div.fbc-wrap > ol.fbc-items > li > span,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ul.fbc-items > li > span, .de__hdr__brd-mob div.fbc div.fbc-wrap > ol.fbc-items > li > span,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ul.fbc-items > li > span {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.de__article-infos {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.de__article-infos--date {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.de__article-item-title {
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.de__ftr {
  display: block;
  min-width: 20rem;
  color: #fff;
  background-color: #000;
}

.de__ftr__inr {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 2.5rem 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 89.9375rem) {
  .de__ftr__inr {
    flex-direction: column;
  }
}

@media only screen and (max-width: 59.9375rem) {
  .de__ftr__inr {
    padding: 1.5rem 0;
  }
}

.de__ftr__inr__lg {
  display: block;
  width: 8.25rem;
  height: 1.875rem;
  background-color: transparent;
  background-image: url("images/logo/dotemu-logo--horizontal--white--footer.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.de__ftr__inr__lg:hover {
  opacity: .9;
}

.de__ftr__inr__lg:active {
  opacity: .8;
}

.de__ftr__inr__lst {
  display: flex;
  flex-direction: row;
  user-select: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 89.9375rem) {
  .de__ftr__inr__lst {
    padding: 1.5rem 0;
  }
}

@media only screen and (max-width: 59.9375rem) {
  .de__ftr__inr__lst {
    flex-direction: column;
    padding: 0;
  }
}

.de__ftr__inr__lst__pg {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__ftr__inr__lst__pg {
    flex-direction: column;
    margin-top: 1.5rem;
  }
}

.de__ftr__inr__lst__pg > li > a {
  display: block;
  margin-right: 1.5rem;
  cursor: pointer;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__ftr__inr__lst__pg > li > a {
    margin-top: 1rem;
    margin-right: 0rem;
    text-align: center;
  }
}

.de__ftr__inr__lst__pg > li > a:hover {
  color: #ee7c44;
}

.de__ftr__inr__lst__pg > li > a:active {
  color: rgba(238, 124, 68, 0.9);
}

.de__ftr__inr__lst__pg > li:first-of-type > a {
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__ftr__inr__lst__pg > li:first-of-type > a {
    margin-top: 0rem;
  }
}

.de__ftr__inr__lst__soc {
  display: flex;
  flex-wrap: wrap;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__ftr__inr__lst__soc {
    justify-content: center;
    margin-top: 1.5rem;
    padding: 1rem 3rem;
    text-align: center;
    border-top: 0.0625rem solid white;
    border-bottom: 0.0625rem solid white;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
  }
}

.de__ftr__inr__lst__soc > li > a {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1.5rem;
  cursor: pointer;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
}

.de__ftr__inr__lst__soc > li > a.is--facebook {
  background-image: url("images/logo-facebook.svg");
}

.de__ftr__inr__lst__soc > li > a.is--facebook:hover, .de__ftr__inr__lst__soc > li > a.is--facebook:active {
  background-image: url("images/logo-facebook--jaffa.svg");
}

.de__ftr__inr__lst__soc > li > a.is--facebook:active {
  opacity: .9;
}

.de__ftr__inr__lst__soc > li > a.is--twitter {
  background-image: url("images/logo-twitter.svg");
}

.de__ftr__inr__lst__soc > li > a.is--twitter:hover, .de__ftr__inr__lst__soc > li > a.is--twitter:active {
  background-image: url("images/logo-twitter--jaffa.svg");
}

.de__ftr__inr__lst__soc > li > a.is--twitter:active {
  opacity: .9;
}

.de__ftr__inr__lst__soc > li > a.is--youtube {
  background-image: url("images/logo-youtube.svg");
}

.de__ftr__inr__lst__soc > li > a.is--youtube:hover, .de__ftr__inr__lst__soc > li > a.is--youtube:active {
  background-image: url("images/logo-youtube--jaffa.svg");
}

.de__ftr__inr__lst__soc > li > a.is--youtube:active {
  opacity: .9;
}

.de__ftr__inr__lst__soc > li:last-of-type > a {
  margin-right: 0rem;
}

.de__ftr__inr__cp {
  display: block;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__ftr__inr__cp {
    margin-top: 1.5rem;
  }
}

.de-col-xs,
.de-col-sm,
.de-col-md,
.de-col-lg, .de-col-xs-1,
.de-col-sm-1,
.de-col-md-1,
.de-col-lg-1, .de-col-xs-2,
.de-col-sm-2,
.de-col-md-2,
.de-col-lg-2, .de-col-xs-3,
.de-col-sm-3,
.de-col-md-3,
.de-col-lg-3, .de-col-xs-4,
.de-col-sm-4,
.de-col-md-4,
.de-col-lg-4, .de-col-xs-5,
.de-col-sm-5,
.de-col-md-5,
.de-col-lg-5, .de-col-xs-6,
.de-col-sm-6,
.de-col-md-6,
.de-col-lg-6, .de-col-xs-7,
.de-col-sm-7,
.de-col-md-7,
.de-col-lg-7, .de-col-xs-8,
.de-col-sm-8,
.de-col-md-8,
.de-col-lg-8, .de-col-xs-9,
.de-col-sm-9,
.de-col-md-9,
.de-col-lg-9, .de-col-xs-10,
.de-col-sm-10,
.de-col-md-10,
.de-col-lg-10, .de-col-xs-11,
.de-col-sm-11,
.de-col-md-11,
.de-col-lg-11, .de-col-xs-12,
.de-col-sm-12,
.de-col-md-12,
.de-col-lg-12 {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (min-width: 30rem) {
  .de-col-xs,
  .de-col-sm,
  .de-col-md,
  .de-col-lg, .de-col-xs-1,
  .de-col-sm-1,
  .de-col-md-1,
  .de-col-lg-1, .de-col-xs-2,
  .de-col-sm-2,
  .de-col-md-2,
  .de-col-lg-2, .de-col-xs-3,
  .de-col-sm-3,
  .de-col-md-3,
  .de-col-lg-3, .de-col-xs-4,
  .de-col-sm-4,
  .de-col-md-4,
  .de-col-lg-4, .de-col-xs-5,
  .de-col-sm-5,
  .de-col-md-5,
  .de-col-lg-5, .de-col-xs-6,
  .de-col-sm-6,
  .de-col-md-6,
  .de-col-lg-6, .de-col-xs-7,
  .de-col-sm-7,
  .de-col-md-7,
  .de-col-lg-7, .de-col-xs-8,
  .de-col-sm-8,
  .de-col-md-8,
  .de-col-lg-8, .de-col-xs-9,
  .de-col-sm-9,
  .de-col-md-9,
  .de-col-lg-9, .de-col-xs-10,
  .de-col-sm-10,
  .de-col-md-10,
  .de-col-lg-10, .de-col-xs-11,
  .de-col-sm-11,
  .de-col-md-11,
  .de-col-lg-11, .de-col-xs-12,
  .de-col-sm-12,
  .de-col-md-12,
  .de-col-lg-12 {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
}

.has--no-padding.de-col-xs,
.has--no-padding.de-col-sm,
.has--no-padding.de-col-md,
.has--no-padding.de-col-lg, .has--no-padding.de-col-xs-1,
.has--no-padding.de-col-sm-1,
.has--no-padding.de-col-md-1,
.has--no-padding.de-col-lg-1, .has--no-padding.de-col-xs-2,
.has--no-padding.de-col-sm-2,
.has--no-padding.de-col-md-2,
.has--no-padding.de-col-lg-2, .has--no-padding.de-col-xs-3,
.has--no-padding.de-col-sm-3,
.has--no-padding.de-col-md-3,
.has--no-padding.de-col-lg-3, .has--no-padding.de-col-xs-4,
.has--no-padding.de-col-sm-4,
.has--no-padding.de-col-md-4,
.has--no-padding.de-col-lg-4, .has--no-padding.de-col-xs-5,
.has--no-padding.de-col-sm-5,
.has--no-padding.de-col-md-5,
.has--no-padding.de-col-lg-5, .has--no-padding.de-col-xs-6,
.has--no-padding.de-col-sm-6,
.has--no-padding.de-col-md-6,
.has--no-padding.de-col-lg-6, .has--no-padding.de-col-xs-7,
.has--no-padding.de-col-sm-7,
.has--no-padding.de-col-md-7,
.has--no-padding.de-col-lg-7, .has--no-padding.de-col-xs-8,
.has--no-padding.de-col-sm-8,
.has--no-padding.de-col-md-8,
.has--no-padding.de-col-lg-8, .has--no-padding.de-col-xs-9,
.has--no-padding.de-col-sm-9,
.has--no-padding.de-col-md-9,
.has--no-padding.de-col-lg-9, .has--no-padding.de-col-xs-10,
.has--no-padding.de-col-sm-10,
.has--no-padding.de-col-md-10,
.has--no-padding.de-col-lg-10, .has--no-padding.de-col-xs-11,
.has--no-padding.de-col-sm-11,
.has--no-padding.de-col-md-11,
.has--no-padding.de-col-lg-11, .has--no-padding.de-col-xs-12,
.has--no-padding.de-col-sm-12,
.has--no-padding.de-col-md-12,
.has--no-padding.de-col-lg-12 {
  padding-right: 0;
  padding-left: 0;
}

.de-col-xs,
.de-col-sm,
.de-col-md,
.de-col-lg {
  flex-direction: column;
}

.de-col-xs-1,
.de-col-sm-1,
.de-col-md-1,
.de-col-lg-1 {
  flex-direction: column;
}

.de-col-xs-2,
.de-col-sm-2,
.de-col-md-2,
.de-col-lg-2 {
  flex-direction: column;
}

.de-col-xs-3,
.de-col-sm-3,
.de-col-md-3,
.de-col-lg-3 {
  flex-direction: column;
}

.de-col-xs-4,
.de-col-sm-4,
.de-col-md-4,
.de-col-lg-4 {
  flex-direction: column;
}

.de-col-xs-5,
.de-col-sm-5,
.de-col-md-5,
.de-col-lg-5 {
  flex-direction: column;
}

.de-col-xs-6,
.de-col-sm-6,
.de-col-md-6,
.de-col-lg-6 {
  flex-direction: column;
}

.de-col-xs-7,
.de-col-sm-7,
.de-col-md-7,
.de-col-lg-7 {
  flex-direction: column;
}

.de-col-xs-8,
.de-col-sm-8,
.de-col-md-8,
.de-col-lg-8 {
  flex-direction: column;
}

.de-col-xs-9,
.de-col-sm-9,
.de-col-md-9,
.de-col-lg-9 {
  flex-direction: column;
}

.de-col-xs-10,
.de-col-sm-10,
.de-col-md-10,
.de-col-lg-10 {
  flex-direction: column;
}

.de-col-xs-11,
.de-col-sm-11,
.de-col-md-11,
.de-col-lg-11 {
  flex-direction: column;
}

.de-col-xs-12,
.de-col-sm-12,
.de-col-md-12,
.de-col-lg-12 {
  flex-direction: column;
}

.de-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin-right: -0.25rem;
  margin-left: -0.25rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -ms-flex-wrap: wrap;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (min-width: 30rem) {
  .de-row {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
}

.de-row.has--no-margin {
  margin-right: 0;
  margin-left: 0;
}

.de-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.de-flex.is--column {
  flex-direction: column;
}

.de-row.de-reverse {
  flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
}

.de-col.de-reverse {
  flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
}

.de-col-xs {
  flex: 0 0 auto;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
}

.de-col-xs {
  max-width: 100%;
  flex-basis: 0;
  flex-grow: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -ms-flex-preferred-size: 0;
}

.de-col-xs-1 {
  flex: 0 0 auto;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
}

.de-col-xs-1 {
  max-width: 8.33333%;
  flex-basis: 8.33333%;
  -ms-flex-preferred-size: 8.33333%;
}

.de-col-xs-2 {
  flex: 0 0 auto;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
}

.de-col-xs-2 {
  max-width: 16.66667%;
  flex-basis: 16.66667%;
  -ms-flex-preferred-size: 16.66667%;
}

.de-col-xs-3 {
  flex: 0 0 auto;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
}

.de-col-xs-3 {
  max-width: 25%;
  flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
}

.de-col-xs-4 {
  flex: 0 0 auto;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
}

.de-col-xs-4 {
  max-width: 33.33333%;
  flex-basis: 33.33333%;
  -ms-flex-preferred-size: 33.33333%;
}

.de-col-xs-5 {
  flex: 0 0 auto;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
}

.de-col-xs-5 {
  max-width: 41.66667%;
  flex-basis: 41.66667%;
  -ms-flex-preferred-size: 41.66667%;
}

.de-col-xs-6 {
  flex: 0 0 auto;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
}

.de-col-xs-6 {
  max-width: 50%;
  flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
}

.de-col-xs-7 {
  flex: 0 0 auto;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
}

.de-col-xs-7 {
  max-width: 58.33333%;
  flex-basis: 58.33333%;
  -ms-flex-preferred-size: 58.33333%;
}

.de-col-xs-8 {
  flex: 0 0 auto;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
}

.de-col-xs-8 {
  max-width: 66.66667%;
  flex-basis: 66.66667%;
  -ms-flex-preferred-size: 66.66667%;
}

.de-col-xs-9 {
  flex: 0 0 auto;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
}

.de-col-xs-9 {
  max-width: 75%;
  flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
}

.de-col-xs-10 {
  flex: 0 0 auto;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
}

.de-col-xs-10 {
  max-width: 83.33333%;
  flex-basis: 83.33333%;
  -ms-flex-preferred-size: 83.33333%;
}

.de-col-xs-11 {
  flex: 0 0 auto;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
}

.de-col-xs-11 {
  max-width: 91.66667%;
  flex-basis: 91.66667%;
  -ms-flex-preferred-size: 91.66667%;
}

.de-col-xs-12 {
  flex: 0 0 auto;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
}

.de-col-xs-12 {
  max-width: 100%;
  flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
}

.de-start-xs {
  justify-content: flex-start;
  text-align: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
}

.de-center-xs {
  justify-content: center;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.de-end-xs {
  justify-content: flex-end;
  text-align: end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
}

.de-top-xs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.de-middle-xs, .de__hdr__brd-dsk div.fbc div.fbc-wrap > ol.fbc-items,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ul.fbc-items {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.de-bottom-xs {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.de-around-xs {
  justify-content: space-around;
  -ms-flex-pack: distribute;
}

.de-between-xs {
  justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

.de-first-xs {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.de-last-xs {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

/* --- MAX WIDTH --- */
/* --- MIN WIDTH --- */
@media only screen and (min-width: 30rem) {
  .de-col-sm {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-sm {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
  }
  .de-col-sm-1 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-sm-1 {
    max-width: 8.33333%;
    flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
  }
  .de-col-sm-2 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-sm-2 {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
  }
  .de-col-sm-3 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-sm-3 {
    max-width: 25%;
    flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
  }
  .de-col-sm-4 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-sm-4 {
    max-width: 33.33333%;
    flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
  }
  .de-col-sm-5 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-sm-5 {
    max-width: 41.66667%;
    flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
  }
  .de-col-sm-6 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-sm-6 {
    max-width: 50%;
    flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
  }
  .de-col-sm-7 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-sm-7 {
    max-width: 58.33333%;
    flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
  }
  .de-col-sm-8 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-sm-8 {
    max-width: 66.66667%;
    flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
  }
  .de-col-sm-9 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-sm-9 {
    max-width: 75%;
    flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
  }
  .de-col-sm-10 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-sm-10 {
    max-width: 83.33333%;
    flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
  }
  .de-col-sm-11 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-sm-11 {
    max-width: 91.66667%;
    flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
  }
  .de-col-sm-12 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-sm-12 {
    max-width: 100%;
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
  }
  .de-start-sm {
    justify-content: flex-start;
    text-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
  }
  .de-center-sm {
    justify-content: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
  }
  .de-end-sm {
    justify-content: flex-end;
    text-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
  }
  .de-top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .de-middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .de-bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .de-around-sm {
    justify-content: space-around;
    -ms-flex-pack: distribute;
  }
  .de-between-sm {
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
  }
  .de-first-sm {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .de-last-sm {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

/* --- MAX WIDTH --- */
/* --- MIN WIDTH --- */
@media only screen and (min-width: 60rem) {
  .de-col-md {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-md {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
  }
  .de-col-md-1 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-md-1 {
    max-width: 8.33333%;
    flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
  }
  .de-col-md-2 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-md-2 {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
  }
  .de-col-md-3 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-md-3 {
    max-width: 25%;
    flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
  }
  .de-col-md-4 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-md-4 {
    max-width: 33.33333%;
    flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
  }
  .de-col-md-5 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-md-5 {
    max-width: 41.66667%;
    flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
  }
  .de-col-md-6 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-md-6 {
    max-width: 50%;
    flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
  }
  .de-col-md-7 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-md-7 {
    max-width: 58.33333%;
    flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
  }
  .de-col-md-8 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-md-8 {
    max-width: 66.66667%;
    flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
  }
  .de-col-md-9 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-md-9 {
    max-width: 75%;
    flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
  }
  .de-col-md-10 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-md-10 {
    max-width: 83.33333%;
    flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
  }
  .de-col-md-11 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-md-11 {
    max-width: 91.66667%;
    flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
  }
  .de-col-md-12 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-md-12 {
    max-width: 100%;
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
  }
  .de-start-md {
    justify-content: flex-start;
    text-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
  }
  .de-center-md {
    justify-content: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
  }
  .de-end-md {
    justify-content: flex-end;
    text-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
  }
  .de-top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .de-middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .de-bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .de-around-md {
    justify-content: space-around;
    -ms-flex-pack: distribute;
  }
  .de-between-md {
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
  }
  .de-first-md {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .de-last-md {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

/* --- MAX WIDTH --- */
/* --- MIN WIDTH --- */
@media only screen and (min-width: 90rem) {
  .de-col-lg {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-lg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
  }
  .de-col-lg-1 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-lg-1 {
    max-width: 8.33333%;
    flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
  }
  .de-col-lg-2 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-lg-2 {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
  }
  .de-col-lg-3 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-lg-3 {
    max-width: 25%;
    flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
  }
  .de-col-lg-4 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-lg-4 {
    max-width: 33.33333%;
    flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
  }
  .de-col-lg-5 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-lg-5 {
    max-width: 41.66667%;
    flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
  }
  .de-col-lg-6 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-lg-6 {
    max-width: 50%;
    flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
  }
  .de-col-lg-7 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-lg-7 {
    max-width: 58.33333%;
    flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
  }
  .de-col-lg-8 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-lg-8 {
    max-width: 66.66667%;
    flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
  }
  .de-col-lg-9 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-lg-9 {
    max-width: 75%;
    flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
  }
  .de-col-lg-10 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-lg-10 {
    max-width: 83.33333%;
    flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
  }
  .de-col-lg-11 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-lg-11 {
    max-width: 91.66667%;
    flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
  }
  .de-col-lg-12 {
    flex: 0 0 auto;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
  }
  .de-col-lg-12 {
    max-width: 100%;
    flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
  }
  .de-start-lg {
    justify-content: flex-start;
    text-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
  }
  .de-center-lg {
    justify-content: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
  }
  .de-end-lg {
    justify-content: flex-end;
    text-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
  }
  .de-top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .de-middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .de-bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .de-around-lg {
    justify-content: space-around;
    -ms-flex-pack: distribute;
  }
  .de-between-lg {
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
  }
  .de-first-lg {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .de-last-lg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

/* de as Dotemu */
.de__hdr {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: 100%;
  height: 17rem;
  padding: 2rem 0 0 0;
  background-color: #000;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
  background-size: cover;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__hdr {
    display: block;
    height: 6.375rem;
    padding: 1rem 0 0 0;
  }
}

.de__hdr:before {
  position: absolute;
  z-index: 1;
  top: -1%;
  left: -1%;
  width: 102%;
  height: 102%;
  content: '';
  background-color: rgba(0, 0, 0, 0.6);
}

.de__hdr__lg {
  position: relative;
  z-index: 2;
  display: block;
  width: 6.75rem;
  height: 5.375rem;
  margin: 0 auto;
  background-color: transparent;
  background-image: url("images/logo/dotemu-logo--vertical--white--nav.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__hdr__lg {
    width: 5.625rem;
    height: 4.3125rem;
  }
}

.de__hdr__lg:hover {
  opacity: .9;
}

.de__hdr__lg:active {
  opacity: .8;
}

.de__hdr__brd-dsk {
  position: relative;
  z-index: 2;
  user-select: none;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__hdr__brd-dsk {
    display: none;
  }
}

.de__hdr__brd-dsk div.fbc div.fbc-wrap > ol.fbc-items,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ul.fbc-items {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0rem;
  margin-right: 0rem;
  margin-bottom: 0rem;
  margin-left: 0rem;
  padding-top: 0rem;
  padding-right: 0rem;
  padding-bottom: 0rem;
  padding-left: 0rem;
}

.de__hdr__brd-dsk div.fbc div.fbc-wrap > ol.fbc-items > li,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ul.fbc-items > li {
  display: block;
  margin-top: 0rem;
  margin-right: 0rem;
  margin-bottom: 0rem;
  margin-left: 0rem;
  padding-top: 0rem;
  padding-right: 0rem;
  padding-bottom: 0rem;
  padding-left: 0rem;
}

.de__hdr__brd-dsk div.fbc div.fbc-wrap > ol.fbc-items > li > a,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ol.fbc-items > li > span > a,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ol.fbc-items > li > a > span,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ul.fbc-items > li > a,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ul.fbc-items > li > span > a,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ul.fbc-items > li > a > span {
  display: block;
  color: #fff;
}

.de__hdr__brd-dsk div.fbc div.fbc-wrap > ol.fbc-items > li > a:hover,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ol.fbc-items > li > span > a:hover,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ol.fbc-items > li > a > span:hover,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ul.fbc-items > li > a:hover,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ul.fbc-items > li > span > a:hover,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ul.fbc-items > li > a > span:hover {
  opacity: .9;
}

.de__hdr__brd-dsk div.fbc div.fbc-wrap > ol.fbc-items > li > a:active,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ol.fbc-items > li > span > a:active,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ol.fbc-items > li > a > span:active,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ul.fbc-items > li > a:active,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ul.fbc-items > li > span > a:active,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ul.fbc-items > li > a > span:active {
  opacity: .8;
}

.de__hdr__brd-dsk div.fbc div.fbc-wrap > ol.fbc-items > li > span,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ul.fbc-items > li > span {
  display: block;
  color: #fff;
}

.de__hdr__brd-dsk div.fbc div.fbc-wrap > ol.fbc-items > li > span.fbc-separator,
.de__hdr__brd-dsk div.fbc div.fbc-wrap > ul.fbc-items > li > span.fbc-separator {
  display: block;
  width: 1.25rem;
  height: 0.625rem;
  background-image: url("images/icons/arrow-bold--white.svg");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-size: contain;
}

.de__hdr__brd-mob {
  display: none;
  padding-top: 0.625rem;
  user-select: none;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__hdr__brd-mob {
    display: block;
  }
}

.de__hdr__brd-mob div.fbc div.fbc-wrap > ol.fbc-items,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ul.fbc-items {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0rem;
  margin-right: 0rem;
  margin-bottom: 0rem;
  margin-left: 0rem;
  padding-top: 0rem;
  padding-right: 0rem;
  padding-bottom: 0rem;
  padding-left: 0rem;
}

.de__hdr__brd-mob div.fbc div.fbc-wrap > ol.fbc-items > li,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ul.fbc-items > li {
  display: block;
  margin-top: 0rem;
  margin-right: 0rem;
  margin-bottom: 0rem;
  margin-left: 0rem;
  padding-top: 0rem;
  padding-right: 0rem;
  padding-bottom: 0rem;
  padding-left: 0rem;
}

.de__hdr__brd-mob div.fbc div.fbc-wrap > ol.fbc-items > li > a,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ol.fbc-items > li > span > a,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ol.fbc-items > li > a > span,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ul.fbc-items > li > a,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ul.fbc-items > li > span > a,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ul.fbc-items > li > a > span {
  display: block;
  height: 0.625rem;
  color: #6e6e6e;
}

.de__hdr__brd-mob div.fbc div.fbc-wrap > ol.fbc-items > li > a:hover,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ol.fbc-items > li > span > a:hover,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ol.fbc-items > li > a > span:hover,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ul.fbc-items > li > a:hover,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ul.fbc-items > li > span > a:hover,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ul.fbc-items > li > a > span:hover {
  opacity: .9;
}

.de__hdr__brd-mob div.fbc div.fbc-wrap > ol.fbc-items > li > a:active,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ol.fbc-items > li > span > a:active,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ol.fbc-items > li > a > span:active,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ul.fbc-items > li > a:active,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ul.fbc-items > li > span > a:active,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ul.fbc-items > li > a > span:active {
  opacity: .8;
}

.de__hdr__brd-mob div.fbc div.fbc-wrap > ol.fbc-items > li > span,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ul.fbc-items > li > span {
  display: block;
  color: #6e6e6e;
}

.de__hdr__brd-mob div.fbc div.fbc-wrap > ol.fbc-items > li > span.fbc-separator,
.de__hdr__brd-mob div.fbc div.fbc-wrap > ul.fbc-items > li > span.fbc-separator {
  display: block;
  width: 1.25rem;
  height: 0.5625rem;
  background-image: url("images/icons/arrow-bold--dovegray.svg");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-size: contain;
}

.de__hdr__soc {
  position: relative;
  z-index: 2;
  margin-top: auto;
  padding-bottom: 2rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__hdr__soc {
    display: none;
  }
}

.de__hdr__soc ul {
  display: flex;
  flex-wrap: wrap;
}

.de__hdr__soc ul > li > a {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1.5rem;
  cursor: pointer;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
}

.de__hdr__soc ul > li > a:hover {
  opacity: .9;
}

.de__hdr__soc ul > li > a:active {
  opacity: .8;
}

.de__hdr__soc ul > li > a.is--facebook {
  background-image: url("images/logo-facebook.svg");
}

.de__hdr__soc ul > li > a.is--twitter {
  background-image: url("images/logo-twitter.svg");
}

.de__hdr__soc ul > li > a.is--youtube {
  background-image: url("images/logo-youtube.svg");
}

.de__hdr__soc ul > li:last-of-type > a {
  margin-right: 0rem;
}

select.wpcf7-form-control {
  position: relative;
  display: block;
  width: 100%;
  padding: 0rem 0rem 0.5rem 0rem;
  color: #000;
  border-width: 0rem 0rem 0.125rem 0rem;
  border-style: solid;
  border-color: #000;
  border-radius: 0rem;
  outline: none;
  background-color: #fff;
  background-image: url("images/icons/arrow-down--black.svg");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 1rem;
  -webkit-text-fill-color: #000;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select.wpcf7-form-control:focus {
  color: #ee7c44;
  -webkit-text-fill-color: #ee7c44;
}

select.wpcf7-form-control::selection {
  color: #fff;
  background-color: #000;
  text-shadow: none;
  -webkit-text-fill-color: #fff;
}

select.wpcf7-form-control option {
  font-weight: 700;
  color: #000;
  -webkit-text-fill-color: #000;
}

select.wpcf7-form-control option:first-child {
  color: #bfbfbf;
  -webkit-text-fill-color: #bfbfbf;
}

select.wpcf7-form-control::placeholder {
  color: #bfbfbf;
  -webkit-text-fill-color: #bfbfbf;
}

select.wpcf7-form-control::-webkit-input-placeholder {
  color: #bfbfbf;
  -webkit-text-fill-color: #bfbfbf;
}

select.wpcf7-form-control::-moz-placeholder {
  color: #bfbfbf;
  -webkit-text-fill-color: #bfbfbf;
}

select.wpcf7-form-control:-ms-input-placeholder {
  color: #bfbfbf;
  -webkit-text-fill-color: #bfbfbf;
}

select.wpcf7-form-control:-moz-placeholder {
  color: #bfbfbf;
  -webkit-text-fill-color: #bfbfbf;
}

input[type=text].wpcf7-form-control,
input[type=email].wpcf7-form-control,
textarea.wpcf7-form-control {
  position: relative;
  display: block;
  width: 100%;
  padding: 0rem 1rem 0.5rem 0rem;
  color: #000;
  border-width: 0rem 0rem 0.125rem 0rem;
  border-style: solid;
  border-color: #000;
  border-radius: 0rem;
  outline: none;
  background-color: #fff;
  -webkit-text-fill-color: #000;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input[type=text].wpcf7-form-control:focus,
input[type=email].wpcf7-form-control:focus,
textarea.wpcf7-form-control:focus {
  border-color: #ee7c44;
}

input[type=text].wpcf7-form-control::selection,
input[type=email].wpcf7-form-control::selection,
textarea.wpcf7-form-control::selection {
  color: #fff;
  background-color: #000;
  text-shadow: none;
  -webkit-text-fill-color: #fff;
}

input[type=text].wpcf7-form-control::placeholder,
input[type=email].wpcf7-form-control::placeholder,
textarea.wpcf7-form-control::placeholder {
  color: #bfbfbf;
  -webkit-text-fill-color: #bfbfbf;
}

input[type=text].wpcf7-form-control::-webkit-input-placeholder,
input[type=email].wpcf7-form-control::-webkit-input-placeholder,
textarea.wpcf7-form-control::-webkit-input-placeholder {
  color: #bfbfbf;
  -webkit-text-fill-color: #bfbfbf;
}

input[type=text].wpcf7-form-control::-moz-placeholder,
input[type=email].wpcf7-form-control::-moz-placeholder,
textarea.wpcf7-form-control::-moz-placeholder {
  color: #bfbfbf;
  -webkit-text-fill-color: #bfbfbf;
}

input[type=text].wpcf7-form-control:-ms-input-placeholder,
input[type=email].wpcf7-form-control:-ms-input-placeholder,
textarea.wpcf7-form-control:-ms-input-placeholder {
  color: #bfbfbf;
  -webkit-text-fill-color: #bfbfbf;
}

input[type=text].wpcf7-form-control:-moz-placeholder,
input[type=email].wpcf7-form-control:-moz-placeholder,
textarea.wpcf7-form-control:-moz-placeholder {
  color: #bfbfbf;
  -webkit-text-fill-color: #bfbfbf;
}

textarea.wpcf7-form-control {
  text-transform: none;
}

textarea.wpcf7-form-control::placeholder {
  text-transform: uppercase;
}

textarea.wpcf7-form-control::-webkit-input-placeholder {
  text-transform: uppercase;
}

textarea.wpcf7-form-control::-moz-placeholder {
  text-transform: uppercase;
}

textarea.wpcf7-form-control:-ms-input-placeholder {
  text-transform: uppercase;
}

textarea.wpcf7-form-control:-moz-placeholder {
  text-transform: uppercase;
}

.de__jb {
  display: flex;
  flex-direction: row;
  padding: 5rem 0;
  color: #fff;
  background-color: #000;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__jb {
    display: block;
    padding: 2.5rem 0;
  }
}

.de__jb__t {
  display: block;
}

.de__jb__txt {
  display: block;
}

.de__lyt {
  position: relative;
  display: block;
  width: 100%;
  background-color: #fff;
}

.de__lyt.has--background-pattern {
  background-image: url("images/background-pattern.png");
  background-repeat: repeat;
  background-position: center center;
}

.de__lyt__cntnr {
  position: relative;
  display: block;
  width: 100%;
  min-width: 20rem;
  max-width: 90rem;
  margin: 0 auto;
}

.de__lyt__cntnr.has--gutter {
  padding-right: 2rem;
  padding-left: 2rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__lyt__cntnr.has--gutter {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

.de__lyt__cntnr.is--fw {
  max-width: none;
  padding-right: 0rem;
  padding-left: 0rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__lyt__cntnr.is--fw {
    padding-right: 0rem;
    padding-left: 0rem;
  }
}

.de__mw, .de__mw--center {
  display: block;
  width: 100%;
  max-width: 50rem;
}

.de__mw--center {
  margin-right: auto;
  margin-left: auto;
}

.de__nav {
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  display: block;
  overflow: auto;
  width: 100%;
  height: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  user-select: none;
  transition: transform 0.2s ease;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  color: #fff;
  background-color: #000;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__nav {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.de__nav.is--open {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.de__nav__btn {
  position: fixed;
  z-index: 6;
  top: 2rem;
  left: calc(50% + 2rem);
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  margin-left: -45rem;
  cursor: pointer;
  user-select: none;
  color: #fff;
  background-color: #000;
  background-image: url("images/icons/button-nav--arcade-crew.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50%;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 89.9375rem) {
  .de__nav__btn {
    left: 2rem;
    margin-left: 0rem;
  }
}

@media only screen and (max-width: 59.9375rem) {
  .de__nav__btn {
    top: 1rem;
    left: 1rem;
    width: 2rem;
    height: 2rem;
    margin-left: 0rem;
  }
}

.is--open + .de__nav__btn {
  background-color: #fff;
  background-image: url("images/icons/button-nav--open--arcade-crew.svg");
}

.de__nav__btn:hover, .de__nav__btn:active {
  background-color: #ee7c44;
}

.de__nav__lg {
  display: block;
  width: 6.75rem;
  height: 5.375rem;
  margin: 0 auto;
  background-color: transparent;
  background-image: url("images/logo/dotemu-logo--vertical--white--nav.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__nav__lg {
    width: 5.625rem;
    height: 4.3125rem;
  }
}

.de__nav__lg:hover {
  opacity: .9;
}

.de__nav__lg:active {
  opacity: .8;
}

.de__nav__sch {
  position: absolute;
  top: 0;
  right: 2rem;
  display: block;
  width: 19rem;
  height: 1.5rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__nav__sch {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
  }
}

.de__nav__sch > form {
  display: flex;
}

.de__nav__sch > form input[type=text] {
  position: relative;
  flex: 0 0 16rem;
  height: 1.5rem;
  margin-right: 1.5rem;
  padding: 0rem 0rem 0.5rem 0rem;
  color: #fff;
  border-width: 0rem 0rem 0.0625rem 0rem;
  border-style: solid;
  border-color: #fff;
  border-radius: 0rem;
  outline: none;
  background-color: #000;
  -webkit-text-fill-color: #fff;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__nav__sch > form input[type=text] {
    display: block;
    flex: 1 1 auto;
    width: 100%;
    margin-right: 1rem;
  }
}

.de__nav__sch > form input[type=text]:focus {
  border-color: #ee7c44;
}

.de__nav__sch > form input[type=text]::selection {
  color: #000;
  background-color: #fff;
  text-shadow: none;
  -webkit-text-fill-color: #000;
}

.de__nav__sch > form input[type=text]::placeholder {
  color: #404040;
  -webkit-text-fill-color: #404040;
}

.de__nav__sch > form input[type=text]::-webkit-input-placeholder {
  color: #404040;
  -webkit-text-fill-color: #404040;
}

.de__nav__sch > form input[type=text]::-moz-placeholder {
  color: #404040;
  -webkit-text-fill-color: #404040;
}

.de__nav__sch > form input[type=text]:-ms-input-placeholder {
  color: #404040;
  -webkit-text-fill-color: #404040;
}

.de__nav__sch > form input[type=text]:-moz-placeholder {
  color: #404040;
  -webkit-text-fill-color: #404040;
}

.de__nav__sch > form input[type=submit] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  border: none;
  background-color: #000;
  background-image: url("images/icons/search--white--placeholder.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.de__nav__sch > form input[type=submit]:hover, .de__nav__sch > form input[type=submit]:active {
  background-image: url("images/icons/search--jaffa--placeholder.svg");
}

.de__nav__sch > form input[type=submit]:active {
  opacity: .9;
}

.de__nav__cat {
  display: block;
}

.de__nav__cat > li + li {
  margin-top: 1.25rem;
}

.de__nav__cat > li {
  display: block;
}

.de__nav__cat > li > a {
  display: inline-block;
}

.de__nav__cat > li > a:hover {
  color: #ee7c44;
}

.de__nav__cat > li > a:active {
  color: rgba(238, 124, 68, 0.9);
}

.de__nav__soc {
  display: flex;
}

.de__nav__soc > li > a {
  display: block;
  width: 2rem;
  height: 2rem;
  margin-right: 1.5rem;
  cursor: pointer;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
}

.de__nav__soc > li > a.is--facebook {
  background-image: url("images/logo-facebook.svg");
}

.de__nav__soc > li > a.is--facebook:hover, .de__nav__soc > li > a.is--facebook:active {
  background-image: url("images/logo-facebook--jaffa.svg");
}

.de__nav__soc > li > a.is--facebook:active {
  opacity: .9;
}

.de__nav__soc > li > a.is--twitter {
  background-image: url("images/logo-twitter.svg");
}

.de__nav__soc > li > a.is--twitter:hover, .de__nav__soc > li > a.is--twitter:active {
  background-image: url("images/logo-twitter--jaffa.svg");
}

.de__nav__soc > li > a.is--twitter:active {
  opacity: .9;
}

.de__nav__soc > li > a.is--youtube {
  background-image: url("images/logo-youtube.svg");
}

.de__nav__soc > li > a.is--youtube:hover, .de__nav__soc > li > a.is--youtube:active {
  background-image: url("images/logo-youtube--jaffa.svg");
}

.de__nav__soc > li > a.is--youtube:active {
  opacity: .9;
}

.de__nwsl {
  display: flex;
  flex-direction: row;
  padding: 5rem 0;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__nwsl {
    display: block;
    padding: 2.5rem 0;
  }
}

.de__nwsl__txt {
  display: block;
  flex: 0 0 20rem;
  margin-right: 6rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 89.9375rem) {
  .de__nwsl__txt {
    margin-right: 1rem;
  }
}

@media only screen and (max-width: 59.9375rem) {
  .de__nwsl__txt {
    flex: 0 0 auto;
    width: 100%;
    margin-right: 0rem;
    text-align: center;
  }
}

.de__nwsl__frm {
  display: block;
}

.de__nwsl__frm > form {
  display: flex;
  flex-direction: row;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__nwsl__frm > form {
    display: block;
    width: 100%;
  }
}

.de__nwsl__frm > form input[type=email] {
  position: relative;
  flex: 0 0 16rem;
  margin-right: 1.5rem;
  padding: 0rem 0rem 0.5rem 0rem;
  color: #000;
  border-width: 0rem 0rem 0.0625rem 0rem;
  border-style: solid;
  border-color: #000;
  border-radius: 0rem;
  outline: none;
  background-color: #fff;
  -webkit-text-fill-color: #000;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__nwsl__frm > form input[type=email] {
    display: block;
    width: 100%;
    margin-top: 1.5rem;
    margin-right: 0rem;
  }
}

.de__nwsl__frm > form input[type=email]:focus {
  border-color: #ee7c44;
}

.de__nwsl__frm > form input[type=email]::selection {
  color: #fff;
  background-color: #000;
  text-shadow: none;
  -webkit-text-fill-color: #fff;
}

.de__nwsl__frm > form input[type=email]::placeholder {
  color: #bfbfbf;
  -webkit-text-fill-color: #bfbfbf;
}

.de__nwsl__frm > form input[type=email]::-webkit-input-placeholder {
  color: #bfbfbf;
  -webkit-text-fill-color: #bfbfbf;
}

.de__nwsl__frm > form input[type=email]::-moz-placeholder {
  color: #bfbfbf;
  -webkit-text-fill-color: #bfbfbf;
}

.de__nwsl__frm > form input[type=email]:-ms-input-placeholder {
  color: #bfbfbf;
  -webkit-text-fill-color: #bfbfbf;
}

.de__nwsl__frm > form input[type=email]:-moz-placeholder {
  color: #bfbfbf;
  -webkit-text-fill-color: #bfbfbf;
}

.de__nwsl__frm > form input[type=submit] {
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__nwsl__frm > form input[type=submit] {
    margin-top: 1.5rem;
  }
}

.de__vr--80 {
  margin-top: 5rem;
}

.de__vr--80--v-sm {
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__vr--80--v-sm {
    margin-top: 5rem;
  }
}

.de__vr--40 {
  margin-top: 2.5rem;
}

.de__vr--40--v-sm {
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__vr--40--v-sm {
    margin-top: 2.5rem;
  }
}

.de__vr--32 {
  margin-top: 2rem;
}

.de__vr--32--v-sm {
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__vr--32--v-sm {
    margin-top: 2rem;
  }
}

.de__vr--28 {
  margin-top: 1.75rem;
}

.de__vr--28--v-sm {
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__vr--28--v-sm {
    margin-top: 1.75rem;
  }
}

.de__vr--24 {
  margin-top: 1.5rem;
}

.de__vr--24--v-sm {
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__vr--24--v-sm {
    margin-top: 1.5rem;
  }
}

.de__vr--20 {
  margin-top: 1.25rem;
}

.de__vr--20--v-sm {
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__vr--20--v-sm {
    margin-top: 1.25rem;
  }
}

.de__vr--16 {
  margin-top: 1rem;
}

.de__vr--16--v-sm {
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__vr--16--v-sm {
    margin-top: 1rem;
  }
}

.de__vr--12 {
  margin-top: 0.75rem;
}

.de__vr--12--v-sm {
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__vr--12--v-sm {
    margin-top: 0.75rem;
  }
}

.de__vr--10 {
  margin-top: 0.625rem;
}

.de__vr--10--v-sm {
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__vr--10--v-sm {
    margin-top: 0.625rem;
  }
}

.de__vr--8 {
  margin-top: 0.5rem;
}

.de__vr--8--v-sm {
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__vr--8--v-sm {
    margin-top: 0.5rem;
  }
}

.de__slider .splide__slide img {
  width: 100%;
  height: auto;
}

.de__slider .splide__slide {
  display: block;
  width: 58%;
  cursor: pointer;
}

.de__slider .splide__slide:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  opacity: 1;
  background: rgba(0, 0, 0, 0.4);
}

.de__slider .splide__slide.is-visible.is-active:after, .de__slider .splide__slide:hover:after {
  opacity: 0;
}

.de__slider .splide__arrow {
  z-index: 1;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  transform: translateY(-50%);
  opacity: 1;
  border-radius: 0rem;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__slider .splide__arrow {
    width: 2rem;
    height: 2rem;
  }
}

.de__slider .splide__arrow:hover {
  opacity: .9;
}

.de__slider .splide__arrow:active {
  opacity: .8;
}

.de__slider .splide__arrow svg {
  display: none;
}

.de__slider .splide__arrow--prev {
  left: 0rem;
  background-image: url("images/icons/arrow-left--white.svg");
}

.de__slider .splide__arrow--next {
  right: 0rem;
  background-image: url("images/icons/arrow-right--white.svg");
}

.de__slider .splide__pagination {
  line-height: 0.75rem;
  position: absolute;
  bottom: -1.5rem;
  height: 0.75rem;
  padding: 0rem;
  transform: translateY(100%);
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__slider .splide__pagination {
    line-height: 0.375rem;
    bottom: -1rem;
    height: 0.375rem;
  }
}

.de__slider .splide__pagination > li {
  line-height: 0.75rem;
  height: 0.75rem;
  padding: 0rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__slider .splide__pagination > li {
    line-height: 0.375rem;
    height: 0.375rem;
  }
}

.de__slider .splide__pagination__page {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 0.5rem;
  transform: none;
  opacity: 1;
  border-radius: 0.75rem;
  background-color: #e8e8e8;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__slider .splide__pagination__page {
    width: 0.375rem;
    height: 0.375rem;
    margin: 0 0.25rem;
  }
}

.de__slider .splide__pagination__page:hover {
  opacity: .9;
}

.de__slider .splide__pagination__page:active {
  opacity: .8;
}

.de__slider .splide__pagination__page.is-active {
  transform: none;
  background-color: #ee7c44;
}

.de__p-abv {
  padding-bottom: 5rem;
  text-align: center;
  color: #000;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-abv {
    padding-bottom: 2.5rem;
  }
}

.de__p-abv * {
  margin-top: 0rem;
  margin-bottom: 0rem;
  text-align: center;
}

.de__p-abv p {
  margin-top: 1.25rem;
  margin-bottom: 0rem;
  text-align: center;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-abv p {
    margin-top: 0.625rem;
    margin-bottom: 0rem;
  }
}

.de__p-abv .has-black-background-color {
  position: relative;
  z-index: 1;
  margin-top: 5rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-abv .has-black-background-color {
    margin-top: 2.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.de__p-abv .has-black-background-color:before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  content: '';
  transform: translateX(-50%);
  background-color: #000;
}

.de__p-av {
  display: flex;
  flex-direction: row;
  padding-top: 5rem;
  padding-bottom: 5rem;
  color: #000;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 89.9375rem) {
  .de__p-av {
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
  }
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-av {
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
  }
}

.de__p-av__ar {
  flex: 1 1 100%;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 89.9375rem) {
  .de__p-av__ar {
    flex: 0 1 50rem;
  }
}

.de__p-av__ar__i {
  color: #404040;
}

.de__p-av__ar__c {
  text-align: left;
}

.de__p-av__ar__c > * {
  margin-top: 1.25rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-av__ar__c > * {
    margin-top: 0.625rem;
  }
}

.de__p-av__ar__c > *:nth-child(1) {
  margin-top: 0rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-av__ar__c > *:nth-child(1) {
    margin-top: 0rem;
  }
}

.de__p-av__ar__c > h1,
.de__p-av__ar__c > h2,
.de__p-av__ar__c > h3,
.de__p-av__ar__c > h4,
.de__p-av__ar__c > h5,
.de__p-av__ar__c > h6 {
  margin-top: 1.875rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-av__ar__c > h1,
  .de__p-av__ar__c > h2,
  .de__p-av__ar__c > h3,
  .de__p-av__ar__c > h4,
  .de__p-av__ar__c > h5,
  .de__p-av__ar__c > h6 {
    margin-top: 0.9375rem;
  }
}

.de__p-av__ar__c > h1,
.de__p-av__ar__c > h2,
.de__p-av__ar__c > h3,
.de__p-av__ar__c > h4,
.de__p-av__ar__c > h5,
.de__p-av__ar__c > h6,
.de__p-av__ar__c > p,
.de__p-av__ar__c > ul,
.de__p-av__ar__c > blockquote,
.de__p-av__ar__c > pre {
  position: relative;
  display: block;
  text-align: left;
}

.de__p-av__ar__c > ul {
  list-style: inside;
}

.de__p-av__ar__c > figure,
.de__p-av__ar__c figure > img {
  position: relative;
  display: block;
  width: 100%;
}

.de__p-av__sb {
  flex: 0 0 32.5rem;
  padding: 0 0 0 5rem;
  text-align: left;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 89.9375rem) {
  .de__p-av__sb {
    flex: 0 1 50rem;
    padding: 5rem 0 0 0;
  }
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-av__sb {
    padding: 2.5rem 0 0 0;
  }
}

.de__p-av__sb > ul > li {
  display: block;
  margin-top: 2.5rem;
  user-select: none;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-av__sb > ul > li {
    margin-top: 1.25rem;
  }
}

.de__p-av__sb > ul > li:nth-child(1) {
  margin-top: 0rem;
}

.de__p-av__sb > ul > li > a {
  display: flex;
  flex-wrap: nowrap;
  cursor: pointer;
  color: #000;
}

.de__p-av__sb > ul > li > a:hover {
  color: #ee7c44;
}

.de__p-av__sb > ul > li > a:active {
  color: rgba(238, 124, 68, 0.9);
}

.de__p-av__sb > ul > li > a > img {
  display: block;
  flex: 0 0 13.75rem;
  width: 13.75rem;
  align-self: start;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 29.9375rem) {
  .de__p-av__sb > ul > li > a > img {
    flex: 0 0 7.5rem;
    width: 7.5rem;
  }
}

.de__p-av__sb > ul > li > a > div {
  flex: 1 1 auto;
  padding-left: 1.25rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-av__sb > ul > li > a > div {
    padding-left: 0.625rem;
  }
}

.de__p-av__sb > ul > li > a > div > span {
  display: block;
  margin-top: 0.5rem;
}

.de__p-av__sb > ul > li > a > div > span:first-of-type {
  margin-top: 0rem;
}

.de__p-av__sb > ul > li > a > div > span:last-of-type {
  color: #989898;
}

.de__p-fv {
  padding-bottom: 5rem;
  color: #000;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-fv {
    padding-bottom: 2.5rem;
  }
}

.de__p-fv .wpcf7-response-output,
.de__p-fv form.failed .wpcf7-response-output,
.de__p-fv form.aborted .wpcf7-response-output {
  position: relative;
  margin-top: 1.25rem;
  margin-right: 0rem;
  margin-bottom: 0rem;
  margin-left: 0rem;
  padding: 1rem 1.5rem;
  text-align: left;
  border: 0.125rem solid #ee7c44;
  border-radius: 0.25rem;
}

.de__p-fv p {
  position: relative;
  display: block;
  clear: both;
  margin-top: 0rem;
  text-align: left;
}

.de__p-fv h2 + p {
  margin-top: 1.25rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-fv h2 + p {
    margin-top: 0.625rem;
  }
}

.de__p-fv p + p {
  margin-top: 1.25rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-fv p + p {
    margin-top: 0.625rem;
  }
}

.de__p-fv form.wpcf7-form {
  margin-top: 2.5rem;
  text-align: left;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-fv form.wpcf7-form {
    margin-top: 1.25rem;
  }
}

.de__p-fv form.wpcf7-form span.wpcf7-spinner {
  display: none;
}

.de__p-fv form.wpcf7-form p {
  margin-top: 0rem;
  text-align: left;
}

.de__p-fv form.wpcf7-form p span {
  position: relative;
  display: block;
  margin-top: 0.25rem;
}

.de__p-fv form.wpcf7-form p + p {
  margin-top: 2.5rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-fv form.wpcf7-form p + p {
    margin-top: 1.25rem;
  }
}

.de__p-fv form.wpcf7-form p.col {
  float: left;
  clear: none;
  width: 50%;
  margin-top: 0rem;
  margin-bottom: 2.5rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-fv form.wpcf7-form p.col {
    float: none;
    width: 100%;
    margin-top: 1.25rem;
  }
}

.de__p-fv form.wpcf7-form p.col:nth-child(even) {
  padding-right: 0.75rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-fv form.wpcf7-form p.col:nth-child(even) {
    padding-right: 0rem;
  }
}

.de__p-fv form.wpcf7-form p.col:nth-child(odd) {
  padding-left: 0.75rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-fv form.wpcf7-form p.col:nth-child(odd) {
    padding-left: 0rem;
  }
}

.de__p-fv form.wpcf7-form label.required {
  position: relative;
  display: block;
}

.de__p-fv form.wpcf7-form label.required:before {
  position: absolute;
  z-index: 1;
  top: 0.125rem;
  right: 0.25rem;
  content: '*';
  color: #ee7c44;
}

.de__p-fv form.wpcf7-form label.upload .wpcf7-form-control-wrap.file-attachement {
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-fv form.wpcf7-form label.upload .wpcf7-form-control-wrap.file-attachement {
    height: 3.125rem;
  }
}

.de__p-fv form.wpcf7-form label.upload input[type=file].wpcf7-form-control {
  color: transparent;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-fv form.wpcf7-form label.upload input[type=file].wpcf7-form-control {
    height: 3.125rem;
  }
}

.de__p-fv form.wpcf7-form label.upload input[type=file].wpcf7-form-control:before {
  width: 12.5rem;
  min-width: 0rem;
  content: 'Upload';
}

.de__p-fv form.wpcf7-form label.upload input[type=file].wpcf7-form-control::-webkit-file-upload-button {
  visibility: hidden;
}

.de__p-fv form.wpcf7-form input.wpcf7-form-control.wpcf7-submit {
  display: block;
  margin: 0 auto;
}

.de__p-gi__fltrs {
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gi__fltrs {
    justify-content: space-around;
    -ms-flex-pack: distribute;
  }
}

.de__p-gi__fltrs__swp {
  display: block;
  overflow: auto;
  flex: 1 1 auto;
  user-select: none;
  -webkit-overflow-scrolling: touch;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gi__fltrs__swp {
    display: none;
  }
}

.de__p-gi__fltrs__swp > ul {
  display: flex;
  flex-wrap: nowrap;
}

.de__p-gi__fltrs__swp > ul > li {
  flex: 0 0 auto;
}

.de__p-gi__fltrs__swp > ul > li > input {
  display: none;
}

.de__p-gi__fltrs__swp > ul > li > label {
  position: relative;
  display: block;
  padding: 0.75rem 1rem;
  cursor: pointer;
  color: #000;
}

.de__p-gi__fltrs__swp > ul > li > label:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0.0625rem;
  content: '';
  background-color: #e8e8e8;
}

.de__p-gi__fltrs__swp > ul > li > label:hover {
  color: #ee7c44;
}

.de__p-gi__fltrs__swp > ul > li > label:active {
  color: rgba(238, 124, 68, 0.9);
}

.de__p-gi__fltrs__swp > ul > li input:checked + label {
  font-weight: 800;
}

.de__p-gi__fltrs__swp > ul > li input:checked + label:after {
  height: 0.25rem;
  background-color: #ee7c44;
}

.de__p-gi__fltrs > select {
  padding: 0.75rem 1.5rem 0.75rem 1rem;
  cursor: pointer;
  user-select: none;
  color: #000;
  border: none;
  outline: none;
  background-color: transparent;
  background-image: url("images/icons/arrow-down--black.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1rem;
  -webkit-text-fill-color: #000;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.de__p-gi__fltrs > select.is--games {
  display: none;
  width: 7.5rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gi__fltrs > select.is--games {
    display: block;
  }
}

.de__p-gi__fltrs > select::-ms-expand {
  display: none;
}

.de__p-gi__fltrs > select option {
  color: #000;
  -webkit-text-fill-color: #000;
}

.de__p-gi__grd > li > a {
  position: relative;
  display: block;
  width: 100%;
  height: 0rem;
  padding: 100% 0 0 0;
  cursor: pointer;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
  background-size: cover;
}

.de__p-gi__grd > li > a:after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  transition: background-color 0.1s ease;
  opacity: 1;
  background-color: transparent;
}

.de__p-gi__grd > li > a:hover:after {
  background-color: rgba(238, 124, 68, 0.8);
}

.de__p-gi__grd > li > a:active:after {
  background-color: rgba(238, 124, 68, 0.9);
}

.de__p-gi__grd > li > a > span {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 64%;
  height: 100%;
  margin: auto;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-size: contain;
}

.de__p-gi__grd > li > a.is--landscape {
  padding: 50% 0 0 0;
}

.de__p-gi__grd > li > a.is--landscape > span {
  width: 32%;
}

.de__p-gv__dsc {
  position: absolute;
  z-index: 3;
  top: 17rem;
  left: 50%;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  min-width: 20rem;
  max-width: 90rem;
  padding-right: 2rem;
  padding-left: 2rem;
  transform: translate(-50%, 2rem);
  text-align: right;
  text-align: end;
  pointer-events: none;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gv__dsc {
    top: 6.375rem;
    padding-right: 1rem;
    padding-left: 1rem;
    transform: translate(-50%, 1rem);
  }
}

.de__p-gv__dsc__lnk {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  user-select: none;
  pointer-events: all;
  background-color: #5865f2;
  background-image: url("images/logo-discord.svg");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-size: 69%;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gv__dsc__lnk {
    width: 2rem;
    height: 2rem;
  }
}

.de__p-gv__dsc__lnk:hover, .de__p-gv__dsc__lnk:active {
  background-color: #000;
}

.de__p-gv__btns {
  display: flex;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (min-width: 60rem) {
  .de__p-gv__btns *:nth-child(2) {
    margin-left: 1.5rem;
  }
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gv__btns {
    flex-direction: column;
  }
  .de__p-gv__btns *:nth-child(2) {
    margin-top: 1rem;
  }
}

.de__p-gv__str {
  display: flex;
  flex-wrap: wrap;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gv__str {
    display: block;
  }
}

.de__p-gv__str a {
  display: flex;
  padding: 0.25rem 1rem;
  cursor: pointer;
  user-select: none;
  color: #000;
  border-right: 0.0625rem solid #000;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gv__str a {
    padding: 0.75rem 1rem;
    border-right: none;
    border-bottom: 0.0625rem solid #000;
  }
  .de__p-gv__str a:first-of-type {
    padding-top: 0rem;
  }
  .de__p-gv__str a:last-of-type {
    padding-bottom: 0rem;
    border-bottom: none;
  }
}

.de__p-gv__str a:last-of-type {
  border-right: none;
}

.de__p-gv__str a .platform-name {
  display: block;
  margin-right: 0.375rem;
}

.de__p-gv__str a .platform-icon {
  display: block;
  width: 1rem;
  margin-right: 0.5rem;
}

.de__p-gv__str a .arrow {
  display: block;
  width: 0.375rem;
  margin-right: 0.5rem;
}

.de__p-gv__str a:hover, .de__p-gv__str a:active {
  color: #ee7c44;
}

.de__p-gv__str a:hover img, .de__p-gv__str a:active img {
  filter: invert(58%) sepia(85%) saturate(1757%) hue-rotate(333deg) brightness(100%) contrast(88%);
}

.de__p-gv__str a:active {
  opacity: .9;
}

.de__p-gv__vid {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 0rem;
  padding: 56.25% 0 0 0;
  user-select: none;
  background-color: #000;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
  background-size: cover;
}

.de__p-gv__vid:after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.de__p-gv__vid__p-btn {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 4.25rem;
  height: 4.25rem;
  margin: auto;
  cursor: pointer;
  border-radius: 2.125rem;
  background-image: url("images/icons/button-play--arcade-crew.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}

.de__p-gv__vid__p-btn:hover {
  opacity: .9;
}

.de__p-gv__vid__p-btn:active {
  opacity: .8;
}

.de__p-gv__vid__esrb {
  position: absolute;
  z-index: 2;
  bottom: 1.5rem;
  left: 1.5rem;
  width: 4.75rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gv__vid__esrb {
    bottom: 1rem;
    left: 1rem;
    width: 3rem;
  }
}

.de__p-gv__vid__pg {
  position: absolute;
  z-index: 2;
  bottom: 1.5rem;
  left: 7rem;
  width: 4.75rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gv__vid__pg {
    bottom: 1rem;
    left: 4.5rem;
    width: 3rem;
  }
}

.de__p-gv__vid__plt {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0rem 1.5rem 1.5rem 13.25rem;
  color: #fff;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gv__vid__plt {
    padding: 0rem 7.5rem 1rem 7.5rem;
  }
}

.de__p-gv__vid__plt > span {
  display: flex;
  padding: 0.75rem 1.5rem 0rem 0rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gv__vid__plt > span {
    padding: 0.5rem 0.5rem 0rem 0.5rem;
  }
}

.de__p-gv__vid__plt > span > span {
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gv__vid__plt > span > span {
    display: none;
  }
}

.de__p-gv__vid__plt > span > img {
  flex: 0 0 1rem;
  width: 1rem;
  margin-left: 0.5rem;
  align-self: flex-start;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gv__vid__plt > span > img {
    margin-left: 0rem;
  }
}

.de__p-gv__vid__plyr {
  position: absolute;
  z-index: 3;
  top: 0rem;
  left: 0rem;
  width: 100%;
  height: 100%;
  transition: opacity 0.2s ease;
  pointer-events: none;
  opacity: 0;
}

.de__p-gv__vid__plyr__c-btn {
  position: absolute;
  top: 0rem;
  right: 0rem;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  transform: translate(0%, -100%);
  background-color: #000;
  background-image: url("images/icons/button-nav--open--arcade-crew--white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50%;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gv__vid__plyr__c-btn {
    width: 2rem;
    height: 2rem;
  }
}

.de__p-gv__vid__plyr__c-btn:hover {
  background-color: #ee7c44;
}

.de__p-gv__vid__plyr__c-btn:active {
  opacity: .9;
  background-color: #ee7c44;
}

.de__p-gv__vid__plyr.is--showed {
  pointer-events: all;
  opacity: 1;
}

.de__p-gv__vid__plyr iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.de__p-gv__xsl {
  display: block;
  padding: 5rem 0;
  background-color: #000;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gv__xsl {
    padding: 2.5rem 0;
  }
}

.de__p-gv__ftr {
  display: block;
  width: 100%;
  max-width: 82.5rem;
  margin-right: auto;
  margin-left: auto;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gv__ftr {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.de__p-gv__ftr > ul {
  display: flex;
  flex-wrap: nowrap;
  min-width: 41.0625rem;
  padding-right: 2rem;
  padding-left: 2rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gv__ftr > ul {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

.de__p-gv__ftr > ul > li {
  flex: 0 0 30%;
  margin-right: 5%;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gv__ftr > ul > li {
    flex: 0 0 32%;
    margin-right: 2%;
  }
}

.de__p-gv__ftr > ul > li:last-of-type {
  margin-right: 0rem;
}

.de__p-gv__ftr > ul > li > div.feature-card-container {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0rem;
  padding: 145% 0 0 0;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gv__ftr > ul > li > div.feature-card-container {
    padding: 185% 0 0 0;
  }
}

.de__p-gv__ftr > ul > li > div.feature-card-container > div.feature-card {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.de__p-gv__ftr > ul > li > div.feature-card-container > div.feature-card > div.feature-image {
  flex: 1 1 100%;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
  background-size: cover;
}

.de__p-gv__ftr > ul > li > div.feature-card-container > div.feature-card > div.feature-caption {
  flex: 0 0 auto;
  padding: 1.5rem 1rem;
  text-align: center;
  color: #fff;
  background-color: #000;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gv__ftr > ul > li > div.feature-card-container > div.feature-card > div.feature-caption {
    padding: 1rem 1rem;
  }
}

.de__p-gv__scr {
  position: relative;
  display: block;
  padding: 5rem 0 7.25rem 0;
  background-color: #000;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gv__scr {
    padding: 2.5rem 0 6rem 0;
  }
}

.de__p-gv__scr__pk {
  position: absolute;
  z-index: 1;
  bottom: -2.375rem;
  left: 2rem;
  padding-right: 0.875rem;
  user-select: none;
  color: #fff;
  background-color: #000;
  background-image: url("images/icons/arrow-bold--white.svg");
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  background-size: 0.375rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-gv__scr__pk {
    bottom: -3.5rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

.de__p-gv__scr__pk:hover {
  opacity: .9;
}

.de__p-gv__scr__pk:active {
  opacity: .8;
}

.de__p-hp__lg {
  position: absolute;
  z-index: 4;
  top: 2rem;
  left: 50%;
  display: block;
  width: 6.75rem;
  height: 5.375rem;
  transform: translateX(-50%);
  background-color: transparent;
  background-image: url("images/logo/dotemu-logo--vertical--white--nav.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-hp__lg {
    top: 1rem;
    width: 5.625rem;
    height: 4.3125rem;
  }
}

.de__p-hp__lg:hover {
  opacity: .9;
}

.de__p-hp__lg:active {
  opacity: .8;
}

.de__p-hp__slider__itm {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0rem;
  padding: 37% 0 0 0;
  cursor: default;
  user-select: none;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
  background-size: cover;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-hp__slider__itm {
    padding: 57% 0 0 0;
  }
}

@media only screen and (max-width: 29.9375rem) {
  .de__p-hp__slider__itm {
    padding: 107% 0 0 0;
  }
}

.de__p-hp__slider__itm > a {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.de__p-hp__slider__itm:after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.6);
}

.de__p-hp__slider__itm__c {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  padding: 0rem 2rem 2rem 2rem;
  pointer-events: none;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-hp__slider__itm__c {
    padding: 0rem 1rem 1rem 1rem;
  }
}

.de__p-hp__slider__itm__c__t {
  display: block;
  width: 64%;
  pointer-events: none;
  color: #fff;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-hp__slider__itm__c__t {
    width: 80%;
  }
}

@media only screen and (max-width: 29.9375rem) {
  .de__p-hp__slider__itm__c__t {
    width: 100%;
  }
}

.de__p-hp__slider__itm__c__st {
  display: block;
  width: 80%;
  margin-top: 0.5rem;
  pointer-events: none;
  color: #fff;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-hp__slider__itm__c__st {
    width: 92%;
    margin-top: 0.5rem;
  }
}

@media only screen and (max-width: 29.9375rem) {
  .de__p-hp__slider__itm__c__st {
    width: 100%;
  }
}

.de__p-hp__slider__itm__c__btns {
  display: flex;
  pointer-events: none;
}

.de__p-hp__slider__itm__c__btns > * {
  flex: 0 0 auto;
  width: auto;
  margin-top: 1.5rem;
  margin-right: 1rem;
  pointer-events: all;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-hp__slider__itm__c__btns > * {
    margin-top: 1rem;
    margin-right: 1rem;
  }
}

@media only screen and (max-width: 29.9375rem) {
  .de__p-hp__slider__itm__c__btns > * {
    flex: 1 1 auto;
    width: auto;
    margin-right: 0rem;
  }
  .de__p-hp__slider__itm__c__btns > *:nth-child(2) {
    margin-left: 1rem;
  }
}

.de__p-hp__slider .splide__arrow {
  z-index: 1;
  top: auto;
  bottom: 2rem;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  transform: none;
  pointer-events: all;
  opacity: 1;
  border-radius: 0rem;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-hp__slider .splide__arrow {
    bottom: 1rem;
  }
}

@media only screen and (max-width: 29.9375rem) {
  .de__p-hp__slider .splide__arrow {
    bottom: 52%;
  }
}

.de__p-hp__slider .splide__arrow:hover {
  opacity: .9;
}

.de__p-hp__slider .splide__arrow:active {
  opacity: .8;
}

.de__p-hp__slider .splide__arrow svg {
  display: none;
}

.de__p-hp__slider .splide__arrow--prev {
  right: calc( 2rem + 2.5rem + 1rem);
  left: auto;
  background-image: url("images/icons/arrow-left--white.svg");
  background-position: center left;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-hp__slider .splide__arrow--prev {
    right: calc( 1rem + 2.5rem);
  }
}

@media only screen and (max-width: 29.9375rem) {
  .de__p-hp__slider .splide__arrow--prev {
    right: auto;
    left: 1rem;
  }
}

.de__p-hp__slider .splide__arrow--next {
  right: 2rem;
  left: auto;
  background-image: url("images/icons/arrow-right--white.svg");
  background-position: center right;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-hp__slider .splide__arrow--next {
    right: 1rem;
  }
}

.de__p-hp__grd__itm {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0rem;
  padding: 100% 0 0 0;
  cursor: pointer;
  user-select: none;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
  background-size: cover;
}

.de__p-hp__grd__itm.is--wide {
  padding: 50% 0 0 0;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 29.9375rem) {
  .de__p-hp__grd__itm.is--wide {
    padding: 77% 0 0 0;
  }
}

.de__p-hp__grd__itm.is--wide:hover .de__p-hp__grd__itm__c__t {
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 29.9375rem) {
  .de__p-hp__grd__itm.is--wide:hover .de__p-hp__grd__itm__c__t {
    padding-bottom: 0rem;
  }
}

.de__p-hp__grd__itm:hover a:after {
  background-color: rgba(238, 124, 68, 0.8);
}

.de__p-hp__grd__itm:hover .de__p-hp__grd__itm__c {
  transform: translateY(0%);
}

.de__p-hp__grd__itm:hover .de__p-hp__grd__itm__c__t {
  padding-bottom: 0rem;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-hp__grd__itm:hover .de__p-hp__grd__itm__c__t {
    padding-bottom: 0rem;
  }
}

@media only screen and (max-width: 29.9375rem) {
  .de__p-hp__grd__itm:hover .de__p-hp__grd__itm__c__t {
    padding-bottom: 1rem;
  }
}

.de__p-hp__grd__itm > a {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.de__p-hp__grd__itm > a:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  opacity: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
}

.de__p-hp__grd__itm > a:after {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  transition: background-color 0.2s ease;
  background-color: transparent;
}

.de__p-hp__grd__itm > a:active:after {
  background-color: rgba(238, 124, 68, 0.9);
}

.de__p-hp__grd__itm__c {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  transition: transform 0.2s ease;
  transform: translateY(100%);
  pointer-events: none;
}

.de__p-hp__grd__itm__c__t {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  padding: 0rem 2rem 2rem 2rem;
  transition: padding 0.2s ease;
  transform: translateY(-100%);
  pointer-events: none;
  color: #fff;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-hp__grd__itm__c__t {
    padding: 0rem 1rem 1rem 1rem;
  }
}

.de__p-hp__grd__itm__c__btns {
  display: block;
  padding: 0rem 2rem 2rem 2rem;
  pointer-events: none;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-hp__grd__itm__c__btns {
    flex-direction: column;
    padding: 0rem 1rem 1rem 1rem;
  }
}

@media only screen and (max-width: 29.9375rem) {
  .de__p-hp__grd__itm__c__btns {
    display: none;
  }
}

.de__p-hp__grd__itm__c__btns > * {
  margin-top: 1rem;
  margin-right: 1rem;
  pointer-events: all;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-hp__grd__itm__c__btns > * {
    margin-right: 0rem;
  }
}

.is--wide .de__p-hp__grd__itm__c__btns {
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .is--wide .de__p-hp__grd__itm__c__btns {
    display: flex;
    flex-direction: row;
  }
}

@media only screen and (max-width: 29.9375rem) {
  .is--wide .de__p-hp__grd__itm__c__btns {
    display: flex;
  }
}

.is--wide .de__p-hp__grd__itm__c__btns > * {
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .is--wide .de__p-hp__grd__itm__c__btns > * {
    flex: 0 0 auto;
    width: auto;
    margin-top: 1rem;
    margin-right: 1rem;
    pointer-events: all;
  }
}

.de__p-lv {
  padding-bottom: 5rem;
  color: #000;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-lv {
    padding-bottom: 2.5rem;
  }
}

.de__p-lv__swp {
  display: block;
  overflow: auto;
  width: 100%;
  margin-top: 1.75rem;
  user-select: none;
  -webkit-overflow-scrolling: touch;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-lv__swp {
    margin-top: 0.5rem;
  }
}

.de__p-lv__swp > ul {
  display: flex;
  flex-wrap: nowrap;
}

.de__p-lv__swp > ul > li {
  flex: 0 0 auto;
}

.de__p-lv__swp > ul > li > a {
  position: relative;
  display: block;
  padding: 0.75rem 1rem;
  cursor: pointer;
  color: #000;
}

.de__p-lv__swp > ul > li > a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0.0625rem;
  content: '';
  background-color: #e8e8e8;
}

.de__p-lv__swp > ul > li > a:hover {
  color: #ee7c44;
}

.de__p-lv__swp > ul > li > a:active {
  color: rgba(238, 124, 68, 0.9);
}

.de__p-lv__swp > ul > li > a.is--active {
  font-weight: 800;
}

.de__p-lv__swp > ul > li > a.is--active:after {
  height: 0.25rem;
  background-color: #ee7c44;
}

.de__p-lv__pgn {
  display: block;
  width: 100%;
  margin-top: 2.5rem;
  padding: 1.25rem 0;
  user-select: none;
  text-align: center;
  color: #000;
  border-top: 0.0625rem solid #e8e8e8;
  border-bottom: 0.0625rem solid #e8e8e8;
  -webkit-overflow-scrolling: touch;
  /* --- MAX WIDTH --- */
  /* --- MIN WIDTH --- */
}

@media only screen and (max-width: 59.9375rem) {
  .de__p-lv__pgn {
    margin-top: 1.25rem;
    padding: 0.625rem 0;
  }
}

.de__p-lv__pgn .nav-links > a,
.de__p-lv__pgn .nav-links > span {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  color: #000;
}

.de__p-lv__pgn .nav-links > a:hover,
.de__p-lv__pgn .nav-links > span:hover {
  color: #ee7c44;
}

.de__p-lv__pgn .nav-links > a:active,
.de__p-lv__pgn .nav-links > span:active {
  color: rgba(238, 124, 68, 0.9);
}

/* Libs */
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
}

.pswp__button:active {
  outline: none;
  opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(images/photoswipe/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(images/photoswipe/default-skin.svg);
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}

.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}

.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}

a.pswp__share--download:hover {
  background: #DDD;
}

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}

/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}

.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

.splide__container {
  position: relative;
  box-sizing: border-box;
}

.splide__list {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0;
  pointer-events: none;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: center;
}

.splide__pagination li {
  line-height: 1;
  display: inline-block;
  margin: 0;
  list-style-type: none;
  pointer-events: auto;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
  outline: none;
}

.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  position: relative;
  box-sizing: border-box;
  margin: 0;
  list-style-type: none !important;
  outline: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__slider {
  position: relative;
}

.splide__spinner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: auto;
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  contain: strict;
}

.splide__track {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}

.splide--draggable > .splide__slider > .splide__track,
.splide--draggable > .splide__track {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide--fade > .splide__slider > .splide__track > .splide__list,
.splide--fade > .splide__track > .splide__list {
  display: block;
}

.splide--fade > .splide__slider > .splide__track > .splide__list > .splide__slide,
.splide--fade > .splide__track > .splide__list > .splide__slide {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  opacity: 0;
}

.splide--fade > .splide__slider > .splide__track > .splide__list > .splide__slide.is-active,
.splide--fade > .splide__track > .splide__list > .splide__slide.is-active {
  position: relative;
  z-index: 1;
  opacity: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide--ttb.is-active > .splide__slider > .splide__track > .splide__list,
.splide--ttb.is-active > .splide__track > .splide__list {
  display: block;
}

.splide__arrow {
  position: absolute;
  z-index: 1;
  top: 50%;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  width: 2em;
  height: 2em;
  padding: 0;
  cursor: pointer;
  transform: translateY(-50%);
  opacity: .7;
  border: 0;
  border-radius: 50%;
  background: #ccc;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
}

.splide__arrow svg {
  width: 1.2em;
  height: 1.2em;
  fill: #000;
}

.splide__arrow:hover {
  opacity: .9;
}

.splide__arrow:focus {
  outline: none;
}

.splide__arrow--prev {
  left: 1em;
}

.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide__pagination {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: .5em;
  left: 0;
  padding: 0 1em;
}

.splide__pagination__page {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 3px;
  padding: 0;
  transition: transform .2s linear;
  opacity: .7;
  border: 0;
  border-radius: 50%;
  background: #ccc;
}

.splide__pagination__page.is-active {
  transform: scale(1.4);
  background: #fff;
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: .9;
}

.splide__pagination__page:focus {
  outline: none;
}

.splide__progress__bar {
  height: 3px;
  background: #ccc;
}

.splide--nav > .splide__slider > .splide__track > .splide__list > .splide__slide,
.splide--nav > .splide__track > .splide__list > .splide__slide {
  cursor: pointer;
  border: 3px solid transparent;
}

.splide--nav > .splide__slider > .splide__track > .splide__list > .splide__slide.is-active,
.splide--nav > .splide__track > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}

.splide--nav > .splide__slider > .splide__track > .splide__list > .splide__slide:focus,
.splide--nav > .splide__track > .splide__list > .splide__slide:focus {
  outline: none;
}

.splide--rtl > .splide__arrows .splide__arrow--prev,
.splide--rtl > .splide__slider > .splide__track > .splide__arrows .splide__arrow--prev,
.splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev {
  right: 1em;
  left: auto;
}

.splide--rtl > .splide__arrows .splide__arrow--prev svg,
.splide--rtl > .splide__slider > .splide__track > .splide__arrows .splide__arrow--prev svg,
.splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev svg {
  transform: scaleX(1);
}

.splide--rtl > .splide__arrows .splide__arrow--next,
.splide--rtl > .splide__slider > .splide__track > .splide__arrows .splide__arrow--next,
.splide--rtl > .splide__track > .splide__arrows .splide__arrow--next {
  right: auto;
  left: 1em;
}

.splide--rtl > .splide__arrows .splide__arrow--next svg,
.splide--rtl > .splide__slider > .splide__track > .splide__arrows .splide__arrow--next svg,
.splide--rtl > .splide__track > .splide__arrows .splide__arrow--next svg {
  transform: scaleX(-1);
}

.splide--ttb > .splide__arrows .splide__arrow,
.splide--ttb > .splide__slider > .splide__track > .splide__arrows .splide__arrow,
.splide--ttb > .splide__track > .splide__arrows .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}

.splide--ttb > .splide__arrows .splide__arrow--prev,
.splide--ttb > .splide__slider > .splide__track > .splide__arrows .splide__arrow--prev,
.splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev {
  top: 1em;
}

.splide--ttb > .splide__arrows .splide__arrow--prev svg,
.splide--ttb > .splide__slider > .splide__track > .splide__arrows .splide__arrow--prev svg,
.splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev svg {
  transform: rotate(-90deg);
}

.splide--ttb > .splide__arrows .splide__arrow--next,
.splide--ttb > .splide__slider > .splide__track > .splide__arrows .splide__arrow--next,
.splide--ttb > .splide__track > .splide__arrows .splide__arrow--next {
  top: auto;
  bottom: 1em;
}

.splide--ttb > .splide__arrows .splide__arrow--next svg,
.splide--ttb > .splide__slider > .splide__track > .splide__arrows .splide__arrow--next svg,
.splide--ttb > .splide__track > .splide__arrows .splide__arrow--next svg {
  transform: rotate(90deg);
}

.splide--ttb > .splide__pagination,
.splide--ttb > .splide__slider > .splide__pagination {
  top: 0;
  right: .5em;
  bottom: 0;
  left: auto;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 1em 0;
  -ms-flex-direction: column;
}