@charset "UTF-8";
@import url("https://use.typekit.net/xum8unz.css");
@import url("https://fonts.googleapis.com/css?family=Michroma");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap&subset=cyrillic");
@import url("https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic,cyrillic-ext");
@import url("https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700|Pangolin|Reenie+Beanie|Special+Elite&subset=cyrillic");
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid, .container-xl, .container-lg, .container-md, .container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }

  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.3333333333%;
  }

  .offset-md-2 {
    margin-left: 16.6666666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.3333333333%;
  }

  .offset-md-5 {
    margin-left: 41.6666666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.3333333333%;
  }

  .offset-md-8 {
    margin-left: 66.6666666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.3333333333%;
  }

  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
  appearance: none;
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
.form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.alert-primary hr {
  border-top-color: #9fcdff;
}
.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}
.alert-secondary hr {
  border-top-color: #c8cbcf;
}
.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert-success hr {
  border-top-color: #b1dfbb;
}
.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.alert-info hr {
  border-top-color: #abdde5;
}
.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.alert-warning hr {
  border-top-color: #ffe8a1;
}
.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-danger hr {
  border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.alert-light hr {
  border-top-color: #ececf6;
}
.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.alert-dark hr {
  border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
  color: #040505;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: min-content;
  }

  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
.modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border 0.75s linear infinite;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow 0.75s linear infinite;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }

  .float-sm-right {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }

  .float-md-right {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }

  .float-lg-right {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }

  .float-xl-right {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }
}
.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
.my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .mt-sm-1,
.my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-1,
.mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-1,
.mx-sm-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .mt-sm-2,
.my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-2,
.mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-2,
.mx-sm-2 {
    margin-left: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .mt-sm-3,
.my-sm-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-3,
.mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
.my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-3,
.mx-sm-3 {
    margin-left: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .mt-sm-4,
.my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-4,
.mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-4,
.mx-sm-4 {
    margin-left: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .mt-sm-5,
.my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
.mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
.my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
.mx-sm-5 {
    margin-left: 3rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .pt-sm-1,
.py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
.px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
.px-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .pt-sm-2,
.py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
.px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
.px-sm-2 {
    padding-left: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .pt-sm-3,
.py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
.px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
.px-sm-3 {
    padding-left: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4,
.py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
.px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
.px-sm-4 {
    padding-left: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5,
.py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
.px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
.px-sm-5 {
    padding-left: 3rem !important;
  }

  .m-sm-n1 {
    margin: -0.25rem !important;
  }

  .mt-sm-n1,
.my-sm-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-sm-n1,
.mx-sm-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-sm-n1,
.my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-sm-n1,
.mx-sm-n1 {
    margin-left: -0.25rem !important;
  }

  .m-sm-n2 {
    margin: -0.5rem !important;
  }

  .mt-sm-n2,
.my-sm-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-sm-n2,
.mx-sm-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-sm-n2,
.my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-sm-n2,
.mx-sm-n2 {
    margin-left: -0.5rem !important;
  }

  .m-sm-n3 {
    margin: -1rem !important;
  }

  .mt-sm-n3,
.my-sm-n3 {
    margin-top: -1rem !important;
  }

  .mr-sm-n3,
.mx-sm-n3 {
    margin-right: -1rem !important;
  }

  .mb-sm-n3,
.my-sm-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-sm-n3,
.mx-sm-n3 {
    margin-left: -1rem !important;
  }

  .m-sm-n4 {
    margin: -1.5rem !important;
  }

  .mt-sm-n4,
.my-sm-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-sm-n4,
.mx-sm-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-sm-n4,
.my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-sm-n4,
.mx-sm-n4 {
    margin-left: -1.5rem !important;
  }

  .m-sm-n5 {
    margin: -3rem !important;
  }

  .mt-sm-n5,
.my-sm-n5 {
    margin-top: -3rem !important;
  }

  .mr-sm-n5,
.mx-sm-n5 {
    margin-right: -3rem !important;
  }

  .mb-sm-n5,
.my-sm-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-sm-n5,
.mx-sm-n5 {
    margin-left: -3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
.my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
.my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
.mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
.my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
.mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .mt-md-1,
.my-md-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-1,
.mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
.my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-1,
.mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2,
.my-md-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-2,
.mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
.my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-2,
.mx-md-2 {
    margin-left: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .mt-md-3,
.my-md-3 {
    margin-top: 1rem !important;
  }

  .mr-md-3,
.mx-md-3 {
    margin-right: 1rem !important;
  }

  .mb-md-3,
.my-md-3 {
    margin-bottom: 1rem !important;
  }

  .ml-md-3,
.mx-md-3 {
    margin-left: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .mt-md-4,
.my-md-4 {
    margin-top: 1.5rem !important;
  }

  .mr-md-4,
.mx-md-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-4,
.my-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-4,
.mx-md-4 {
    margin-left: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .mt-md-5,
.my-md-5 {
    margin-top: 3rem !important;
  }

  .mr-md-5,
.mx-md-5 {
    margin-right: 3rem !important;
  }

  .mb-md-5,
.my-md-5 {
    margin-bottom: 3rem !important;
  }

  .ml-md-5,
.mx-md-5 {
    margin-left: 3rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
.py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
.px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
.px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .pt-md-1,
.py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pr-md-1,
.px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
.py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-1,
.px-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .pt-md-2,
.py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pr-md-2,
.px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
.py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-2,
.px-md-2 {
    padding-left: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .pt-md-3,
.py-md-3 {
    padding-top: 1rem !important;
  }

  .pr-md-3,
.px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
.py-md-3 {
    padding-bottom: 1rem !important;
  }

  .pl-md-3,
.px-md-3 {
    padding-left: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4,
.py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pr-md-4,
.px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
.py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-4,
.px-md-4 {
    padding-left: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .pt-md-5,
.py-md-5 {
    padding-top: 3rem !important;
  }

  .pr-md-5,
.px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
.py-md-5 {
    padding-bottom: 3rem !important;
  }

  .pl-md-5,
.px-md-5 {
    padding-left: 3rem !important;
  }

  .m-md-n1 {
    margin: -0.25rem !important;
  }

  .mt-md-n1,
.my-md-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-md-n1,
.mx-md-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-md-n1,
.my-md-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-md-n1,
.mx-md-n1 {
    margin-left: -0.25rem !important;
  }

  .m-md-n2 {
    margin: -0.5rem !important;
  }

  .mt-md-n2,
.my-md-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-md-n2,
.mx-md-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-md-n2,
.my-md-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-md-n2,
.mx-md-n2 {
    margin-left: -0.5rem !important;
  }

  .m-md-n3 {
    margin: -1rem !important;
  }

  .mt-md-n3,
.my-md-n3 {
    margin-top: -1rem !important;
  }

  .mr-md-n3,
.mx-md-n3 {
    margin-right: -1rem !important;
  }

  .mb-md-n3,
.my-md-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-md-n3,
.mx-md-n3 {
    margin-left: -1rem !important;
  }

  .m-md-n4 {
    margin: -1.5rem !important;
  }

  .mt-md-n4,
.my-md-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-md-n4,
.mx-md-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-md-n4,
.my-md-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-md-n4,
.mx-md-n4 {
    margin-left: -1.5rem !important;
  }

  .m-md-n5 {
    margin: -3rem !important;
  }

  .mt-md-n5,
.my-md-n5 {
    margin-top: -3rem !important;
  }

  .mr-md-n5,
.mx-md-n5 {
    margin-right: -3rem !important;
  }

  .mb-md-n5,
.my-md-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-md-n5,
.mx-md-n5 {
    margin-left: -3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
.my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
.mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
.my-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
.my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .mt-lg-1,
.my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
.mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
.mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2,
.my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
.mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
.mx-lg-2 {
    margin-left: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .mt-lg-3,
.my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
.mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
.my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
.mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4,
.my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
.mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
.mx-lg-4 {
    margin-left: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .mt-lg-5,
.my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
.mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
.my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
.mx-lg-5 {
    margin-left: 3rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1,
.py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
.px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
.px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
.py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
.px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
.px-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3,
.py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
.px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
.px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
.py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
.px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
.px-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5,
.py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
.px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
.px-lg-5 {
    padding-left: 3rem !important;
  }

  .m-lg-n1 {
    margin: -0.25rem !important;
  }

  .mt-lg-n1,
.my-lg-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-lg-n1,
.mx-lg-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-lg-n1,
.my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-lg-n1,
.mx-lg-n1 {
    margin-left: -0.25rem !important;
  }

  .m-lg-n2 {
    margin: -0.5rem !important;
  }

  .mt-lg-n2,
.my-lg-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-lg-n2,
.mx-lg-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-lg-n2,
.my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-lg-n2,
.mx-lg-n2 {
    margin-left: -0.5rem !important;
  }

  .m-lg-n3 {
    margin: -1rem !important;
  }

  .mt-lg-n3,
.my-lg-n3 {
    margin-top: -1rem !important;
  }

  .mr-lg-n3,
.mx-lg-n3 {
    margin-right: -1rem !important;
  }

  .mb-lg-n3,
.my-lg-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-lg-n3,
.mx-lg-n3 {
    margin-left: -1rem !important;
  }

  .m-lg-n4 {
    margin: -1.5rem !important;
  }

  .mt-lg-n4,
.my-lg-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-lg-n4,
.mx-lg-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-lg-n4,
.my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-lg-n4,
.mx-lg-n4 {
    margin-left: -1.5rem !important;
  }

  .m-lg-n5 {
    margin: -3rem !important;
  }

  .mt-lg-n5,
.my-lg-n5 {
    margin-top: -3rem !important;
  }

  .mr-lg-n5,
.mx-lg-n5 {
    margin-right: -3rem !important;
  }

  .mb-lg-n5,
.my-lg-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-lg-n5,
.mx-lg-n5 {
    margin-left: -3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
.my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
.my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .mt-xl-1,
.my-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-1,
.mx-xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-1,
.my-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-1,
.mx-xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .mt-xl-2,
.my-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-2,
.mx-xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-2,
.my-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-2,
.mx-xl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .mt-xl-3,
.my-xl-3 {
    margin-top: 1rem !important;
  }

  .mr-xl-3,
.mx-xl-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-3,
.my-xl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-3,
.mx-xl-3 {
    margin-left: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .mt-xl-4,
.my-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-4,
.mx-xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-4,
.my-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-4,
.mx-xl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .mt-xl-5,
.my-xl-5 {
    margin-top: 3rem !important;
  }

  .mr-xl-5,
.mx-xl-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-5,
.my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-5,
.mx-xl-5 {
    margin-left: 3rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .pt-xl-1,
.py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-1,
.px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-1,
.px-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .pt-xl-2,
.py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-2,
.px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-2,
.px-xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .pt-xl-3,
.py-xl-3 {
    padding-top: 1rem !important;
  }

  .pr-xl-3,
.px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
.py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-3,
.px-xl-3 {
    padding-left: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4,
.py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-4,
.px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-4,
.px-xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .pt-xl-5,
.py-xl-5 {
    padding-top: 3rem !important;
  }

  .pr-xl-5,
.px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
.py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-5,
.px-xl-5 {
    padding-left: 3rem !important;
  }

  .m-xl-n1 {
    margin: -0.25rem !important;
  }

  .mt-xl-n1,
.my-xl-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-xl-n1,
.mx-xl-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-xl-n1,
.my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-xl-n1,
.mx-xl-n1 {
    margin-left: -0.25rem !important;
  }

  .m-xl-n2 {
    margin: -0.5rem !important;
  }

  .mt-xl-n2,
.my-xl-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-xl-n2,
.mx-xl-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-xl-n2,
.my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-xl-n2,
.mx-xl-n2 {
    margin-left: -0.5rem !important;
  }

  .m-xl-n3 {
    margin: -1rem !important;
  }

  .mt-xl-n3,
.my-xl-n3 {
    margin-top: -1rem !important;
  }

  .mr-xl-n3,
.mx-xl-n3 {
    margin-right: -1rem !important;
  }

  .mb-xl-n3,
.my-xl-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-xl-n3,
.mx-xl-n3 {
    margin-left: -1rem !important;
  }

  .m-xl-n4 {
    margin: -1.5rem !important;
  }

  .mt-xl-n4,
.my-xl-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-xl-n4,
.mx-xl-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-xl-n4,
.my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-xl-n4,
.mx-xl-n4 {
    margin-left: -1.5rem !important;
  }

  .m-xl-n5 {
    margin: -3rem !important;
  }

  .mt-xl-n5,
.my-xl-n5 {
    margin-top: -3rem !important;
  }

  .mr-xl-n5,
.mx-xl-n5 {
    margin-right: -3rem !important;
  }

  .mb-xl-n5,
.my-xl-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-xl-n5,
.mx-xl-n5 {
    margin-left: -3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
.my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
.mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
*::before,
*::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }

  a:not(.btn) {
    text-decoration: underline;
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }

  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }

  .container {
    min-width: 992px !important;
  }

  .navbar {
    display: none;
  }

  .badge {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }
  .table td,
.table th {
    background-color: #fff !important;
  }

  .table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6 !important;
  }

  .table-dark {
    color: inherit;
  }
  .table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
    border-color: #dee2e6;
  }

  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
/*
@keyframes animationFrames {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@-moz-keyframes animationFrames {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes animationFrames {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@-o-keyframes animationFrames {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@-ms-keyframes animationFrames {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
*/
@keyframes bounceInLeftSmall {
  0% {
    opacity: 0;
    transform: translate(-1500px, 0px);
  }
  60% {
    opacity: 1;
    transform: translate(20px, 0px);
  }
  80% {
    transform: translate(-5px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
@-moz-keyframes bounceInLeftSmall {
  0% {
    opacity: 0;
    -moz-transform: translate(-1500px, 0px);
  }
  60% {
    opacity: 1;
    -moz-transform: translate(20px, 0px);
  }
  80% {
    -moz-transform: translate(-5px, 0px);
  }
  100% {
    opacity: 1;
    -moz-transform: translate(0px, 0px);
  }
}
@-webkit-keyframes bounceInLeftSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate(-1500px, 0px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(20px, 0px);
  }
  80% {
    -webkit-transform: translate(-5px, 0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
  }
}
@-o-keyframes bounceInLeftSmall {
  0% {
    opacity: 0;
    -o-transform: translate(-1500px, 0px);
  }
  60% {
    opacity: 1;
    -o-transform: translate(20px, 0px);
  }
  80% {
    -o-transform: translate(-5px, 0px);
  }
  100% {
    opacity: 1;
    -o-transform: translate(0px, 0px);
  }
}
@-ms-keyframes bounceInLeftSmall {
  0% {
    opacity: 0;
    -ms-transform: translate(-1500px, 0px);
  }
  60% {
    opacity: 1;
    -ms-transform: translate(20px, 0px);
  }
  80% {
    -ms-transform: translate(-5px, 0px);
  }
  100% {
    opacity: 1;
    -ms-transform: translate(0px, 0px);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translate(-1500px, 0px);
  }
  60% {
    opacity: 1;
    transform: translate(30px, 0px);
  }
  80% {
    transform: translate(-10px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translate(-1500px, 0px);
  }
  60% {
    opacity: 1;
    -moz-transform: translate(30px, 0px);
  }
  80% {
    -moz-transform: translate(-10px, 0px);
  }
  100% {
    opacity: 1;
    -moz-transform: translate(0px, 0px);
  }
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(-1500px, 0px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(30px, 0px);
  }
  80% {
    -webkit-transform: translate(-10px, 0px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
  }
}
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translate(-1500px, 0px);
  }
  60% {
    opacity: 1;
    -o-transform: translate(30px, 0px);
  }
  80% {
    -o-transform: translate(-10px, 0px);
  }
  100% {
    opacity: 1;
    -o-transform: translate(0px, 0px);
  }
}
@-ms-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -ms-transform: translate(-1500px, 0px);
  }
  60% {
    opacity: 1;
    -ms-transform: translate(30px, 0px);
  }
  80% {
    -ms-transform: translate(-10px, 0px);
  }
  100% {
    opacity: 1;
    -ms-transform: translate(0px, 0px);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translate(1500px, 0px);
    margin-right: -100px;
    padding-right: 130px;
  }
  60% {
    opacity: 1;
    transform: translate(-30px, 0px);
    margin-right: -100px;
    padding-right: 130px;
  }
  80% {
    transform: translate(10px, 0px);
    margin-right: -100px;
    padding-right: 130px;
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
    margin-right: 0px;
    padding-right: 30px;
  }
}
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translate(1500px, 0px);
    margin-right: -100px;
    padding-right: 130px;
  }
  60% {
    opacity: 1;
    -moz-transform: translate(-30px, 0px);
    margin-right: -100px;
    padding-right: 130px;
  }
  80% {
    -moz-transform: translate(10px, 0px);
    margin-right: -100px;
    padding-right: 130px;
  }
  100% {
    opacity: 1;
    -moz-transform: translate(0px, 0px);
    margin-right: 0px;
    padding-right: 30px;
  }
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate(1500px, 0px);
    margin-right: -100px;
    padding-right: 130px;
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(-30px, 0px);
    margin-right: -100px;
    padding-right: 130px;
  }
  80% {
    -webkit-transform: translate(10px, 0px);
    margin-right: -100px;
    padding-right: 130px;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
    margin-right: 0px;
    padding-right: 30px;
  }
}
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translate(1500px, 0px);
    margin-right: -100px;
    padding-right: 130px;
  }
  60% {
    opacity: 1;
    -o-transform: translate(-30px, 0px);
    margin-right: -100px;
    padding-right: 130px;
  }
  80% {
    -o-transform: translate(10px, 0px);
    margin-right: -100px;
    padding-right: 130px;
  }
  100% {
    opacity: 1;
    -o-transform: translate(0px, 0px);
    margin-right: 0px;
    padding-right: 30px;
  }
}
@-ms-keyframes bounceInRight {
  0% {
    opacity: 0;
    -ms-transform: translate(1500px, 0px);
    margin-right: -100px;
    padding-right: 130px;
  }
  60% {
    opacity: 1;
    -ms-transform: translate(-30px, 0px);
    margin-right: -100px;
    padding-right: 130px;
  }
  80% {
    -ms-transform: translate(10px, 0px);
    margin-right: -100px;
    padding-right: 130px;
  }
  100% {
    opacity: 1;
    -ms-transform: translate(0px, 0px);
    margin-right: 0px;
    padding-right: 30px;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate(0px, 55px);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translate(0px, 55px);
  }
  100% {
    opacity: 1;
    -moz-transform: translate(0px, 0px);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0px, 55px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translate(0px, 55px);
  }
  100% {
    opacity: 1;
    -o-transform: translate(0px, 0px);
  }
}
@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translate(0px, 55px);
  }
  100% {
    opacity: 1;
    -ms-transform: translate(0px, 0px);
  }
}
body, html {
  overscroll-behavior-y: none;
}

#vpsize {
  position: fixed;
  height: 20px;
  z-index: 900;
  padding: 5px 10px;
  pointer-events: none;
  top: 35px;
  top: 14px;
  left: 0;
  color: white;
  font-size: 9px;
  font-weight: bold;
  text-shadow: 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black;
  color: #ff0000;
}
@media (min-width: 576px) {
  #vpsize {
    color: blue;
  }
}
@media (min-width: 768px) {
  #vpsize {
    color: magenta;
  }
}
@media (min-width: 992px) {
  #vpsize {
    color: cyan;
  }
}
@media (min-width: 1200px) {
  #vpsize {
    color: yellow;
  }
}
#vpsize::before {
  position: fixed;
  top: 0;
  left: 0;
  width: 2560px;
  height: 1440px;
  z-index: 900;
  padding: 100px 10px;
  color: magenta;
}
#vpsize::after {
  content: "size";
  display: block;
  position: fixed;
  text-transform: uppercase;
  z-index: 900;
  top: 0;
  left: 0;
  padding: 7px 10px;
  font-size: 9px;
  font-weight: bold;
  text-shadow: 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black;
  pointer-events: none;
  content: "extra small";
}
@media (min-width: 576px) {
  #vpsize::after {
    content: "small";
  }
}
@media (min-width: 768px) {
  #vpsize::after {
    content: "medium";
  }
}
@media (min-width: 992px) {
  #vpsize::after {
    content: "large";
  }
}
@media (min-width: 1200px) {
  #vpsize::after {
    content: "extra large";
  }
}

body {
  max-width: 100vw;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: Interstate, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

#growlNotifications {
  position: fixed;
  top: 1em;
  right: 1em;
  z-index: 5000;
  padding: 0;
  list-style: none;
  width: calc(100% - 2em);
  max-width: 500px;
}
#growlNotifications:empty {
  display: none;
}
#growlNotifications li {
  border-radius: 4px;
  margin-bottom: 0.5em;
  color: white;
  padding: 1em 2.8em 1em 1.2em;
  border: solid 2px rgba(255, 255, 255, 0.7);
  outline: solid 2px #C00;
  background: rgba(208, 32, 32, 0.9);
  cursor: pointer;
  width: 100%;
  position: relative;
  transition: border-color 0.2s linear, background-color 0.2s linear, outline-color 0.2s linear;
}
#growlNotifications li::after {
  content: "\e813";
  font-family: "feral-icons";
  font-style: normal;
  position: absolute;
  top: 0.95em;
  right: 0.95em;
}
#growlNotifications li:hover {
  background: #b01414;
  border-color: white;
  outline-color: #b01414;
}

.icon-mac:not(.btn), a[href$=mac]:not(.btn), a[href$="/mac/"]:not(.btn), a.MAC:not(.btn) {
  order: 1;
}
#primary-breadcrumbs .icon-mac:not(.btn), #primary-breadcrumbs a[href$=mac]:not(.btn), #primary-breadcrumbs a[href$="/mac/"]:not(.btn), #primary-breadcrumbs a.MAC:not(.btn) {
  order: 0;
}

.icon-linux:not(.btn), a[href$=linux]:not(.btn), a[href$="/linux/"]:not(.btn), a.LINUX:not(.btn) {
  order: 2;
}
#primary-breadcrumbs .icon-linux:not(.btn), #primary-breadcrumbs a[href$=linux]:not(.btn), #primary-breadcrumbs a[href$="/linux/"]:not(.btn), #primary-breadcrumbs a.LINUX:not(.btn) {
  order: 0;
}

.icon-ios:not(.btn), a[href$=ios]:not(.btn), a[href$="/ios/"]:not(.btn), a.IOS:not(.btn) {
  order: 3;
}
#primary-breadcrumbs .icon-ios:not(.btn), #primary-breadcrumbs a[href$=ios]:not(.btn), #primary-breadcrumbs a[href$="/ios/"]:not(.btn), #primary-breadcrumbs a.IOS:not(.btn) {
  order: 0;
}

.icon-android:not(.btn), a[href$=android]:not(.btn), a[href$="/android/"]:not(.btn), a.ANDROID:not(.btn) {
  order: 4;
}
#primary-breadcrumbs .icon-android:not(.btn), #primary-breadcrumbs a[href$=android]:not(.btn), #primary-breadcrumbs a[href$="/android/"]:not(.btn), #primary-breadcrumbs a.ANDROID:not(.btn) {
  order: 0;
}

.icon-switch:not(.btn), a[href$=switch]:not(.btn), a[href$="/switch/"]:not(.btn), a.SWITCH:not(.btn) {
  order: 5;
}
#primary-breadcrumbs .icon-switch:not(.btn), #primary-breadcrumbs a[href$=switch]:not(.btn), #primary-breadcrumbs a[href$="/switch/"]:not(.btn), #primary-breadcrumbs a.SWITCH:not(.btn) {
  order: 0;
}

.icon-windows:not(.btn), a[href$=windows]:not(.btn), a[href$="/windows/"]:not(.btn), a.WINDOWS:not(.btn) {
  order: 6;
}
#primary-breadcrumbs .icon-windows:not(.btn), #primary-breadcrumbs a[href$=windows]:not(.btn), #primary-breadcrumbs a[href$="/windows/"]:not(.btn), #primary-breadcrumbs a.WINDOWS:not(.btn) {
  order: 0;
}

.icon-tvos, a[href$=tvos], a[href$="/tvos/"], a.TVOS, a.tvos {
  display: none !important;
}
.icon-tvos:not(.btn), a[href$=tvos]:not(.btn), a[href$="/tvos/"]:not(.btn), a.TVOS:not(.btn), a.tvos:not(.btn) {
  order: 7;
}
#primary-breadcrumbs .icon-tvos:not(.btn), #primary-breadcrumbs a[href$=tvos]:not(.btn), #primary-breadcrumbs a[href$="/tvos/"]:not(.btn), #primary-breadcrumbs a.TVOS:not(.btn), #primary-breadcrumbs a.tvos:not(.btn) {
  order: 0;
}

.icon-meta-quest:not(.btn), a[href$=mquest]:not(.btn), a[href$="/mquest/"]:not(.btn), a.MQUEST:not(.btn) {
  order: 8;
}
#primary-breadcrumbs .icon-meta-quest:not(.btn), #primary-breadcrumbs a[href$=mquest]:not(.btn), #primary-breadcrumbs a[href$="/mquest/"]:not(.btn), #primary-breadcrumbs a.MQUEST:not(.btn) {
  order: 0;
}

.btn {
  position: relative;
  display: inline-block;
  padding: 7px 20px;
  background-color: #000;
  position: relative;
  -webkit-clip-path: polygon(15px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 15px);
  clip-path: polygon(15px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 15px);
  transition: 0.2s background-color ease-out, 0.2s color ease-out;
  border: none;
  border-radius: 5px;
  text-align: center;
  text-transform: uppercase;
  font-weight: normal;
}
.btn:before {
  display: block;
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  display: block;
  -webkit-clip-path: polygon(16px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 16px);
  clip-path: polygon(16px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 16px);
  border-radius: 3px;
  font-size: 1.3em;
  transition: 0.2s background-color ease-out, 0.1s color ease-out;
  z-index: -1;
}
.btn:hover {
  background-color: #FFF;
  text-decoration: none;
}
.btn.btn-success {
  color: #000;
  font-weight: 500;
}
.btn.btn-success:before {
  background-color: #F15A24;
}
.btn.btn-success[disabled] {
  cursor: not-allowed;
  color: #555;
  background-color: #555;
}
.btn.btn-success[disabled]:before {
  background-color: #999;
}
.btn.btn-info {
  color: #FFF;
}
.btn.btn-info:before {
  background-color: #5c5c5c;
  background-color: #808080;
  background-color: #0074b5;
  background-color: #1d6e9c;
}
.btn.btn-light {
  color: #000;
  font-weight: 500;
}
.btn.btn-light:before {
  background-color: #FFF;
}
.btn.btn-light:hover:before {
  background-color: #F15A24;
}
.btn.btn-dark {
  color: #FFF;
}
.btn.btn-dark:before {
  background-color: #333;
}
.btn.btn-dark.support::before {
  background-color: #43772b;
}
.btn.btn-glass {
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.btn-glass:before, .btn.btn-glass:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.loading.btn-success {
  color: #F15A24;
}
.btn.loading:hover {
  background-color: #000;
}
.btn.loading:after {
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  content: "test";
  color: #000;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f110";
  animation: fa-spin 1s steps(8) infinite;
}

@media (min-width: 576px) {
  .btn {
    -webkit-clip-path: polygon(1.25vw 0px, 100% 0px, 100% 100%, 0px 100%, 0px 1.25vw);
    clip-path: polygon(1.25vw 0px, 100% 0px, 100% 100%, 0px 100%, 0px 1.25vw);
  }
  .btn:before {
    -webkit-clip-path: polygon(1.25vw 0px, 100% 0px, 100% 100%, 0px 100%, 0px 1.25vw);
    clip-path: polygon(1.25vw 0px, 100% 0px, 100% 100%, 0px 100%, 0px 1.25vw);
  }
}
@media (min-width: 1200px) {
  .btn {
    -webkit-clip-path: polygon(1.1vw 0px, 100% 0px, 100% 100%, 0px 100%, 0px 1.1vw);
    clip-path: polygon(1.1vw 0px, 100% 0px, 100% 100%, 0px 100%, 0px 1.1vw);
  }
  .btn:before {
    -webkit-clip-path: polygon(1.1vw 0px, 100% 0px, 100% 100%, 0px 100%, 0px 1.1vw);
    clip-path: polygon(1.1vw 0px, 100% 0px, 100% 100%, 0px 100%, 0px 1.1vw);
  }
}
label.checkable {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
label.checkable:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f00c";
  display: block;
  border: solid 1px #FFF;
  padding: 2px;
  margin-right: 8px;
  color: transparent;
}
label.checkable.checked:before {
  color: #F15A24;
}
label.checkable input[type=checkbox] {
  display: none;
}

*[data-opener-for] {
  cursor: pointer;
}
*[data-opener-for]:hover {
  text-decoration: underline;
}
*[data-opener-for]:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0da";
  margin-right: 10px;
}
*[data-opener-for].open:hover {
  text-decoration: none;
}
*[data-opener-for].open:before {
  content: "\f0d7";
}

.opener {
  display: none;
}
.opener.open {
  display: block;
}

.divider-svg {
  display: block !important;
  position: absolute;
  top: -50px;
  left: 0px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100% !important;
  height: 80px !important;
  max-width: none !important;
}

.svg-divider-after, body.support-page #faqs-filters-header.svg-divider-after {
  padding-bottom: 50px;
}

.svg-divided, body.support-page #faqs-filters-header.svg-divided {
  padding-top: 35px;
}

span.price {
  position: relative;
  margin: 0px;
  display: inline-block;
  white-space: nowrap;
}
span.price del {
  position: absolute;
  font-size: 70%;
  text-decoration: none;
  color: #9e9e9e;
  top: -0.9em;
  right: 0;
}
span.price del:before {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: -9%;
  width: 118%;
  height: 3px;
  background-color: #dc3545;
  transform: rotate(-5deg);
  opacity: 0.7;
}
span.price ins {
  display: block;
  color: #28a745;
  font-size: 90%;
  text-decoration: none;
  font-weight: 500;
}

a, a:hover {
  color: #F15A24;
}

#primary-nav {
  position: fixed;
  top: 0px;
  left: 0px;
  display: flex;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 100;
}
#primary-nav.open-menu {
  position: fixed;
  top: 0;
}
#primary-nav h1 {
  margin: 0px 5px;
  width: 147px;
  height: 26px;
  transition: width 0.5s linear, margin-right 0.5s linear;
  z-index: 0;
}
#primary-nav h1 a {
  display: block;
  background-image: url("/images/logo-horizontal.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: -33px center;
  color: transparent;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 969px) and (min-width: 768px) {
  #primary-nav h1.shrink {
    width: 30px;
    background-position: left center;
    margin-right: 3px;
  }
}
#primary-nav .page-controls, #primary-nav .account-controls {
  display: flex;
  background-color: rgba(0, 0, 0, 0.9);
  margin: 3px;
  padding: 3px;
  border-radius: 3px;
}
#primary-nav .page-controls:first-child, #primary-nav .account-controls:first-child {
  margin-top: 0px;
}
#primary-nav .page-controls label, #primary-nav .account-controls label {
  margin: 0px;
  width: 30%;
  color: #FFF;
  align-self: center;
}
#primary-nav .page-controls select, #primary-nav .page-controls button, #primary-nav .page-controls input, #primary-nav .account-controls select, #primary-nav .account-controls button, #primary-nav .account-controls input {
  margin-left: 5px;
  flex: 1 1 auto;
  align-self: center;
}
#primary-nav .page-controls select, #primary-nav .account-controls select {
  max-width: calc(70% - 5px);
}
#primary-nav .page-controls a, #primary-nav .account-controls a {
  width: auto;
  align-self: center;
  margin: 0px 3px;
}
@media (max-width: 1199.98px) {
  [lang=de] #primary-nav .account-controls {
    flex-wrap: wrap;
    height: 115px;
  }
  [lang=de] #primary-nav .account-controls label {
    width: 100%;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  [lang=de] #primary-nav .account-controls a {
    margin-bottom: 0.5em;
    height: 50px;
  }
}

#primary-nav-pages {
  align-self: center;
  flex: 1 1 auto;
}
#primary-nav-pages ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
}
#primary-nav-pages ul a {
  display: block;
  padding: 3px 5px;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.9);
  margin: 3px;
  padding: 3px;
  border-radius: 3px;
}

@media (max-width: 767.98px) {
  #primary-nav-pages ul {
    position: fixed;
    top: 36px;
    bottom: 0;
    right: 0;
    left: 0;
  }
  #primary-nav-pages ul li {
    display: flex;
    align-content: stretch;
    flex-grow: 1;
    flex-direction: row;
    /*

    				&.page-controls, &.account-controls, a {
    					display: flex;
    					flex-grow: 1;
    					align-content: center;
    					border: 1px solid #4f4f4f;
    					height: 10vh;
    				}
    */
  }
  #primary-nav-pages ul li.page-controls, #primary-nav-pages ul li.account-controls, #primary-nav-pages ul li a {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    border: 1px solid #303030;
    height: 10vh;
    padding: 0 0.5em;
    box-sizing: border-box;
    font-size: 3vh;
    margin: 2px 4px;
  }
  #primary-nav-pages ul li.page-controls a, #primary-nav-pages ul li.account-controls a, #primary-nav-pages ul li a a {
    border: none;
    height: 70%;
    padding: 0 0.8em 0 1em;
    white-space: nowrap;
    color: black;
    font-size: 0.75em;
  }
  #primary-nav-pages ul li:first-child a {
    margin-top: 1px;
  }
  #primary-nav-pages ul li a {
    justify-content: center;
    align-content: center;
    font-weight: bold;
    text-transform: uppercase;
  }
  #primary-nav-pages ul li a:hover, #primary-nav-pages ul li a:active {
    background-color: #F15A24;
    text-decoration: none;
  }
  #primary-nav-pages ul li a.mobile-menu-user-link {
    height: 48px;
    transition: color 0.15s linear, background-color 0.15s linear, border-color 0.15s linear;
    border-radius: 3px;
    padding: 0;
    background-color: black;
    border: 2px solid transparent;
    text-transform: none;
    margin-left: 5px;
    color: #F15A24;
    font-weight: 400;
    text-align: left;
    justify-content: left;
  }
  #primary-nav-pages ul li a.mobile-menu-user-link span {
    margin: 0 7px 0 10px;
    word-break: break-word;
    white-space: normal;
    line-height: 1em;
  }
  #primary-nav-pages ul li a.mobile-menu-user-link:hover {
    color: white;
    border-color: #F15A24;
  }
  #primary-nav-pages ul li a.mobile-menu-user-link + .btn {
    -webkit-clip-path: none;
    clip-path: none;
    background: white;
    height: 48px;
    margin-right: 0;
    transition: border 0.2s linear;
    border: 2px solid black;
  }
  #primary-nav-pages ul li a.mobile-menu-user-link + .btn:hover {
    border-color: #F15A24;
    background: white;
  }
  #primary-nav-pages ul li a.mobile-menu-user-link + .btn::before {
    content: none;
  }
  #primary-nav-pages ul li select {
    border: none;
    border-radius: 3px;
    padding: 0 40px 0 3vw;
    background-image: url("/images/down-arrow.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 17px) center;
    background-size: 12px auto;
    background-color: #FFF;
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    height: 48px;
    font-size: 0.8em;
    font-weight: 500;
    border: 2px solid black;
    transition: border 0.2s linear;
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #primary-nav-pages ul li select:hover {
    border-color: #F15A24;
    background-image: url("/images/down-arrow-orange.svg");
  }

  /*
  	#primary-nav {
  		height: 50px;

  		#primary-nav-controls {
  			.nav-expand, a {

  				width: 40px;
  				height: 40px;
  				a {
  					width: 40px;
  					height: 40px;

  					&::before {
  						font-size: 1.5em;
  					}
  				}
  				&::before {
  					font-size: 1.5em;
  				}
  			}
  		}
  	}
  */
}
#primary-nav-controls {
  display: flex;
  align-self: center;
  padding: 3px;
  transition: width 0.2s linear;
}
#primary-nav-controls a {
  color: #FFF;
  text-decoration: none;
  align-self: center;
  cursor: pointer;
  display: inline-block;
  width: 28px;
  height: 28px;
  top: 0px;
  left: 0px;
}
#primary-nav-controls a::before {
  margin: 0;
  font-size: 100%;
  padding: 2px 0;
}
#primary-nav-controls a.icon-basket {
  position: relative;
}
#primary-nav-controls a.icon-basket span {
  display: block;
  position: absolute;
  color: #F15A24;
  font-weight: bold;
  top: 0.4em;
  left: 0;
  width: 28px;
  text-align: center;
  font-size: 0.55em;
}
#primary-nav-controls a.icon-basket::before {
  font-size: 90%;
  padding-top: 0.15em;
}
#primary-nav-controls a.icon-menu::before {
  font-size: 85%;
  padding-top: 0.2em;
}
#primary-nav-controls .nav-expand, #primary-nav-controls > a {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.9);
  padding: 0;
  margin-left: 3px;
  border-radius: 3px;
  font-size: 24px;
  width: 30px;
  height: 30px;
  text-align: center;
  overflow: hidden;
  border: 1px solid transparent;
  transition: border-color 0.2s linear;
}
#primary-nav-controls .nav-expand:hover, #primary-nav-controls > a:hover {
  border: 1px solid white;
  text-decoration: none;
}
#primary-nav-controls .nav-expand:active, #primary-nav-controls > a:active {
  border: 1px solid #F15A24;
  color: #F15A24;
}
#primary-nav-controls ul {
  display: none;
  list-style: none;
  padding: 0px 4px 4px;
  margin: 0px;
  position: fixed;
  top: 36px;
  left: 0px;
  right: 0;
  bottom: 0;
  overflow: auto;
  overflow-x: hidden;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.8+0,1+100;Neutral+Density */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, black 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, black 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, black 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#cc000000", endColorstr="#000000",GradientType=0 );
  /* IE6-9 */
  border-radius: 0px 0px 0px 5px;
  width: 100%;
}
#primary-nav-controls ul li {
  font-size: 0.9rem;
  background-color: #1a1a1a;
  margin-bottom: 4px;
  border-radius: 3px;
  border: 1px solid rgba(66, 65, 66, 0.5);
}
#primary-nav-controls ul li:last-child {
  margin-bottom: 0px;
}
#primary-nav-controls ul li p {
  margin: 0px 10px;
  align-self: center;
  color: #FFF;
  overflow: hidden;
  line-height: 21.333333px;
  max-height: 64px;
  width: 100%;
}
#primary-nav-controls ul li .search-header {
  text-align: left;
  font-size: 1.2em;
  padding-left: 0.3em;
  max-width: calc(100% - 15px);
}
#primary-nav-controls ul li img + .search-header {
  max-width: calc(100% - 132px);
  padding-left: 0;
}
#primary-nav-controls ul li .search-more {
  align-self: center;
  padding-left: 0;
  display: none;
  margin: 0px 10px;
  max-width: calc(100% - 22px);
  width: 100%;
}
#primary-nav-controls ul li .search-header em, #primary-nav-controls ul li .search-more em {
  color: #F15A24;
  font-style: normal;
  font-weight: 500;
}
#primary-nav-controls ul li img + p + .search-more {
  max-width: calc(100% - 132px);
}
#primary-nav-controls ul li:hover .search-header {
  display: none;
}
#primary-nav-controls ul li:hover .search-more {
  display: block;
}
#primary-nav-controls ul .icon {
  width: 64px;
  height: 64px;
  flex-grow: 0;
  flex-shrink: 0;
}

#primary-nav.nav-expanded {
  position: fixed;
}

#primary-nav-pages ul, .nav-header, .nav-expand > ul, #primary-nav-controls #primary-nav-settings, .nav-expand > a span, .nav-expand > a.icon-close {
  display: none;
}

#primary-nav.nav-expanded #primary-nav-pages {
  flex-grow: 0;
  flex-shrink: 0;
  width: 0px;
}
#primary-nav.nav-expanded #primary-nav-controls {
  position: relative;
  width: 100%;
}
#primary-nav.nav-expanded .nav-expand:hover, #primary-nav.nav-expanded .nav-expand:active {
  border-color: transparent;
}
#primary-nav.nav-expanded.nav-expand-search #primary-nav-search {
  border-color: white;
}
#primary-nav.nav-expanded.nav-expand-search #primary-nav-search, #primary-nav.nav-expanded.nav-expand-basket #primary-nav-basket, #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings {
  display: flex;
  margin-left: 0px;
  flex: 1 1 auto;
}
#primary-nav.nav-expanded.nav-expand-search #primary-nav-search a.icon-close, #primary-nav.nav-expanded.nav-expand-search #primary-nav-search .nav-header, #primary-nav.nav-expanded.nav-expand-basket #primary-nav-basket a.icon-close, #primary-nav.nav-expanded.nav-expand-basket #primary-nav-basket .nav-header, #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings a.icon-close, #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings .nav-header {
  display: block;
  align-self: center;
}
#primary-nav.nav-expanded.nav-expand-search #primary-nav-search a.icon-close, #primary-nav.nav-expanded.nav-expand-basket #primary-nav-basket a.icon-close, #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings a.icon-close {
  width: 26px;
}
#primary-nav.nav-expanded.nav-expand-search #primary-nav-search .btn, #primary-nav.nav-expanded.nav-expand-basket #primary-nav-basket .btn, #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings .btn {
  margin: 0px;
  display: inline-block;
  width: calc(50% - 2px);
  font-size: 0.85em;
  padding: 0.4em 17px;
}
#primary-nav.nav-expanded.nav-expand-search #primary-nav-search .btn:nth-child(n+3), #primary-nav.nav-expanded.nav-expand-basket #primary-nav-basket .btn:nth-child(n+3), #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings .btn:nth-child(n+3) {
  margin-top: 2px;
}
#primary-nav.nav-expanded.nav-expand-search #primary-nav-search .btn:first-child:last-child, #primary-nav.nav-expanded.nav-expand-basket #primary-nav-basket .btn:first-child:last-child, #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings .btn:first-child:last-child {
  width: calc(100% - 40px);
}
#primary-nav.nav-expanded.nav-expand-search #primary-nav-search .btn.btn-success, #primary-nav.nav-expanded.nav-expand-basket #primary-nav-basket .btn.btn-success, #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings .btn.btn-success {
  color: #000;
}
#primary-nav.nav-expanded.nav-expand-search #primary-nav-search ul, #primary-nav.nav-expanded.nav-expand-basket #primary-nav-basket ul, #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings ul {
  display: block;
}
#primary-nav.nav-expanded.nav-expand-search #primary-nav-search ul:empty, #primary-nav.nav-expanded.nav-expand-basket #primary-nav-basket ul:empty, #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings ul:empty {
  display: none;
}
#primary-nav.nav-expanded.nav-expand-search #primary-nav-search .nav-header, #primary-nav.nav-expanded.nav-expand-basket #primary-nav-basket .nav-header, #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings .nav-header {
  display: block;
  margin: 0px 5px;
  flex: 1 1 auto;
  color: #F15A24;
  font-size: 16px;
  align-self: center;
  text-transform: uppercase;
}
#primary-nav.nav-expanded.nav-expand-search #primary-nav-search .nav-header input, #primary-nav.nav-expanded.nav-expand-basket #primary-nav-basket .nav-header input, #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings .nav-header input {
  width: 100%;
  border: none;
  background: none;
  color: #F15A24;
  -webkit-appearance: none;
  padding: 0px;
  outline: none;
}
#primary-nav.nav-expanded.nav-expand-search #primary-nav-search .nav-header input::-webkit-search-decoration, #primary-nav.nav-expanded.nav-expand-search #primary-nav-search .nav-header input::-webkit-search-cancel-button, #primary-nav.nav-expanded.nav-expand-search #primary-nav-search .nav-header input::-webkit-search-results-button, #primary-nav.nav-expanded.nav-expand-search #primary-nav-search .nav-header input::-webkit-search-results-decoration, #primary-nav.nav-expanded.nav-expand-basket #primary-nav-basket .nav-header input::-webkit-search-decoration, #primary-nav.nav-expanded.nav-expand-basket #primary-nav-basket .nav-header input::-webkit-search-cancel-button, #primary-nav.nav-expanded.nav-expand-basket #primary-nav-basket .nav-header input::-webkit-search-results-button, #primary-nav.nav-expanded.nav-expand-basket #primary-nav-basket .nav-header input::-webkit-search-results-decoration, #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings .nav-header input::-webkit-search-decoration, #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings .nav-header input::-webkit-search-cancel-button, #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings .nav-header input::-webkit-search-results-button, #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings .nav-header input::-webkit-search-results-decoration {
  display: none;
}
#primary-nav.nav-expanded.nav-expand-search #primary-nav-basket, #primary-nav.nav-expanded.nav-expand-search #primary-nav-settings {
  display: none;
}
#primary-nav.nav-expanded.nav-expand-basket #primary-nav-search, #primary-nav.nav-expanded.nav-expand-basket #primary-nav-settings {
  display: none;
}
#primary-nav.nav-expanded.nav-expand-basket a.icon-basket {
  pointer-events: none;
}
#primary-nav.nav-expanded.nav-expand-settings #primary-nav-search, #primary-nav.nav-expanded.nav-expand-settings #primary-nav-basket {
  display: none;
}
#primary-nav.nav-expanded a.icon-menu {
  display: none;
}
#primary-nav.nav-expanded #primary-nav-search li {
  padding: 5px;
  display: flex;
  height: 76px;
}
#primary-nav.nav-expanded #primary-nav-search aside {
  align-self: center;
  color: #FFF;
  font-size: 1.4rem;
  opacity: 0.7;
  min-width: 50px;
  width: 50px;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#primary-nav.nav-expanded #primary-nav-search aside span {
  display: inline-block;
  align-self: center;
  margin-top: 0.125em;
  margin-bottom: 0.125em;
}
#primary-nav.nav-expanded #primary-nav-search aside span:nth-child(1):nth-last-of-type(4), #primary-nav.nav-expanded #primary-nav-search aside span:nth-child(1):nth-last-of-type(3), #primary-nav.nav-expanded #primary-nav-search aside span:nth-child(2):nth-last-of-type(3), #primary-nav.nav-expanded #primary-nav-search aside span:nth-child(2):nth-last-of-type(2), #primary-nav.nav-expanded #primary-nav-search aside span:nth-child(3), #primary-nav.nav-expanded #primary-nav-search aside span:nth-child(4) {
  font-size: 0.7em;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
#primary-nav.nav-expanded #primary-nav-search aside span:nth-child(1):nth-last-of-type(5), #primary-nav.nav-expanded #primary-nav-search aside span:nth-child(1):nth-last-of-type(6), #primary-nav.nav-expanded #primary-nav-search aside span:nth-child(2):nth-last-of-type(4), #primary-nav.nav-expanded #primary-nav-search aside span:nth-child(2):nth-last-of-type(5), #primary-nav.nav-expanded #primary-nav-search aside span:nth-child(3):nth-last-of-type(3), #primary-nav.nav-expanded #primary-nav-search aside span:nth-child(3):nth-last-of-type(4), #primary-nav.nav-expanded #primary-nav-search aside span:nth-child(4):nth-last-of-type(2), #primary-nav.nav-expanded #primary-nav-search aside span:nth-child(4):nth-last-of-type(3), #primary-nav.nav-expanded #primary-nav-search aside span:nth-child(5), #primary-nav.nav-expanded #primary-nav-search aside span:nth-child(6) {
  font-size: 0.7em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}
#primary-nav.nav-expanded #primary-nav-search aside span.icon-switch:nth-child(1):nth-last-of-type(5), #primary-nav.nav-expanded #primary-nav-search aside span.icon-switch:nth-child(1):nth-last-of-type(6), #primary-nav.nav-expanded #primary-nav-search aside span.icon-switch:nth-child(2):nth-last-of-type(4), #primary-nav.nav-expanded #primary-nav-search aside span.icon-switch:nth-child(2):nth-last-of-type(5), #primary-nav.nav-expanded #primary-nav-search aside span.icon-switch:nth-child(3):nth-last-of-type(3), #primary-nav.nav-expanded #primary-nav-search aside span.icon-switch:nth-child(3):nth-last-of-type(4), #primary-nav.nav-expanded #primary-nav-search aside span.icon-switch:nth-child(4):nth-last-of-type(2), #primary-nav.nav-expanded #primary-nav-search aside span.icon-switch:nth-child(4):nth-last-of-type(3), #primary-nav.nav-expanded #primary-nav-search aside span.icon-switch:nth-child(5), #primary-nav.nav-expanded #primary-nav-search aside span.icon-switch:nth-child(6), #primary-nav.nav-expanded #primary-nav-search aside span.icon-windows:nth-child(1):nth-last-of-type(5), #primary-nav.nav-expanded #primary-nav-search aside span.icon-windows:nth-child(1):nth-last-of-type(6), #primary-nav.nav-expanded #primary-nav-search aside span.icon-windows:nth-child(2):nth-last-of-type(4), #primary-nav.nav-expanded #primary-nav-search aside span.icon-windows:nth-child(2):nth-last-of-type(5), #primary-nav.nav-expanded #primary-nav-search aside span.icon-windows:nth-child(3):nth-last-of-type(3), #primary-nav.nav-expanded #primary-nav-search aside span.icon-windows:nth-child(3):nth-last-of-type(4), #primary-nav.nav-expanded #primary-nav-search aside span.icon-windows:nth-child(4):nth-last-of-type(2), #primary-nav.nav-expanded #primary-nav-search aside span.icon-windows:nth-child(4):nth-last-of-type(3), #primary-nav.nav-expanded #primary-nav-search aside span.icon-windows:nth-child(5), #primary-nav.nav-expanded #primary-nav-search aside span.icon-windows:nth-child(6) {
  font-size: 0.6em;
  margin-left: 0.1em;
  margin-right: 0.1em;
}
#primary-nav.nav-expanded #primary-nav-basket ul li {
  display: flex;
  margin: 0px 0px 5px;
  padding: 5px;
  height: 76px;
}
#primary-nav.nav-expanded #primary-nav-basket ul li form {
  margin: 0px;
}
#primary-nav.nav-expanded #primary-nav-basket ul li .img {
  width: 64px;
  height: 64px;
  transition: opacity 0.2s linear;
  /*

  &:before {
  	top: 10px;
  	left: calc(50% - 13px);
  	display: block;
  	font-family: "feral-icons";
  	content: '\e813';
  	position: absolute;
  	text-align: center;
  	width: 26px;
  	height: 26px;
  	border-radius: 2px;
  	line-height: 1.6em;
  	color: $feral-orange;
  	background: black;
  	border: 2px solid $feral-orange;
  	box-shadow: 0px 0px 3px black;
  	z-index: 1;
  	opacity: 0;
  	transition: opacity .2s linear;
  }

  &:after {
  	bottom: 6px; left: 0px;
  	display: block;
  	content: 'Remove';
  	position: absolute;
  	text-align: center;
  	font-size: 12px; 
  	font-weight: bold;
  	width: 100%;
  	color: #FFF;
  	text-transform: uppercase;
  	text-shadow: $small-black-text-shadow;
  	opacity: 0;
  	transition: opacity .2s linear;
  }

  */
}
#primary-nav.nav-expanded #primary-nav-basket ul li .img > span {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  padding-top: 13px;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  color: #FFF;
  text-transform: uppercase;
  font-size: 0.7rem;
  transition: opacity 0.2s linear;
}
#primary-nav.nav-expanded #primary-nav-basket ul li .img > span span {
  color: #F15A24;
  border: solid 2px;
  border-radius: 4px;
  font-size: 1.2rem;
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: 5px;
  line-height: 1.1em;
}
#primary-nav.nav-expanded #primary-nav-basket ul li:hover .img img {
  opacity: 0.5;
}
#primary-nav.nav-expanded #primary-nav-basket ul li:hover .img > span {
  opacity: 1;
}
#primary-nav.nav-expanded #primary-nav-basket ul li p {
  text-align: left;
  font-size: 1.2em;
  padding-left: 0.3em;
  max-width: calc(100% - 15px);
}
#primary-nav.nav-expanded #primary-nav-basket ul li:last-child {
  display: flex;
  height: auto;
  margin-bottom: 0px;
}
#primary-nav.nav-expanded #primary-nav-basket ul li:last-child p {
  text-align: left;
  width: auto;
  margin-right: 40px;
  margin-left: 0;
  text-transform: uppercase;
  font-size: 0.7rem;
}
#primary-nav.nav-expanded #primary-nav-basket ul li:last-child p span {
  display: block;
  font-size: 1rem;
  text-align: left;
}
#primary-nav.nav-expanded #primary-nav-basket ul li:last-child p span del {
  right: auto;
  margin-left: 1px;
}
#primary-nav.nav-expanded #primary-nav-basket ul li:last-child p span del::before {
  left: -5%;
  width: 110%;
  height: 2px;
}
#primary-nav.nav-expanded #primary-nav-basket ul li:last-child p span ins {
  transform: translateY(1px);
}
#primary-nav.nav-expanded #primary-nav-basket ul li:last-child .btn {
  flex: 1 1 auto;
  margin-right: 10px;
  /*
  					$xlargecornercheckoutclip: .7rem;
  					@include media-breakpoint-up(xl) {
  						color: pink;
  						padding-left: 22px;
  						-webkit-clip-path: polygon($xlargecornercheckoutclip 0px, 100% 0px, 100% 100%, 0px 100%, 0px $xlargecornercheckoutclip);
  					    clip-path: polygon($xlargecornercheckoutclip 0px, 100% 0px, 100% 100%, 0px 100%, 0px $xlargecornercheckoutclip);
  					    &:before {
  						    -webkit-clip-path: polygon($xlargecornercheckoutclip 0px, 100% 0px, 100% 100%, 0px 100%, 0px $xlargecornercheckoutclip);
  						    clip-path: polygon($xlargecornercheckoutclip 0px, 100% 0px, 100% 100%, 0px 100%, 0px $xlargecornercheckoutclip);
  						}

  					}
  */
}
@media (min-width: 992px) {
  #primary-nav.nav-expanded #primary-nav-basket ul li:last-child .btn {
    color: pink;
    padding-left: 22px;
    -webkit-clip-path: polygon(0.7rem 0px, 100% 0px, 100% 100%, 0px 100%, 0px 0.7rem);
    clip-path: polygon(0.7rem 0px, 100% 0px, 100% 100%, 0px 100%, 0px 0.7rem);
  }
  #primary-nav.nav-expanded #primary-nav-basket ul li:last-child .btn:before {
    -webkit-clip-path: polygon(0.7rem 0px, 100% 0px, 100% 100%, 0px 100%, 0px 0.7rem);
    clip-path: polygon(0.7rem 0px, 100% 0px, 100% 100%, 0px 100%, 0px 0.7rem);
  }
}
#primary-nav.nav-expanded #primary-nav-basket .img {
  position: relative;
  padding: 0px;
  border: none;
  background: transparent;
}
#primary-nav.nav-expanded #primary-nav-basket .img img {
  width: 100%;
  height: 100%;
}
#primary-nav.nav-expanded #primary-nav-basket aside {
  align-self: center;
  color: #EEE;
  width: 64px;
  text-align: center;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#primary-nav.nav-expanded #primary-nav-basket aside [class^=icon-] {
  font-size: 1.3rem;
  margin-left: 0;
  margin-top: 0.2em;
}
#primary-nav.nav-expanded #primary-nav-basket aside [class^=icon-]::before {
  margin: 0;
}
#primary-nav.nav-expanded #primary-nav-basket aside span:nth-child(2):not(.price) {
  margin-left: 5px;
}
#primary-nav.nav-expanded #primary-nav-basket aside span.price {
  display: block;
  font-size: 1rem;
  width: 100%;
  margin-top: 0.3em;
  margin-bottom: -0.2em;
  order: 8;
}
#primary-nav.nav-expanded #primary-nav-basket aside span.price del, #primary-nav.nav-expanded #primary-nav-basket aside span.price ins {
  transform: translateY(5px);
  width: 100%;
}
#primary-nav.nav-expanded #primary-nav-basket aside span.price del::before, #primary-nav.nav-expanded #primary-nav-basket aside span.price ins::before {
  left: 15%;
  width: 70%;
  height: 2px;
}
@media (max-width: 1199.98px) {
  [lang=de] #primary-nav.nav-expanded #primary-nav-settings ul li:nth-child(3) {
    flex-wrap: wrap;
    height: 104px;
  }
  [lang=de] #primary-nav.nav-expanded #primary-nav-settings ul li:nth-child(3) label {
    width: 100%;
  }
  [lang=de] #primary-nav.nav-expanded #primary-nav-settings ul li:nth-child(3) a {
    max-width: 47%;
  }
}
#primary-nav.nav-expanded #primary-nav-settings li {
  display: flex;
  align-items: center;
  text-align: left;
  padding: 0 10px;
  height: 68px;
  font-size: 1rem;
}
#primary-nav.nav-expanded #primary-nav-settings li a {
  font-size: 1.4rem;
}
#primary-nav.nav-expanded #primary-nav-settings li > input, #primary-nav.nav-expanded #primary-nav-settings li > select, #primary-nav.nav-expanded #primary-nav-settings li:last-child > a {
  width: 100%;
}
#primary-nav.nav-expanded #primary-nav-settings li:last-child > a {
  color: #F15A24;
  font-size: 0.9rem;
}
#primary-nav.nav-expanded #primary-nav-settings li:last-child > a.btn {
  padding: 0px 7px 0;
  height: 48px;
  text-transform: none;
  -webkit-clip-path: none;
  clip-path: none;
  background-color: white;
  transition: border 0.2s linear;
  border: 2px solid black;
  border-radius: 3px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  line-height: 1.2em;
  /*

  					@include media-breakpoint-up(md) {
  						padding: 1em 17px 1em;
  					}
  */
}
#primary-nav.nav-expanded #primary-nav-settings li:last-child > a.btn:hover {
  border-color: white;
}
#primary-nav.nav-expanded #primary-nav-settings li:last-child > a.btn::before {
  content: none;
}
#primary-nav.nav-expanded #primary-nav-settings li:last-child > a.btn:last-child {
  margin-left: 0.5em;
}
#primary-nav.nav-expanded #primary-nav-settings li:last-child > a.btn-light, #primary-nav.nav-expanded #primary-nav-settings li:last-child > a.btn-success {
  margin-top: 0px !important;
  color: #212529;
}
#primary-nav.nav-expanded #primary-nav-settings li:last-child > a.btn-light:hover, #primary-nav.nav-expanded #primary-nav-settings li:last-child > a.btn-success:hover {
  border-color: #F15A24;
}
#primary-nav.nav-expanded #primary-nav-settings li:last-child > a.btn-success {
  background-color: #F15A24;
}
#primary-nav.nav-expanded #primary-nav-settings li:last-child > a.btn-success:hover {
  border-color: white;
}
#primary-nav.nav-expanded #primary-nav-settings li:last-child > a.btn-info {
  margin-top: 0px !important;
  color: #FFF;
}
#primary-nav.nav-expanded #primary-nav-settings li:last-child > a.menu-user-link {
  height: 50px;
  transition: color 0.15s linear, background-color 0.15s linear, border-color 0.15s linear;
  border-radius: 3px;
  padding: 3px;
  background-color: black;
  border: 2px solid #1a1a1a;
  display: flex;
  align-items: center;
}
#primary-nav.nav-expanded #primary-nav-settings li:last-child > a.menu-user-link span {
  word-break: break-word;
  white-space: normal;
  line-height: 1em;
  display: flex;
  width: auto;
  max-width: calc(100% - 55px);
}
#primary-nav.nav-expanded #primary-nav-settings li:last-child > a.menu-user-link:hover {
  color: white;
  border-color: #F15A24;
}
#primary-nav.nav-expanded #primary-nav-settings li:last-child > a span {
  margin-left: 10px;
}
#primary-nav.nav-expanded #primary-nav-settings li input[type=range] {
  margin: 0px 10px;
}
#primary-nav.nav-expanded #primary-nav-settings li select {
  border: none;
  border-radius: 3px;
  padding: 5px 20px;
  background-image: url("/images/down-arrow.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 17px) center;
  background-size: 12px auto;
  background-color: #FFF;
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  height: 48px;
  font-weight: 500;
  border: 2px solid black;
  transition: border 0.2s linear;
  cursor: pointer;
}
#primary-nav.nav-expanded #primary-nav-settings li select:hover {
  border-color: #F15A24;
  background-image: url("/images/down-arrow-orange.svg");
}
#primary-nav.nav-expanded #primary-nav-settings label {
  flex-shrink: 0;
  margin: 0px;
  margin-right: 10px;
  width: 100px;
  color: #FFF;
  font-weight: bold;
}

@media (min-width: 576px) {
  #primary-nav.nav-expanded.nav-expand-search #primary-nav-search .btn, #primary-nav.nav-expanded.nav-expand-basket #primary-nav-basket .btn, #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings .btn {
    font-size: 1.1em;
    padding: 0.2em 20px;
  }
  #primary-nav.nav-expanded.nav-expand-search #primary-nav-search .btn:first-child:last-child, #primary-nav.nav-expanded.nav-expand-basket #primary-nav-basket .btn:first-child:last-child, #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings .btn:first-child:last-child {
    width: calc(100% - 40px);
  }

  #primary-nav-controls ul li .search-header {
    padding-left: 0.5em;
  }
  #primary-nav-controls ul li .search-more {
    padding-left: 0.3em;
  }

  .nav-expand-search #primary-nav-search .search-more .btn {
    font-size: 1.1em;
    padding: 0.5em 1em;
  }
}
@media (min-width: 768px) {
  .row.no-gutters {
    padding-left: 30px;
    padding-right: 30px;
  }

  #primary-nav-controls #primary-nav-settings {
    display: inline-block;
  }
  #primary-nav-controls > a.icon-menu {
    display: none;
  }
  #primary-nav-controls ul {
    position: absolute;
    bottom: auto;
    right: auto;
    max-height: calc(100vh - 100px);
    overflow: auto;
    overflow-x: hidden;
    border-bottom: 4px solid black;
    padding-bottom: 0;
  }
  #primary-nav-controls ul li:last-child {
    margin-bottom: 0;
  }

  #primary-nav {
    margin-top: 17px;
    background-color: transparent;
  }

  #primary-nav.nav-expanded {
    position: fixed;
  }

  #primary-nav-pages {
    position: relative;
    display: flex;
    align-items: center;
    background-image: url("/images/backgrounds/triangles/navigation.svg");
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    margin-right: auto;
    padding: 2px 35px 2px 0px;
    flex: 0 0 auto;
  }
  #primary-nav-pages h1 {
    margin: 0 30px 0 6px;
  }
  #primary-nav-pages ul {
    position: static;
    top: auto;
    display: flex;
    width: auto;
    background-color: transparent;
  }
  #primary-nav-pages ul li {
    border-radius: 4px;
  }
  #primary-nav-pages ul li a {
    padding: 3px 9px 1px;
    text-transform: uppercase;
    border: 1px solid transparent;
    transition: border-color 0.2s linear;
    margin: 3px 2px;
  }
  #primary-nav-pages ul li a:hover {
    border: 1px solid white;
    text-decoration: none;
  }
  #primary-nav-pages ul li a:active {
    border: 1px solid #F15A24;
    color: #F15A24;
  }
  #primary-nav-pages ul li.active a {
    color: #F15A24;
  }
  #primary-nav-pages ul li:first-child.active a {
    pointer-events: none;
  }
  #primary-nav-pages ul .page-controls, #primary-nav-pages ul .account-controls {
    display: none;
  }

  #primary-nav-controls {
    background-image: url("/images/backgrounds/triangles/settings.svg");
    background-size: cover;
    background-position: center left;
    background-repeat: no-repeat;
    padding: 5px 7px 5px 35px;
    margin: 0px;
  }

  #primary-nav.nav-expanded #primary-nav-pages {
    width: auto;
  }
  #primary-nav.nav-expanded #primary-nav-controls {
    width: 500px;
  }
  #primary-nav.nav-expanded.nav-expand-search #primary-nav-search ul, #primary-nav.nav-expanded.nav-expand-basket #primary-nav-basket ul, #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings ul {
    top: 40px;
    left: auto;
    right: 0px;
    width: calc(100% - 50px);
  }
  #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings .btn {
    font-size: 0.9em;
  }
  #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings select {
    font-size: 0.9em;
  }
  #primary-nav.nav-expanded.nav-expand-search #primary-nav-search .search-more .btn {
    font-size: 0.85em;
    padding: 0.5em 1em;
  }
}
@media (min-width: 992px) {
  #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings .btn {
    font-size: 1.1em;
  }
  #primary-nav.nav-expanded.nav-expand-settings #primary-nav-settings select {
    font-size: 1.1em;
  }
  #primary-nav.nav-expanded.nav-expand-search #primary-nav-search .search-more .btn {
    font-size: 1.1em;
    padding: 0.2em 1em;
  }
}
@media (min-width: 1200px) {
  #primary-nav.nav-expanded.nav-expand-search #primary-nav-search .search-more .btn, .modal-body button.btn {
    padding-left: 23px;
    -webkit-clip-path: polygon(0.9rem 0px, 100% 0px, 100% 100%, 0px 100%, 0px 0.9rem);
    clip-path: polygon(0.9rem 0px, 100% 0px, 100% 100%, 0px 100%, 0px 0.9rem);
  }
  #primary-nav.nav-expanded.nav-expand-search #primary-nav-search .search-more .btn:before, .modal-body button.btn:before {
    -webkit-clip-path: polygon(0.9rem 0px, 100% 0px, 100% 100%, 0px 100%, 0px 0.9rem);
    clip-path: polygon(0.9rem 0px, 100% 0px, 100% 100%, 0px 100%, 0px 0.9rem);
  }
}
#top-header {
  min-height: 30vh;
  color: #FFF;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#top-header h2 {
  max-width: 60%;
  margin-top: 60px;
  padding: 10px 40px 8px 12px;
  background-image: url("/images/backgrounds/triangles/navigation.svg");
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  font-size: 1.2rem;
  color: #F15A24;
}
@media (max-width: 767.98px) {
  #top-header h2 {
    opacity: 0;
    margin-left: -50px;
    padding-left: 62px;
    box-sizing: content-box;
    animation: bounceInLeftSmall ease 2s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    /*when the spec is finished*/
    animation-delay: 0s;
    -webkit-animation: bounceInLeftSmall ease 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    /*Chrome 16+, Safari 4+*/
    -webkit-animation-delay: 0s;
    -moz-animation: bounceInLeftSmall ease 2s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    /*FF 5+*/
    -moz-animation-delay: 0s;
    -o-animation: bounceInLeftSmall ease 2s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    /*Not implemented yet*/
    -o-animation-delay: 0s;
    -ms-animation: bounceInLeftSmall ease 2s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards;
    /*IE 10+*/
    -ms-animation-delay: 0s;
  }
}
#top-header h2 span {
  display: none;
  font-weight: normal;
  color: #FFF;
  font-size: 90%;
}

@media (max-width: 575.98px) {
  #jarallax-container-0 div {
    height: 105% !important;
    background-position: 50% 35% !important;
  }
}
body:not(.home-page):not(.games-page) #jarallax-container-0 div {
  height: 30vh !important;
  background-position: 50% 35% !important;
}

/*
body.home-page, body.games-page {
	#jarallax-container-1 {
		div {
			height: 105% !important;
			background-position: 50% 35% !important;
		}
	}	
}
*/
@media (min-width: 768px) {
  #top-header {
    min-height: 35vh;
  }
  #top-header h2 {
    margin-top: 75px;
    padding: 15px 75px 15px 30px;
    background-image: url("/images/backgrounds/triangles/page-header.svg");
    opacity: 0 !important;
  }
  #top-header h2 span {
    display: block;
    margin-right: -20px;
  }

  body:not(.home-page):not(.games-page) #jarallax-container-0 div {
    height: 35vh !important;
    min-height: 205px;
  }
}
#top-feature {
  background-image: linear-gradient(transparent, #000 80%, #000);
  background-repeat: no-repeat;
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100vw;
  width: 100%;
  padding: 65px 10px 10px;
  overflow: visible;
  position: relative;
}
@media (min-width: 768px) {
  #top-feature {
    padding: 10px;
  }
}
#top-feature.dlc, #top-feature.expansion {
  /*
  		#top-feature-controls::before {
  			content: 'DLC';
  			position: absolute;
  			right: 0;
  			top: 0;
  			width: auto;
  			height: auto;
  			padding: .5em .55em .45em 1.2em;
  			font-weight: 700;
  			background-image: url('/images/backgrounds/triangles/dlc-frame.svg');
  			background-position: left center;
  			background-size: cover;
  			background-repeat: no-repeat;
  			z-index: 1;
  			text-transform: uppercase;
  			text-align: right;
  			@include media-breakpoint-up(md) {
  				padding-right: calc(100px + .55em);
  				top: -4em;
  				white-space: nowrap;
  			}
  		}

  		#top-feature-controls:hover::before {
  			content: attr(data-basegame);
  			padding-left: 2em;
  			max-width: 95%;
  			@include media-breakpoint-up(md) {
  				max-width: 60vw;
  			}
  		}
  */
}
#top-feature.dlc #top-feature-controls .dlc-note, #top-feature.expansion #top-feature-controls .dlc-note {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  height: auto;
  padding: 0.5em 0.55em 0.45em 1.3em;
  z-index: 1;
  font-weight: 700;
  background-image: url("/images/backgrounds/triangles/dlc-frame.svg");
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  text-transform: uppercase;
  text-align: left;
}
@media (min-width: 768px) {
  #top-feature.dlc #top-feature-controls .dlc-note, #top-feature.expansion #top-feature-controls .dlc-note {
    padding-right: calc(100px + 0.55em);
    top: -4em;
    white-space: nowrap;
  }
}
#top-feature.dlc #top-feature-controls .dlc-note span, #top-feature.expansion #top-feature-controls .dlc-note span {
  display: inline-block;
  font-size: 0.8rem;
  position: relative;
  top: -0.1em;
}
#top-feature.dlc #top-feature-controls .dlc-note em, #top-feature.dlc #top-feature-controls .dlc-note strong, #top-feature.expansion #top-feature-controls .dlc-note em, #top-feature.expansion #top-feature-controls .dlc-note strong {
  opacity: 0;
  font-size: 0.05rem;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  transition: font-size 0.2s linear, opacity 0.2s linear;
  position: relative;
  top: 0.2em;
}
#top-feature.dlc #top-feature-controls .dlc-note em, #top-feature.expansion #top-feature-controls .dlc-note em {
  font-weight: 400;
  font-style: normal;
}
#top-feature.dlc #top-feature-controls:hover .dlc-note span, #top-feature.expansion #top-feature-controls:hover .dlc-note span {
  opacity: 0;
  /*
  					font-size: .5rem;
  					width: 0;
  					height: 0;
  */
  overflow: hidden;
  display: none;
}
#top-feature.dlc #top-feature-controls:hover .dlc-note em, #top-feature.dlc #top-feature-controls:hover .dlc-note strong, #top-feature.expansion #top-feature-controls:hover .dlc-note em, #top-feature.expansion #top-feature-controls:hover .dlc-note strong {
  opacity: 1;
  font-size: 0.8rem;
  width: auto;
  height: auto;
  display: inline-block;
}
#top-feature-details {
  width: 100%;
  margin-top: auto;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
#top-feature-details > em {
  opacity: 0;
  margin-left: -50px;
  padding-left: 62px;
  box-sizing: content-box;
  animation: bounceInLeftSmall ease 2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  /*when the spec is finished*/
  animation-delay: 1s;
  -webkit-animation: bounceInLeftSmall ease 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards;
  /*Chrome 16+, Safari 4+*/
  -webkit-animation-delay: 1s;
  -moz-animation: bounceInLeftSmall ease 2s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards;
  /*FF 5+*/
  -moz-animation-delay: 1s;
  -o-animation: bounceInLeftSmall ease 2s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards;
  /*Not implemented yet*/
  -o-animation-delay: 1s;
  -ms-animation: bounceInLeftSmall ease 2s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards;
  /*IE 10+*/
  -ms-animation-delay: 1s;
  padding: 2px 34px 3px 51px;
  margin-bottom: 12px;
  font-style: normal;
  font-weight: bold;
  font-size: 1.3rem;
  text-shadow: 0px 0px 1px #882020, 0px 0px 2px #b51212, 0px 0px 3px #b51212, 0px 0px 5px #621b1b;
  background-color: #dc3545;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ba4018+0,bd3d19+6,c6351c+11,a91e10+42,8e0804+78,840000+100 */
  background: #ba4018;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #ba4018 0%, #bd3d19 6.51%, #c6351c 11.33%, #a91e10 42.82%, #8e0804 78.83%, #840000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #ba4018 0%, #bd3d19 6.51%, #c6351c 11.33%, #a91e10 42.82%, #8e0804 78.83%, #840000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #ba4018 0%, #bd3d19 6.51%, #c6351c 11.33%, #a91e10 42.82%, #8e0804 78.83%, #840000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ba4018", endColorstr="#840000",GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  display: inline-block;
  background-image: url("/images/backgrounds/triangles/featured-discount.svg");
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  max-width: 60%;
  -webkit-font-smoothing: antialiased;
}
#top-feature-details h3 {
  color: white;
}
#top-feature-details h5 {
  display: flex;
  width: 100%;
  font-weight: normal;
}
#top-feature-details h5 > * {
  margin-left: 5px;
  align-self: center;
  font-size: 1.3em;
}
#top-feature-details h5 > *:first-child {
  margin-left: 0px;
  margin-right: calc(10px + 0.5vw);
  margin-right: 0;
  font-size: 1em;
}
#top-feature-details h5 > *:nth-child(3):not(.price) {
  margin-left: calc(10px + 0.5vw);
  margin-left: 0;
}
#top-feature-details h5 .price {
  margin-left: auto;
  order: 8;
}
#top-feature-details h5 .price ins {
  margin-bottom: -1vw;
}
#top-feature-details h5 .price ~ .price {
  margin-left: 5px;
}

#top-feature-controls {
  display: flex;
  width: 100%;
}
#top-feature-controls a {
  flex: 1 1 50%;
  text-transform: uppercase;
  font-weight: 500;
}
#top-feature-controls a:nth-child(1):nth-last-child(2), #top-feature-controls a:nth-child(2):nth-last-child(2) {
  margin-left: 2px;
}
#top-feature-controls a:nth-child(2):nth-last-child(1), #top-feature-controls a:nth-child(3):nth-last-child(1) {
  margin-left: 4px;
  font-weight: normal;
}

h3 {
  font-size: 1.3rem;
}

@media (min-width: 768px) {
  h3 {
    font-size: 2.4vw;
  }

  #top-feature {
    padding: 0 0px calc(20vh - 12vw);
    background-image: none;
  }
  #top-feature.laracroftguardianoflightmobile-mobile #top-feature-details h3 {
    max-width: 100%;
  }

  #top-feature-details {
    position: relative;
    width: auto;
    background-image: url("/images/backgrounds/triangles/featured-game.svg");
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    padding: 1.8vw 7vw 1vw 30px;
    opacity: 0;
    margin-left: -100px;
    padding-left: 130px;
    box-sizing: border-box;
    animation: bounceInLeft ease 2s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    /*when the spec is finished*/
    animation-delay: 1s;
    -webkit-animation: bounceInLeft ease 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    /*Chrome 16+, Safari 4+*/
    -webkit-animation-delay: 1s;
    -moz-animation: bounceInLeft ease 2s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    /*FF 5+*/
    -moz-animation-delay: 1s;
    -o-animation: bounceInLeft ease 2s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    /*Not implemented yet*/
    -o-animation-delay: 1s;
    -ms-animation: bounceInLeft ease 2s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards;
    /*IE 10+*/
    -ms-animation-delay: 1s;
  }
  #top-feature-details > em {
    position: absolute;
    top: -5.5vw;
    opacity: 0;
    margin-left: -100px;
    padding-left: 130px;
    box-sizing: border-box;
    animation: bounceInLeft ease 2s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    /*when the spec is finished*/
    animation-delay: 2s;
    -webkit-animation: bounceInLeft ease 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    /*Chrome 16+, Safari 4+*/
    -webkit-animation-delay: 2s;
    -moz-animation: bounceInLeft ease 2s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    /*FF 5+*/
    -moz-animation-delay: 2s;
    -o-animation: bounceInLeft ease 2s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    /*Not implemented yet*/
    -o-animation-delay: 2s;
    -ms-animation: bounceInLeft ease 2s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards;
    /*IE 10+*/
    -ms-animation-delay: 2s;
    padding: 2px 4vw 3px 99px;
    margin-bottom: 0;
    font-size: 1.3rem;
    font-size: 2.5vw;
  }
  #top-feature-details h3 {
    color: #F15A24;
    font-weight: 300;
    max-width: 30vw;
  }
  #top-feature-details h5 {
    font-weight: 300;
    font-size: 1.6vw;
    padding: 0.5vh 2vw 0.3vh 0;
  }
  #top-feature-details h5 span:first-child {
    margin-right: 5px;
  }
  #top-feature-details h5 .price {
    margin-left: calc(20px + 0.5vw);
    margin-left: 25px;
  }

  #top-feature-controls {
    margin-left: auto;
    margin-top: 1vh;
    margin-top: calc(1vh - 4vw);
    width: auto;
    background-image: url("/images/backgrounds/triangles/featured-buttons.svg");
    background-size: cover;
    background-position: center left;
    background-repeat: no-repeat;
    padding: 1.2vw 30px 1.2vw 3.9vw;
    opacity: 0;
    margin-right: -100px;
    padding-right: 130px;
    animation: bounceInRight ease 2s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    /*when the spec is finished*/
    animation-delay: 2s;
    -webkit-animation: bounceInRight ease 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    /*Chrome 16+, Safari 4+*/
    -webkit-animation-delay: 2s;
    -moz-animation: bounceInRight ease 2s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    /*FF 5+*/
    -moz-animation-delay: 2s;
    -o-animation: bounceInRight ease 2s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    /*Not implemented yet*/
    -o-animation-delay: 2s;
    -ms-animation: bounceInRight ease 2s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards;
    /*IE 10+*/
    -ms-animation-delay: 2s;
  }
  #top-feature-controls a.btn {
    min-width: 12vw;
    font-size: 1.6vw;
  }
}
.discount-holder {
  position: absolute;
  top: 0px;
  left: 0px;
  box-sizing: border-box;
  overflow: hidden;
  height: 100px;
  width: 300px;
  z-index: 1;
}
.discount-holder .discount {
  position: absolute;
  display: block;
  top: 18px;
  left: -112px;
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: bold;
  transform: rotate(-30deg);
  background-color: #dc3545;
  padding: 2px 30px 2px 40px;
  border: 1px solid black;
  overflow: hidden;
  z-index: 4;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ba4018+0,bd3d19+6,c6351c+11,a91e10+42,8e0804+78,840000+100 */
  background: #ba4018;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ba4018 0%, #bd3d19 6.51%, #c6351c 11.33%, #a91e10 42.82%, #8e0804 78.83%, #840000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ba4018 0%, #bd3d19 6.51%, #c6351c 11.33%, #a91e10 42.82%, #8e0804 78.83%, #840000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ba4018 0%, #bd3d19 6.51%, #c6351c 11.33%, #a91e10 42.82%, #8e0804 78.83%, #840000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ba4018", endColorstr="#840000",GradientType=0 );
  /* IE6-9 */
  box-shadow: inset 0px 0px 15px rgba(220, 53, 69, 0.8);
  text-shadow: 0px 0px 1px #882020, 0px 0px 2px #b51212, 0px 0px 3px #b51212, 0px 0px 5px #621b1b;
}
.discount-holder .discount::before, .discount-holder .discount::after {
  content: " ";
  display: block;
  width: 40%;
  height: 100%;
  background: pink;
  position: absolute;
  top: 0%;
  left: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#260000+0,260000+100&0.65+0,0+100 */
  background: -moz-linear-gradient(left, rgba(38, 0, 0, 0.65) 0%, rgba(38, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(38, 0, 0, 0.65) 0%, rgba(38, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(38, 0, 0, 0.65) 0%, rgba(38, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a6260000", endColorstr="#00260000",GradientType=1 );
  /* IE6-9 */
}
.discount-holder .discount::after {
  right: 0;
  left: auto;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#260000+0,260000+100&0+0,0.65+100 */
  background: -moz-linear-gradient(left, rgba(38, 0, 0, 0) 0%, rgba(38, 0, 0, 0.65) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(38, 0, 0, 0) 0%, rgba(38, 0, 0, 0.65) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(38, 0, 0, 0) 0%, rgba(38, 0, 0, 0.65) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00260000", endColorstr="#a6260000",GradientType=1 );
  /* IE6-9 */
}

@media (min-width: 768px) {
  .discount-holder {
    top: 6px;
    left: 6px;
    height: 10vw;
    width: 10vw;
  }
  .discount-holder::before, .discount-holder::after {
    content: " ";
    display: block;
    position: absolute;
    background: black;
    width: 4px;
    height: 10%;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  .discount-holder::after {
    bottom: auto;
    top: 0;
    left: auto;
    right: 0;
    z-index: 1;
    width: 10%;
    height: 4px;
  }
  .discount-holder .discount {
    top: 2vw;
    left: -5vw;
    width: 171%;
    transform: rotate(-45deg);
    font-size: 2vw;
    padding: 2% 30%;
    border: 2px solid black;
  }
}
@media (min-width: 1200px) {
  .discount-holder::before, .discount-holder::after {
    border-radius: 0px 25px;
  }
}
body > section {
  position: relative;
  color: #FFF;
}
body > section:before {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
  background-repeat: repeat-x;
  width: 100%;
  height: 80%;
}

#social-media:before {
  display: none;
}
#social-media ul {
  list-style: none;
  padding: 0px 0;
  margin: 0px;
  box-sizing: border-box;
  text-align: center;
}
#social-media li {
  display: inline-block;
  box-sizing: border-box;
  margin: 30px 15px;
  text-align: center;
  min-width: 20vw;
}
#social-media li img {
  max-width: 15vw;
}
#social-media li span {
  display: none;
  color: #212529;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  #social-media ul {
    padding: 1.8rem 0 1.2rem;
  }
  #social-media li {
    min-width: 200px;
    margin: 15px;
  }
  #social-media li img {
    max-width: 8vw;
  }
  #social-media li span {
    display: block;
    font-size: 0.95rem;
    padding-top: 1.8vw;
  }
}
@media (min-width: 992px) {
  #social-media li {
    min-width: 250px;
    margin: 12px 1.2vw;
  }
  #social-media li img {
    max-width: 6.5vw;
  }
  #social-media li span {
    font-size: 1.05rem;
  }
}
#basic-site-map {
  background-color: #1a1a1a;
  text-align: center;
  padding-top: 0px;
}
#basic-site-map > img {
  width: 70%;
}
#basic-site-map #basic-site-map-toggle {
  position: relative;
  display: block;
  margin: 0px 20px;
  padding: 5px 10px;
  background-color: #FFF;
  color: #1a1a1a;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  font-size: 0.9rem;
}
#basic-site-map #basic-site-map-toggle:before {
  display: block;
  content: "";
  position: absolute;
  top: 8px;
  left: -8px;
  bottom: 0px;
  background-color: #FFF;
  width: 9px;
  -webkit-clip-path: polygon(0px 100%, 100% 0px, 100% 100%);
  clip-path: polygon(0px 100%, 100% 0px, 100% 100%);
}
#basic-site-map #basic-site-map-toggle:after {
  display: block;
  content: "";
  position: absolute;
  top: 8px;
  right: -8px;
  bottom: 0px;
  background-color: #FFF;
  width: 9px;
  -webkit-clip-path: polygon(0px 0px, 100% 100%, 0px 100%);
  clip-path: polygon(0px 0px, 100% 100%, 0px 100%);
}
#basic-site-map ul {
  list-style: none;
  padding-left: 20px;
}
#basic-site-map ul ul {
  padding-left: 10px;
  margin-bottom: 10px;
}
#basic-site-map > ul, #basic-site-map > p {
  display: none;
  text-align: left;
  padding-top: 10px;
  color: #FFF;
}
#basic-site-map > ul {
  font-size: 0.9rem;
}
#basic-site-map > ul > li > a {
  font-weight: bold;
  text-transform: uppercase;
}
#basic-site-map a {
  color: #FFF;
}
#basic-site-map p {
  padding: 10px;
  margin: 0px;
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  #basic-site-map {
    background-color: #FFF;
  }
  #basic-site-map > img {
    width: 200px;
    padding-top: 15px;
  }
  #basic-site-map #basic-site-map-toggle {
    display: none;
  }
  #basic-site-map ul {
    padding: 0px;
    margin: 0px;
  }
  #basic-site-map ul li {
    padding: 0px 7px;
  }
  #basic-site-map ul li ul {
    padding-left: 0;
  }
  #basic-site-map ul li ul li {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0.4em;
    line-height: 1.2em;
  }
  #basic-site-map a {
    color: #212529;
  }
  #basic-site-map > ul, #basic-site-map > p {
    margin: 30px 15px 15px;
    display: block;
  }
  #basic-site-map > p {
    color: #777;
    font-size: 0.8rem;
    text-align: center;
  }
  #basic-site-map > ul {
    display: flex;
    justify-content: space-around;
    font-size: 0.9rem;
    color: #212529;
  }
  #basic-site-map > ul ul {
    margin-top: 10px;
  }
}
.shareable .copy-link, .shareable .fa-x-twitter, .shareable .fa-facebook-f, .shareable .fa-reddit-alien, .shareable .fa-envelope {
  display: inline-block;
  padding: 3px 7px;
  border-radius: 4px;
  line-height: 1.6em;
  font-size: 1rem;
  min-width: 1.989em;
  height: 1.989em;
  min-height: 1.989em;
  text-align: center;
  text-decoration: none;
  transition: border-color 0.2s linear, background-color 0.2s linear, box-shadow 0.2s linear;
  border: 1px solid;
}
.shareable .copy-link:hover, .shareable .fa-x-twitter:hover, .shareable .fa-facebook-f:hover, .shareable .fa-reddit-alien:hover, .shareable .fa-envelope:hover {
  border-color: #F15A24 !important;
  background-color: black;
  color: white !important;
  box-shadow: none;
}
.shareable .fa-x-twitter, .shareable .fa-facebook-f, .shareable .fa-reddit-alien, .shareable .fa-envelope {
  color: #FFF !important;
}
.shareable .copy-link {
  background-color: #FFF;
  color: #F15A24 !important;
  margin-right: 0.7em;
  border-color: #d2d2d2;
}
.shareable .copy-link .fa-link {
  padding: 0 0 0 0.4em;
}
.shareable .copy-link .fa-clipboard-check {
  padding: 0 0.1em 0 0.5em;
}
.shareable .fa-x-twitter {
  background-color: #000000;
  box-shadow: inset 0 0 2px #ffffff;
}
.shareable .fa-facebook-f {
  background-color: #4a72b6;
}
.shareable .fa-reddit-alien {
  background-color: #fc6400;
}
.shareable .fa-envelope {
  background-color: #8a8a8a;
}
.shareable br {
  display: none;
}

.page-filters {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-items: center;
  background-color: #000;
}
.page-filters nav {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 10px;
  width: calc(100% - 20px);
}
.page-filters nav > span:first-child {
  display: none;
  font-size: 1.2rem;
}
.page-filters nav a {
  display: flex;
  width: calc(2.6rem + 2px);
  height: calc(2.6rem + 2px);
  border: solid 2px #FFF;
  border-radius: 100%;
  color: #FFF;
  text-align: center;
  background-color: #333;
  font-size: 1.5rem;
  text-decoration: none;
  box-sizing: content-box;
  transition: border 0.2s linear;
}
.page-filters nav a span {
  margin: auto;
  align-self: center;
}
.page-filters nav a span::before {
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
.page-filters nav a:hover {
  border-color: #F15A24;
}
.page-filters nav a:active {
  transform: scale(0.93);
  box-shadow: inset 0px 0px 15px 0px black;
}
.page-filters nav a.active {
  border-color: #F15A24;
  border-width: 3px;
  background-color: #000;
  width: calc(2.6rem + 1px);
  height: calc(2.6rem + 1px);
}
.page-filters select, .page-filters input[type=text], .page-filters input[type=search] {
  position: relative;
  display: block;
  width: calc(100% - 10px);
  margin: 0 10px 10px;
  padding: 3px 8px;
  border: solid 2px #FFF;
  border-radius: 4px;
  background-color: #333;
  color: #FFF;
}
.page-filters select:focus, .page-filters input[type=text]:focus, .page-filters input[type=search]:focus {
  outline: none;
  border-color: #F15A24;
}
.page-filters select:focus::placeholder, .page-filters input[type=text]:focus::placeholder, .page-filters input[type=search]:focus::placeholder {
  opacity: 0.3;
}
.page-filters select::-webkit-search-cancel-button, .page-filters input[type=text]::-webkit-search-cancel-button, .page-filters input[type=search]::-webkit-search-cancel-button {
  filter: invert(1);
}
.page-filters select {
  border-radius: 4px;
  background-color: #333;
  padding: 0 36px 0 8px;
  background-image: url("/images/down-arrow-white.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 13px) center;
  background-size: 12px auto;
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  height: 34px;
  font-size: 1em;
  font-weight: normal;
  border: 2px solid white;
  transition: border 0.2s linear;
  cursor: pointer;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  color: darkgrey;
}
.page-filters select:hover {
  border-color: #F15A24;
  background-image: url("/images/down-arrow-orange.svg");
}
.page-filters label.toggle {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.page-filters label.toggle span {
  text-align: right;
}
.page-filters label.toggle input {
  position: relative;
  display: block;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 2px solid white;
  border-radius: 15px;
  width: 60px;
  height: 30px;
  cursor: pointer;
}
.page-filters label.toggle input:before {
  content: "×";
  position: absolute;
  top: 1px;
  left: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: #dc3545;
  color: white;
  font-weight: bold;
  border-radius: 50%;
  transition: left 0.2s, background-color 0.2s;
}
.page-filters label.toggle input:checked:before {
  content: "✓";
  background-color: #28a745;
  left: calc(100% - 25px);
}

@media (min-width: 768px) {
  .page-filters {
    flex-direction: row;
  }
  .page-filters nav {
    margin-left: 30px;
    margin-right: auto;
    width: auto;
  }
  .page-filters nav > span:first-child {
    display: block;
    margin-right: 10px;
  }
  .page-filters nav a {
    margin-right: 5px;
  }
  .page-filters select, .page-filters input[type=text], .page-filters input[type=search] {
    width: 300px;
    margin: 10px 30px 10px 10px;
  }
  .page-filters label.toggle {
    margin-bottom: 0;
  }
}
.modal {
  padding-right: 0 !important;
}

.modal-dialog {
  border: solid 5px #FFF;
  border-radius: 5px;
  font-size: 0.8rem;
  background-color: #FFF;
  width: 95%;
  max-width: 1140px;
}
.modal-dialog:before {
  display: block;
  /* 		content: ''; */
  position: absolute;
  /* 			top: 0px; */
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 70% 0%, rgba(150, 150, 150, 0.8) 100%);
  background-repeat: repeat-x;
  width: 100%;
  height: 80%;
  border-radius: 3px;
  z-index: 0;
}
.modal-dialog .close {
  position: absolute;
  z-index: 300;
  top: -11px;
  right: -11px;
  opacity: 1;
  line-height: 21px;
  pointer-events: auto;
}
.modal-dialog .close span {
  display: block;
  height: 24px;
  width: 24px;
  background-color: white;
  transition: background-color 0.2s linear, color 0.2s linear;
  border-radius: 5px;
  border: 1px solid black;
  cursor: pointer;
  line-height: 21px;
  opacity: 1;
}
.modal-dialog .close span::before {
  line-height: 21px;
  font-size: 15px;
  font-weight: normal;
  opacity: 0.7;
  transition: opacity 0.2s linear;
  text-shadow: none;
}
.modal-dialog .close:not(:disabled):not(.disabled):hover, .modal-dialog .close:not(:disabled):not(.disabled):focus {
  opacity: 1;
}
.modal-dialog .close:not(:disabled):not(.disabled):hover span, .modal-dialog .close:not(:disabled):not(.disabled):focus span {
  background-color: #F15A24;
}
.modal-dialog .close:not(:disabled):not(.disabled):hover span::before, .modal-dialog .close:not(:disabled):not(.disabled):focus span::before {
  opacity: 1;
  font-weight: normal;
  text-shadow: none;
}
.modal-dialog .modal-content {
  border-color: #000;
  border-radius: 4px;
  margin: 0px;
  max-height: calc(100% - 2em);
  /*
  		max-height: calc(100vh - 2em - 75px);
  		@media screen and (max-aspect-ratio: 6/13){
  			max-height: calc(100vh - 2em - 115px); // XS etc.
  		}
  */
  overflow: auto;
  overflow-x: hidden;
  flex-flow: row wrap;
  z-index: 1;
  background-color: transparent;
  background-size: cover;
}
.modal-dialog .modal-content a {
  word-break: break-word;
}
.modal-dialog .modal-content ol {
  padding-left: 2em;
}
.modal-dialog .modal-content .modal-gradient {
  width: 100%;
  min-height: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+77,6b6b6b+100&0.9+0,0.7+12,0.5+77,0.8+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 12%, rgba(255, 255, 255, 0.5) 77%, rgba(107, 107, 107, 0.8) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 12%, rgba(255, 255, 255, 0.5) 77%, rgba(107, 107, 107, 0.8) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 12%, rgba(255, 255, 255, 0.5) 77%, rgba(107, 107, 107, 0.8) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e6ffffff", endColorstr="#cc6b6b6b",GradientType=0 );
  /* IE6-9 */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+70,6b6b6b+100&0.9+0,0.7+12,0.5+70,0.8+79,0.8+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 12%, rgba(255, 255, 255, 0.5) 70%, rgba(211, 211, 211, 0.8) 79%, rgba(107, 107, 107, 0.8) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 12%, rgba(255, 255, 255, 0.5) 70%, rgba(211, 211, 211, 0.8) 79%, rgba(107, 107, 107, 0.8) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 12%, rgba(255, 255, 255, 0.5) 70%, rgba(211, 211, 211, 0.8) 79%, rgba(107, 107, 107, 0.8) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e6ffffff", endColorstr="#cc6b6b6b",GradientType=0 );
  /* IE6-9 */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+70,6b6b6b+100&0.9+0,0.9+15,0.7+28,0.5+70,0.8+79,0.8+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 15%, rgba(255, 255, 255, 0.7) 28%, rgba(255, 255, 255, 0.5) 70%, rgba(211, 211, 211, 0.8) 79%, rgba(107, 107, 107, 0.8) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 15%, rgba(255, 255, 255, 0.7) 28%, rgba(255, 255, 255, 0.5) 70%, rgba(211, 211, 211, 0.8) 79%, rgba(107, 107, 107, 0.8) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 15%, rgba(255, 255, 255, 0.7) 28%, rgba(255, 255, 255, 0.5) 70%, rgba(211, 211, 211, 0.8) 79%, rgba(107, 107, 107, 0.8) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e6ffffff", endColorstr="#cc6b6b6b",GradientType=0 );
  /* IE6-9 */
}
.modal-dialog .modal-header, .modal-dialog .modal-body, .modal-dialog .modal-footer {
  position: relative;
  border: none;
  padding-bottom: 0rem;
  flex: 1 100%;
}
.modal-dialog .modal-header:last-child, .modal-dialog .modal-body:last-child, .modal-dialog .modal-footer:last-child {
  padding-bottom: 1rem;
}
.modal-dialog .modal-header {
  color: #F15A24;
  z-index: 1;
}
.modal-dialog .modal-error {
  background-color: #dc3545;
  margin: 5px 30px 0px;
  border-radius: 4px;
  width: 100%;
  color: #FFF;
  padding: 3px 10px;
  font-size: 90%;
}
.modal-dialog .modal-body {
  z-index: 0;
}
.modal-dialog .modal-footer > .row {
  width: calc(100% + 30px);
}
.modal-dialog .modal-footer > .row .btn {
  margin-bottom: 5px;
}
.modal-dialog .modal-footer > .row .btn:last-child {
  margin-bottom: 0px;
  font-size: 0.8em;
}
.modal-dialog .modal-footer > .row .btn[data-method=PAYPAL]::before {
  background-color: white;
}
.modal-dialog .modal-footer > .row .btn[data-method=PAYPAL]:hover {
  background-color: #F15A24;
}
.modal-dialog .modal-footer > .row .btn[data-method=PAYPAL] span {
  color: transparent;
  display: inline-block;
  background: url("/images/logos/paypal.svg") center center no-repeat transparent;
  background-size: contain;
  width: 100%;
}
.modal-dialog .modal-footer > .row .btn.loading::after {
  font-size: 1.4em;
}
.modal-dialog .modal-footer > .row .btn.loading[data-method=PAYPAL] span {
  opacity: 0;
}
.modal-dialog .modal-footer > .row .btn.loading.btn-info {
  color: #808080;
}
@media (min-width: 1200px) {
  .modal-dialog .modal-footer > .row .btn {
    padding-left: 23px;
    -webkit-clip-path: polygon(0.9rem 0px, 100% 0px, 100% 100%, 0px 100%, 0px 0.9rem);
    clip-path: polygon(0.9rem 0px, 100% 0px, 100% 100%, 0px 100%, 0px 0.9rem);
  }
  .modal-dialog .modal-footer > .row .btn:before {
    -webkit-clip-path: polygon(0.9rem 0px, 100% 0px, 100% 100%, 0px 100%, 0px 0.9rem);
    clip-path: polygon(0.9rem 0px, 100% 0px, 100% 100%, 0px 100%, 0px 0.9rem);
  }
}

@media (min-width: 576px) {
  .modal-dialog .modal-content {
    border-color: #000;
    border-radius: 4px;
    margin: 0px;
    max-height: calc(100% - 2.5em);
    overflow: auto;
    overflow-x: hidden;
  }
}
@media (min-width: 768px) {
  .modal-dialog {
    margin: 1vw auto;
  }
  .modal-dialog .modal-footer > .row {
    flex-wrap: nowrap;
  }
  .modal-dialog .modal-footer > .row > .col-5 {
    display: flex;
    align-items: flex-end;
    text-align: left;
    flex: 1 1 auto;
    width: auto;
  }
  .modal-dialog .modal-footer > .row > .col-7 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex: 1 1 auto;
    max-width: 100%;
  }
  .modal-dialog .modal-footer > .row > .col-7 .btn:first-child:last-child {
    margin-left: auto;
  }
  .modal-dialog .modal-footer > .row .btn {
    margin: 5px 0 0;
  }
  .modal-dialog .modal-footer > .row .btn:first-child {
    margin-left: 0px;
  }
  .modal-dialog .modal-footer > .row .btn:last-child {
    margin-right: 0px;
    margin-left: 10px;
  }
  .modal-dialog .modal-footer > .row .btn:first-child:last-child {
    margin-left: 0;
    white-space: nowrap;
  }
}
#faqModal .modal-content {
  font-size: 1rem;
}
#faqModal .modal-content .modal-gradient {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+77,ffffff+100&0.9+0,0.7+12,0.5+77,0.8+100 NOT USED */
  background: rgba(255, 255, 255, 0.85);
}
#faqModal .modal-content .modal-header {
  font-size: 1em;
}
#faqModal .modal-content .modal-header h5 {
  line-height: 1.4em;
  font-size: 1.3em;
  padding: 0 0 0.8em;
}
#faqModal .modal-content .modal-body:before {
  content: none;
}
#faqModal .modal-content .modal-body p {
  /*
  				a:first-child:last-child {
  					display: inline-block;
  					border: 1px solid silver;
  					padding: .2em .8em;
  					border-radius: 4px;
  					transition: color .2s linear, background-color .2s linear, border-color .2s linear;
  					&:hover {
  						background-color: silver;
  						color: black;
  						border-color: #626262;
  						text-decoration: none;
  					}
  				}
  */
}
#faqModal .modal-content .modal-body img {
  max-width: 100%;
}
#faqModal .modal-content .modal-body img[src*=iPadControlCentreSilentModeButton] {
  width: 362px;
}
#faqModal .modal-content .modal-body table {
  border-spacing: 0.1em;
  border-collapse: separate;
  font-size: 1em;
  line-height: 1.4em;
  width: calc(100% + 1.4em);
  margin: 1em -0.7em;
  /*

  			    max-width: 100%;
  			    overflow: auto;
  */
}
#faqModal .modal-content .modal-body table tr th {
  background-color: rgba(241, 90, 36, 0.2);
  padding: 0.5em;
  text-align: left;
}
#faqModal .modal-content .modal-body table tr th:nth-child(1):nth-last-child(2), #faqModal .modal-content .modal-body table tr th:nth-child(2):nth-last-child(1) {
  width: 50%;
}
#faqModal .modal-content .modal-body table tr th:nth-child(1):nth-last-child(3), #faqModal .modal-content .modal-body table tr th :nth-child(2):nth-last-child(2), #faqModal .modal-content .modal-body table tr th:nth-child(3):nth-last-child(1) {
  width: 33%;
}
#faqModal .modal-content .modal-body table tr th:nth-child(1):nth-last-child(4), #faqModal .modal-content .modal-body table tr th :nth-child(2):nth-last-child(3), #faqModal .modal-content .modal-body table tr th:nth-child(3):nth-last-child(2), #faqModal .modal-content .modal-body table tr th:nth-child(4):nth-last-child(1) {
  width: 25%;
}
#faqModal .modal-content .modal-body table tr td {
  background-color: rgba(122, 122, 122, 0.2);
  padding: 0.5em;
  vertical-align: top;
}
#faqModal .modal-content .modal-body table tr td:nth-child(1):nth-last-child(2), #faqModal .modal-content .modal-body table tr td:nth-child(2):nth-last-child(1) {
  width: 50%;
}
#faqModal .modal-content .modal-body table tr td:nth-child(1):nth-last-child(3), #faqModal .modal-content .modal-body table tr td :nth-child(2):nth-last-child(2), #faqModal .modal-content .modal-body table tr td:nth-child(3):nth-last-child(1) {
  width: 33%;
}
#faqModal .modal-content .modal-body table tr td:nth-child(1):nth-last-child(4), #faqModal .modal-content .modal-body table tr td :nth-child(2):nth-last-child(3), #faqModal .modal-content .modal-body table tr td:nth-child(3):nth-last-child(2), #faqModal .modal-content .modal-body table tr td:nth-child(4):nth-last-child(1) {
  width: 25%;
}
#faqModal .modal-content .modal-body table tr:first-child :first-child {
  border-radius: 5px 0px 0px 0px;
}
#faqModal .modal-content .modal-body table tr:first-child :last-child {
  border-radius: 0px 5px 0px 0px;
}
#faqModal .modal-content .modal-body table tr:first-child :nth-child(1):nth-last-child(1) {
  border-radius: 5px 5px 0px 0px;
}
#faqModal .modal-content .modal-body table tr:last-child :first-child {
  border-radius: 0px 0px 0px 5px;
}
#faqModal .modal-content .modal-body table tr:last-child :last-child {
  border-radius: 0px 0px 5px 0px;
}
#faqModal .modal-content .modal-body table tr:last-child :nth-child(1):nth-last-child(1) {
  border-radius: 0px 0px 5px 5px;
}
#faqModal .modal-content .modal-body .handle {
  display: block;
  margin-top: 1rem;
  font-weight: 500;
  color: black;
  pointer-events: none;
}
#faqModal .modal-content .modal-body .reqs_listing {
  padding: 0;
  display: flex;
  flex: 0 0 100%;
  flex-wrap: wrap;
  margin: 0 auto 5px;
}
#faqModal .modal-content .modal-body .reqs_listing li {
  display: flex;
  flex: 0 0 100%;
  flex-wrap: nowrap;
  justify-content: flex-start;
  flex-direction: row;
  align-content: flex-start;
  align-items: baseline;
  padding: 4px 5px;
  background-color: white;
  margin-bottom: 2px;
  border-bottom: 1px solid #d2d2d2;
}
#faqModal .modal-content .modal-body .reqs_listing li:last-child {
  margin-bottom: 0;
}
#faqModal .modal-content .modal-body .reqs_listing li h5 {
  font-size: 1rem;
  margin: 0.2rem 0.5rem 0 0;
  flex: 0 0 30%;
  text-align: left;
}
#faqModal .modal-content .modal-body .reqs_listing li h5::after {
  content: ":";
}
[lang=fr] #faqModal .modal-content .modal-body .reqs_listing li h5::after {
  content: " :";
}
#faqModal .modal-content .modal-body .reqs_listing li p {
  font-size: 1rem;
  flex: 0 1 calc(70% - 0.5rem);
  text-align: left;
  margin: 0.2rem 0 0;
}
@media (min-width: 576px) {
  #faqModal .modal-content .modal-body .reqs_listing {
    justify-content: center;
    margin: 0 -2px 5px;
  }
  #faqModal .modal-content .modal-body .reqs_listing li {
    flex: 1 1 auto;
    flex-wrap: wrap;
    padding: 8px 10px;
    margin: 2px !important;
    border-radius: 3px !important;
    border: 1px solid #d2d2d2;
  }
  #faqModal .modal-content .modal-body .reqs_listing li h5 {
    flex: 0 0 100%;
    text-align: center;
    margin: 0;
  }
  #faqModal .modal-content .modal-body .reqs_listing li p {
    flex: 0 0 100%;
    text-align: center;
    margin: 4px 0 0;
  }
}
#faqModal .modal-content .modal-body .devices_holder {
  background-color: transparent;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
#faqModal .modal-content .modal-body .devices_holder .note {
  padding: 1em 1rem;
  margin-top: 2px;
}
#faqModal .modal-content .modal-body .devices_holder .note p:last-child {
  margin-bottom: 0;
}
#faqModal .modal-content .modal-body .devices_holder .devices {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  margin-top: 2px;
  padding: 5px 2px 2px;
}
#faqModal .modal-content .modal-body .devices_holder .devices h4 {
  width: 100%;
  padding: 10px 5px 3px;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  margin: 2px;
  border-radius: 3px;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed {
  flex-direction: row;
  justify-content: space-between;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed.iphone div + ul {
  padding-left: 0px;
  min-width: calc(100% - 2em - 78px);
  max-width: calc(100% - 2em - 78px);
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed.ipad div + ul {
  padding-left: 0px;
  min-width: calc(100% - 2em - 78px);
  max-width: calc(100% - 2em - 78px);
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed.ipad div + ul li.device-iPad_Pro_11_4gb + li.device-iPad_Pro_11_6gb,
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed.ipad div + ul li.device-iPad_Pro_12_9_3_4gb + li.device-iPad_Pro_12_9_3_6gb {
  display: none;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed div {
  margin: 1em;
  width: 78px;
  text-align: center;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed img[src$="67.svg"] {
  width: 54px;
  height: 100px;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed img[src$="65.svg"] {
  width: 42px;
  height: 88px;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed img[src$="61.svg"] {
  width: 44px;
  height: 86px;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed img[src$="58.svg"] {
  width: 38px;
  height: 81px;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed img[src$="54.svg"] {
  width: 35px;
  height: 73px;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed img[src$="55.svg"] {
  width: 54px;
  height: 100px;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed img[src$="47.svg"] {
  width: 44px;
  height: 86px;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed img[src$="40.svg"] {
  width: 35px;
  height: 73px;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed img[src$="35.svg"] {
  width: 0;
  height: 0;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed img[src$="129.svg"] {
  width: 78px;
  height: 111px;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed img[src$="new_129.svg"] {
  width: 77px;
  height: 101px;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed img[src$="110.svg"] {
  width: 64px;
  height: 89px;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed img[src$="105.svg"] {
  width: 62px;
  height: 89px;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed img[src$="97.svg"] {
  width: 60px;
  height: 88px;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed img[src$="83.svg"] {
  width: 48px;
  height: 71px;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list.iconed img[src$="79.svg"] {
  width: 48px;
  height: 71px;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list ul {
  list-style: none;
  width: 100%;
  padding: 0.3em 1em;
  margin: 0px;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list ul li {
  padding: 0.9em 0.5em;
  margin: 0;
  line-height: 1.1em;
  border-top: 2px solid rgba(255, 255, 255, 0.5);
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list ul li:first-child {
  border-top: none;
}
#faqModal .modal-content .modal-body .devices_holder .devices .devices_list ul li span {
  font-size: 0.7rem;
  line-height: 1.1em;
}
#faqModal .modal-content .modal-body#faq-ios_silent_mode p:nth-child(4) {
  text-align: center;
}
#faqModal .modal-content .modal-body#faq-ios_silent_mode p:nth-child(4) img {
  border-radius: 1em;
}

#changeCountryModal #countryChangeCurrency, #changeCountryModal #countryChangeRestricted {
  display: none;
}

#checkoutModal {
  /*
  	ul.basket {
  		li {
  			flex-wrap: wrap;
  		}
  		li:nth-child(2)::after {
  			content: "Requires Total War: WARHAMMER II";
  			display: flex;
  			width: 100%;
  			background: black;
  			padding: 5px;
  			font-size: .8rem;
  			align-content: center;
  			justify-content: center;
  			border-radius: 0px 0px 5px 5px;
  		}
  	}
  */
}
#checkoutModal .modal-content {
  font-size: 1rem;
}
@media screen and (max-width: 374px) {
  #checkoutModal .modal-header {
    padding-left: 7px;
    padding-right: 7px;
  }
}
#checkoutModal .modal-header h5 {
  font-size: 1.8rem;
  margin: 0px;
}
@media screen and (max-width: 374px) {
  #checkoutModal .modal-body {
    padding-left: 7px;
    padding-right: 7px;
  }
}
#checkoutModal h6 {
  padding: 0.5em;
  margin: 0px 0px 5px;
  background-color: #000;
  color: #F15A24;
  border-radius: 3px;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1rem;
}
#checkoutModal ul.bases + h6, #checkoutModal ul.upgrades + h6 {
  margin-top: 5px;
}
#checkoutModal form {
  margin: 0px;
}
#checkoutModal .invalid {
  position: relative;
  margin-top: 2.2em;
  /*

  &[data-error] {
  	position: relative;
  	padding-bottom: 25px;

  	&:after {
  		position: absolute;
  		content: attr(data-error);
  		display: block;
  		bottom: 0px; left: 5px; right: 5px;
  		font-size: 75%;
  		color: #C00;
  		font-weight: bold;
  	}
  }

  */
}
@media (min-width: 576px) {
  #checkoutModal .invalid {
    margin-top: 0;
  }
}
#checkoutModal .invalid input {
  background-color: #f9dfdf !important;
  border-color: #C00 !important;
}
#checkoutModal .invalid span {
  display: block;
  position: absolute;
  top: -2rem;
  left: 50%;
  transform: translate(-50%);
  padding: 0.3em 0.8em;
  background: white;
  border-radius: 7px;
  color: #cc3535;
  width: auto;
  white-space: nowrap;
  filter: drop-shadow(0 0 0.3rem rgba(204, 53, 53, 0.3));
  z-index: 10;
  font-size: 0.85rem;
  font-weight: 500;
  border: 1px solid #cc3535;
}
@media (min-width: 576px) {
  #checkoutModal .invalid span {
    top: -2.05rem;
  }
}
#checkoutModal .invalid span::before {
  content: " ";
  display: block;
  background: inherit;
  transform: rotate(45deg) translate(-50%);
  width: 0.8em;
  height: 0.8em;
  position: absolute;
  bottom: -0.74em;
  left: 50%;
  z-index: 9;
  border: 1px solid #cc3535;
  border-left: none;
  border-top: none;
}
#checkoutModal ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#checkoutModal ul.addons li, #checkoutModal ul.upgrades li, #checkoutModal ul.bases li {
  flex-wrap: nowrap;
  flex-direction: row;
}
@media (max-width: 575.98px) {
  #checkoutModal ul.addons li, #checkoutModal ul.upgrades li, #checkoutModal ul.bases li {
    flex-wrap: wrap;
  }
}
#checkoutModal ul.addons div, #checkoutModal ul.upgrades div, #checkoutModal ul.bases div {
  display: flex;
  align-items: center;
  width: 80%;
}
@media (max-width: 575.98px) {
  #checkoutModal ul.addons div, #checkoutModal ul.upgrades div, #checkoutModal ul.bases div {
    width: 100%;
  }
}
#checkoutModal ul.addons form, #checkoutModal ul.upgrades form, #checkoutModal ul.bases form {
  display: flex;
  width: 20%;
}
@media (max-width: 575.98px) {
  #checkoutModal ul.addons form, #checkoutModal ul.upgrades form, #checkoutModal ul.bases form {
    margin-top: 0;
    width: 100%;
  }
}
#checkoutModal ul.addons form button, #checkoutModal ul.upgrades form button, #checkoutModal ul.bases form button {
  width: 100%;
}
#checkoutModal ul.addons img, #checkoutModal ul.upgrades img, #checkoutModal ul.bases img {
  min-width: 64px;
}
#checkoutModal ul.bases > li, #checkoutModal ul.upgrades > li {
  padding: 0;
  margin: 3px 0px 0;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
}
#checkoutModal ul.bases > li:first-child, #checkoutModal ul.upgrades > li:first-child {
  margin-top: 0px;
}
#checkoutModal ul.bases > li img, #checkoutModal ul.upgrades > li img {
  margin: 5px 10px 5px 5px;
  flex: 0 0 64px;
}
#checkoutModal ul.bases > li p, #checkoutModal ul.upgrades > li p {
  text-align: left;
}
#checkoutModal ul.addons {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}
#checkoutModal ul.addons > li {
  display: block;
  padding: 0px 5px 5px;
  margin: 0px;
  background-color: transparent;
  text-align: center;
}
#checkoutModal ul.addons > li:first-child {
  padding-top: 5px;
}
#checkoutModal ul.addons > li img {
  margin: 5px 10px 5px 5px;
  flex: 0 0 64px;
}
#checkoutModal ul.addons > li > p {
  padding: 0px 5px 5px;
}
@media (min-width: 768px) {
  #checkoutModal ul.addons > li ul {
    max-height: 7em;
    overflow: hidden;
    position: relative;
  }
  #checkoutModal ul.addons > li ul::after {
    content: "Show more...";
    display: block;
    position: absolute;
    font-size: 1em;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    padding-top: 1.5em;
    box-sizing: border-box;
    color: #F15A24;
    border-radius: 3px;
    transition: max-height 0.2s linear;
    background: #333333;
    background: -moz-linear-gradient(0deg, rgba(51, 51, 51, 0.95) 40%, rgba(51, 51, 51, 0.2) 100%);
    background: -webkit-linear-gradient(0deg, rgba(51, 51, 51, 0.95) 40%, rgba(51, 51, 51, 0.2) 100%);
    background: linear-gradient(0deg, rgba(51, 51, 51, 0.95) 40%, rgba(51, 51, 51, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333333",endColorstr="#333333",GradientType=1);
  }
  [lang=fr] #checkoutModal ul.addons > li ul::after {
    content: "Développer";
  }
  [lang=it] #checkoutModal ul.addons > li ul::after {
    content: "Espandi";
  }
  [lang=de] #checkoutModal ul.addons > li ul::after {
    content: "Einblenden";
  }
  [lang=es] #checkoutModal ul.addons > li ul::after {
    content: "Ampliar";
  }
  [lang=ru] #checkoutModal ul.addons > li ul::after {
    content: "Раскрыть";
  }
  [lang=zh_CN] #checkoutModal ul.addons > li ul::after {
    content: "展开";
  }
  [lang=pr_BR] #checkoutModal ul.addons > li ul::after {
    content: "Expanda";
  }
  #checkoutModal ul.addons > li ul:hover {
    max-height: 1000em;
  }
  #checkoutModal ul.addons > li ul:hover::after {
    display: none;
  }
}
#checkoutModal ul.addons > li li {
  background-color: rgba(0, 0, 0, 0.6);
}
#checkoutModal ul.addons > li li:last-child {
  margin-bottom: 0px;
}
#checkoutModal ul.addons > li li p {
  line-height: 1.2em;
  padding: 5px 0;
}
#checkoutModal li {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  margin: 0px 0px 3px;
  color: #FFF;
  display: flex;
  align-items: center;
  text-align: left;
}
#checkoutModal li > img {
  margin: 5px 10px 5px 5px;
  flex: 0 0 64px;
}
#checkoutModal li > form {
  margin: 5px 10px 5px 5px;
}
#checkoutModal li > form button.img {
  position: relative;
  margin: 0px;
  padding: 0px;
  border: none;
  background: none;
  flex: 0 0 64px;
}
#checkoutModal li > form button.img > span {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  padding-top: 13px;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  color: #FFF;
  text-transform: uppercase;
  font-size: 0.7rem;
  transition: opacity 0.2s linear;
}
#checkoutModal li > form button.img > span span {
  color: #F15A24;
  border: solid 2px;
  border-radius: 4px;
  font-size: 1.2rem;
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: 5px;
  line-height: 1.1em;
}
#checkoutModal li > form + p {
  padding: 5px 0;
}
#checkoutModal li:hover button.img > span {
  opacity: 1;
  pointer-events: auto;
}
#checkoutModal li p {
  margin: 0px;
  width: 100%;
  padding: 5px 0;
}
#checkoutModal li aside {
  margin: 5px;
  min-width: 65px;
  text-align: center;
}
#checkoutModal li .price {
  display: block;
  padding-top: 5px;
  margin-bottom: -4px;
}
#checkoutModal .basket-total {
  margin: 0px 0px 5px;
  padding: 3px 10px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  color: #F15A24;
  text-align: right;
  font-size: 2rem;
}
#checkoutModal .basket-total small {
  color: #FFF;
  font-size: 1rem;
  text-transform: uppercase;
  float: left;
  padding: 1.1em 0 0em;
}
#checkoutModal .basket-total small:nth-of-type(2):last-child {
  display: block;
  font-size: 0.8rem;
  text-transform: none;
  font-style: italic;
  padding: 0.8em 0 0.8em;
  float: none;
  border-top: 2px solid #5f5f5f;
}
#checkoutModal p.item {
  margin: 0px 0px 5px;
  padding: 0.7em 0.9em;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  color: #FFF;
  font-size: 0.9rem;
}
#checkoutModal input[type=text], #checkoutModal input[type=email], #checkoutModal select {
  display: block;
  width: 100%;
  padding: 0.25rem 0.5rem;
  border: solid 1px #EEE;
  border-radius: 3px;
}
#checkoutModal fieldset {
  padding: 7px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  color: #FFF;
}
#checkoutModal fieldset label {
  font-weight: bold;
  margin-bottom: 3px;
}
#checkoutModal fieldset .form-group {
  margin-bottom: 10px;
}
#checkoutModal fieldset .form-group #countryFlex {
  display: flex;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: wrap;
}
@media (min-width: 576px) {
  #checkoutModal fieldset .form-group #countryFlex {
    flex-wrap: nowrap;
  }
}
#checkoutModal fieldset .form-group #countryFlex input {
  flex: 1 1 100%;
  display: flex;
}
@media (min-width: 576px) {
  #checkoutModal fieldset .form-group #countryFlex input {
    flex: 1 1 auto;
  }
}
#checkoutModal fieldset .form-group #countryFlex button {
  flex: 0 0 100%;
  width: auto;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  margin: 0.4em 0 0 0;
}
@media (min-width: 576px) {
  #checkoutModal fieldset .form-group #countryFlex button {
    flex: 0 0 auto;
    margin: 0 0 0 0.4em;
  }
}
@media (min-width: 768px) {
  #checkoutModal fieldset .form-group #countryFlex button {
    font-size: 0.8em;
    padding: 8px 20px 8px 24px;
  }
}
#checkoutModal fieldset .details div.field-row {
  display: flex;
  margin-bottom: 3px;
}
#checkoutModal fieldset .details div.field-row div {
  display: flex;
  width: 100%;
}
#checkoutModal fieldset > p:last-child {
  margin: 0.3em 0px;
  text-align: center;
  font-size: 0.9rem;
}
#checkoutModal table {
  margin-bottom: 5px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  font-size: 1rem;
  color: #FFF;
  width: 100%;
}
#checkoutModal table th {
  color: #F15A24;
  font-weight: 500;
  text-align: left;
  padding: 1rem 0 0 1.2rem;
}
#checkoutModal table td {
  padding: 1rem 1.2rem 0 0.5rem;
  word-break: break-word;
}
#checkoutModal table tr:last-child th, #checkoutModal table tr:last-child td {
  padding-bottom: 1rem;
}
#checkoutModal iframe {
  width: 100%;
  border: 0;
  min-height: 550px;
  border-radius: 3px;
}
@media (min-width: 768px) {
  #checkoutModal iframe {
    min-height: 520px;
  }
}
@media screen and (min-width: 1030px) {
  #checkoutModal iframe {
    min-height: 420px;
  }
}
#checkoutModal .purchase_summary div {
  padding: 1em;
  margin-bottom: 5px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  color: #FFF;
}
#checkoutModal .purchase_summary div code {
  display: block;
  background-color: #FFF;
  color: #F15A24;
  text-align: center;
  margin: 0 0 1em;
  border-radius: 2px;
  line-height: 1.9rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1em;
  word-break: break-word;
  padding: 0.3em;
}
@media (min-width: 768px) {
  #checkoutModal .purchase_summary div code {
    padding: 1em;
    margin: 1em;
  }
}
#checkoutModal .purchase_summary div > *:last-child {
  margin-bottom: 0px;
}
#checkoutModal .modal-footer {
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  #checkoutModal .modal-footer .row > div:first-child {
    padding-left: 0;
  }
  #checkoutModal .modal-footer .row > div:last-child {
    padding-right: 0;
  }
}
#checkoutModal .modal-footer .row > div:last-child {
  text-align: right;
  justify-content: flex-end;
  flex-wrap: wrap;
}
#checkoutModal .modal-footer .row > div:first-child:last-child {
  text-align: left;
}
#checkoutModal .modal-footer .row > div a[type=button] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
#checkoutModal .modal-footer .row small {
  display: block;
  padding-top: 10px;
  color: #FFF;
}

#buyModal .product-details.gridlegends .shareable + .warning {
  display: none;
}
#buyModal .product-details .modal-body {
  text-align: center;
}
#buyModal .product-details .btn-success {
  clip-path: polygon(0 0px, 100% 0px, 100% 100%, 0px 100%, 0px 0);
  font-size: 1.5rem;
  padding: 7px 10px;
}
#buyModal .product-details .btn-success::before {
  clip-path: none;
}
#buyModal .product-details .btn-success span {
  font-size: 1.5rem;
  font-weight: bold;
}
#buyModal .product-details.dlc, #buyModal .product-details .expansion {
  /*
  				&::before {
  					content: 'DLC';
  					position: absolute;
  					right: 0;
  					top: 20px;
  					width: auto;
  					height: auto;
  					padding: .5em .55em .45em 1.2em;
  					font-weight: 700;
  					background-image: url('/images/backgrounds/triangles/dlc-frame.svg');
  					background-position: left center;
  					background-size: cover;
  					background-repeat: no-repeat;
  					z-index: 1;
  					text-transform: uppercase;
  					text-align: right;
  					color: white;
  					font-size: 1rem;
  				}
  */
}
#buyModal .product-details .expansion .panel {
  /*
  				&::before {
  					content: 'Expansion';
  				}
  */
}
#buyModal .product-details.gridautosport-mobile aside h6:first-of-type + img + img {
  width: 100px;
  margin-top: 1rem;
}
#buyModal .product-details.gridautosport-switch aside h6:first-of-type + img {
  width: 100px;
}
#buyModal img {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
#buyModal img.rating {
  max-width: 150px;
  height: auto;
  margin: 7px;
}
#buyModal img.rating:first-of-type {
  margin-top: 25px;
}
#buyModal img.rating:first-of-type[src*=IOS], #buyModal img.rating:first-of-type[src*=mobile]:last-of-type {
  background-color: white;
  border-radius: 3px;
}
#buyModal .modal-header {
  flex-direction: column;
  text-align: center;
}
#buyModal .modal-header img {
  margin: 10px auto 20px;
}
#buyModal .modal-header img.rating {
  display: flex;
  order: 2;
  margin: 0 0 -47px 20px;
}
#buyModal .modal-header h2 {
  margin: 0px -10px;
  color: #F15A24;
  background-color: rgba(255, 255, 255, 0.9);
  border: solid 1px #DDD;
  border-radius: 5px;
  line-height: 1.2em;
  padding: 0.4em 0.2em;
  font-size: 2em;
  width: calc(100% + 20px);
}
#buyModal .modal-header .dlc-requires {
  width: 100%;
  display: block;
  font-size: 1.2em;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.7);
  margin-top: 10px;
  line-height: 1.2em;
}
#buyModal .modal-header .dlc-requires span {
  margin-right: 0.5em;
}
#buyModal .price-details {
  display: flex;
  font-size: 2rem;
  width: 100%;
  min-width: 100%;
  color: white;
  flex-wrap: wrap;
  justify-content: center;
}
#buyModal .price-details * {
  align-self: center;
}
#buyModal .price-details .icon-linux::before {
  content: "\e80c";
}
#buyModal .price-details .price {
  margin: 20px auto 0;
  font-weight: bold;
  color: #212529;
}
#buyModal .price-details .price del {
  font-size: 0.5em;
  top: -0.7em;
}
#buyModal .price-details .tbyb_info {
  font-size: 0.8em;
  line-height: 1.1em;
}
#buyModal .price-details .tbyb_info em {
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0.3em 0.6em;
  background-color: #212529;
  border-radius: 0.3em;
  font-style: normal;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
#buyModal .price-details .tbyb_info small {
  display: block;
  font-weight: 500;
  font-size: 0.8em;
  color: #212529;
}
#buyModal .price-details .tbyb_info + .price {
  margin-top: 0;
  min-width: 100%;
}
#buyModal .ias-button + .price-details.multi {
  display: none;
}
#buyModal a + .price-details {
  display: none;
}
#buyModal a + .price-details.multi {
  display: flex;
}
#buyModal .ias-button + .gpy-button img, #buyModal .ias-button + .price-details + .gpy-button img {
  padding-top: 10px;
}
@media only screen and (min-width: 470px) and (max-width: 768px) {
  #buyModal .gpy-button img, #buyModal .ias-button img {
    height: 75px;
    width: auto;
    padding: 8px 5px !important;
  }
}
#buyModal .nintendo-button, #buyModal .egs-button, #buyModal .mqstore-button {
  background-color: #333333;
  border-radius: 16px;
  display: inline-block;
  padding: 0.5em 0.7em 0.65em;
  border: 1px solid #8a8a8a;
  font-size: 1.2em;
  transition: background-color 0.2s linear, transform 0.2s linear;
}
#buyModal .nintendo-button span, #buyModal .egs-button span, #buyModal .mqstore-button span {
  text-transform: uppercase;
  padding: 0em 0.5em 0.5em;
  display: inline-block;
  font-weight: 500;
  transition: color 0.2s linear;
}
#buyModal .nintendo-button:hover, #buyModal .egs-button:hover, #buyModal .mqstore-button:hover {
  text-decoration: none;
  border: 1px solid #8a8a8a;
  background-color: #151515;
  transform: scale(0.98);
}
#buyModal .nintendo-button:hover span, #buyModal .egs-button:hover span, #buyModal .mqstore-button:hover span {
  text-decoration: none;
}
#buyModal .nintendo-button:active, #buyModal .egs-button:active, #buyModal .mqstore-button:active {
  background-color: #777777;
  transition: background-color 0.1s linear;
}
#buyModal .multiplayer {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 10px;
  padding: 0px;
  background-color: #FFF;
  border: solid 1px #DDD;
  border-radius: 5px;
}
#buyModal .multiplayer li {
  display: flex;
  align-items: center;
  padding: 3px 5px;
  width: 100%;
  border-top: solid 1px #DDD;
}
#buyModal .multiplayer li > span {
  margin-right: 5px;
  width: 1.2rem;
}
#buyModal .multiplayer li:first-child {
  width: 100%;
  text-align: center;
  font-weight: bold;
  border-top: none;
  border-right: none;
  justify-content: center;
}
#buyModal .multiplayer li:nth-child(odd) {
  border-right: none;
}
#buyModal .multiplayer li:nth-child(even):last-child {
  border-right: none;
  width: 100%;
}
#buyModal .shareable {
  margin: 10px 0;
  text-align: center;
}
@media (min-width: 768px) {
  #buyModal .shareable {
    margin: 10px;
  }
}
#buyModal .shareable a {
  border: 1px solid #d2d2d2;
}
#buyModal .shareable .fa-x-twitter {
  border-color: black;
  box-shadow: none;
}
#buyModal .shareable .fa-twitter {
  border-color: #1d9bde;
}
#buyModal .shareable .fa-facebook-f {
  border-color: #4a72b6;
}
#buyModal .shareable .fa-reddit-alien {
  border-color: #fc6400;
}
#buyModal .shareable .fa-envelope {
  border-color: #8a8a8a;
}
#buyModal .reqs_holder {
  display: none;
}
#buyModal .reqs_holder.open {
  display: block;
}
#buyModal .reqs_holder > *:last-child {
  margin-bottom: 0px !important;
}
#buyModal .reqs_holder .reqs_listing {
  padding: 0 !important;
  display: flex;
  flex: 0 0 100%;
  flex-wrap: wrap;
  margin: 0 auto 5px;
}
#buyModal .reqs_holder .reqs_listing li {
  display: flex;
  flex: 0 0 100%;
  flex-wrap: nowrap;
  justify-content: flex-start;
  flex-direction: row;
  align-content: flex-start;
  align-items: baseline;
  padding: 4px 5px;
  background-color: white;
  margin-bottom: 2px;
  border-bottom: 1px solid transparent;
}
#buyModal .reqs_holder .reqs_listing li:first-child {
  border-radius: 3px 3px 0px 0px;
}
#buyModal .reqs_holder .reqs_listing li:last-child {
  border-radius: 0px 0px 3px 3px;
  margin-bottom: 0;
}
#buyModal .reqs_holder .reqs_listing li h5 {
  font-size: 1rem;
  margin: 0.2rem 0.5rem 0 0;
  flex: 0 0 30%;
  text-align: left;
}
#buyModal .reqs_holder .reqs_listing li h5::after {
  content: ":";
}
[lang=fr] #buyModal .reqs_holder .reqs_listing li h5::after {
  content: " :";
}
#buyModal .reqs_holder .reqs_listing li p {
  font-size: 1rem;
  flex: 0 1 calc(70% - 0.5rem);
  text-align: left;
  margin: 0.2rem 0 0;
}
@media (min-width: 576px) {
  #buyModal .reqs_holder .reqs_listing {
    justify-content: center;
    margin: 0 -2px 5px;
  }
  #buyModal .reqs_holder .reqs_listing li {
    flex: 1 1 auto;
    flex-wrap: wrap;
    padding: 8px 10px;
    margin: 2px !important;
    border-radius: 3px !important;
  }
  #buyModal .reqs_holder .reqs_listing li h5 {
    flex: 0 0 100%;
    text-align: center;
    margin: 0;
  }
  #buyModal .reqs_holder .reqs_listing li p {
    flex: 0 0 100%;
    text-align: center;
    margin: 4px 0 0;
  }
}
#buyModal .requirements {
  margin: 0px -10px;
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.4);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.6+11,0.3+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 11%, rgba(0, 0, 0, 0.3) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 11%, rgba(0, 0, 0, 0.3) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 11%, rgba(0, 0, 0, 0.3) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#99000000", endColorstr="#4d000000",GradientType=0 );
  /* IE6-9 */
  border: solid 1px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}
#buyModal .requirements h4 {
  text-align: center;
  color: white;
}
#buyModal .requirements h4 + p {
  color: white;
  font-size: 0.9rem;
}
#buyModal .requirements .devices h4 {
  color: #212529;
}
#buyModal .requirements nav {
  text-align: center;
  margin-bottom: 0.8em;
}
#buyModal .requirements nav a {
  display: inline-flex;
  width: calc(2.6rem + 2px);
  height: calc(2.6rem + 2px);
  border: solid 2px black;
  border-radius: 100%;
  color: #FFF;
  text-align: center;
  background-color: #333;
  font-size: 1.45rem;
  font-weight: bold;
  text-decoration: none;
  box-sizing: content-box;
  transition: border 0.2s linear;
  margin: 2px;
}
#buyModal .requirements nav a span {
  margin: auto;
  align-self: center;
}
#buyModal .requirements nav a span::before {
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
#buyModal .requirements nav a:hover {
  border-color: #F15A24;
}
#buyModal .requirements nav a:active {
  transform: scale(0.93);
  box-shadow: inset 0px 0px 15px 0px black;
}
#buyModal .requirements nav a.active {
  border-color: black;
  border-width: 2px;
  background-color: #000;
  width: calc(2.6rem + 2px);
  height: calc(2.6rem + 2px);
  background-color: #FFF;
  color: #F15A24;
  pointer-events: none;
}
#buyModal .requirements nav a.active span::before {
  text-shadow: 0px 0px 3px white, 0px 0px 1px white, 0px 0px 5px white;
}
#buyModal .requirements p:first-of-type {
  text-align: center;
}
#buyModal .requirements p:first-of-type span {
  display: none;
}
#buyModal .requirements p:empty {
  display: none;
}
#buyModal .requirements nav.ios_reqs + h4 + p:first-of-type span#ios-reqs-note, #buyModal .requirements nav.android_reqs + h4 + p:first-of-type span#android-reqs-note {
  display: inline;
}
#buyModal .requirements th, #buyModal .requirements td {
  text-align: left;
  padding: 0.3vh 1.5vw;
}
#buyModal .requirements th {
  font-size: 1rem;
}
#buyModal .requirements td {
  font-size: 0.95rem;
}
#buyModal .requirements a.handle {
  display: block;
  padding: 3px 5px;
  margin-top: 5px;
  background-color: #FFF;
  border-radius: 3px;
  color: #212529;
  font-weight: bold;
  font-size: 1rem;
  padding-left: 2rem;
  position: relative;
  text-align: left;
}
#buyModal .requirements a.handle:first-of-type {
  margin-top: 2px;
}
#buyModal .requirements a.handle:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0da";
  display: inline-block;
  width: 1.5rem;
  text-align: center;
  margin: 0;
  top: 6px;
  left: 0.3rem;
  position: absolute;
}
#buyModal .requirements a.handle.open {
  border-radius: 3px 3px 0px 0px;
}
#buyModal .requirements a.handle.open::before {
  content: "\f0d7";
}
#buyModal .requirements #mac_reqs ul {
  padding-left: 1.6em;
}
#buyModal .requirements #mac_reqs ul li {
  margin: 0.2em 0;
}
#buyModal .requirements .expandable {
  display: none;
  padding: 1em 1.2em;
  margin-top: 2px;
  margin-bottom: 5px;
  background-color: #FFF;
  border-radius: 0px 0px 3px 3px;
  width: 100%;
  font-size: 0.95rem;
  text-align: left;
}
#buyModal .requirements .expandable.open {
  display: block;
}
#buyModal .requirements .expandable p {
  text-align: left;
}
#buyModal .requirements .expandable p.install-space {
  white-space: pre-wrap;
}
#buyModal .requirements .expandable p:first-of-type:last-of-type {
  margin-bottom: 0;
}
#buyModal .requirements .expandable.devices_holder {
  background-color: transparent;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
#buyModal .requirements .expandable.devices_holder .note {
  padding: 1em 1rem;
  margin-top: 2px;
  background-color: #FFF;
}
#buyModal .requirements .expandable.devices_holder .note p:last-child {
  margin-top: 1em;
  margin-bottom: 0;
}
#buyModal .requirements .expandable.devices_holder .devices {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  margin-top: 2px;
  padding: 5px 2px 2px;
  background-color: #FFF;
}
#buyModal .requirements .expandable.devices_holder .devices h4 {
  width: 100%;
  padding: 10px 5px 3px;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: #EEE;
  margin: 2px;
  border-radius: 3px;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed {
  flex-direction: row;
  justify-content: space-between;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed.iphone div + ul {
  padding-left: 0px;
  min-width: calc(100% - 2em - 78px);
  max-width: calc(100% - 2em - 78px);
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed.ipad div + ul {
  padding-left: 0px;
  min-width: calc(100% - 2em - 78px);
  max-width: calc(100% - 2em - 78px);
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed.ipad div + ul li.device-iPad_Pro_11_4gb + li.device-iPad_Pro_11_6gb,
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed.ipad div + ul li.device-iPad_Pro_12_9_3_4gb + li.device-iPad_Pro_12_9_3_6gb {
  display: none;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed div {
  margin: 1em;
  width: 78px;
  text-align: center;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed img[src$="67.svg"] {
  width: 54px;
  height: 100px;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed img[src$="65.svg"] {
  width: 42px;
  height: 88px;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed img[src$="61.svg"] {
  width: 44px;
  height: 86px;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed img[src$="58.svg"] {
  width: 38px;
  height: 81px;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed img[src$="54.svg"] {
  width: 35px;
  height: 73px;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed img[src$="55.svg"] {
  width: 54px;
  height: 100px;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed img[src$="47.svg"] {
  width: 44px;
  height: 86px;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed img[src$="40.svg"] {
  width: 35px;
  height: 73px;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed img[src$="35.svg"] {
  width: 0;
  height: 0;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed img[src$="129.svg"] {
  width: 78px;
  height: 111px;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed img[src$="new_129.svg"] {
  width: 77px;
  height: 101px;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed img[src$="110.svg"] {
  width: 64px;
  height: 89px;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed img[src$="105.svg"] {
  width: 62px;
  height: 89px;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed img[src$="97.svg"] {
  width: 60px;
  height: 88px;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed img[src$="83.svg"] {
  width: 48px;
  height: 71px;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed img[src$="79.svg"] {
  width: 48px;
  height: 71px;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list ul {
  list-style: none;
  width: 100%;
  padding: 0.3em 1em;
  margin: 0px;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list ul li {
  padding: 0.7em 0.5em;
  margin: 0;
  line-height: 1.1em;
  border-top: 2px solid rgba(255, 255, 255, 0.5);
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list ul li:first-child {
  border-top: none;
}
#buyModal .requirements .expandable.devices_holder .devices .devices_list ul li span {
  font-size: 0.7rem;
  line-height: 1.1em;
}
#buyModal .requirements .expandable.devices_holder > *:last-child {
  border-radius: 0px 0px 3px 3px;
}
#buyModal .requirements a.supported {
  color: #008945;
}
#buyModal .requirements a.nonsupported {
  color: #F15A24;
}
#buyModal .requirements .unsupported {
  padding: 9px 9px 9px 2rem;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #FFF;
  color: #C00;
  border-radius: 3px;
  font-size: 1rem;
  line-height: 1.25em;
  position: relative;
  text-align: left;
}
#buyModal .requirements .unsupported:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f071";
  display: inline-block;
  margin: 0;
  width: 1.5rem;
  text-align: center;
  position: absolute;
  top: 0.58em;
  left: 0.3rem;
}
#buyModal .requirements table.reqs_table {
  padding: 0px;
  border-collapse: separate;
  border-spacing: 0px 3px;
  width: 100%;
}
#buyModal .requirements table.reqs_table td, #buyModal .requirements table.reqs_table th {
  background-color: #FFF;
}
#buyModal .requirements table.reqs_table td:first-child, #buyModal .requirements table.reqs_table th:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
#buyModal .requirements table.reqs_table td:last-child, #buyModal .requirements table.reqs_table th:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
#buyModal .requirements #android_reqs h5 {
  margin-top: 1em;
  margin-bottom: -0.3em;
  font-weight: 700;
}
#buyModal .requirements .switch_minimum_note, #buyModal .requirements .mquest_minimum_note {
  display: none;
}
@media (min-width: 768px) {
  #buyModal .requirements .switch_minimum_note, #buyModal .requirements .mquest_minimum_note {
    display: flex;
    opacity: 0;
    height: 1px;
    margin: -1px 0 0 0;
  }
}
#buyModal .requirements #switch_reqs {
  max-width: 100%;
  border-radius: 3px;
}
#buyModal .requirements #switch_reqs .note::after {
  content: " ";
  display: block;
  width: 100%;
  height: 40vw;
  max-height: 160px;
  background: url("/images/switch-controllers.jpg") center center no-repeat transparent;
  background-size: contain;
}
#buyModal .requirements #switch_reqs p {
  padding: 0.8em 1em 0em 1em;
  text-align: left;
  /*
  				&::before {
  					content: "\f071";
  					color: #ffcc00;
  					font-size: 1.3em;
  					font-family: "Font Awesome 5 Free";
  					margin-left: -1.65em;
  					margin-right: .45em;
  				}
  */
}
#buyModal .requirements #switch_reqs p span {
  font-size: 1.3em;
  margin-left: -1.65em;
  margin-right: 0.45em;
}
#buyModal .requirements #switch_reqs p span::before {
  color: #ffcc00;
  position: relative;
}
#buyModal .requirements #switch_reqs ul li {
  text-align: left;
}
#buyModal h6 {
  text-align: center;
  margin: 10px 5px 5px;
}
#buyModal h6 + img {
  margin-bottom: 10px;
}
#buyModal ul.languages {
  list-style: none;
  padding: 0px;
  margin: 5px;
  text-align: center;
}
#buyModal ul.languages li {
  display: inline-block;
  padding: 1px 5px;
  margin: 2px;
  background-color: #FFF;
  border: solid 1px #DDD;
  border-radius: 3px;
}
#buyModal p.warning {
  position: relative;
  margin: 10px -10px 20px;
  padding: 0.5rem 0.6rem 0.5rem 3.3rem;
  background-color: rgba(0, 0, 0, 0.7);
  color: #FFF;
  font-size: 0.8rem;
  border-radius: 5px;
  text-align: left;
}
#buyModal p.warning span:first-child {
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  font-size: 2.1rem;
}
#buyModal p.warning a {
  color: #FFF;
  text-decoration: underline;
}
#buyModal p.warning a:hover {
  color: #F15A24;
}
#buyModal p.warning:nth-of-type(2) span {
  font-size: 1.3em;
  padding-left: 0.45em;
}
#buyModal p.warning:nth-of-type(2) span::before {
  color: #ffcc00;
  top: -1px;
  position: relative;
}
#buyModal .gridlegends .rating + p.warning {
  display: none;
}
#buyModal .bundle_contents {
  background-color: rgba(255, 255, 255, 0.8);
  border: solid 1px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  margin: 10px -10px;
  text-align: center;
}
#buyModal .bundle_contents h4 {
  text-align: center;
  padding: 0.8rem 0.7rem 0rem;
  font-size: 1.2rem;
}
#buyModal .bundle_contents ul {
  list-style: none;
  padding: 0 0.5rem 0rem;
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0.6rem;
  justify-content: center;
}
#buyModal .bundle_contents li {
  display: flex;
  padding: 0.2rem 0.5rem;
  background-color: white;
  border: 1px solid lightgrey;
  margin: 0.1rem;
  order: 1;
}
#buyModal .bundle_contents li:not(.dlc) {
  order: 0;
}
#buyModal .btn {
  display: block;
  width: calc(100% - 0px);
  margin: 10px auto;
}
#buyModal .product-legal {
  display: block;
  margin: 0px 10px 10px;
  line-height: 1.1em;
  text-align: justify;
  color: white;
  z-index: 1;
  color: #dfdfdf;
}

a.ios-button, a.google-button {
  display: inline-block;
  margin: 10px auto;
  max-width: 100%;
}
a.ios-button img, a.google-button img {
  max-width: 100%;
}

@media (min-width: 768px) {
  #faqModal .modal-content {
    font-size: 1.5rem;
  }
  #faqModal .modal-content .modal-gradient {
    padding: 1em 1.2em;
  }
  #faqModal .modal-content .modal-header {
    font-size: 1em;
    padding: 0;
  }
  #faqModal .modal-content .modal-body {
    padding: 0 0.7em;
    font-size: 0.7em;
    /*
    &#faq-i_ios_silent_mode  {
    					display: flex;
    					flex-direction: row;
    					flex-wrap: wrap;
    					p {
    // 						flex: 1 300%;
    // 					flex-direction: column;

    						&:nth-child(4) {
    							order: -1;
    								float: right;
    							img {
    // 								display: flex;
    // 								flex: 1 100%;
    							}
    						}
    					}
    				}
    */
  }
  #faqModal .modal-content .modal-body table tr th, #faqModal .modal-content .modal-body table tr td {
    padding: 0.6em 0.9em;
  }
  #faqModal .modal-content .modal-body h3 {
    font-size: 1.4em;
    margin: 1em -0.5em 0.8em;
  }
  #faqModal .modal-content .modal-body .devices_holder .note {
    font-size: 1.1rem;
  }
  #faqModal .modal-content .modal-body .devices_holder .devices .devices_list {
    width: calc(50% - 4px);
  }
  #faqModal .modal-content .modal-body#faq-ios_silent_mode {
    position: relative;
    min-height: 474px;
  }
  #faqModal .modal-content .modal-body#faq-ios_silent_mode p {
    width: 50%;
  }
  #faqModal .modal-content .modal-body#faq-ios_silent_mode p:nth-child(4) {
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 1.2em;
  }

  #buyModal .modal-header {
    flex-direction: row;
    text-align: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  #buyModal .modal-header img {
    margin: 10px auto 20px;
  }
  #buyModal .modal-header h2 {
    margin: 0px -10px;
    color: #F15A24;
    background-color: rgba(255, 255, 255, 0.9);
    border: solid 1px #DDD;
    border-radius: 5px;
    line-height: 1.2em;
    padding: 0.4em 0.2em;
    font-size: 2em;
    width: calc(100% - 0px);
    display: flex;
    flex-wrap: wrap;
    background-color: transparent;
    border: none;
    text-align: left;
    padding-left: 15px;
  }
  #buyModal .modal-header .dlc-requires {
    font-size: 0.4em;
    padding-left: 5px;
  }
  #buyModal .modal-header img.rating {
    max-width: 150px;
    height: auto;
    display: flex;
    margin-bottom: -47px;
    margin-left: 20px;
  }
  #buyModal .shareable {
    text-align: left;
    margin-left: 7px;
  }
  #buyModal .price-details {
    flex-direction: column;
    color: #212529;
  }
  #buyModal .price-details .platforms {
    display: flex;
    justify-content: center;
    font-size: 0.9em;
    padding: 0.5em 0;
  }
  #buyModal .price-details .tbyb_info {
    font-size: 1.6vw;
    line-height: 1.1em;
    min-width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  #buyModal .price-details .tbyb_info {
    font-size: 0.5em;
  }
}
@media (min-width: 768px) {
  #buyModal .price-details .tbyb_info em {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0.3em 0.6em;
    background-color: white;
    border-radius: 0.3em;
    font-style: normal;
    margin-top: 0em;
    margin-bottom: 0.3em;
  }
}
@media (min-width: 768px) {
  #buyModal .price-details .tbyb_info small {
    display: block;
    font-weight: 700;
    font-size: 0.98em;
    color: #212529;
  }
}
@media (min-width: 768px) {
  #buyModal .price-details .tbyb_info + .price {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  #buyModal .price-details .price {
    margin: 0px auto 0px;
  }
  #buyModal .price-details .price ins {
    margin-top: -15px;
  }
  #buyModal .price-details .price del {
    position: relative;
  }
}
@media (min-width: 768px) {
  #buyModal .product-details {
    display: flex;
  }
  #buyModal .product-details > div {
    width: 81%;
  }
}
@media (min-width: 768px) {
  #buyModal p.warning, #buyModal .requirements {
    margin: 10px 0px;
  }
}
@media (min-width: 768px) {
  #buyModal .bundle_contents {
    background-color: rgba(255, 255, 255, 0.8);
    border: solid 1px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    margin: 0;
    text-align: left;
  }
  #buyModal .bundle_contents h4 {
    text-align: left;
    padding: 0.8rem 1rem 0rem;
    font-size: 1.2rem;
  }
  #buyModal .bundle_contents ul {
    list-style: none;
    padding: 0 0.9rem 0rem;
    text-align: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 0.8rem;
    justify-content: left;
  }
  #buyModal .bundle_contents li {
    display: flex;
    padding: 0.2rem 0.5rem;
    background-color: white;
    border: 1px solid lightgrey;
    margin: 0.1rem;
  }
}
@media (min-width: 768px) {
  #buyModal .requirements thead th {
    height: 3em;
    padding-top: 0.8em;
    padding-bottom: 0;
  }
  #buyModal .requirements a.handle, #buyModal .requirements .unsupported {
    min-height: 3em;
    padding-top: 0.85em;
    padding-bottom: 0.8em;
  }
  #buyModal .requirements a.handle::before {
    top: 0.7em;
    font-size: 1.3em;
  }
  #buyModal .requirements .expandable.devices_holder .note {
    font-size: 1.1rem;
  }
  #buyModal .requirements .expandable.devices_holder .devices .devices_list {
    width: calc(50% - 4px);
  }
  #buyModal .requirements .unsupported::before {
    top: 0.98em;
  }
}
@media (min-width: 768px) {
  #buyModal .reqs_selector {
    display: flex;
    align-items: center;
    margin: 15px 5px;
    flex-wrap: wrap;
  }
  #buyModal .reqs_selector h4 {
    white-space: nowrap;
    margin-right: 25px;
  }
  #buyModal .reqs_selector nav {
    margin: 0px 15px 0.5em 0;
    display: flex;
  }
  #buyModal .reqs_selector p {
    text-align: left !important;
    margin: 0px 0 0.5em;
  }
}
@media (min-width: 768px) {
  #buyModal .reqs_table > table tbody th {
    width: 20%;
  }
  #buyModal .reqs_table > table tbody td {
    width: 40%;
  }
}
@media (min-width: 768px) {
  #buyModal aside {
    position: relative;
    width: 25%;
    max-width: 220px;
    text-align: center;
    padding: 1.5vw 0 1.5vw 1.5vw;
  }
  #buyModal aside > img {
    margin: 0 auto 20px;
    width: 100%;
    max-width: 200px;
    height: auto;
  }
  #buyModal aside h6 {
    text-align: left;
    margin: 2em 0 0.8em;
  }
  #buyModal aside .languages {
    text-align: left;
  }
}
@media (min-width: 992px) {
  #faqModal .modal-content {
    font-size: 1.8rem;
  }

  #buyModal .modal-header h2 {
    font-size: 3em;
  }
  #buyModal .reqs_selector {
    flex-wrap: nowrap;
    margin: 5px 5px;
  }
}
@media (min-width: 1200px) {
  #faqModal .modal-content .modal-body .devices_holder .devices .devices_list {
    width: calc(33.33333% - 4px);
  }

  #buyModal .modal-header h2 {
    font-size: 4em;
  }
  #buyModal .requirements .expandable.devices_holder .devices .devices_list {
    width: calc(33.33333% - 4px);
  }
  #buyModal .requirements .expandable.devices_holder .devices .devices_list.iconed.ipad div + ul {
    max-width: 174px;
  }
  #buyModal aside {
    padding: 1rem 0 1rem 1rem;
  }
}
#contactModal .modal-content {
  font-size: 1rem;
}
#contactModal .modal-content .modal-title h5 {
  font-size: 2em;
}
#contactModal .modal-content .modal-title p {
  margin-bottom: 0px;
  color: #212529;
}
#contactModal .modal-content .modal-body {
  padding: 0.5rem;
  margin: 0.5rem;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
#contactModal .modal-content .modal-body > *:last-child {
  margin-bottom: 0px;
}
#contactModal .modal-content .modal-body .form-group {
  margin: 0 0 1em;
}
#contactModal .modal-content .modal-body .form-group .col-md-12 {
  padding: 0;
}
#contactModal .modal-content .modal-body .form-group label {
  padding: 0;
}
#contactModal .modal-content .modal-body .form-group label + div {
  padding: 0;
}
@media (min-width: 768px) {
  #contactModal .modal-content .modal-body .form-group label {
    padding-right: 15px;
  }
  #contactModal .modal-content .modal-body .form-group label + div {
    padding-left: 15px;
  }
}
#contactModal .modal-content .modal-body.modal-success {
  background-color: #FFF;
  justify-content: center;
  text-align: center;
  margin: 0.5rem;
  padding: 0;
}
#contactModal .modal-content .modal-body.modal-success h3 {
  color: #F15A24;
  text-align: left;
  padding: 0.5rem 0.5rem 1rem;
  font-size: 2em;
  margin-bottom: 0;
}
#contactModal .modal-content .modal-body.modal-success > div {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 1em;
  border-radius: 3px;
  margin-bottom: 20px;
  text-align: left;
  padding: 0.5rem;
}
@media (min-width: 768px) {
  #contactModal .modal-content .modal-body.modal-success > div {
    padding: 1.3em 1.5em 1.3em;
  }
}
#contactModal .modal-content .modal-body.modal-success > div p:last-child {
  margin-bottom: 0px;
}
#contactModal .modal-content .modal-body.modal-success > .btn-success {
  float: right;
  width: 200px;
  margin: 0.25rem 0.75rem 0.75rem;
}
@media (min-width: 768px) {
  #contactModal .modal-content .modal-body.modal-success > .btn-success {
    min-width: 200px;
    font-size: 0.8em;
  }
}
#contactModal .modal-content .modal-body h6 {
  font-size: 1.5rem;
}
#contactModal .modal-content .modal-body h6 + p {
  margin: 1em 0.2em 1em;
}
#contactModal .modal-content .modal-body #contactSummaryEmail, #contactModal .modal-content .modal-body #contactSummaryMessage, #contactModal .modal-content .modal-body #contactSummaryAttachments {
  margin: 0.4em 0 1em;
  padding: 1em;
  border-radius: 7px;
  border: 1px solid #ddd;
  background-color: rgba(0, 0, 0, 0.05);
  white-space: pre-wrap;
}
#contactModal .modal-content .modal-body #contactSummaryEmail li, #contactModal .modal-content .modal-body #contactSummaryMessage li, #contactModal .modal-content .modal-body #contactSummaryAttachments li {
  margin-left: 1em;
}
#contactModal .modal-content .modal-footer.modal-error {
  position: relative;
  padding-top: 40px;
}
#contactModal .modal-content .modal-footer.modal-error p {
  position: absolute;
  top: 0px;
  left: 0.5rem;
  right: 0.5rem;
  text-align: center;
  margin: 0px;
  font-weight: bold;
  color: #dc3545;
  font-size: 95%;
}
#contactModal .modal-content ul {
  padding-left: 1.3rem;
}
#contactModal .modal-content .special {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 1em;
  margin-bottom: 1rem;
  border-radius: 3px;
}
#contactModal .modal-content .special > *:last-child {
  margin-bottom: 0px;
}
#contactModal .modal-content .special ul {
  list-style: none;
}
#contactModal .modal-content .special ul li {
  position: relative;
}
#contactModal .modal-content .special ul li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0da";
  position: absolute;
  left: -1em;
  top: 0.25em;
}
#contactModal .modal-content select {
  padding: 3px 5px;
  border: solid 2px #000;
  background-color: #666;
  color: #F15A24;
  width: 100%;
  border-radius: 4px;
}
#contactModal .modal-content select {
  border-radius: 4px;
  background-color: #333;
  padding: 0 36px 0 8px;
  background-image: url("/images/down-arrow-white.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 13px) center;
  background-size: 12px auto;
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  height: 34px;
  font-size: 1em;
  font-weight: normal;
  border: 2px solid black;
  transition: border 0.2s linear, color 0.2s linear;
  cursor: pointer;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #F15A24;
}
#contactModal .modal-content select:hover {
  border-color: #F15A24;
  background-image: url("/images/down-arrow-orange.svg");
  color: white;
}
#contactModal .modal-content input[type=text], #contactModal .modal-content input[type=email], #contactModal .modal-content textarea {
  padding: 3px 5px;
  border: solid 2px #000;
  background-color: #FFF;
  color: #F15A24;
  width: 100%;
  border-radius: 4px;
}
#contactModal .modal-content .input-grouping {
  display: flex;
  width: 100%;
  border: solid 2px #000;
  background-color: #FFF;
  color: #000;
  border-radius: 4px;
  align-items: center;
}
#contactModal .modal-content .input-grouping span {
  display: block;
  font-size: 1.1rem;
  width: 2rem;
  text-align: center;
}
#contactModal .modal-content .input-grouping input {
  width: 100%;
}
#contactModal .modal-content .input-grouping input[type=file] {
  font-size: 0.9em;
}
#contactModal .modal-content .input-grouping input[type=file]::-webkit-file-upload-button {
  margin: 0.2em 0;
  padding: 0.3em 0.8em;
  font-size: 0.9em;
  border: 1px solid #b8b8b8;
  background-color: #e9e9e9;
  border-radius: 3px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
#contactModal .modal-content .input-grouping input:hover[type=file]::-webkit-file-upload-button {
  color: #F15A24;
}
#contactModal .modal-content .input-grouping input:active[type=file]::-webkit-file-upload-button {
  color: #F15A24;
  background-color: #333;
  border-color: black;
}
#contactModal .modal-content .input-grouping button {
  display: block;
  width: 2rem;
  font-size: 1.1rem;
  border: none;
  background: none;
  transition: color 0.2s linear;
}
#contactModal .modal-content .input-grouping button:hover {
  color: #F15A24;
}
#contactModal .modal-content .row {
  align-items: center;
}
#contactModal .modal-content label {
  font-weight: bold;
}
#contactModal .modal-content .platforms {
  margin-top: -2px;
}
#contactModal .modal-content .platforms label {
  margin: 0px;
  background-color: #333;
  border: solid 2px #000;
  color: #FFF;
  border-radius: 100%;
  font-size: 1.45rem;
  width: 2.8rem;
  height: 2.8rem;
  line-height: 1.4rem;
  text-align: center;
  font-weight: normal;
  transition: border 0.2s linear;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
#contactModal .modal-content .platforms label::before {
  line-height: 1.5em;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
  cursor: pointer;
}
#contactModal .modal-content .platforms label:hover {
  border-color: #F15A24;
}
#contactModal .modal-content .platforms label:active {
  transform: scale(0.93);
  box-shadow: inset 0px 0px 15px 0px black;
}
#contactModal .modal-content .platforms label.active {
  background-color: #FFF;
  color: #F15A24;
  pointer-events: none;
  border: solid 2px #000;
}
#contactModal .modal-content .platforms label.active::before {
  text-shadow: none;
}
#contactModal .modal-content .platforms label.active::after {
  content: " ";
  display: block;
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border: 2px solid #F15A24;
  border-radius: 100%;
  box-shadow: inset 0 0 10px black;
  pointer-events: none;
}
#contactModal .modal-content .platforms label.active.icon-linux::before {
  content: "\e80c";
}
#contactModal .modal-content .platforms label input {
  display: none;
}
#contactModal .modal-content .contact-footnote {
  font-size: 0.8em;
}
#contactModal .modal-content .modal-footer {
  justify-content: space-between;
}
#contactModal .modal-content .modal-footer button {
  min-width: 120px;
}
#contactModal .modal-content .modal-footer button.loading::after {
  font-size: 1.4em;
}
#contactModal .modal-content .modal-summary {
  display: none;
  max-width: 100%;
}
#contactModal .modal-content .invalid small {
  position: absolute;
  bottom: calc(100% + 3px);
  left: 50%;
  transform: translateX(-50%);
  padding: 3px 5px !important;
  background-color: #f3b7bd;
  width: auto;
  min-width: 250px;
  max-width: 100%;
  border-radius: 5px;
  text-align: center;
  color: #921925;
  white-space: normal !important;
  border: solid 2px #921925;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
#contactModal .modal-content .invalid small:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -10px;
  left: calc(50% - 10px);
  background-color: #921925;
  width: 20px;
  height: 10px;
  -webkit-clip-path: polygon(0px 0px, 100% 0px, 50% 100%);
  clip-path: polygon(0px 0px, 100% 0px, 50% 100%);
}
#contactModal .modal-content .invalid small:after {
  position: absolute;
  content: "";
  display: block;
  bottom: -8px;
  left: calc(50% - 8px);
  background-color: #f3b7bd;
  width: 16px;
  height: 10px;
  -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 2px, 50% 100%, 0px 2px);
  clip-path: polygon(0px 0px, 100% 0px, 100% 2px, 50% 100%, 0px 2px);
}

@media (min-width: 768px) {
  #contactModal .modal-content, #checkoutModal .modal-content {
    font-size: 1.5em;
  }
  #contactModal .modal-content .modal-title h5, #checkoutModal .modal-content .modal-title h5 {
    font-size: 2em;
  }
  #contactModal .modal-content .modal-title p, #checkoutModal .modal-content .modal-title p {
    margin-bottom: 0px;
    color: #212529;
  }
  #contactModal .modal-content .modal-body, #checkoutModal .modal-content .modal-body {
    padding: 1em 1.5em 0;
  }
  #contactModal .modal-content .form-group.row label, #checkoutModal .modal-content .form-group.row label {
    margin: 0px;
  }
  #contactModal .modal-content .special, #checkoutModal .modal-content .special {
    padding: 1em;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
  }
  #contactModal .modal-content .special ul, #checkoutModal .modal-content .special ul {
    padding-left: 1.5em;
  }
  #contactModal .modal-content input + .special, #checkoutModal .modal-content input + .special {
    margin-top: 0em;
  }
  #contactModal .modal-content .modal-footer button, #checkoutModal .modal-content .modal-footer button {
    min-width: 200px;
    font-size: 0.8em;
  }
}
@media (min-width: 768px) {
  #contactModal .modal-content .modal-body {
    padding: 1.3em 1.5em 1.3em;
  }
}
#screenshotsModal {
  text-align: center;
}
#screenshotsModal .modal-dialog {
  border-color: #000000;
  background-color: #404040;
  width: 95%;
  max-width: 960px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-52%, -50%);
  transform: translate(-52%, -50%);
}
#screenshotsModal .modal-dialog .modal-content {
  position: relative;
  justify-content: center;
  border: none;
  border-radius: 4px;
  overflow: hidden;
}
#screenshotsModal .modal-dialog .modal-content .prev {
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  width: 33.333%;
  height: 94.55%;
  display: flex;
  justify-content: stretch;
  align-items: center;
  text-decoration: none;
  opacity: 0.4;
  color: white;
  text-shadow: 0px 0px 0.3em rgba(0, 0, 0, 0.6), 0px 0px 0.1em rgba(0, 0, 0, 0.6), 0px 0px 0.5em rgba(0, 0, 0, 0.6);
  transition: opacity 0.2s linear;
  justify-content: flex-start;
}
#screenshotsModal .modal-dialog .modal-content .prev:hover {
  text-decoration: none;
  opacity: 1;
}
#screenshotsModal .modal-dialog .modal-content .prev span {
  display: flex;
  justify-content: stretch;
  padding: 5%;
  font-size: 5em;
}
#screenshotsModal .modal-dialog .modal-content .prev span::before {
  display: flex;
}
#screenshotsModal .modal-dialog .modal-content img {
  max-width: 100%;
  max-height: 100vh;
  display: inline-block;
  align-self: flex-start;
  border-radius: 3px 3px 0px 0px;
}
#screenshotsModal .modal-dialog .modal-content img + .prev {
  right: 0;
  left: auto;
  justify-content: flex-end;
}
#screenshotsModal .modal-dialog .modal-content p {
  font-size: 1rem;
  color: white;
  padding: 1em 0.5em 0;
}
#screenshotsModal .modal-dialog .modal-content p:empty {
  display: none;
}

@media (min-width: 576px) {
  #screenshotsModal .modal-dialog {
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 768px) {
  #screenshotsModal .modal-dialog {
    margin: 0 auto;
  }
}
.fadedImage {
  position: absolute;
  opacity: 0.5;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
}

@font-face {
  font-family: "feral-icons";
  src: url("/css/font/feral-icons.eot?37613535");
  src: url("/css/font/feral-icons.eot?37613535#iefix") format("embedded-opentype"), url("/css/font/feral-icons.woff2?37613535") format("woff2"), url("/css/font/feral-icons.woff?37613535") format("woff"), url("/css/font/feral-icons.ttf?37613535") format("truetype"), url("/css/font/feral-icons.svg?37613535#feral-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'feral-icons';
    src: url('../font/feral-icons.svg?9682103#feral-icons') format('svg');
  }
}
*/
[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "feral-icons";
  font-style: normal;
  font-weight: 400;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.15em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.15em;
  /* you can be more comfortable with increased icons size */
  font-size: 120%;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-settings:before {
  content: "\e800";
}

/* '' */
.icon-basket:before {
  content: "\e803";
}

/* '' */
.icon-search:before {
  content: "\e802";
}

/* '' */
.icon-linux:before {
  content: "\e806";
}

/* '' */
.icon-switch:before {
  content: "\e808";
}

/* '' */
.icon-ios:before {
  content: "\e809";
}

/* '' */
.icon-ipad:before {
  content: "\e80a";
}

/* '' */
.icon-iphone:before {
  content: "\e80b";
}

/* '' */
.icon-mac:before {
  content: "\e80d";
}

/* '' */
.icon-android:before {
  content: "\e80e";
}

/* '' */
.icon-windows:before {
  content: "\e80f";
}

/* '' */
.icon-tvos:before {
  content: "\e810";
}

/* '' */
.icon-sound-on:before {
  content: "\e811";
}

/* '' */
.icon-sound-off:before {
  content: "\e812";
}

/* '' */
.icon-close:before {
  content: "\e813";
}

/* '' */
.icon-menu:before {
  content: "\e814";
}

/* '' */
.icon-menu-thin-smaller:before {
  content: "\e816";
}

/* '' */
.icon-menu-thin:before {
  content: "\e817";
}

/* '' */
.icon-meta-quest:before {
  content: "\e829";
}

/* '' */
/* CoH iOS device list */
@font-face {
  font-family: "Gotham";
  src: url("/minisite/companyofheroes-mobile/fonts/Gotham-Bold.woff2") format("woff2"), url("/minisite/companyofheroes-mobile/fonts/Gotham-Bold.woff") format("woff"), url("/minisite/companyofheroes-mobile/fonts/Gotham-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src: url("/minisite/companyofheroes-mobile/fonts/Gotham-Book.woff2") format("woff2"), url("/minisite/companyofheroes-mobile/fonts/Gotham-Book.woff") format("woff"), url("/minisite/companyofheroes-mobile/fonts/Gotham-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* end */
/* XCOM2 iOS device list */
@font-face {
  font-family: "Dharma Gothic E";
  src: url("/minisite/xcom2collection-mobile/fonts/DharmaGothicE-Regular.woff2") format("woff2"), url("/minisite/xcom2collection-mobile/fonts/DharmaGothicE-Regular.woff") format("woff"), url("/minisite/xcom2collection-mobile/fonts/DharmaGothicE-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* end */
/* tropico device news font */
/* end */
body.home-page #top-header {
  min-height: 60vh;
}
@media (min-width: 768px) {
  body.home-page #top-header {
    min-height: 67.8vh;
  }
}
body.home-page #top-feature .price {
  display: none;
}
body.home-page section header {
  padding: 10px;
}
body.home-page section header h3 {
  margin: 0px;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.3rem;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
body.home-page section footer {
  padding: 10px;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 9;
}
body.home-page section footer .btn {
  font-size: 1.2rem;
  font-weight: 500;
  padding-left: 30px;
}
@media (min-width: 768px) {
  body.home-page section header h3 {
    margin: 1.6rem 0 1rem;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.8rem;
  }
  body.home-page section footer {
    margin-left: auto;
    margin-top: 3vw;
    margin-bottom: 2vw;
    width: auto;
    background-image: url("/images/backgrounds/triangles/side-button.svg");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
    padding: 10px 30px 10px 10px;
  }
  body.home-page section footer .btn {
    font-size: 1.6vw;
  }
  body.home-page section .no-gutters footer {
    margin-right: -30px;
  }
}
@media (min-width: 1200px) {
  body.home-page section footer {
    margin-top: 2vw;
    margin-bottom: 1vw;
  }
}
body.home-page #highlighted-games .row {
  opacity: 0;
  animation: fadeInUp ease 1.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  /*when the spec is finished*/
  animation-delay: 0;
  -webkit-animation: fadeInUp ease 1.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards;
  /*Chrome 16+, Safari 4+*/
  -webkit-animation-delay: 0;
  -moz-animation: fadeInUp ease 1.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards;
  /*FF 5+*/
  -moz-animation-delay: 0;
  -o-animation: fadeInUp ease 1.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards;
  /*Not implemented yet*/
  -o-animation-delay: 0;
  -ms-animation: fadeInUp ease 1.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards;
  /*IE 10+*/
  -ms-animation-delay: 0;
}
body.home-page #highlighted-games .gridautosport-tvos, body.home-page #highlighted-games .lisbeforethestorm {
  display: none;
}
body.home-page #highlighted-games .dlc .panel, body.home-page #highlighted-games .expansion .panel {
  /*
  			&::before {
  				content: 'DLC';
  				position: absolute;
  				right: 0;
  				top: 7%;
  				width: auto;
  				height: auto;
  				padding: .5em .55em .45em 1.2em;
  				font-weight: 700;
  				background-image: url('/images/backgrounds/triangles/dlc-frame.svg');
  				background-position: left center;
  				background-size: cover;
  				background-repeat: no-repeat;
  				z-index: 1;
  				text-transform: uppercase;
  			}

  			&:hover::before {
  				content: attr(data-basegame);
  				padding-left: 2em;
  				max-width: 95%;
  			}
  */
}
body.home-page #highlighted-games .dlc .panel .dlc-note, body.home-page #highlighted-games .expansion .panel .dlc-note {
  position: absolute;
  left: 0;
  top: 7%;
  width: auto;
  height: auto;
  padding: 0.5em 1.1em 0.45em 0.65em;
  font-weight: 700;
  background-image: url("/images/backgrounds/triangles/dlc-frame.svg");
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  text-transform: uppercase;
  text-align: left;
}
body.home-page #highlighted-games .dlc .panel .dlc-note span, body.home-page #highlighted-games .expansion .panel .dlc-note span {
  display: inline-block;
  font-size: 0.8rem;
  position: relative;
  top: -0.1em;
}
body.home-page #highlighted-games .dlc .panel .dlc-note em, body.home-page #highlighted-games .dlc .panel .dlc-note strong, body.home-page #highlighted-games .expansion .panel .dlc-note em, body.home-page #highlighted-games .expansion .panel .dlc-note strong {
  opacity: 0;
  font-size: 0.05rem;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  transition: font-size 0.2s linear, opacity 0.2s linear;
}
body.home-page #highlighted-games .dlc .panel .dlc-note em, body.home-page #highlighted-games .expansion .panel .dlc-note em {
  font-weight: 400;
  font-style: normal;
}
body.home-page #highlighted-games .dlc .panel:hover .dlc-note span, body.home-page #highlighted-games .expansion .panel:hover .dlc-note span {
  opacity: 0;
  /*
  						font-size: .5rem;
  						width: 0;
  						height: 0;
  */
  overflow: hidden;
  display: none;
}
body.home-page #highlighted-games .dlc .panel:hover .dlc-note em, body.home-page #highlighted-games .dlc .panel:hover .dlc-note strong, body.home-page #highlighted-games .expansion .panel:hover .dlc-note em, body.home-page #highlighted-games .expansion .panel:hover .dlc-note strong {
  opacity: 1;
  font-size: 0.8rem;
  width: auto;
  height: auto;
  display: inline-block;
}
body.home-page #highlighted-games .dlc .panel:hover .dlc-note em, body.home-page #highlighted-games .expansion .panel:hover .dlc-note em {
  display: block;
  font-size: 0.6rem;
}
body.home-page #highlighted-games .expansion .panel::before {
  content: "Expansion";
}
body.home-page #highlighted-games .panel-holder:nth-of-type(4) {
  display: none;
}
@media (min-width: 1200px) {
  body.home-page #highlighted-games .panel-holder:nth-of-type(4) {
    display: block;
  }
}
body.home-page #highlighted-games .panel {
  overflow: hidden;
  position: relative;
}
body.home-page #highlighted-games .panel-body {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 25vh;
  padding: 10px 10px 0px;
  background-size: cover;
  background-position: center center;
}
body.home-page #highlighted-games .panel-body:before {
  display: block;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.85) 50%, black);
  background-repeat: no-repeat;
  width: 100%;
  height: 39%;
  z-index: 0;
}
body.home-page #highlighted-games .panel-body h4 {
  position: relative;
  font-size: 1rem;
  font-weight: normal;
  margin-top: auto;
  margin-right: auto;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
body.home-page #highlighted-games .panel-body h5 {
  position: relative;
  white-space: nowrap;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
body.home-page #highlighted-games .panel-body h5 span {
  display: inline-block;
}
body.home-page #highlighted-games .panel-body h5 span::before {
  font-size: 1.4em;
  margin: 0 0.1em;
}
body.home-page #highlighted-games .panel-body h5 span.icon-ios::before, body.home-page #highlighted-games .panel-body h5 span.icon-android::before {
  position: relative;
  bottom: -0.12em;
}
body.home-page #highlighted-games .panel-body h5 span:first-child {
  display: none;
}
body.home-page #highlighted-games .panel-body h5 span.icon-mac {
  margin-right: 3px;
}
body.home-page #highlighted-games .panel-body h5 span.price {
  margin-left: auto;
  order: 8;
}
body.home-page #highlighted-games .panel-body h5 span.price ~ .price {
  margin-left: 5px;
}
body.home-page #highlighted-games .panel-body h5 span.price.tbyb {
  display: none;
  font-size: 0.58em;
  text-transform: uppercase;
  margin-bottom: -0.3em;
}
@media (min-width: 768px) {
  body.home-page #highlighted-games .panel-body h5 span.price.tbyb {
    max-width: 33%;
    text-align: center;
    white-space: normal;
    margin-top: -0.35em;
    margin-bottom: -0.2em;
    flex-wrap: wrap;
  }
}
body.home-page #highlighted-games .panel-buttons {
  display: flex;
  padding: 5px 10px 10px;
  background-color: #000;
}
body.home-page #highlighted-games .panel-buttons .btn {
  display: flex;
  flex: 1 1 50%;
  justify-content: center;
  align-items: center;
}
body.home-page #highlighted-games .panel-buttons .btn:nth-child(2) {
  margin-left: 4px;
}
@media (min-width: 768px) {
  body.home-page #highlighted-games .row {
    opacity: 0;
    animation: fadeInUp ease 2s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    /*when the spec is finished*/
    animation-delay: 2s;
    -webkit-animation: fadeInUp ease 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    /*Chrome 16+, Safari 4+*/
    -webkit-animation-delay: 2s;
    -moz-animation: fadeInUp ease 2s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    /*FF 5+*/
    -moz-animation-delay: 2s;
    -o-animation: fadeInUp ease 2s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    /*Not implemented yet*/
    -o-animation-delay: 2s;
    -ms-animation: fadeInUp ease 2s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards;
    /*IE 10+*/
    -ms-animation-delay: 2s;
  }
  body.home-page #highlighted-games .panel {
    margin: 10px;
    -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
    clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
    background-color: rgba(0, 0, 0, 0.7);
  }
  body.home-page #highlighted-games .panel:after {
    position: absolute;
    display: block;
    content: "";
    background-color: #181818;
    background-color: #414042;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
    clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
    z-index: -1;
  }
  body.home-page #highlighted-games .panel .panel-body {
    flex-direction: column;
    align-items: flex-start;
    -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
    clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
    min-height: calc(25vw - 17px);
    padding: 10px 15px 5px;
    box-shadow: inset 0px 0px 15px 7px rgba(0, 0, 0, 0.9);
  }
  body.home-page #highlighted-games .panel .panel-body h4 {
    color: #F15A24;
    font-size: 2vw;
  }
  body.home-page #highlighted-games .panel .panel-body h5 {
    font-size: 1.6vw;
  }
  body.home-page #highlighted-games .panel .panel-body h5 span {
    display: inline-block;
    font-weight: normal;
    font-size: 1.2em;
  }
  body.home-page #highlighted-games .panel .panel-body h5 span:not(:last-child) {
    font-size: 1em;
    margin-right: 0.3em;
  }
  body.home-page #highlighted-games .panel .panel-body h5 span.icon-mac {
    margin-right: 0.15em;
  }
  body.home-page #highlighted-games .panel .panel-body:after {
    position: absolute;
    display: block;
    content: "";
    background-color: #000;
    background-color: #1a1a1a;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
    clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
  }
  body.home-page #highlighted-games .panel .panel-buttons {
    background: none;
    padding-top: 9px;
  }
  body.home-page #highlighted-games .panel .panel-buttons .btn {
    font-size: 1.4vw;
  }
}
@media (min-width: 1200px) {
  body.home-page #highlighted-games .panel .panel-body {
    min-height: 19vw;
  }
  body.home-page #highlighted-games .panel .panel-body h4 {
    font-size: 1.5vw;
  }
  body.home-page #highlighted-games .panel .panel-body h5 {
    font-size: 1.2vw;
  }
  body.home-page #highlighted-games .panel .panel-buttons .btn {
    font-size: 1.2vw;
  }
}
body.home-page #latest-news .panel {
  margin: 0px 10px 10px;
  border: solid 1px #414042;
}
body.home-page #latest-news .panel .panel-body {
  position: relative;
  display: block;
  background-size: cover;
  color: #FFF;
  padding: 1.5em 0.2em;
  display: flex;
  font-size: 3vw;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
  overflow: hidden;
  box-shadow: inset 0px 0px 30px 10px black;
  border: 1px solid black;
  transition: border 0.2s linear;
  z-index: 0;
}
body.home-page #latest-news .panel .panel-body:before {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0.8+38,0.7+42,0.5+60,0.1+83 */
  background: -moz-linear-gradient(-45deg, black 0%, rgba(0, 0, 0, 0.8) 38%, rgba(0, 0, 0, 0.7) 42%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.1) 83%, rgba(0, 0, 0, 0.1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, black 0%, rgba(0, 0, 0, 0.8) 38%, rgba(0, 0, 0, 0.7) 42%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.1) 83%, rgba(0, 0, 0, 0.1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, black 0%, rgba(0, 0, 0, 0.8) 38%, rgba(0, 0, 0, 0.7) 42%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.1) 83%, rgba(0, 0, 0, 0.1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#1a000000",GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  width: 200%;
  height: 100%;
  z-index: 0;
  transition: opacity 0.2s linear, left 0.2s linear, box-shadow 0.2s linear;
  opacity: 0.8;
  pointer-events: none;
}
body.home-page #latest-news .panel .panel-body:hover {
  text-decoration: none;
  border: 1px solid #F15A24;
}
body.home-page #latest-news .panel .panel-body:hover:before {
  opacity: 1;
  left: -30%;
}
body.home-page #latest-news .panel .panel-body .home-article-image {
  position: absolute;
  width: 100%;
  height: auto;
  margin: -21% auto -100%;
  z-index: -1;
}
body.home-page #latest-news .panel .panel-body h4, body.home-page #latest-news .panel .panel-body aside {
  position: relative;
}
body.home-page #latest-news .panel .panel-body h4 {
  font-size: 1.7em;
  font-weight: 300;
  margin: 0px;
  align-self: center;
}
body.home-page #latest-news .panel .panel-body aside {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: right;
}
body.home-page #latest-news .panel .panel-body aside .platforms {
  width: 100%;
  margin-bottom: auto;
  font-size: 1.8em;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
body.home-page #latest-news .panel .panel-body aside .platforms > span::before {
  margin-right: 0;
  margin-left: 0.3em;
}
body.home-page #latest-news .panel .panel-body aside .platforms > span.icon-linux:first-child:not(:last-child)::before, body.home-page #latest-news .panel .panel-body aside .platforms > span.icon-linux:last-child:nth-child(2)::before {
  margin-right: -0.2em;
}
body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(1):nth-last-of-type(4), body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(2):nth-last-of-type(3), body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(3), body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(4) {
  font-size: 0.75em;
  margin-left: -0.2em;
}
body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(1):nth-last-of-type(4).icon-windows, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(1):nth-last-of-type(4).icon-switch, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(2):nth-last-of-type(3).icon-windows, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(2):nth-last-of-type(3).icon-switch, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(3).icon-windows, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(3).icon-switch, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(4).icon-windows, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(4).icon-switch {
  font-size: 0.6em;
  margin-left: 0.15em;
  margin-right: 0.15em;
}
body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(1):nth-last-of-type(4).icon-windows::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(1):nth-last-of-type(4).icon-switch::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(2):nth-last-of-type(3).icon-windows::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(2):nth-last-of-type(3).icon-switch::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(3).icon-windows::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(3).icon-switch::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(4).icon-windows::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(4).icon-switch::before {
  margin-left: 0.2em;
  margin-top: 0.15em;
}
body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(1):nth-last-of-type(5), body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(1):nth-last-of-type(6), body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(2):nth-last-of-type(4), body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(2):nth-last-of-type(5), body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(3):nth-last-of-type(3), body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(3):nth-last-of-type(4), body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(4):nth-last-of-type(2), body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(4):nth-last-of-type(3), body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(5), body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(6) {
  font-size: 0.9em;
  margin-bottom: 0.2em;
}
body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(1):nth-last-of-type(5).icon-switch, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(1):nth-last-of-type(5).icon-windows, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(1):nth-last-of-type(6).icon-switch, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(1):nth-last-of-type(6).icon-windows, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(2):nth-last-of-type(4).icon-switch, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(2):nth-last-of-type(4).icon-windows, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(2):nth-last-of-type(5).icon-switch, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(2):nth-last-of-type(5).icon-windows, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(3):nth-last-of-type(3).icon-switch, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(3):nth-last-of-type(3).icon-windows, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(3):nth-last-of-type(4).icon-switch, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(3):nth-last-of-type(4).icon-windows, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(4):nth-last-of-type(2).icon-switch, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(4):nth-last-of-type(2).icon-windows, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(4):nth-last-of-type(3).icon-switch, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(4):nth-last-of-type(3).icon-windows, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(5).icon-switch, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(5).icon-windows, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(6).icon-switch, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(6).icon-windows {
  font-size: 0.8em;
  margin-left: 0.15em;
  margin-right: 0.15em;
}
body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(1):nth-last-of-type(5).icon-switch::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(1):nth-last-of-type(5).icon-windows::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(1):nth-last-of-type(6).icon-switch::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(1):nth-last-of-type(6).icon-windows::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(2):nth-last-of-type(4).icon-switch::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(2):nth-last-of-type(4).icon-windows::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(2):nth-last-of-type(5).icon-switch::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(2):nth-last-of-type(5).icon-windows::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(3):nth-last-of-type(3).icon-switch::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(3):nth-last-of-type(3).icon-windows::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(3):nth-last-of-type(4).icon-switch::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(3):nth-last-of-type(4).icon-windows::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(4):nth-last-of-type(2).icon-switch::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(4):nth-last-of-type(2).icon-windows::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(4):nth-last-of-type(3).icon-switch::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(4):nth-last-of-type(3).icon-windows::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(5).icon-switch::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(5).icon-windows::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(6).icon-switch::before, body.home-page #latest-news .panel .panel-body aside .platforms > span:nth-child(6).icon-windows::before {
  margin-left: 0.2em;
  margin-top: 0.15em;
}
body.home-page #latest-news .panel .panel-body aside time {
  white-space: nowrap;
  width: 100%;
  text-transform: uppercase;
}
body.home-page #latest-news footer {
  padding-top: 0px;
}
@media (min-width: 768px) {
  body.home-page #latest-news article {
    display: flex;
  }
  body.home-page #latest-news article .panel {
    border: none;
    display: flex;
    padding: 0;
    flex: 1 1 100%;
  }
  body.home-page #latest-news article .panel .panel-body {
    -webkit-clip-path: polygon(14px 0px, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0px 100%, 0px 14px);
    clip-path: polygon(14px 0px, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0px 100%, 0px 14px);
    padding: 2.2vw 0;
    font-size: 1.5vw;
    border: none;
    flex: 1 1 100%;
  }
  body.home-page #latest-news article .panel .panel-body:after {
    position: absolute;
    display: block;
    content: "";
    background-color: #000;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    transition: background 0.2s linear;
    -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 7px 10px, 7px calc(100% - 7px), calc(100% - 17px) calc(100% - 7px), calc(100% - 7px) calc(100% - 17px), calc(100% - 7px) 7px, 17px 7px, 7px 17px, 0px 10px);
    clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 7px 10px, 7px calc(100% - 7px), calc(100% - 17px) calc(100% - 7px), calc(100% - 7px) calc(100% - 17px), calc(100% - 7px) 7px, 17px 7px, 7px 17px, 0px 10px);
  }
  body.home-page #latest-news article .panel .panel-body:hover {
    border: none;
  }
  body.home-page #latest-news article .panel .panel-body:hover::after {
    background-color: #F15A24;
  }
  body.home-page #latest-news article .panel .panel-body h4 {
    font-size: 1.4em;
    font-weight: normal;
    padding-right: 2.2vw;
    padding-left: 2.2vw;
  }
  body.home-page #latest-news article .panel .panel-body aside {
    margin-left: auto;
    padding-right: 2.2vw;
    padding-left: 0;
  }
  body.home-page #latest-news article .panel .panel-body aside .platforms {
    font-size: 1.3em;
    padding-bottom: 1em;
  }
  body.home-page #latest-news article .panel .panel-body aside time {
    text-transform: auto;
    font-size: 0.7em;
    line-height: 1.4em;
  }
  body.home-page #latest-news article .panel .panel-body aside time span {
    display: block;
    font-size: 2.5em;
    margin: 0 -0.08em 0.3em 0;
  }
  body.home-page #latest-news footer {
    padding-top: 10px;
  }
}
body.home-page #videos-activity .panel {
  margin: 1rem 10px;
}
body.home-page #videos-activity .panel h4 {
  font-size: 1.2rem;
  text-align: center;
  font-weight: normal;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
body.home-page #videos-activity .panel .panel-video {
  background-color: #000;
  -webkit-clip-path: polygon(14px 0px, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0px 100%, 0px 14px);
  clip-path: polygon(14px 0px, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0px 100%, 0px 14px);
}
body.home-page #videos-activity .panel .panel-video .panel-video-holder {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
}
body.home-page #videos-activity .panel .panel-video .panel-video-holder::after {
  position: absolute;
  display: block;
  content: "";
  background-color: #000;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: -1px;
  transition: background 0.2s linear;
  /*
  					-webkit-clip-path: polygon( 10px 0px, 
  												100% 0px, 
  												100% calc(100% - 10px), 
  												calc(100% - 10px) 100%, 
  												0px 100%, 
  												0px 10px, 
  												2px 10px, 
  												2px calc(100% - 2px), 
  												calc(100% - 12px) calc(100% - 2px), 
  												calc(100% - 2px) calc(100% - 12px), 
  												calc(100% - 2px) 2px, 
  												12px 2px, 
  												2px 12px, 
  												0px 10px);

  					clip-path: polygon(			10px 0px, 
  												100% 0px, 
  												100% calc(100% - 10px), 
  												calc(100% - 10px) 100%, 
  												0px 100%, 
  												0px 10px, 
  												2px 10px, 
  												2px calc(100% - 2px), 
  												calc(100% - 12px) calc(100% - 2px), 
  												calc(100% - 2px) calc(100% - 12px), 
  												calc(100% - 2px) 2px, 
  												12px 2px, 
  												2px 12px, 
  												0px 10px);
  */
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 7px 10px, 7px calc(100% - 7px), calc(100% - 17px) calc(100% - 7px), calc(100% - 7px) calc(100% - 17px), calc(100% - 7px) 7px, 17px 7px, 7px 17px, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 7px 10px, 7px calc(100% - 7px), calc(100% - 17px) calc(100% - 7px), calc(100% - 7px) calc(100% - 17px), calc(100% - 7px) 7px, 17px 7px, 7px 17px, 0px 10px);
}
body.home-page #videos-activity .panel .panel-video .panel-video-holder:hover::after {
  background-color: #F15A24;
}
body.home-page #videos-activity .panel .panel-video .panel-video-holder.youtube {
  /* Doug! we could use this ratio thing for both youtube and non-youtube embeds */
  padding-bottom: 56.25%;
  /* 16:9 */
}
body.home-page #videos-activity .panel .panel-video .panel-video-holder.youtube iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
}
body.home-page #videos-activity .panel .panel-video .panel-video-holder video {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
}
body.home-page #videos-activity .panel .panel-video .panel-video-holder .access-restricted {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  padding: 2em;
}
body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 50;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  margin-bottom: 0;
}
body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate h2 {
  font-size: 3vw;
  display: flex;
  flex: 0 0 95%;
  justify-content: center;
  margin: 0;
}
@media (min-width: 768px) {
  body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate h2 {
    font-size: 2vw;
  }
}
@media (min-width: 1200px) {
  body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate h2 {
    font-size: 1.5em;
  }
}
body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate #date-options {
  flex: 0 0 95%;
  justify-content: center;
  display: flex;
}
body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate #date-options label {
  display: flex;
  align-content: center;
}
body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate #date-options label select {
  margin: 0 0.5em;
}
body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate #date-options {
  display: flex;
  flex: 0 0 90%;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0.5em 0;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate #date-options {
    padding: 1em 0;
    flex: 0 0 95%;
  }
}
body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate #date-options label {
  display: flex;
  align-content: center;
  align-items: center;
  font-weight: bold;
  text-shadow: 0px 0px 0.3em rgba(0, 0, 0, 0.6), 0px 0px 0.1em rgba(0, 0, 0, 0.6), 0px 0px 0.5em rgba(0, 0, 0, 0.6);
  font-weight: normal;
  font-size: 2.5vw;
  padding: 0.5em;
}
@media (min-width: 768px) {
  body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate #date-options label {
    margin-bottom: 0.5vw;
    font-size: 2vw;
    flex: 0 1 100%;
    justify-content: space-between;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate #date-options label {
    flex: 0 1 20%;
    justify-content: center;
    padding: 0.5em;
    font-size: 1.3vw;
    margin-bottom: 0.5rem;
  }
}
body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate #date-options label select {
  display: flex;
  font-weight: normal;
  border-radius: 3px;
  margin: 0 0 0 0.5em;
  padding: 0 calc(1em + 17px) 0 1em;
  background-image: url("/images/down-arrow.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 17px) center;
  background-size: 12px auto;
  background-color: rgba(255, 255, 255, 0.6);
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  height: 5.7vw;
  border: 2px solid black;
  transition: border 0.2s linear;
  cursor: pointer;
  will-change: background-color;
  transition: background-color 0.2s linear;
  text-transform: uppercase;
}
body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate #date-options label select:hover {
  background-color: white;
}
@media (min-width: 768px) {
  body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate #date-options label select {
    height: 3.7vw;
  }
}
@media (min-width: 1200px) {
  body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate #date-options label select {
    flex: 1 1 50%;
    height: 2.7vw;
  }
}
body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate button {
  display: flex;
  flex: 0 1 auto;
  padding: 0 1em;
  margin: 0;
  height: 5.7vw;
  background: rgba(255, 255, 255, 0.6);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 1.1em;
  border: 2px solid black;
  border-radius: 3px;
  color: black;
  will-change: background-color, transform;
  transition: background-color 0.2s linear, transform 0.2s linear;
  text-transform: uppercase;
  align-items: center;
  font-size: 2.5vw;
}
@media (min-width: 768px) {
  body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate button {
    height: 3.7vw;
  }
}
@media (min-width: 1200px) {
  body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate button {
    margin: 1em auto 0;
    height: 2.7vw;
  }
}
body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate button:hover {
  background: white;
  transform: scale(1.05);
}
@media (min-width: 768px) {
  body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate button {
    font-size: 2vw;
  }
}
@media (min-width: 1200px) {
  body.home-page #videos-activity .panel .panel-video .panel-video-holder .video-age-gate button {
    font-size: 1.5vw;
  }
}
body.home-page #videos-activity .panel .panel-video video, body.home-page #videos-activity .panel .panel-video iframe {
  width: 100%;
  height: auto;
}
body.home-page #videos-activity .panel p {
  text-align: center;
  padding-top: 1rem;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
body.home-page #videos-activity .panel p span:first-child {
  margin-left: calc(10px + 0.5vw);
}
body.home-page #videos-activity .panel .panel-buttons {
  display: flex;
}
body.home-page #videos-activity .panel .panel-buttons .btn {
  width: 100%;
  font-weight: 500;
  text-transform: uppercase;
}
body.home-page #videos-activity .panel .panel-buttons .btn:nth-child(2) {
  margin-left: 1vw;
  font-weight: normal;
}
@media (min-width: 768px) {
  body.home-page #videos-activity .panel h4 {
    text-align: left;
    padding-left: 12px;
    margin-bottom: 1rem;
  }
}
@media (min-width: 992px) {
  body.home-page #videos-activity .panel h4 {
    font-size: 1.8vw;
  }
  body.home-page #videos-activity .panel p {
    font-size: 1.6vw;
  }
  body.home-page #videos-activity .panel .panel-buttons {
    padding: 0 5vw;
  }
}
@media (min-width: 1200px) {
  body.home-page #videos-activity .panel h4 {
    font-size: 1.5rem;
  }
  body.home-page #videos-activity .panel p {
    font-size: 1.3rem;
  }
}
body.home-page #feral-radar {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 250px;
  /* Doug! I couldn't work out how to do the borders so they work automatically (too many tangens and sinuses to get it working)... when you're done fiddling just add a &:before to each radar-handle and do the border and clipping manually */
}
body.home-page #feral-radar header {
  position: relative;
  padding: 30px 19px;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
body.home-page #feral-radar header, body.home-page #feral-radar header h3 {
  text-align: left;
}
body.home-page #feral-radar header p {
  padding-top: 1rem;
  width: 9rem;
}
body.home-page #feral-radar footer {
  margin-top: auto;
}
body.home-page #feral-radar #radar-holder {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body.home-page #feral-radar #radar-render {
  position: absolute;
  top: 50px;
  right: -200px;
  width: 400px;
  padding-top: 400px;
}
body.home-page #feral-radar #radar-render .radar-render-bg {
  position: absolute;
  border-radius: 100%;
}
body.home-page #feral-radar #radar-render .radar-render-blip {
  position: absolute;
  width: 4%;
  height: 4%;
  border: solid 3px #404040;
  border-radius: 100%;
}
body.home-page #feral-radar #radar-render-1 {
  top: -10%;
  left: -10%;
  width: 120%;
  height: 120%;
  background-color: rgba(72, 102, 124, 0.7);
}
body.home-page #feral-radar #radar-render-2 {
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  background-color: #515961;
  background: -moz-radial-gradient(center, ellipse cover, #515961 55%, #2f3236 70%);
  background: -webkit-radial-gradient(center, ellipse cover, #515961 55%, #2f3236 70%);
  background: radial-gradient(ellipse at center, #515961 55%, #2f3236 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$startColor", endColorstr="$endColor", GradientType=1);
}
body.home-page #feral-radar #radar-contents-notSoon {
  top: 5.7138320646%;
  left: 32.6090935503%;
  background-color: #159eb7;
}
body.home-page #feral-radar #radar-entry.radar-entry-notSoon > div > div:before {
  background-color: #159eb7;
}
body.home-page #feral-radar #radar-handle.radar-handle-notSoon {
  top: 7.7138320646%;
  height: 12.2861679354%;
  left: 34.6090935503%;
}
body.home-page #feral-radar #radar-handle.radar-handle-notSoon:after {
  -webkit-clip-path: polygon(0px 0px, 100% calc(100% - 30px), 100% 100%);
  clip-path: polygon(0px 0px, 100% calc(100% - 30px), 100% 100%);
}
body.home-page #feral-radar #radar-handle.radar-handle-notSoon:after {
  position: absolute;
  display: block;
  content: "";
  top: 0px;
  left: 0px;
  background-color: #159eb7;
  width: 100%;
  height: 100%;
}
body.home-page #feral-radar #radar-render-3 {
  top: 15%;
  left: 15%;
  width: 70%;
  height: 70%;
  background-color: #bbbcbe;
}
body.home-page #feral-radar #radar-render-4 {
  top: 15.5%;
  left: 15.5%;
  width: 69%;
  height: 69%;
  background-color: #626365;
}
body.home-page #feral-radar #radar-render-5 {
  top: 17.5%;
  left: 17.5%;
  width: 65%;
  height: 65%;
  background-color: #c58d55;
  background: -moz-radial-gradient(center, ellipse cover, #c58d55 55%, #e0dad6 70%);
  background: -webkit-radial-gradient(center, ellipse cover, #c58d55 55%, #e0dad6 70%);
  background: radial-gradient(ellipse at center, #c58d55 55%, #e0dad6 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$startColor", endColorstr="$endColor", GradientType=1);
}
body.home-page #feral-radar #radar-contents-quiteSoon {
  top: 36.5423251986%;
  left: 16.5202972039%;
  background-color: #C00;
}
@media (min-width: 768px) {
  body.home-page #feral-radar #radar-contents-quiteSoon {
    top: 15.0089402741%;
    left: 53.8172139518%;
  }
}
body.home-page #feral-radar #radar-handle.radar-handle-quiteSoon {
  top: calc(17.0089402741% - 15px);
  height: 30px;
  left: 55.8172139518%;
}
body.home-page #feral-radar #radar-handle.radar-handle-quiteSoon:after {
  -webkit-clip-path: polygon(0px 15px, 100% 0%, 100% 100%);
  clip-path: polygon(0px 15px, 100% 0%, 100% 100%);
}
body.home-page #feral-radar #radar-handle.radar-handle-quiteSoon:after {
  position: absolute;
  display: block;
  content: "";
  top: 0px;
  left: 0px;
  background-color: #C00;
  width: 100%;
  height: 100%;
}
body.home-page #feral-radar #radar-entry.radar-entry-quiteSoon > div > div:before {
  background-color: #C00;
}
body.home-page #feral-radar #radar-render-6 {
  top: 24.5%;
  left: 24.5%;
  width: 51%;
  height: 51%;
  background-color: #948b7a;
}
body.home-page #feral-radar #radar-render-7 {
  top: 26.5%;
  left: 26.5%;
  width: 47%;
  height: 47%;
  background-color: #c58d55;
  background: -moz-radial-gradient(center, ellipse cover, #c58d55 50%, #e0dad6 70%);
  background: -webkit-radial-gradient(center, ellipse cover, #c58d55 50%, #e0dad6 70%);
  background: radial-gradient(ellipse at center, #c58d55 50%, #e0dad6 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$startColor", endColorstr="$endColor", GradientType=1);
}
body.home-page #feral-radar #radar-contents-soon {
  top: 30.6758838609%;
  left: 30.6758838609%;
  background-color: #ffd200;
}
body.home-page #feral-radar #radar-handle.radar-handle-soon {
  top: 15%;
  height: 17.6758838609%;
  left: 32.6758838609%;
}
body.home-page #feral-radar #radar-handle.radar-handle-soon:after {
  -webkit-clip-path: polygon(0px 100%, 100% 0%, 100% 30px);
  clip-path: polygon(0px 100%, 100% 0%, 100% 30px);
}
body.home-page #feral-radar #radar-handle.radar-handle-soon:after {
  position: absolute;
  display: block;
  content: "";
  top: 0px;
  left: 0px;
  background-color: #ffd200;
  width: 100%;
  height: 100%;
}
body.home-page #feral-radar #radar-entry.radar-entry-soon > div > div:before {
  background-color: #ffd200;
}
body.home-page #feral-radar #radar-render-8 {
  top: 33.5%;
  left: 33.5%;
  width: 33%;
  height: 33%;
  background-color: #9d8c7c;
}
body.home-page #feral-radar #radar-render-9 {
  top: 35.5%;
  left: 35.5%;
  width: 29%;
  height: 29%;
  background-color: #c58d55;
  background: -moz-radial-gradient(center, ellipse cover, #c58d55 40%, #e0dad6 70%);
  background: -webkit-radial-gradient(center, ellipse cover, #c58d55 40%, #e0dad6 70%);
  background: radial-gradient(ellipse at center, #c58d55 40%, #e0dad6 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$startColor", endColorstr="$endColor", GradientType=1);
}
body.home-page #feral-radar #radar-contents-verySoon {
  top: 33.4347643778%;
  left: 42.6986877785%;
  background-color: #008546;
}
@media (min-width: 768px) {
  body.home-page #feral-radar #radar-contents-verySoon {
    top: 35.3031433135%;
    left: 56.8904347634%;
  }
}
body.home-page #feral-radar #radar-handle.radar-handle-verySoon {
  top: 15%;
  height: 22.3031433135%;
  left: 58.8904347634%;
}
body.home-page #feral-radar #radar-handle.radar-handle-verySoon:after {
  -webkit-clip-path: polygon(0px 100%, 100% 0%, 100% 30px);
  clip-path: polygon(0px 100%, 100% 0%, 100% 30px);
}
body.home-page #feral-radar #radar-handle.radar-handle-verySoon:after {
  position: absolute;
  display: block;
  content: "";
  top: 0px;
  left: 0px;
  background-color: #008546;
  width: 100%;
  height: 100%;
}
body.home-page #feral-radar #radar-entry.radar-entry-verySoon > div > div:before {
  background-color: #008546;
}
body.home-page #feral-radar #radar-render-10 {
  top: 42.5%;
  left: 42.5%;
  width: 15%;
  height: 15%;
  background-color: #381e12;
}
body.home-page #feral-radar #radar-handle {
  display: none;
  position: absolute;
  right: 196px;
  z-index: 2;
}
body.home-page #feral-radar #radar-entry {
  display: none;
  position: absolute;
  top: 5%;
  right: 0px;
}
body.home-page #feral-radar #radar-entry > div {
  position: relative;
  background-color: #1b1b1b;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
}
body.home-page #feral-radar #radar-entry > div:after {
  position: absolute;
  display: block;
  content: "";
  background-color: #404040;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
}
body.home-page #feral-radar #radar-entry > div > div {
  position: relative;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
  width: 200px;
  height: 148px;
  background-size: 100%;
}
body.home-page #feral-radar #radar-entry > div > div:before {
  position: absolute;
  display: block;
  content: "";
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 5px 10px, 5px calc(100% - 5px), calc(100% - 15px) calc(100% - 5px), calc(100% - 5px) calc(100% - 15px), calc(100% - 5px) 5px, 15px 5px, 5px 15px, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 5px 10px, 5px calc(100% - 5px), calc(100% - 15px) calc(100% - 5px), calc(100% - 5px) calc(100% - 15px), calc(100% - 5px) 5px, 15px 5px, 5px 15px, 0px 10px);
  z-index: 1;
}
body.home-page #feral-radar #radar-entry > div > div:after {
  position: absolute;
  display: block;
  content: "";
  background-color: #404040;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
  z-index: 2;
}
body.home-page #feral-radar #radar-entry > div .platforms {
  position: absolute;
  display: flex;
  justify-content: center;
  bottom: 0px;
  padding: 2.5em 0 0.7em;
  width: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=0 );
  /* IE6-9 */
}
body.home-page #feral-radar #radar-entry > div .platforms span {
  margin-right: 0px;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
  font-size: 1.5em;
}
body.home-page #feral-radar #radar-entry > div .platforms span:last-child {
  margin-right: 0px;
}
body.home-page #feral-radar #radar-entry p {
  padding: 3px 10px;
  width: 200px;
  font-weight: 300;
  text-align: center;
}
@media (min-width: 768px) {
  body.home-page #feral-radar {
    height: 400px;
  }
  body.home-page #feral-radar header {
    padding: 10px 40px;
  }
  body.home-page #feral-radar header p {
    font-size: 1.7rem;
    width: 9em;
  }
  [lang=ru] body.home-page #feral-radar header p {
    width: 13em;
  }
  [lang=es] body.home-page #feral-radar header p {
    width: 11em;
  }
  body.home-page #feral-radar #radar-render {
    position: absolute;
    top: 0px;
    left: calc(50% - 400px);
    right: auto;
    width: 800px;
    padding-top: 800px;
  }
  body.home-page #feral-radar #radar-render .radar-render-blip {
    border-width: 7px;
  }
  body.home-page #feral-radar #radar-handle {
    display: block;
  }
  body.home-page #feral-radar #radar-entry {
    display: block;
  }
}
body.home-page #join-and-stay {
  display: flex;
  flex-direction: column;
  padding: 0px;
}
body.home-page #join-and-stay:before {
  display: none;
}
body.home-page #join-and-stay h3 {
  margin: 15px 30px;
}
body.home-page #join-and-stay .panel {
  margin: 0.5vw 2.9vw;
  padding: 10px 15px;
  border: solid 1px #AAA;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
}
body.home-page #join-and-stay.svg-divided #stay-up-to-date, body.home-page #join-and-stay.svg-divided #join-feral, body.home-page #join-and-stay.svg-divided #calico {
  padding-top: 35px;
}
body.home-page #join-and-stay.svg-divider-after #stay-up-to-date, body.home-page #join-and-stay.svg-divider-after #join-feral, body.home-page #join-and-stay.svg-divider-after #calico {
  padding-bottom: 50px;
}
body.home-page #calico {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}
body.home-page #calico:after {
  display: block;
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0px;
  right: 0px;
  background-image: linear-gradient(to right, #fd7401 0%, #e4ac59 100%);
  background-repeat: repeat-x;
  height: 10px;
}
body.home-page #calico::before {
  content: " ";
  position: absolute;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+50,0.65+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.65) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.65) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a6000000", endColorstr="#a6000000",GradientType=0 );
  /* IE6-9 */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
body.home-page #calico #jarallax-container-5 div {
  background-position: 35% top !important;
}
body.home-page #calico h3, body.home-page #calico .panel {
  position: relative;
  z-index: 1;
}
body.home-page #calico .panel {
  padding: 1em 1.2em;
  font-size: 6vw;
  font-style: italic;
  font-weight: 300;
  margin-top: 3em;
  text-align: center;
}
body.home-page #calico .panel img {
  width: 30vw;
  display: block;
  margin: 0 auto 0.5em;
}
body.home-page #calico .panel strong {
  display: inline;
  font-weight: 700;
}
body.home-page #calico .panel p {
  padding-right: 0.5em;
  display: inline;
}
body.home-page #calico .panel > *:last-child {
  margin-bottom: 0px;
}
body.home-page #join-feral {
  display: flex;
  flex-direction: column;
  width: 100%;
}
body.home-page #join-feral h3, body.home-page #join-feral .panel {
  position: relative;
  z-index: 1;
}
body.home-page #join-feral .panel {
  padding: 1em 1.2em;
  font-size: 6vw;
  font-style: italic;
  font-weight: 300;
  margin-top: 3em;
  text-align: center;
}
body.home-page #join-feral .panel > *:last-child {
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  body.home-page #join-and-stay {
    flex-direction: row;
  }
  body.home-page #join-and-stay .panel {
    position: relative;
    border-radius: 0px;
    border: none;
    padding: 11px 16px;
    -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
    clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
  }
  body.home-page #join-and-stay .panel:after {
    position: absolute;
    display: block;
    content: "";
    background-color: #AAA;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 1px 10px, 1px calc(100% - 1px), calc(100% - 11px) calc(100% - 1px), calc(100% - 1px) calc(100% - 11px), calc(100% - 1px) 1px, 11px 1px, 1px 11px, 0px 10px);
    clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 1px 10px, 1px calc(100% - 1px), calc(100% - 11px) calc(100% - 1px), calc(100% - 1px) calc(100% - 11px), calc(100% - 1px) 1px, 11px 1px, 1px 11px, 0px 10px);
    z-index: -1;
  }
  body.home-page #calico {
    margin-bottom: 0px;
  }
  body.home-page #calico #jarallax-container-5 div {
    background-position: right top !important;
  }
  body.home-page #calico header {
    align-self: flex-end;
    text-align: left;
    margin-top: 1em;
    margin-bottom: 1em;
    min-width: 47%;
    max-width: 47%;
    padding-right: 2.9vw;
    margin-right: 4.9vw;
  }
  body.home-page #calico header h3 {
    min-width: 100%;
    text-align: left;
    align-self: flex-start;
  }
  body.home-page #calico .panel {
    margin-top: 0em;
    margin-bottom: 1.5em;
    padding: 2.5vw 2.9vw;
    font-size: 2.1vw;
    font-style: italic;
    font-weight: 300;
    text-align: left;
    max-width: 47%;
    min-width: 47%;
    align-self: flex-end;
  }
  body.home-page #calico .panel strong {
    display: block;
  }
  body.home-page #calico .panel p {
    padding-right: 0;
    display: block;
  }
  body.home-page #calico .panel img {
    width: 35%;
    margin-left: 0;
    margin-right: 2.5vw;
    margin-bottom: 0;
    float: left;
  }
  body.home-page #calico footer {
    align-self: flex-end;
    margin-top: 0;
    margin-bottom: 2em;
  }
  body.home-page #join-feral h3 {
    align-self: flex-start;
  }
  body.home-page #join-feral .panel {
    margin-top: 5em;
    padding: 2.5vw 2.9vw;
    font-size: 2.1vw;
    font-style: italic;
    font-weight: 300;
    text-align: left;
  }
  body.home-page #join-feral .panel p:last-child {
    padding-right: 2vw;
  }
  body.home-page #join-feral footer {
    align-self: flex-end;
  }
}

body.games-page {
  /*#top-feature-details {
  	display: flex;

  	h5 {
  		margin-left: auto;
  		display: block;
  		align-self: center;
  		text-align: right;
  		width: auto;
  		white-space: nowrap;

  		* {
  			display: none;
  		}

  		span.fab {
  			display: inline-block;
  		}
  	}
  }*/
}
body.games-page #top-header {
  min-height: 60vh;
}
@media (min-width: 768px) {
  body.games-page #top-header {
    min-height: 61.32vh;
  }
  [lang=en] body.games-page #top-header h2 span {
    max-width: 210px;
  }
}
body.games-page #games-list {
  background-color: #000;
}
body.games-page #games-list .row {
  opacity: 0;
  animation: fadeInUp ease 1.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  /*when the spec is finished*/
  animation-delay: 0;
  -webkit-animation: fadeInUp ease 1.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards;
  /*Chrome 16+, Safari 4+*/
  -webkit-animation-delay: 0;
  -moz-animation: fadeInUp ease 1.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards;
  /*FF 5+*/
  -moz-animation-delay: 0;
  -o-animation: fadeInUp ease 1.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards;
  /*Not implemented yet*/
  -o-animation-delay: 0;
  -ms-animation: fadeInUp ease 1.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards;
  /*IE 10+*/
  -ms-animation-delay: 0;
}
body.games-page #games-list .gridautosport-tvos, body.games-page #games-list .lisbeforethestorm {
  display: none;
}
body.games-page #games-list .dlc .panel, body.games-page #games-list .expansion .panel {
  /*
  			&::before {
  				content: 'DLC';
  				position: absolute;
  				right: 0;
  				top: 7%;
  				width: auto;
  				height: auto;
  				padding: .5em .55em .45em 1.2em;
  				font-weight: 700;
  				background-image: url('/images/backgrounds/triangles/dlc-frame.svg');
  				background-position: left center;
  				background-size: cover;
  				background-repeat: no-repeat;
  				z-index: 1;
  				text-transform: uppercase;
  				text-align: right;
  			}
  */
  /*
  			&:hover::before {
  				content: attr(data-basegame);
  				padding-left: 2em;
  				max-width: 95%;
  			}
  */
}
body.games-page #games-list .dlc .panel .dlc-note, body.games-page #games-list .expansion .panel .dlc-note {
  position: absolute;
  left: 0;
  top: 7%;
  width: auto;
  height: auto;
  padding: 0.5em 1.1em 0.45em 0.65em;
  font-weight: 700;
  background-image: url("/images/backgrounds/triangles/dlc-frame.svg");
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  text-transform: uppercase;
  text-align: left;
}
body.games-page #games-list .dlc .panel .dlc-note span, body.games-page #games-list .expansion .panel .dlc-note span {
  display: inline-block;
  font-size: 0.8rem;
  position: relative;
  top: -0.1em;
}
body.games-page #games-list .dlc .panel .dlc-note em, body.games-page #games-list .dlc .panel .dlc-note strong, body.games-page #games-list .expansion .panel .dlc-note em, body.games-page #games-list .expansion .panel .dlc-note strong {
  opacity: 0;
  font-size: 0.05rem;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
  transition: font-size 0.2s linear, opacity 0.2s linear;
}
body.games-page #games-list .dlc .panel .dlc-note em, body.games-page #games-list .expansion .panel .dlc-note em {
  font-weight: 400;
  font-style: normal;
}
body.games-page #games-list .dlc .panel:hover .dlc-note span, body.games-page #games-list .expansion .panel:hover .dlc-note span {
  opacity: 0;
  /*
  						font-size: .5rem;
  						width: 0;
  						height: 0;
  */
  overflow: hidden;
  display: none;
}
body.games-page #games-list .dlc .panel:hover .dlc-note em, body.games-page #games-list .dlc .panel:hover .dlc-note strong, body.games-page #games-list .expansion .panel:hover .dlc-note em, body.games-page #games-list .expansion .panel:hover .dlc-note strong {
  opacity: 1;
  font-size: 0.8rem;
  width: auto;
  height: auto;
  display: inline-block;
}
body.games-page #games-list .dlc .panel:hover .dlc-note em, body.games-page #games-list .expansion .panel:hover .dlc-note em {
  display: block;
  font-size: 0.6rem;
}
body.games-page #games-list .expansion .panel::before {
  content: "Expansion";
}
body.games-page #games-list .panel {
  overflow: hidden;
  position: relative;
  min-height: 140px;
}
body.games-page #games-list .panel-body {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  min-height: 25vh;
  padding: 10px 10px 0px;
  background-size: cover;
  background-position: center center;
}
body.games-page #games-list .panel-body:before {
  display: block;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.85) 50%, black);
  background-repeat: no-repeat;
  width: 100%;
  height: 39%;
  z-index: 0;
}
body.games-page #games-list .panel-body h4, body.games-page #games-list .panel-body h5, body.games-page #games-list .panel-body .panel-buttons {
  position: relative;
  width: 100%;
}
body.games-page #games-list .panel-body h4 {
  position: relative;
  font-size: 1rem;
  font-weight: normal;
  margin-top: auto;
  margin-right: auto;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
body.games-page #games-list .panel-body h5 {
  display: flex;
  font-size: 0.9rem;
  margin: 0px;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
body.games-page #games-list .panel-body h5 > * {
  margin-left: 5px;
  align-self: center;
  order: unset;
}
body.games-page #games-list .panel-body h5 > *:first-child {
  margin-left: 0px;
  margin-right: 0.2em;
}
body.games-page #games-list .panel-body h5 > *[class^=icon-], body.games-page #games-list .panel-body h5 > *[class*=" icon-"] {
  margin-right: 7px;
}
body.games-page #games-list .panel-body h5 > *[class^=icon-]:before, body.games-page #games-list .panel-body h5 > *[class*=" icon-"]:before {
  font-size: 1.4em;
  margin: -0.2em 0.05em 0;
}
body.games-page #games-list .panel-body h5 > *.icon-ios::before, body.games-page #games-list .panel-body h5 > *.icon-android::before {
  position: relative;
  bottom: -0.12em;
}
body.games-page #games-list .panel-body h5 > *.icon-mac {
  margin-right: 3px;
}
body.games-page #games-list .panel-body h5 .price {
  margin-left: auto;
  order: 8;
}
body.games-page #games-list .panel-body h5 .price ~ .price {
  margin-left: 5px;
}
body.games-page #games-list .panel-body h5 .price.tbyb {
  font-size: 0.8em;
  text-transform: uppercase;
  margin-bottom: -0.3em;
}
@media (min-width: 768px) {
  body.games-page #games-list .panel-body h5 .price.tbyb {
    max-width: 33%;
    text-align: center;
    white-space: normal;
    margin-top: -0.35em;
    margin-bottom: -0.2em;
    flex-wrap: wrap;
  }
}
body.games-page #games-list .panel-buttons {
  display: flex;
  padding: 5px 10px 10px;
  background-color: #000;
}
body.games-page #games-list .panel-buttons .btn {
  display: flex;
  flex: 1 1 50%;
  justify-content: center;
  align-items: center;
}
body.games-page #games-list .panel-buttons .btn:nth-child(2) {
  margin-left: 4px;
}
@media (min-width: 768px) {
  body.games-page #games-list .row {
    align-items: center;
    justify-content: center;
  }
  body.games-page #games-list .panel {
    margin: 10px;
    -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
    clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
    background-color: rgba(0, 0, 0, 0.7);
  }
  body.games-page #games-list .panel:after {
    position: absolute;
    display: block;
    content: "";
    background-color: #181818;
    background-color: #414042;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
    clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
    z-index: -1;
  }
  body.games-page #games-list .panel .panel-body {
    flex-direction: column;
    align-items: flex-start;
    -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
    clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
    min-height: calc(25vw - 17px);
    padding: 10px 15px 10px;
    box-shadow: inset 0px 0px 15px 7px rgba(0, 0, 0, 0.9);
  }
  body.games-page #games-list .panel .panel-body h4 {
    color: #F15A24;
    font-size: 2vw;
  }
  body.games-page #games-list .panel .panel-body h5 {
    font-size: 1.6vw;
  }
  body.games-page #games-list .panel .panel-body h5 span {
    display: inline-block;
    font-weight: normal;
    font-size: 1.2em;
  }
  body.games-page #games-list .panel .panel-body h5 span:not(:last-child) {
    font-size: 1em;
    margin-right: 0.3em;
  }
  body.games-page #games-list .panel .panel-body h5 span.icon-mac {
    margin-right: 0.15em;
  }
  body.games-page #games-list .panel .panel-body:after {
    position: absolute;
    display: block;
    content: "";
    background-color: #000;
    background-color: #1a1a1a;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
    clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
  }
  body.games-page #games-list .panel .panel-buttons {
    background: none;
  }
  body.games-page #games-list .panel .panel-buttons .btn {
    font-size: 1.4vw;
  }
}
@media (min-width: 1200px) {
  body.games-page #games-list .panel .panel-body {
    min-height: 19vw;
  }
  body.games-page #games-list .panel .panel-body h4 {
    font-size: 1.5vw;
  }
  body.games-page #games-list .panel .panel-body h5 {
    font-size: 1.2vw;
  }
  body.games-page #games-list .panel .panel-buttons .btn {
    font-size: 1.05vw;
  }
}

@media (max-width: 767.98px) {
  body.minisite_simple-page #primary-nav, body.minisite_complex-page #primary-nav, body.minisite_gates-page #primary-nav {
    order: 1;
    flex-wrap: wrap;
  }
  body.minisite_simple-page #primary-nav #primary-nav-pages, body.minisite_complex-page #primary-nav #primary-nav-pages, body.minisite_gates-page #primary-nav #primary-nav-pages {
    z-index: 10;
  }
  body.minisite_simple-page #primary-nav #primary-breadcrumbs, body.minisite_complex-page #primary-nav #primary-breadcrumbs, body.minisite_gates-page #primary-nav #primary-breadcrumbs {
    order: 10;
  }
  body.minisite_simple-page #primary-nav #primary-buttons, body.minisite_complex-page #primary-nav #primary-buttons, body.minisite_gates-page #primary-nav #primary-buttons {
    order: 3;
    justify-content: center;
    flex: 0 0 100%;
    flex-wrap: nowrap;
    margin-right: 0;
    text-align: center;
  }
  body.minisite_simple-page #primary-nav #primary-nav-controls, body.minisite_complex-page #primary-nav #primary-nav-controls, body.minisite_gates-page #primary-nav #primary-nav-controls {
    order: 2;
    z-index: 10;
  }
}
body.minisite_simple-page #primary-nav, body.minisite_complex-page #primary-nav, body.minisite_gates-page #primary-nav {
  flex-wrap: wrap;
  position: fixed;
  pointer-events: none;
}
@media (max-width: 767.98px) {
  body.minisite_simple-page #primary-nav, body.minisite_complex-page #primary-nav, body.minisite_gates-page #primary-nav {
    padding: 0 0 2px;
  }
}
body.minisite_simple-page #primary-nav #primary-nav-pages, body.minisite_simple-page #primary-nav #primary-breadcrumbs, body.minisite_simple-page #primary-nav #primary-buttons, body.minisite_simple-page #primary-nav #primary-nav-controls, body.minisite_complex-page #primary-nav #primary-nav-pages, body.minisite_complex-page #primary-nav #primary-breadcrumbs, body.minisite_complex-page #primary-nav #primary-buttons, body.minisite_complex-page #primary-nav #primary-nav-controls, body.minisite_gates-page #primary-nav #primary-nav-pages, body.minisite_gates-page #primary-nav #primary-breadcrumbs, body.minisite_gates-page #primary-nav #primary-buttons, body.minisite_gates-page #primary-nav #primary-nav-controls {
  pointer-events: auto;
}
body.minisite_simple-page #primary-nav-pages, body.minisite_complex-page #primary-nav-pages, body.minisite_gates-page #primary-nav-pages {
  margin-right: 0px;
}
body.minisite_simple-page #primary-nav-pages ul, body.minisite_complex-page #primary-nav-pages ul, body.minisite_gates-page #primary-nav-pages ul {
  display: none;
}
body.minisite_simple-page #primary-breadcrumbs, body.minisite_complex-page #primary-breadcrumbs, body.minisite_gates-page #primary-breadcrumbs {
  display: none;
  align-items: center;
  margin: 7px auto 7px -15px;
  background-color: rgba(255, 255, 255, 0.85);
  border: solid 1px #b3b3b3;
  border-radius: 5px;
  font-size: 85%;
  -webkit-clip-path: polygon(26px 0px, 100% 0px, 100% 100%, 0px 100%);
  clip-path: polygon(26px 0px, 100% 0px, 100% 100%, 0px 100%);
}
body.minisite_simple-page #primary-breadcrumbs a, body.minisite_complex-page #primary-breadcrumbs a, body.minisite_gates-page #primary-breadcrumbs a {
  display: block;
  color: #212529;
  margin: 0px 10px;
}
body.minisite_simple-page #primary-breadcrumbs a:first-child, body.minisite_complex-page #primary-breadcrumbs a:first-child, body.minisite_gates-page #primary-breadcrumbs a:first-child {
  margin-left: 30px;
}
body.minisite_simple-page #primary-breadcrumbs span, body.minisite_complex-page #primary-breadcrumbs span, body.minisite_gates-page #primary-breadcrumbs span {
  font-size: 85%;
}
body.minisite_simple-page #primary-buttons, body.minisite_complex-page #primary-buttons, body.minisite_gates-page #primary-buttons {
  margin-top: 0.15em;
  margin-right: -24px;
}
body.minisite_simple-page #primary-buttons a, body.minisite_complex-page #primary-buttons a, body.minisite_gates-page #primary-buttons a {
  margin-right: 0.15em;
  padding: 4px 20px 3px 8px;
}
body.minisite_simple-page #primary-buttons a:not(:last-child), body.minisite_complex-page #primary-buttons a:not(:last-child), body.minisite_gates-page #primary-buttons a:not(:last-child) {
  -webkit-clip-path: none;
  clip-path: none;
  padding: 2px 8px 1px;
  background-color: #333;
  border: 2px solid black;
  will-change: background-color, border-color;
  transition: border-color 0.2s linear, background-color 0.2s linear;
}
body.minisite_simple-page #primary-buttons a:not(:last-child):hover, body.minisite_complex-page #primary-buttons a:not(:last-child):hover, body.minisite_gates-page #primary-buttons a:not(:last-child):hover {
  border-color: white;
}
body.minisite_simple-page #primary-buttons a:not(:last-child)::before, body.minisite_complex-page #primary-buttons a:not(:last-child)::before, body.minisite_gates-page #primary-buttons a:not(:last-child)::before {
  -webkit-clip-path: none;
  clip-path: none;
}
@media (max-width: 767.98px) {
  body.minisite_simple-page #primary-buttons a, body.minisite_complex-page #primary-buttons a, body.minisite_gates-page #primary-buttons a {
    display: inline-block;
    margin-right: 0;
    width: 32%;
  }
  body.minisite_simple-page #primary-buttons a:last-child, body.minisite_complex-page #primary-buttons a:last-child, body.minisite_gates-page #primary-buttons a:last-child {
    -webkit-clip-path: none;
    clip-path: none;
    padding: 2px 8px 1px;
    background-color: #F15A24;
    border: 2px solid black;
    will-change: background-color, border-color;
    transition: border-color 0.2s linear, background-color 0.2s linear;
  }
  body.minisite_simple-page #primary-buttons a:last-child:hover, body.minisite_complex-page #primary-buttons a:last-child:hover, body.minisite_gates-page #primary-buttons a:last-child:hover {
    border-color: white;
  }
  body.minisite_simple-page #primary-buttons a:last-child::before, body.minisite_complex-page #primary-buttons a:last-child::before, body.minisite_gates-page #primary-buttons a:last-child::before {
    -webkit-clip-path: none;
    clip-path: none;
  }
}
body.minisite_simple-page #minisite-content, body.minisite_complex-page #minisite-content, body.minisite_gates-page #minisite-content {
  overflow: hidden;
  overflow-x: hidden;
}
body.minisite_simple-page #minisite-content #minisite-background, body.minisite_complex-page #minisite-content #minisite-background, body.minisite_gates-page #minisite-content #minisite-background {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  background-position: center top;
  background-size: cover;
  z-index: -1;
}
body.minisite_simple-page #minisite-content:before, body.minisite_complex-page #minisite-content:before, body.minisite_gates-page #minisite-content:before {
  display: none;
}
body.minisite_simple-page #minisite-content .tabs-content > li, body.minisite_complex-page #minisite-content .tabs-content > li, body.minisite_gates-page #minisite-content .tabs-content > li {
  display: none;
}
body.minisite_simple-page #minisite-content .tabs-content > li.active, body.minisite_complex-page #minisite-content .tabs-content > li.active, body.minisite_gates-page #minisite-content .tabs-content > li.active {
  display: block;
}
body.minisite_simple-page #minisite-content footer, body.minisite_complex-page #minisite-content footer, body.minisite_gates-page #minisite-content footer {
  padding: 14em 0 2em;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=0 );
  /* IE6-9 */
}
body.minisite_simple-page #minisite-content footer #minisite-legal, body.minisite_complex-page #minisite-content footer #minisite-legal, body.minisite_gates-page #minisite-content footer #minisite-legal {
  font-size: 0.7em;
  color: #d0d0d0;
  margin: 0 auto;
  padding-bottom: 2em;
  max-width: 90%;
  display: flex;
  flex-direction: column;
  text-align: center;
  position: relative;
}
body.minisite_simple-page #minisite-content footer #minisite-legal img, body.minisite_complex-page #minisite-content footer #minisite-legal img, body.minisite_gates-page #minisite-content footer #minisite-legal img {
  padding-bottom: 2em;
  width: 200px;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  body.minisite_simple-page #minisite-content footer #minisite-legal img, body.minisite_complex-page #minisite-content footer #minisite-legal img, body.minisite_gates-page #minisite-content footer #minisite-legal img {
    flex: 0 0 auto !important;
  }
}
body.minisite_simple-page #minisite-content footer #minisite-legal p, body.minisite_complex-page #minisite-content footer #minisite-legal p, body.minisite_gates-page #minisite-content footer #minisite-legal p {
  align-self: flex-end;
}
body.minisite_simple-page #minisite-content footer #minisite-legal a, body.minisite_complex-page #minisite-content footer #minisite-legal a, body.minisite_gates-page #minisite-content footer #minisite-legal a {
  position: absolute;
  bottom: 1em;
  display: inline-block;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  body.minisite_simple-page .nav-expanded, body.minisite_complex-page .nav-expanded, body.minisite_gates-page .nav-expanded {
    justify-content: space-between;
  }
  body.minisite_simple-page .nav-expanded #primary-buttons, body.minisite_complex-page .nav-expanded #primary-buttons, body.minisite_gates-page .nav-expanded #primary-buttons {
    display: none;
  }
  body.minisite_simple-page #primary-nav h1, body.minisite_complex-page #primary-nav h1, body.minisite_gates-page #primary-nav h1 {
    width: 28px;
    margin: 0px 5px;
    height: 35px;
  }
  body.minisite_simple-page #primary-nav h1 a, body.minisite_complex-page #primary-nav h1 a, body.minisite_gates-page #primary-nav h1 a {
    /* 				background-image: url('/images/logo-head.svg'); */
    height: 26px;
    margin-top: 4px;
    margin-left: 1px;
    background-size: cover;
    background-position: left center;
  }
  body.minisite_simple-page #primary-breadcrumbs, body.minisite_complex-page #primary-breadcrumbs, body.minisite_gates-page #primary-breadcrumbs {
    display: flex;
    width: auto;
    height: auto;
  }
  body.minisite_simple-page #primary-buttons, body.minisite_complex-page #primary-buttons, body.minisite_gates-page #primary-buttons {
    margin-top: 0.3em;
  }
  body.minisite_simple-page #primary-buttons a, body.minisite_complex-page #primary-buttons a, body.minisite_gates-page #primary-buttons a {
    min-width: 140px;
    margin-right: 0.15em;
    padding: 4px 33px 3px 10px;
    -webkit-clip-path: polygon(0px 0px, calc(100% - 29px) 0px, 100% 100%, 0px 100%, 0px 0px);
    clip-path: polygon(0px 0px, calc(100% - 29px) 0px, 100% 100%, 0px 100%, 0px 0px);
  }
  body.minisite_simple-page #primary-buttons a::before, body.minisite_complex-page #primary-buttons a::before, body.minisite_gates-page #primary-buttons a::before {
    -webkit-clip-path: polygon(0px 0px, calc(100% - 28px) 0px, calc(100% - 2px) 100%, 0px 100%, 0px 0px);
    clip-path: polygon(0px 0px, calc(100% - 28px) 0px, calc(100% - 2px) 100%, 0px 100%, 0px 0px);
  }
  body.minisite_simple-page #primary-buttons a:not(:last-child), body.minisite_complex-page #primary-buttons a:not(:last-child), body.minisite_gates-page #primary-buttons a:not(:last-child) {
    -webkit-clip-path: none;
    clip-path: none;
    padding: 2px 10px 1px;
    background-color: #333;
    border: 2px solid black;
    will-change: background-color, border-color;
    transition: border-color 0.2s linear, background-color 0.2s linear;
  }
  body.minisite_simple-page #primary-buttons a:not(:last-child):hover, body.minisite_complex-page #primary-buttons a:not(:last-child):hover, body.minisite_gates-page #primary-buttons a:not(:last-child):hover {
    border-color: white;
  }
  body.minisite_simple-page #primary-buttons a:not(:last-child)::before, body.minisite_complex-page #primary-buttons a:not(:last-child)::before, body.minisite_gates-page #primary-buttons a:not(:last-child)::before {
    -webkit-clip-path: none;
    clip-path: none;
  }
  body.minisite_simple-page #minisite-content footer, body.minisite_complex-page #minisite-content footer, body.minisite_gates-page #minisite-content footer {
    align-self: flex-end;
  }
  body.minisite_simple-page #minisite-content footer #minisite-legal, body.minisite_complex-page #minisite-content footer #minisite-legal, body.minisite_gates-page #minisite-content footer #minisite-legal {
    text-align: left;
    flex-direction: row;
    align-items: center;
  }
  body.minisite_simple-page #minisite-content footer #minisite-legal img, body.minisite_complex-page #minisite-content footer #minisite-legal img, body.minisite_gates-page #minisite-content footer #minisite-legal img {
    flex: 0 0 calc(200px + 2em);
    align-self: center;
    padding-right: 2em;
  }
  body.minisite_simple-page #minisite-content footer #minisite-legal p, body.minisite_complex-page #minisite-content footer #minisite-legal p, body.minisite_gates-page #minisite-content footer #minisite-legal p {
    text-align: justify;
    padding-bottom: 0.5em;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  body.minisite_simple-page, body.minisite_complex-page, body.minisite_gates-page {
    /*
    	.nav-expanded {
    		justify-content: flex-end;
    		#primary-buttons {
    			display: flex;
    		}
    	}
    */
  }
  body.minisite_simple-page #primary-breadcrumbs a:nth-of-type(1) + span, body.minisite_complex-page #primary-breadcrumbs a:nth-of-type(1) + span, body.minisite_gates-page #primary-breadcrumbs a:nth-of-type(1) + span {
    display: none;
  }
  body.minisite_simple-page #primary-breadcrumbs a:nth-of-type(2), body.minisite_simple-page #primary-breadcrumbs a:nth-of-type(3), body.minisite_complex-page #primary-breadcrumbs a:nth-of-type(2), body.minisite_complex-page #primary-breadcrumbs a:nth-of-type(3), body.minisite_gates-page #primary-breadcrumbs a:nth-of-type(2), body.minisite_gates-page #primary-breadcrumbs a:nth-of-type(3) {
    display: none;
  }
  body.minisite_simple-page #primary-breadcrumbs a:nth-of-type(2) + span, body.minisite_simple-page #primary-breadcrumbs a:nth-of-type(3) + span, body.minisite_complex-page #primary-breadcrumbs a:nth-of-type(2) + span, body.minisite_complex-page #primary-breadcrumbs a:nth-of-type(3) + span, body.minisite_gates-page #primary-breadcrumbs a:nth-of-type(2) + span, body.minisite_gates-page #primary-breadcrumbs a:nth-of-type(3) + span {
    display: none;
  }
}
@media (min-width: 1200px) {
  body.minisite_simple-page #primary-breadcrumbs a:nth-of-type(2), body.minisite_complex-page #primary-breadcrumbs a:nth-of-type(2), body.minisite_gates-page #primary-breadcrumbs a:nth-of-type(2) {
    display: none;
  }
  body.minisite_simple-page #primary-breadcrumbs a:nth-of-type(2) + span, body.minisite_complex-page #primary-breadcrumbs a:nth-of-type(2) + span, body.minisite_gates-page #primary-breadcrumbs a:nth-of-type(2) + span {
    display: none;
  }
}
@media screen and (min-width: 1400px) {
  body.minisite_simple-page #primary-breadcrumbs a:nth-of-type(2), body.minisite_complex-page #primary-breadcrumbs a:nth-of-type(2), body.minisite_gates-page #primary-breadcrumbs a:nth-of-type(2) {
    display: block;
  }
  body.minisite_simple-page #primary-breadcrumbs a:nth-of-type(2) + span, body.minisite_complex-page #primary-breadcrumbs a:nth-of-type(2) + span, body.minisite_gates-page #primary-breadcrumbs a:nth-of-type(2) + span {
    display: inline-block;
  }
}

body.minisite_simple-page {
  background-size: cover;
  position: relative;
  display: flex;
  align-self: flex-start;
  background-position: center top;
}
body.minisite_simple-page #minisite-content {
  text-align: center;
  overflow: scroll !important;
}
body.minisite_simple-page #minisite-content h1 {
  margin: 110px auto 1em;
  text-align: center;
}
body.minisite_simple-page #minisite-content h1 img {
  max-width: 90%;
  margin: 0 auto;
}
body.minisite_simple-page #minisite-content h2 {
  filter: drop-shadow(0 0 0.2em black);
  text-align: center;
  margin: 0 auto 1em;
  max-width: 84%;
}
body.minisite_simple-page #minisite-content h2 strong {
  font-weight: 500;
  white-space: nowrap;
}
body.minisite_simple-page #minisite-content h2 strong .lowercase-mac {
  text-transform: lowercase;
}
body.minisite_simple-page #minisite-content h3 {
  text-align: center;
  margin: 1.5em auto 0.7em;
  font-size: 2em;
  text-transform: uppercase;
  max-width: 84%;
}
body.minisite_simple-page #minisite-content p, body.minisite_simple-page #minisite-content ul, body.minisite_simple-page #minisite-content #minisite-dlcs h3 {
  text-shadow: 0px 0px 0.3em rgba(0, 0, 0, 0.6), 0px 0px 0.1em rgba(0, 0, 0, 0.6), 0px 0px 0.5em rgba(0, 0, 0, 0.6);
}
body.minisite_simple-page #minisite-content abbr {
  text-decoration: none;
}
body.minisite_simple-page #minisite-content .buy-button {
  display: inline-block;
  font-size: 2em;
  margin: 1em auto;
  padding: 0.4em 1.5em;
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.6);
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 0px 0px 0.3em rgba(0, 0, 0, 0.6), 0px 0px 0.1em rgba(0, 0, 0, 0.6), 0px 0px 0.5em rgba(0, 0, 0, 0.6);
  will-change: background-color, color;
  transition: background-color 0.2s linear, color 0.2s linear;
}
body.minisite_simple-page #minisite-content .buy-button:hover {
  color: white;
  text-decoration: none;
  background-color: black;
}
body.minisite_simple-page #minisite-content #minisite-video {
  margin: 1em auto;
  text-align: center;
  width: 768px;
  max-width: 95%;
  position: relative;
  padding: calc(10px + 51%) 10px 10px;
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.4);
}
body.minisite_simple-page #minisite-content #minisite-video iframe, body.minisite_simple-page #minisite-content #minisite-video video {
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
}
body.minisite_simple-page #minisite-content #minisite-video video {
  box-shadow: none;
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.7));
}
body.minisite_simple-page #minisite-content #minisite-description {
  font-size: 1.3em;
  margin: 0 auto;
  width: 800px;
  max-width: 95%;
  padding: 8%;
}
body.minisite_simple-page #minisite-content #minisite-description p:last-child {
  margin-bottom: 0;
}
body.minisite_simple-page #minisite-content .minisite-screenshots {
  text-align: center;
  margin: 3em 0;
}
body.minisite_simple-page #minisite-content .minisite-screenshots a {
  overflow: hidden;
  padding: 10px 10px 10px;
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.4);
  display: inline-block;
  max-width: 48vw;
  margin: 1vw 0.5vw;
  will-change: background-color;
  transition: background-color 0.2s linear;
}
body.minisite_simple-page #minisite-content .minisite-screenshots a img {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
  will-change: transform;
  transition: transform 0.2s linear;
  width: 100%;
}
body.minisite_simple-page #minisite-content .minisite-screenshots a:hover {
  background-color: black;
}
body.minisite_simple-page #minisite-content .minisite-screenshots a:hover img {
  transform: scale(1.02);
}
body.minisite_simple-page #minisite-content .minisite-screenshots a:active img {
  transform: scale(0.97);
}
body.minisite_simple-page #minisite-content #minisite-features {
  font-size: 1.3em;
  margin: 0 auto;
  width: 800px;
  max-width: 100%;
}
body.minisite_simple-page #minisite-content #minisite-features ul {
  list-style: none;
  padding: 0;
  max-width: 95%;
  padding: 8%;
  margin: 0 auto;
}
body.minisite_simple-page #minisite-content #minisite-features ul li {
  padding-top: 1em;
}
body.minisite_simple-page #minisite-content #minisite-features ul li strong {
  display: block;
}
body.minisite_simple-page #minisite-content #minisite-features p {
  margin-left: auto;
  margin-right: auto;
  max-width: 95%;
  padding: 8%;
}
body.minisite_simple-page #minisite-content #minisite-features p + ul {
  margin-top: -0.5em;
  margin-bottom: 1em;
  width: 100%;
  padding: 0;
}
body.minisite_simple-page #minisite-content #minisite-features p + ul li {
  padding: 0;
  margin-top: 0.5em;
}
body.minisite_simple-page #minisite-content #minisite-dlcs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
body.minisite_simple-page #minisite-content #minisite-dlcs h3 {
  flex: 0 0 100%;
}
body.minisite_simple-page #minisite-content #minisite-dlcs ul {
  padding: 0;
  justify-content: center;
  display: flex;
  flex-direction: row;
  list-style: none;
  flex: 0 0 98%;
  max-width: 100%;
  flex-wrap: wrap;
}
body.minisite_simple-page #minisite-content #minisite-dlcs ul li {
  max-width: 90%;
  flex: 0 1 768px;
  margin: 1em auto;
  padding: 1.5em;
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.4);
}
body.minisite_simple-page #minisite-content #minisite-dlcs ul li > div {
  margin-bottom: 1em;
  flex-direction: row;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
}
body.minisite_simple-page #minisite-content #minisite-dlcs ul li > div > img {
  flex: 0 0 100px;
  margin: 0 auto 1em;
}
body.minisite_simple-page #minisite-content #minisite-dlcs ul li > div h4 {
  flex: 0 0 100%;
  margin: 0;
  font-weight: bold;
}
body.minisite_simple-page #minisite-content #minisite-dlcs ul li > div .buy-button {
  font-size: 1.5em;
}
body.minisite_simple-page #minisite-content #minisite-dlcs ul li p {
  font-size: 1.1em;
}
body.minisite_simple-page #minisite-content #minisite-dlcs ul li .minisite-screenshots {
  margin: 0 -1em;
}
body.minisite_simple-page #minisite-content #minisite-dlcs ul li .minisite-screenshots a {
  margin: 1% 1%;
  padding: 2%;
  max-width: 48%;
}
@media screen and (min-width: 506px) {
  body.minisite_simple-page #minisite-content #minisite-dlcs ul li > div h4 {
    padding: 0 20px;
    flex: 1 0 calc(100% - 100px);
    text-align: left;
  }
}
@media (min-width: 768px) {
  body.minisite_simple-page #minisite-content #minisite-dlcs ul li {
    text-align: left;
  }
  body.minisite_simple-page #minisite-content #minisite-dlcs ul li > div {
    flex-wrap: nowrap;
  }
  body.minisite_simple-page #minisite-content #minisite-dlcs ul li > div h4 {
    padding: 0 30px;
    flex: 1 1 100%;
  }
  body.minisite_simple-page #minisite-content #minisite-dlcs ul li .minisite-screenshots a {
    margin: 0.5%;
    max-width: 24%;
    padding: 1.5%;
  }
}
body.minisite_simple-page #minisite-content #minisite-news h3 {
  text-shadow: 0px 0px 0.3em rgba(0, 0, 0, 0.6), 0px 0px 0.1em rgba(0, 0, 0, 0.6), 0px 0px 0.5em rgba(0, 0, 0, 0.6);
}
body.minisite_simple-page #minisite-content #minisite-news ul {
  list-style: none;
  padding: 0;
  margin: 1em auto;
  width: 1000px;
  max-width: 90%;
}
body.minisite_simple-page #minisite-content #minisite-news ul li article {
  position: relative;
  margin: 1em auto;
  padding: 1.5em;
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.4);
  will-change: background-color, transform;
  transition: background-color 0.2s linear, transform 0.2s linear;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
body.minisite_simple-page #minisite-content #minisite-news ul li article:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
body.minisite_simple-page #minisite-content #minisite-news ul li article:hover a.stretched-link {
  border-color: #7c7c7c;
  text-decoration: none;
}
body.minisite_simple-page #minisite-content #minisite-news ul li article a.stretched-link {
  display: flex;
  margin: 1em auto 0;
  align-self: flex-end;
  flex: 0 0 auto;
  padding: 0.5em 0.7em;
  border: 1px solid black;
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.4);
  will-change: border-color;
  transition: border-color 0.2s linear;
}
body.minisite_simple-page #minisite-content #minisite-news ul li article:active {
  transform: scale(0.98);
}
body.minisite_simple-page #minisite-content #minisite-news ul li article time {
  font-style: italic;
  font-size: 1em;
  flex: 0 0 100%;
}
body.minisite_simple-page #minisite-content #minisite-news ul li article h4 {
  margin: 0.5em 0 0.8em;
  font-size: 1.6em;
  font-weight: bold;
  flex: 0 0 100%;
}
body.minisite_simple-page #minisite-content #minisite-news ul li article p {
  margin-bottom: 0;
  font-size: 1.3em;
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  body.minisite_simple-page #minisite-content h1 {
    margin-top: 120px;
  }
  body.minisite_simple-page #minisite-content #minisite-video {
    padding-top: 0;
    height: 440px;
  }
  body.minisite_simple-page #minisite-content #minisite-description {
    padding: 1.2em 1.5em;
  }
  body.minisite_simple-page #minisite-content .minisite-screenshots a {
    max-width: 300px;
    margin: 0.5em 0.6em;
  }
  body.minisite_simple-page #minisite-content #minisite-features ul {
    padding: 1.5em;
  }
  body.minisite_simple-page #minisite-content #minisite-features p {
    padding: 1.5em;
  }
  body.minisite_simple-page #minisite-content #minisite-news ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
  }
  body.minisite_simple-page #minisite-content #minisite-news ul li {
    display: flex;
    flex: 0 1 48%;
  }
  body.minisite_simple-page #minisite-content #minisite-news ul li:nth-of-type(odd):last-of-type {
    flex: 1 1 100%;
    margin: 0;
  }
}

body.minisite_complex-page #minisite-content.devices #minisite-view h3, body.minisite_complex-page #minisite-content.requirements #minisite-view h3 {
  font-size: 1.17rem;
  margin-top: 1.5em;
}
body.minisite_complex-page #minisite-content.devices #minisite-view nav, body.minisite_complex-page #minisite-content.requirements #minisite-view nav {
  padding: 10px 0 10px;
  text-align: center;
  margin: 1em auto 1em;
}
body.minisite_complex-page #minisite-content.devices #minisite-view nav a, body.minisite_complex-page #minisite-content.requirements #minisite-view nav a {
  padding: 0;
  margin: 7px 0.5% 5px;
  width: auto;
  position: relative;
  padding: 0.4em 1.3em 0.4em;
  display: inline-block;
  font-size: 1.8em;
  line-height: none;
  text-decoration: none;
  transition: color 0.2s linear, background 0.2s linear, opacity 0.2s linear;
}
body.minisite_complex-page #minisite-content.devices #minisite-view nav a:hover, body.minisite_complex-page #minisite-content.requirements #minisite-view nav a:hover {
  opacity: 1;
}
body.minisite_complex-page #minisite-content.devices #minisite-view nav a.active, body.minisite_complex-page #minisite-content.requirements #minisite-view nav a.active {
  opacity: 1;
}
body.minisite_complex-page #minisite-content.devices #minisite-view nav a:last-child:first-child, body.minisite_complex-page #minisite-content.requirements #minisite-view nav a:last-child:first-child {
  display: none;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs, body.minisite_complex-page #minisite-content.requirements #requirements-tabs {
  padding: 0 0;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .handle, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .handle {
  display: none;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder {
  padding: 1em;
  font-size: 1.1em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1 1 100%;
  justify-content: space-around;
}
@media only screen and (min-width: 768px) {
  body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices {
    justify-content: center;
    padding: 0 8%;
  }
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices h4, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices h4 {
  flex: 1 1 100%;
  padding-top: 1em;
  margin-top: 1em;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices h4 span, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices h4 span {
  text-transform: lowercase;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list {
  display: flex;
  flex: 0 1 48%;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: wrap;
  flex-direction: column;
}
@media only screen and (min-width: 507px) {
  body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list {
    flex: 0 1 32%;
  }
}
@media only screen and (min-width: 768px) {
  body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list {
    flex: 0 1 25%;
    margin: 0 1%;
  }
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list.ipad .device-image, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list.ipad .device-image {
  min-height: 180px;
}
@media only screen and (min-width: 768px) {
  body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list.ipad .device-image, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list.ipad .device-image {
    min-height: 170px;
  }
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list.ipad .device-image img, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list.ipad .device-image img {
  transform: scale(1.4);
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  flex: 0 0 130px;
  min-height: 180px;
}
@media only screen and (min-width: 768px) {
  body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image {
    min-height: 170px;
  }
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img {
  transform: scale(1.6);
  transform-origin: center bottom;
  display: flex;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="67.svg"], body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="67.svg"] {
  width: 47px;
  height: 96px;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="65.svg"], body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="65.svg"] {
  width: 44px;
  height: 90px;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="61.svg"], body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="61.svg"] {
  width: 42px;
  height: 84px;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="58.svg"], body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="58.svg"] {
  width: 38px;
  height: 81px;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="54.svg"], body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="54.svg"] {
  width: 35px;
  height: 76px;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="55.svg"], body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="55.svg"] {
  width: 46px;
  height: 93px;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="47.svg"], body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="47.svg"] {
  width: 40px;
  height: 82px;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="40.svg"], body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="40.svg"] {
  width: 38px;
  height: 80px;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="35.svg"], body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="35.svg"] {
  width: 0;
  height: 0;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="129.svg"], body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="129.svg"] {
  width: 78px;
  height: 111px;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="new_129.svg"], body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="new_129.svg"] {
  width: 77px;
  height: 101px;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="110.svg"], body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="110.svg"] {
  width: 64px;
  height: 89px;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="105.svg"], body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="105.svg"] {
  width: 62px;
  height: 89px;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="97.svg"], body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="97.svg"] {
  width: 60px;
  height: 88px;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="79.svg"], body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list .device-image img[src$="79.svg"] {
  width: 48px;
  height: 71px;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list ul, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list ul {
  padding: 0;
  list-style: none;
  flex: 1 1 auto;
  align-items: flex-start;
  justify-content: center;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list ul li, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list ul li {
  text-align: center;
  justify-content: center;
  list-style: none;
  margin: 0.3em 0 0;
  padding: 0.5em 0.7em;
  display: flex;
  flex: 1 1 100%;
  line-height: 1.4em;
  font-size: 0.8em;
  flex-wrap: wrap;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list ul li span, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list ul li span {
  font-size: 0.8em;
  flex: 1 1 100%;
}
@media only screen and (min-width: 768px) {
  body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list ul li, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list ul li {
    font-size: 1em;
  }
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list ul li.device-iPad_Pro_11_4gb + li.device-iPad_Pro_11_6gb, body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-ios .devices_holder .devices .devices_list ul li.device-iPad_Pro_12_9_3_4gb + li.device-iPad_Pro_12_9_3_6gb, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list ul li.device-iPad_Pro_11_4gb + li.device-iPad_Pro_11_6gb, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-ios .devices_holder .devices .devices_list ul li.device-iPad_Pro_12_9_3_4gb + li.device-iPad_Pro_12_9_3_6gb {
  display: none;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-android .handle, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-android .handle {
  display: none;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-android .devices_holder, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-android .devices_holder {
  padding: 1em;
  font-size: 1.1em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-android .devices_holder .devices, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-android .devices_holder .devices {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1 1 100%;
  justify-content: space-around;
}
@media only screen and (min-width: 768px) {
  body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-android .devices_holder .devices, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-android .devices_holder .devices {
    justify-content: center;
    padding: 0 8%;
  }
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-android .devices_holder .devices .devices_list, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-android .devices_holder .devices .devices_list {
  text-align: center;
  list-style: none;
  padding: 0.5em;
  box-sizing: border-box;
  line-height: 1em;
  display: inline-block;
  flex: 1 1 90%;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 0.5em auto 0em;
}
@media only screen and (min-width: 507px) {
  body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-android .devices_holder .devices .devices_list, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-android .devices_holder .devices .devices_list {
    flex: 0 1 48%;
  }
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-android .devices_holder .devices .devices_list h5, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-android .devices_holder .devices .devices_list h5 {
  border: none;
  background: none;
  box-shadow: none;
  width: auto;
  font-size: 1.1em;
  padding: 0em 0.2em 0.8em;
  font-weight: bold;
  margin: 0.4em 0.5em 0.7em;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-android .devices_holder .devices .devices_list ul, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-android .devices_holder .devices .devices_list ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.minisite_complex-page #minisite-content.devices #requirements-tabs #tab-android .devices_holder .devices .devices_list ul li, body.minisite_complex-page #minisite-content.requirements #requirements-tabs #tab-android .devices_holder .devices .devices_list ul li {
  width: 100%;
  display: block;
  font-size: 1em;
  margin: 1em 0;
}

body.minisite_gates-page {
  background-size: cover;
  position: relative;
  align-self: flex-start;
  background-position: center top;
}
body.minisite_gates-page #minisite-content {
  display: flex;
  flex-direction: column;
}
body.minisite_gates-page #minisite-content h1 {
  margin: 110px auto 1em;
  text-align: center;
  flex: 1 1 10%;
  align-self: flex-start;
  align-items: center;
}
body.minisite_gates-page #minisite-content h1 img {
  max-width: 90%;
  margin: 0 auto;
  align-self: center;
  display: flex;
}
body.minisite_gates-page #minisite-content h2 {
  text-shadow: 0px 0px 0.3em rgba(0, 0, 0, 0.6), 0px 0px 0.1em rgba(0, 0, 0, 0.6), 0px 0px 0.5em rgba(0, 0, 0, 0.6), 0px 0px 0.1em rgba(0, 0, 0, 0.6), 0px 0px 0.5em rgba(0, 0, 0, 0.6), 0px 0px 0.1em rgba(0, 0, 0, 0.6), 0px 0px 0.5em rgba(0, 0, 0, 0.6);
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto 1em;
  max-width: 84%;
  flex: 1 1 84%;
  font-size: 1.4em;
}
body.minisite_gates-page #minisite-content h2 strong {
  font-weight: 500;
  white-space: nowrap;
}
body.minisite_gates-page #minisite-content h2 strong .lowercase-mac {
  text-transform: lowercase;
}
body.minisite_gates-page #minisite-content form {
  align-self: flex-start;
  text-align: center;
  margin: 1.5em auto 0.7em;
  font-size: 5vw;
  text-transform: uppercase;
  max-width: 94%;
  flex: 1 0 30%;
  flex-direction: row;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  z-index: 10;
}
@media (min-width: 576px) {
  body.minisite_gates-page #minisite-content form {
    font-size: 1.3em;
  }
}
body.minisite_gates-page #minisite-content form #date-options {
  display: flex;
  flex: 1 1 100%;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}
body.minisite_gates-page #minisite-content form #date-options label {
  display: flex;
  align-content: center;
  align-items: center;
  margin-left: 0.5em;
  flex: 0 1 100%;
  justify-content: space-between;
  font-weight: bold;
  text-shadow: 0px 0px 0.3em rgba(0, 0, 0, 0.6), 0px 0px 0.1em rgba(0, 0, 0, 0.6), 0px 0px 0.5em rgba(0, 0, 0, 0.6);
}
@media (min-width: 768px) {
  body.minisite_gates-page #minisite-content form #date-options label {
    flex: 0 1 20%;
    justify-content: center;
  }
}
body.minisite_gates-page #minisite-content form #date-options label select {
  display: flex;
  flex: 0 0 65%;
  line-height: 1.3em;
  font-weight: normal;
  border-radius: 3px;
  margin: 0 0.5em;
  padding: 0 calc(1em + 17px) 0 1em;
  background-image: url("/images/down-arrow.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 17px) center;
  background-size: 12px auto;
  background-color: rgba(255, 255, 255, 0.6);
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  height: 48px;
  border: 2px solid black;
  transition: border 0.2s linear;
  cursor: pointer;
  will-change: background-color;
  transition: background-color 0.2s linear;
  text-transform: uppercase;
  color: black;
}
body.minisite_gates-page #minisite-content form #date-options label select:hover {
  background-color: white;
}
@media (min-width: 768px) {
  body.minisite_gates-page #minisite-content form #date-options label select {
    flex: 1 1 50%;
  }
}
body.minisite_gates-page #minisite-content form button {
  display: flex;
  flex: 0 1 auto;
  padding: 0 1em;
  margin: 1em auto 0;
  background: rgba(0, 0, 0, 0.6);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  height: 48px;
  font-size: 1.1em;
  border: 2px solid black;
  border-radius: 3px;
  color: white;
  will-change: background-color, transform;
  transition: background-color 0.2s linear, transform 0.2s linear;
  text-transform: uppercase;
  align-items: center;
}
body.minisite_gates-page #minisite-content form button:hover {
  background: black;
  transform: scale(1.05);
}
@media (min-width: 768px) {
  body.minisite_gates-page #minisite-content h1 {
    margin-top: 120px;
  }
}
@media (min-width: 768px) {
  body.minisite_gates-page #minisite-content footer #minisite-legal p {
    flex: 0 0 100% !important;
    text-align: center;
  }
}
body.minisite_gates-page #minisite-content footer a {
  bottom: 0em !important;
}
body.minisite_gates-page #access-restricted {
  font-size: 1.4em;
  text-align: center;
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.4);
  display: inline-block;
  padding: 1.5em;
  color: white !important;
  text-shadow: 0px 0px 0.3em rgba(0, 0, 0, 0.6), 0px 0px 0.1em rgba(0, 0, 0, 0.6), 0px 0px 0.5em rgba(0, 0, 0, 0.6) !important;
}

body.news-page #top-header #jarallax-container-0 div {
  height: 155% !important;
  background-position: 50% top !important;
}
@media (min-width: 576px) {
  body.news-page #top-header #jarallax-container-0 div {
    height: 35vh !important;
    background-position: 50% 23% !important;
  }
}
body.news-page #news-top:before, body.news-page #news-list article:before {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.9));
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
body.news-page #news-top div.featured-news-image-small, body.news-page #news-list article div.featured-news-image-small {
  position: relative;
  width: 100%;
  height: 26.5vw;
  overflow: hidden;
}
body.news-page #news-top div.featured-news-image-small img, body.news-page #news-list article div.featured-news-image-small img {
  width: 100%;
  margin: -18% auto;
}
body.news-page #news-top .article-content img, body.news-page #news-list article .article-content img {
  max-width: 100%;
}
body.news-page #news-top .article-content ul, body.news-page #news-list article .article-content ul {
  list-style: none;
  padding-left: 2em;
}
body.news-page #news-top .article-content ul li, body.news-page #news-list article .article-content ul li {
  position: relative;
}
body.news-page #news-top .article-content ul li::before, body.news-page #news-list article .article-content ul li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0da";
  position: absolute;
  left: -1em;
  top: 0.25em;
}
body.news-page #news-top .platforms, body.news-page #news-list article .platforms {
  display: flex;
  margin-bottom: 15px;
}
body.news-page #news-top .platforms > span, body.news-page #news-list article .platforms > span {
  margin-right: 5px;
  align-self: center;
}
body.news-page #news-top .platforms time, body.news-page #news-list article .platforms time {
  margin-left: auto;
  align-self: center;
  order: 8;
}
body.news-page #news-top h3, body.news-page #news-list article h3 {
  margin-bottom: 1.2rem;
}
body.news-page #news-top .shareable, body.news-page #news-list article .shareable {
  display: flex;
  margin-bottom: 15px;
}
body.news-page #news-top .shareable .copy-link, body.news-page #news-list article .shareable .copy-link {
  margin-left: 0px;
  margin-right: auto;
}
body.news-page #news-top .shareable .copy-link, body.news-page #news-top .shareable .fa-x-twitter, body.news-page #news-top .shareable .fa-facebook-f, body.news-page #news-top .shareable .fa-reddit-alien, body.news-page #news-top .shareable .fa-envelope, body.news-page #news-list article .shareable .copy-link, body.news-page #news-list article .shareable .fa-x-twitter, body.news-page #news-list article .shareable .fa-facebook-f, body.news-page #news-list article .shareable .fa-reddit-alien, body.news-page #news-list article .shareable .fa-envelope {
  border-color: black;
}
body.news-page #news-top .iframe-holder, body.news-page #news-list article .iframe-holder {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  /* 16:9 */
  margin-bottom: 1.5em;
  border-radius: 5px;
  border: 3px solid rgba(64, 64, 64, 0.5);
  overflow: hidden;
}
body.news-page #news-top .iframe-holder iframe, body.news-page #news-list article .iframe-holder iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
body.news-page #news-top video, body.news-page #news-list article video {
  width: 100%;
  height: auto;
}
body.news-page #news-top aside, body.news-page #news-list article aside {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
body.news-page #news-top aside h5, body.news-page #news-list article aside h5 {
  font-size: 1rem;
  display: flex;
  margin: 25px 0px;
}
body.news-page #news-top aside h5 img, body.news-page #news-list article aside h5 img {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 20px;
}
body.news-page #news-top aside h5 span, body.news-page #news-list article aside h5 span {
  align-self: center;
  text-align: left;
}
body.news-page #news-top aside .article-buttons, body.news-page #news-list article aside .article-buttons {
  display: flex;
  width: 102%;
  max-width: 102%;
  margin: 0 -1%;
  flex-wrap: wrap;
  justify-content: space-between;
}
body.news-page #news-top aside .article-buttons *, body.news-page #news-list article aside .article-buttons * {
  width: 100%;
  display: flex;
  flex: 1 1 48%;
  margin: 1%;
  justify-content: center;
}
body.news-page #news-top {
  border-bottom: solid 3px #FFF;
}
body.news-page #news-top aside > div:first-child {
  display: none;
}
body.news-page #news-top .article-holder {
  position: relative;
  margin: 10px 30px;
  padding-top: 1rem;
  padding-bottom: 2rem;
}
body.news-page img + p, body.news-page iframe + p, body.news-page div + p {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  body.news-page #news-top .article-content, body.news-page #news-list article .article-content {
    font-size: 1.8vw;
  }
  body.news-page #news-top .article-content ul, body.news-page #news-list article .article-content ul {
    margin-left: 0.7em;
    margin-right: 0.7em;
  }
  body.news-page #news-top .article-content p, body.news-page #news-list article .article-content p {
    margin-left: 0.7em;
    margin-right: 0.7em;
  }
  body.news-page #news-top div.featured-news-image-small, body.news-page #news-list article div.featured-news-image-small {
    height: 13.3vw;
  }
  body.news-page #news-top h3, body.news-page #news-list article h3 {
    margin: 1.4em auto 1.4em;
  }
  body.news-page #news-top div.featured-news-image-small {
    display: none;
  }
  body.news-page #news-top .shareable {
    position: absolute;
    top: 0px;
    right: 0px;
  }
  body.news-page #news-top .shareable .copy-link {
    margin-right: 0.7em;
  }
  body.news-page #news-top .article-holder {
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
  }
  body.news-page #news-top .article-holder .article-content {
    order: 2;
    width: 100%;
    max-width: 810px;
    padding-left: 30px;
  }
  body.news-page #news-top .article-holder aside {
    order: 1;
    text-align: right;
    align-items: flex-end;
  }
  body.news-page #news-top .article-holder aside div:first-child {
    display: block;
    width: 100%;
    max-width: 300px;
    -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
    clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
    background-color: rgba(0, 0, 0, 0.7);
    position: relative;
    padding: 2px;
  }
  body.news-page #news-top .article-holder aside div:first-child:after {
    position: absolute;
    display: block;
    content: "";
    background-color: #181818;
    background-color: #414042;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
    clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
    z-index: -1;
  }
  body.news-page #news-top .article-holder aside div:first-child img {
    width: 100%;
    position: relative;
    z-index: 2;
    -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
    clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
    box-shadow: inset 0px 0px 15px 7px rgba(0, 0, 0, 0.9);
  }
  body.news-page #news-top .article-holder aside h5 {
    width: 100%;
    max-width: 300px;
  }
  body.news-page #news-top .article-holder .platforms {
    padding: 3px 0px;
  }
  body.news-page #news-top .article-holder .platforms time {
    margin-left: 10px;
  }
  body.news-page #news-list article .shareable .copy-link {
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  body.news-page #news-top .article-content, body.news-page #news-list article .article-content {
    font-size: 1.5vw;
  }
  body.news-page #news-top .platforms time, body.news-page #news-list article .platforms time {
    margin-left: 10px;
  }
  body.news-page #news-list article .shareable {
    position: absolute;
    top: 0px;
    right: 0px;
  }
}
@media (min-width: 1200px) {
  body.news-page #news-top h3, body.news-page #news-list article h3 {
    font-size: 29px;
  }
  body.news-page #news-top .article-content, body.news-page #news-list article .article-content {
    font-size: 18px;
  }
  body.news-page #news-list article .shareable .copy-link {
    margin-right: 0.7em;
  }
}
body.news-page #news-list {
  padding-bottom: 0px;
}
body.news-page #news-list .row.no-gutters {
  padding: 0;
}
body.news-page #news-list article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-top: solid 3px #000;
  border-bottom: solid 10px #333;
  padding-bottom: 3rem;
}
body.news-page #news-list article:before {
  border-bottom: solid 3px #FFF;
}
body.news-page #news-list article .article-content {
  position: relative;
  margin: 30px;
  width: calc(100% - 60px);
}
body.news-page #news-list article aside {
  position: relative;
  margin: 10px 30px;
  margin-top: auto;
  width: calc(100% - 60px);
}
body.news-page #news-list article aside h5 {
  margin-bottom: 25px;
}
body.news-page .article-tags {
  flex: 0 0 auto;
  width: 100%;
  text-align: left;
  padding: 3em 0 1em;
  flex-direction: row;
  font-size: 0.85em;
  flex-wrap: nowrap;
  display: flex;
}
body.news-page .article-tags strong {
  display: flex;
  flex: 1 1 auto;
  margin-right: 10px;
}
body.news-page .article-tags span {
  flex: 1 1 100%;
  flex-wrap: wrap;
}
body.news-page .article-tags span a {
  white-space: nowrap;
  color: white;
}
@media (min-width: 768px) {
  body.news-page #news-list {
    padding-top: 28px;
    background: #1a1a1a;
  }
  body.news-page #news-list article:nth-child(odd) {
    flex: 0 0 49.5%;
    max-width: 49.5%;
    margin-right: 0.5%;
  }
  body.news-page #news-list article:nth-child(even) {
    flex: 0 0 49.5%;
    max-width: 49.5%;
    margin-left: 0.5%;
  }
  body.news-page #news-list article:nth-child(odd):last-child {
    margin-left: auto;
    margin-right: auto;
  }
}
body.news-page #load_more {
  background-image: linear-gradient(to bottom, #111 0%, #666 100%);
  background-repeat: repeat-x;
  text-align: center;
  padding: 30px;
  border-top: solid 3px #000;
}
body.news-page #load_more a {
  display: block;
  color: #FFF;
  font-size: 1.5rem;
  text-decoration: none;
}
body.news-page #load_more a span {
  display: block;
  margin-top: 10px;
  font-size: 3rem;
}
@media (min-width: 768px) {
  body.news-page #load_more {
    padding-bottom: 80px;
  }
}
body.news-page #iphonescreen, body.news-page .iphonescreen {
  background: url("/images/news/frames/iPhone-8Plus-Black.png") center center no-repeat transparent;
  padding: 3.4% 11.6% 3.6% 11.6%;
  margin: 1em auto;
  background-size: contain;
  width: 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  body.news-page #iphonescreen, body.news-page .iphonescreen {
    background-image: url("/images/news/frames/iPhone-8Plus-Black@2x.png");
  }
}
body.news-page img#ipadscreen, body.news-page img.ipadscreen {
  background: url("/images/news/frames/iPad-Pro-105-Silver.png") no-repeat transparent;
  padding: 3% 7.6% 3.5%;
  background: url("/images/news/frames/iPad-Pro-129-Black.png") no-repeat transparent;
  padding: 3.5% 3.4% 3.5% 3.55%;
  border-radius: 4.5%/6.5%;
  background-size: contain;
  width: calc(100% + 2em);
  max-width: calc(100% + 2em) !important;
  margin: 0.5em -1em;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  body.news-page img#ipadscreen, body.news-page img.ipadscreen {
    background-image: url("/images/news/frames/iPad-Pro-105-Silver@2x.png");
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  body.news-page img#ipadscreen, body.news-page img.ipadscreen {
    background-image: url("/images/news/frames/iPad-Pro-129-Black@2x.png");
  }
}
body.news-page .genericphonescreenframe {
  position: relative;
  margin: 1em -1em;
}
body.news-page .genericphonescreenframe::after {
  content: " ";
  background: url("/images/news/frames/generic-phone-frame.png") no-repeat transparent;
  background-size: contain;
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  pointer-events: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  body.news-page .genericphonescreenframe::after {
    background-image: url("/images/news/frames/generic-phone-frame@2x.png");
  }
}
body.news-page .genericphonescreenframe img {
  padding: 2% 5% 2% 5.3%;
  width: 100%;
}
body.news-page .appstorebadge {
  display: block;
  height: 70px;
  margin: 1.5em auto;
}
body.news-page article#a676 #ipads {
  background-color: rgba(126, 10, 10, 0.8);
  border: 3px solid #ffda6d;
  border-left: 0;
  border-right: 0;
  width: 100%;
  padding: 10px;
  margin: 1.2em 10px;
  text-align: center;
  box-shadow: 0px 5px 0px black, 0px -5px 0px black, inset 0px 0px 35px 0px rgba(0, 0, 0, 0.9);
}
body.news-page article#a676 #ipads h2 {
  border-bottom: 2px solid #ffda6d;
  margin: 0.5em 0 2em;
  padding: 0 0 0.8em;
  width: auto;
  color: #ffda6d;
  text-transform: uppercase;
}
body.news-page article#a676 #ipads svg {
  width: 88%;
  margin: 0 auto;
}
body.news-page article#a676 #ipads svg .cls-1 {
  fill: white;
}
body.news-page article#a676 #ipads ul {
  width: 30%;
  margin: 20px 0 1em 4.5%;
  padding: 0;
  float: left;
}
body.news-page article#a676 #ipads ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.news-page article#a676 #ipads ul:first-of-type {
  margin-left: 6.5%;
  margin-right: 0;
}
body.news-page article#a676 #ipads ul:last-of-type {
  margin-right: 0;
  margin-left: 0;
  width: 27%;
}
body.news-page article#a818 #devices {
  font-size: 16px;
  text-align: center;
  padding: 10px 1.33em 30px;
  background-color: whitesmoke;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
}
body.news-page article#a818 #devices h4 {
  font-size: 1.3em;
  clear: both;
  padding: 0.2em 0 0.3em;
  margin-left: 5%;
  margin-right: 5%;
  border-bottom: 2px solid #c00;
  border-top: 2px solid #c00;
  margin: 1.8em 0 1em;
  font-family: "Michroma", sans-serif;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 400;
  color: black;
}
body.news-page article#a818 #devices h4 span {
  text-transform: lowercase;
}
body.news-page article#a818 #devices h4:first-child {
  margin-top: 0.5em;
}
body.news-page article#a818 #devices .ipadname, body.news-page article#a818 #devices .iphonename {
  text-align: center;
  list-style: none;
  margin: 0.3em 0 0;
  padding: 0.5em 0.1em;
  box-sizing: border-box;
  line-height: 1.2em;
  background: #fff;
  font-size: 1em;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  color: #575757;
}
body.news-page article#a818 #devices ul li::before {
  content: none;
}
body.news-page article#a818 #devices #ipads {
  padding: 0 6%;
  box-sizing: border-box;
}
body.news-page article#a818 #devices #ipads ul {
  padding: 0;
  float: left;
  margin: 0 2%;
  display: block;
  list-style: none;
}
body.news-page article#a818 #devices #ipads ul#largepad {
  width: 32%;
}
body.news-page article#a818 #devices #ipads ul#largepad img {
  width: 87.481%;
  margin: 0 auto;
}
body.news-page article#a818 #devices #ipads ul#mediumpad {
  width: 28%;
}
body.news-page article#a818 #devices #ipads ul#mediumpad img {
  width: 79.271%;
  margin: 0 auto;
}
body.news-page article#a818 #devices #ipads ul#smallpad {
  width: 26%;
}
body.news-page article#a818 #devices #ipads ul#smallpad img {
  width: 82.584%;
  margin: 0 auto;
}
body.news-page article#a818 #devices #iphones {
  padding: 0 8%;
  box-sizing: border-box;
}
body.news-page article#a818 #devices #iphones .iphonesplit {
  float: left;
  width: 48%;
  padding: 0;
  margin: 0;
}
body.news-page article#a818 #devices #iphones .iphonesplit:first-child {
  width: 52%;
}
body.news-page article#a818 #devices #iphones .iphonesplit ul {
  float: left;
  margin: 0 3.5%;
  padding: 0;
}
body.news-page article#a818 #devices #iphones .iphonesplit ul#largephone {
  width: 44%;
}
body.news-page article#a818 #devices #iphones .iphonesplit ul#largephone img {
  width: 44.5%;
  margin: 0 auto;
}
body.news-page article#a818 #devices #iphones .iphonesplit ul#xphone {
  width: 42%;
}
body.news-page article#a818 #devices #iphones .iphonesplit ul#xphone img {
  width: 41.101%;
  margin: 0 auto;
}
body.news-page article#a818 #devices #iphones .iphonesplit ul#mediumphone {
  width: 42%;
}
body.news-page article#a818 #devices #iphones .iphonesplit ul#mediumphone img {
  width: 42.2%;
  margin: 0 auto;
}
body.news-page article#a818 #devices #iphones .iphonesplit ul#smallphone {
  width: 38%;
}
body.news-page article#a818 #devices #iphones .iphonesplit ul#smallphone img {
  width: 40.7%;
  margin: 0 auto;
}
body.news-page article#a877 .article-content ul {
  list-style: none;
  padding-left: 0;
  display: table;
  width: 100%;
  margin-top: 1em;
}
body.news-page article#a877 .article-content ul li {
  display: block;
  font-size: 0.8em !important;
  padding: 10px 10px 10px !important;
  width: 98%;
  background: url("/images/news/877/paper.png") center center/100% 100% no-repeat transparent;
  box-sizing: border-box;
  margin: 0 auto 0;
}
body.news-page article#a877 .article-content ul li::before {
  content: none !important;
}
body.news-page article#a877 .article-content ul li::after {
  content: " ";
  display: block;
  clear: both;
}
body.news-page article#a877 .article-content ul li p {
  width: 66%;
  padding: 0.7em 1em;
  box-sizing: border-box;
  color: black;
  margin: 1em 0 0.6em 34%;
  border-radius: 3px;
  min-height: 137px;
  font-size: 1.3em;
  line-height: 1.3em;
}
body.news-page article#a877 .article-content ul li p strong {
  display: block;
  text-transform: uppercase;
  font-size: 1.2em;
  padding-bottom: 0.4em;
  margin-bottom: 0.6em;
  border-bottom: 1px solid #910000;
}
body.news-page article#a877 .article-content ul li .trpios-dictators-desk-icon {
  float: left;
  display: inline-block;
  max-width: 200px;
  width: 30%;
  margin: 0 0 0 10px;
  padding-bottom: 20px;
}
body.news-page article#a877 .article-content ul li.intel {
  margin-left: 0;
  transform: rotate(-1deg);
}
body.news-page article#a877 .article-content ul li.intel img {
  margin-top: 5%;
}
body.news-page article#a877 .article-content ul li.avatar {
  margin-right: 0;
  transform: rotate(0.5deg);
}
body.news-page article#a877 .article-content ul li.avatar img {
  margin-top: 2%;
}
body.news-page article#a877 .article-content ul li.avatar p {
  margin-top: 0.5em;
}
body.news-page article#a877 .article-content ul li.edicts {
  margin-left: 0;
  transform: rotate(1deg);
  min-height: 220px;
}
body.news-page article#a877 .article-content ul li.edicts img {
  margin-top: 2%;
}
body.news-page article#a877 .article-content ul li.overlays {
  margin-right: 0;
  transform: rotate(1.5deg);
  min-height: 220px;
}
body.news-page article#a877 .article-content ul li.overlays img {
  margin-top: 1%;
}
body.news-page article#a877 .article-content ul li.construction {
  margin-left: 3%;
  transform: rotate(-0.2deg);
  min-height: 200px;
}
body.news-page article#a877 .article-content ul li.construction img {
  margin-top: 1.3%;
}
body.news-page article#a877 .article-content ul li.almanac {
  margin-right: 0;
  transform: rotate(-1deg);
}
body.news-page article#a877 .article-content ul li.almanac img {
  margin-top: 4%;
}
body.news-page article#a877 .article-content ul li.almanac p {
  margin-top: 0.5em;
}
body.news-page article#a877 .article-content ul + p {
  clear: left;
  text-align: center;
}
body.news-page article#a877 .article-content ul #screenshot .trpios-dictators-desk-screenshot {
  margin-top: 1em;
  margin-bottom: 1em;
}
body.news-page article#a877 .article-content ul #screenshot + p {
  clear: left;
  margin: 1em auto;
}
body.news-page article#a916 .img-comp-container {
  position: relative;
  height: 419px;
  /*should be the same height as the images*/
  margin-bottom: 2em;
}
body.news-page article#a916 .img-comp-img {
  position: absolute;
  width: auto;
  height: auto;
  overflow: hidden;
}
body.news-page article#a916 .img-comp-img p {
  position: absolute;
  top: 45%;
  background-color: rgba(0, 0, 0, 0.78);
  font-weight: bold;
  color: white;
  right: 0;
  left: auto;
  width: auto;
  padding: 0.6em 1em;
  display: inline-block;
  text-transform: uppercase;
  border-radius: 100px 0px 0px 100px;
}
body.news-page article#a916 .img-comp-img.img-comp-overlay {
  border-right: 2px solid white;
}
body.news-page article#a916 .img-comp-img.img-comp-overlay p {
  left: 0;
  right: auto;
  border-radius: 0px 100px 100px 0px;
}
body.news-page article#a916 .img-comp-img img {
  display: block;
  vertical-align: middle;
  border-radius: 7px;
}
body.news-page article#a916 .img-comp-slider {
  position: absolute;
  z-index: 9;
  cursor: ew-resize;
  /*set the appearance of the slider:*/
  width: 40px;
  height: 40px;
  background-color: #2196F3;
  opacity: 0.7;
  border-radius: 50%;
}
body.news-page article#a916 ul + p + a {
  display: block;
  text-align: center;
}
body.news-page article#a916 ul + p + a img {
  width: 220px;
  display: inline-block;
  margin: 1em auto 2em;
}
body.news-page article#a931 #ipads {
  background: url("/images/news/971/brown-paper-background.jpg") center center no-repeat white;
  background-size: cover;
  font-size: 1.25em;
  border-radius: 2px;
  transform: rotate(0.5deg);
  z-index: 2;
  padding: 2% 5% 6%;
  margin: 2em auto;
  width: 100%;
  max-width: 620px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 2px rgba(255, 255, 255, 0.8);
  /*top internal highlight*/
}
body.news-page article#a931 #ipads::before, body.news-page article#a931 #ipads::after {
  content: " ";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("/images/news/971/brown-paper-background.jpg") center center no-repeat white;
  background-size: cover;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 2px rgba(255, 255, 255, 0.8);
  /*top internal highlight*/
  transform: rotate(1deg);
  z-index: -1;
}
body.news-page article#a931 #ipads::after {
  transform: rotate(-1deg);
}
body.news-page article#a931 #ipads img {
  opacity: 0.9;
}
body.news-page article#a931 #ipads h4, body.news-page article#a931 #ipads h2 {
  clear: both;
  width: auto;
  text-align: center;
  transform: rotate(-1deg);
  text-shadow: none;
  background-image: url("/images/news/971/divider-plain.png"), url("/images/news/971/divider.png");
  background-position: center bottom, center top;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 100% auto;
  padding: 1.2em 0 1.1em;
  margin: 1em 0.5em 0 0;
  display: block;
  mix-blend-mode: multiply;
  color: #323853;
  font-size: 1.5em;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
}
body.news-page article#a931 #ipads h4 span, body.news-page article#a931 #ipads h2 span {
  text-transform: lowercase;
}
body.news-page article#a931 #ipads .devices {
  transform: rotate(-1deg);
}
body.news-page article#a931 #ipads ul {
  padding: 0;
  float: left;
  margin: 0 2% 0 2%;
  display: block;
  list-style: none;
  width: 29%;
  /*
  			-webkit-filter: invert(.9);
  				    filter: invert(.9);
  			mix-blend-mode: multiply;
  			opacity: .7;
  */
  /*				&#mediumpad  {
  				width: 28%;
  				img {
  					width: 79.271%;
  					margin: 0 auto;
  				}


  			}
  			&#smallpad  {
  				width: 26%;
  				img {
  					width: 82.584%;
  					margin: 0 auto;
  				}


  			}
  */
}
body.news-page article#a931 #ipads ul#largepadnew {
  margin-left: 18.5%;
  margin-bottom: 5%;
}
body.news-page article#a931 #ipads ul#largepad {
  clear: left;
}
body.news-page article#a931 #ipads ul li {
  padding: 0;
}
body.news-page article#a931 .ipadname, body.news-page article#a931 .iphonename {
  text-align: center;
  list-style: none;
  margin: 0.3em 0 0;
  box-sizing: border-box;
  line-height: 1.2em;
  font-size: 1.2rem;
  color: #575757;
  /*
  		border: 1px solid rgba($black, 0.15);
  		border-radius: 2px;
  */
  font-family: "Oswald", sans-serif;
  font-weight: 300;
}
body.news-page article#a931 .ipadname::before, body.news-page article#a931 .iphonename::before {
  content: none !important;
}
body.news-page article#a931 .ipadname span, body.news-page article#a931 .iphonename span {
  display: block;
  box-sizing: border-box;
  padding: 0.8em 0.1em;
  background: url("/images/news/971/ticker.png") center center no-repeat transparent;
  background-size: 100% 100%;
}
body.news-page article#a931 .ipadname span + span, body.news-page article#a931 .iphonename span + span {
  margin-top: -0.8em;
  padding-top: 0;
  background: url("/images/news/971/ticker-bottom.png") center center no-repeat transparent;
  background-size: 100% 100%;
  font-size: 0.9em;
}
body.news-page article#a942 li strong {
  display: block;
}
body.news-page article#a971 #iphones {
  background: url("/images/news/971/brown-paper-background.jpg") center center no-repeat white;
  background-size: cover;
  font-size: 1.25em;
  border-radius: 2px;
  transform: rotate(0.5deg);
  z-index: 2;
  padding: 2% 5% 6%;
  margin: 2em auto;
  width: 100%;
  max-width: 620px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 2px rgba(255, 255, 255, 0.8);
  /*top internal highlight*/
}
body.news-page article#a971 #iphones::before, body.news-page article#a971 #iphones::after {
  content: " ";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("/images/news/971/brown-paper-background.jpg") center center no-repeat white;
  background-size: cover;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 2px rgba(255, 255, 255, 0.8);
  /*top internal highlight*/
  transform: rotate(1deg);
  z-index: -1;
}
body.news-page article#a971 #iphones::after {
  transform: rotate(-1deg);
}
body.news-page article#a971 #iphones img {
  opacity: 0.9;
}
body.news-page article#a971 #iphones h4, body.news-page article#a971 #iphones h2 {
  clear: both;
  width: auto;
  text-align: center;
  transform: rotate(-1deg);
  text-shadow: none;
  background-image: url("/images/news/971/divider-plain.png"), url("/images/news/971/divider.png");
  background-position: center bottom, center top;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 100% auto;
  padding: 1.2em 0 1.1em;
  margin: 1em 0.5em 0 0;
  display: block;
  mix-blend-mode: multiply;
  color: #323853;
  font-size: 1.5em;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
}
body.news-page article#a971 #iphones h4 span, body.news-page article#a971 #iphones h2 span {
  text-transform: lowercase;
}
body.news-page article#a971 #iphones .devices {
  transform: rotate(-1deg);
}
body.news-page article#a971 #iphones ul {
  padding: 0;
  float: left;
  margin: 0 5%;
  display: block;
  list-style: none;
  width: 23%;
}
body.news-page article#a971 #iphones ul li {
  padding: 0;
}
body.news-page article#a971 .ipadname, body.news-page article#a971 .iphonename {
  text-align: center;
  list-style: none;
  margin: 0.3em 0 0;
  box-sizing: border-box;
  line-height: 1.2em;
  font-size: 1.2rem;
  color: #575757;
  font-family: "Oswald", sans-serif;
  font-weight: 300;
}
body.news-page article#a971 .ipadname::before, body.news-page article#a971 .iphonename::before {
  content: none !important;
}
body.news-page article#a971 .ipadname span, body.news-page article#a971 .iphonename span {
  display: block;
  box-sizing: border-box;
  padding: 0.8em 0.1em;
  background: url("/images/news/971/ticker.png") center center no-repeat transparent;
  background-size: 100% 100%;
}
body.news-page article#a971 .ipadname span + span, body.news-page article#a971 .iphonename span + span {
  margin-top: -0.8em;
  padding-top: 0;
  background: url("/images/news/971/ticker-bottom.png") center center no-repeat transparent;
  background-size: 100% 100%;
  font-size: 0.9em;
}
body.news-page article#a999 .article-content > ul {
  padding: 0;
}
body.news-page article#a999 .article-content > ul > li::before {
  content: none;
}
body.news-page article#a999 .article-content li {
  list-style: none;
}
body.news-page article#a999 .article-content li h2 {
  font-family: "'Michroma'", sans-serif;
  color: #c00;
  margin: 1.5em 0 0.5em;
  font-size: 1.2em;
}
body.news-page article#a999 .article-content li img {
  float: right;
  width: 33%;
  margin-left: 20px;
  margin-bottom: 20px;
  clear: right;
  border-radius: 4px;
}
body.news-page article#a1036 #ios-devices {
  padding: 0 0 2em;
  margin: 1.5em auto 2em;
  text-align: center;
  font-size: 1.4em;
  border-bottom: 5px solid #61634b;
  border-top: 5px solid #61634b;
  background: url("/minisite/companyofheroes-mobile/images/background@2x.jpg") center center/100% 100% transparent no-repeat;
  background-size: cover;
  font-family: "Gotham", sans-serif;
}
[lang=ru] body.news-page article#a1036 #ios-devices {
  font-family: "Roboto", sans-serif;
}
body.news-page article#a1036 #ios-devices + p {
  width: auto;
  text-align: center;
  margin-bottom: 1.5em;
}
body.news-page article#a1036 #ios-devices + p + a {
  display: block;
  text-align: center;
  padding-bottom: 3em;
}
body.news-page article#a1036 #ios-devices + p + a img {
  height: 60px;
}
body.news-page article#a1036 #ios-devices h4, body.news-page article#a1036 #ios-devices h2 {
  clear: both;
  padding: 0;
  margin: 1em auto 1em;
  border-bottom: none;
  text-transform: uppercase;
  font-weight: bold;
  width: 100%;
  font-weight: 400;
  color: #1c1b1a;
  font-size: 1em;
}
body.news-page article#a1036 #ios-devices h4 span, body.news-page article#a1036 #ios-devices h2 span {
  text-transform: lowercase;
}
body.news-page article#a1036 #ios-devices ul {
  margin: 0;
  padding: 0;
}
body.news-page article#a1036 #ios-devices ul li::before {
  content: none !important;
}
body.news-page article#a1036 #ios-devices ul li span {
  display: block;
  font-size: 0.67em;
  line-height: 1.2em;
  margin: 0.5em -0.5em 0;
}
body.news-page article#a1036 #ios-devices #ipads {
  padding: 0 6% 0 6%;
  box-sizing: border-box;
}
body.news-page article#a1036 #ios-devices #ipads ul {
  float: left;
  margin: 0 2% 0 2%;
  display: block;
  list-style: none;
}
body.news-page article#a1036 #ios-devices #ipads ul#largepad {
  width: 25%;
}
body.news-page article#a1036 #ios-devices #ipads ul#largepad img {
  width: 87.481%;
  margin: 0 auto;
}
body.news-page article#a1036 #ios-devices #ipads ul#mediumpad {
  width: 21.9%;
}
body.news-page article#a1036 #ios-devices #ipads ul#mediumpad img {
  width: 79.271%;
  margin: 0 auto;
}
body.news-page article#a1036 #ios-devices #ipads ul#smallpad {
  width: 20.3%;
}
body.news-page article#a1036 #ios-devices #ipads ul#smallpad img {
  width: 82.584%;
  margin: 0 auto;
}
body.news-page article#a1036 #ios-devices #ipads ul#minipad {
  width: 16.5%;
}
body.news-page article#a1036 #ios-devices #ipads ul#minipad img {
  width: 82.584%;
  margin: 0 auto;
}
body.news-page article#a1036 #ios-devices #ipadsnew {
  padding: 0 6% 2%;
  box-sizing: border-box;
}
body.news-page article#a1036 #ios-devices #ipadsnew ul {
  float: left;
  margin: 0 2% 0 2%;
  display: block;
  list-style: none;
}
body.news-page article#a1036 #ios-devices #ipadsnew ul#largepadnew {
  width: 25%;
  margin-left: 24%;
}
body.news-page article#a1036 #ios-devices #ipadsnew ul#largepadnew img {
  width: 87.481%;
  margin: 0 auto;
}
body.news-page article#a1036 #ios-devices #ipadsnew ul#mediumpadnew {
  width: 23%;
}
body.news-page article#a1036 #ios-devices #ipadsnew ul#mediumpadnew img {
  width: 79.271%;
  margin: 0 auto;
}
body.news-page article#a1036 #ios-devices .ipadname, body.news-page article#a1036 #ios-devices .iphonename, body.news-page article#a1036 #ios-devices #android-requirements > div {
  text-align: center;
  list-style: none;
  margin: 0.3em 0 0;
  padding: 0.5em;
  box-sizing: border-box;
  line-height: 1.2em;
  font-size: 1rem;
  border: 1px solid #61634b;
  border-radius: 2px;
  background: rgba(97, 99, 75, 0.9);
  color: white;
}
body.news-page article#a1074 {
  padding-bottom: 100px;
}
body.news-page article#a1074 section {
  -webkit-font-smoothing: subpixel-antialiased;
  clear: both;
  padding: 0 0 30px;
  text-align: center;
  border-bottom: 5px solid #61634b;
  border-left: none;
  border-right: none;
  margin: 0 auto;
  background: url("/minisite/companyofheroes-mobile/images/background@2x.jpg") center center/100% 100% white no-repeat;
  background-size: cover;
  font-family: "Gotham", sans-serif;
  text-shadow: 0 0 4px #fff, 0 0 3px #fff, 0 0 1px #fff;
  /*

  		.ipadname, .iphonename {
  			font-size: 1.4em !important;
  		}
  */
}
[lang=ru] body.news-page article#a1074 section {
  font-family: "Roboto", sans-serif;
}
body.news-page article#a1074 section:first-of-type {
  margin-bottom: 1em;
}
body.news-page article#a1074 section:last-of-type {
  padding: 0 4% 0px;
  margin-bottom: 2em;
  /*
  			+ p, + p + p, + p + p + p {
  				width: 100%;
  				text-align: center;
  				padding: 0;
  			}
  */
}
body.news-page article#a1074 section:last-of-type h4 {
  margin: 0 -1.2% 1em;
}
body.news-page article#a1074 section:last-of-type > h4 {
  margin: 0 -4.4% 1em;
  border-width: 5px;
}
body.news-page article#a1074 section h4 {
  clear: both;
  padding-top: 1em;
  border-top: 3px solid #61634b;
  border-bottom: none;
  margin: 0 0.5em 1em;
  font-size: 1.2em;
  font-family: "Gotham", sans-serif;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 400;
  color: #1c1b1a;
}
[lang=ru] body.news-page article#a1074 section h4 {
  font-family: "Roboto", sans-serif;
}
body.news-page article#a1074 section h4 span {
  text-transform: lowercase;
}
body.news-page article#a1074 section > h4 {
  font-weight: bold;
  margin: 0 0 1em;
}
body.news-page article#a1074 section p {
  width: auto;
  padding: 0 5% 0.5em;
  font-family: "Gotham", sans-serif;
  color: black;
}
[lang=ru] body.news-page article#a1074 section p {
  font-family: "Roboto", sans-serif;
}
body.news-page article#a1074 section ul li span {
  display: block;
}
body.news-page article#a1074 section ul li::before {
  content: none !important;
}
body.news-page article#a1074 section #iphones {
  padding: 0 1%;
  box-sizing: border-box;
  /*
  		.iphonesplit {
  			display: block;
  			width: 100%;
  			padding: 0;
  			margin: 0;
  			clear: both;
  			&:first-child {
  				ul {
  					padding-bottom: 0;
  				}
  			}
  			&:nth-child(2) {
  				position: relative;
  				top: -.5em;
  			}
  */
}
body.news-page article#a1074 section #iphones .devices {
  padding: 0 0 0 1%;
}
body.news-page article#a1074 section #iphones ul {
  padding: 0;
  float: left;
  margin: 0 2%;
  padding-bottom: 4%;
}
body.news-page article#a1074 section #iphones ul#iphonemax {
  width: 30%;
}
body.news-page article#a1074 section #iphones ul#iphonemax img {
  width: 41.101%;
  margin: 0 auto;
}
body.news-page article#a1074 section #iphones ul#iphoner {
  width: 28.8%;
}
body.news-page article#a1074 section #iphones ul#iphoner img {
  width: 41.101%;
  margin: 0 auto;
}
body.news-page article#a1074 section #iphones ul#iphonex {
  width: 27.5%;
  padding-bottom: 2%;
}
body.news-page article#a1074 section #iphones ul#iphonex img {
  width: 41.101%;
  margin: 0 auto;
}
body.news-page article#a1074 section #iphones ul#iphoneplus {
  width: 30%;
}
body.news-page article#a1074 section #iphones ul#iphoneplus img {
  width: 45.5%;
  margin: 0 auto;
}
body.news-page article#a1074 section #iphones ul#iphone {
  width: 28.8%;
}
body.news-page article#a1074 section #iphones ul#iphone img {
  width: 39.5%;
  margin: 0 auto;
}
body.news-page article#a1074 section #iphones ul#iphonese {
  width: 27.5%;
}
body.news-page article#a1074 section #iphones ul#iphonese img {
  width: 36%;
  margin: 0 auto;
}
body.news-page article#a1074 section .ipadname, body.news-page article#a1074 section .iphonename, body.news-page article#a1074 section #android-requirements > div {
  text-align: center;
  list-style: none;
  margin: 0.3em 0 0;
  padding: 0.5em;
  box-sizing: border-box;
  line-height: 1.2em;
  font-size: 1rem;
  border: 1px solid rgba(97, 99, 75, 0.9);
  border-radius: 2px;
  background: rgba(97, 99, 75, 0.9);
  color: #fff;
  text-shadow: none;
}
body.news-page article#a1074 section #android-requirements > div {
  width: 100%;
  clear: right;
  padding-bottom: 0.5em;
  display: inline-block;
  margin: 0.5em auto 0em;
  line-height: 2.5em;
}
body.news-page article#a1074 section #android-requirements > div:last-child {
  margin-bottom: 1em;
}
body.news-page article#a1074 section #android-requirements > div h5 {
  border: none;
  background: none;
  box-shadow: none;
  width: auto;
  font-size: 2em;
  padding: 0em 0em 0.7em;
  font-weight: bold;
  color: #fff;
  margin: 0.7em 0em 0.7em;
  border-bottom: 1px solid #fff;
}
body.news-page article#a1074 section #android-requirements > div ul {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  float: none;
  padding: 0;
}
body.news-page article#a1074 section #android-requirements > div ul li.android-name {
  width: 100%;
  display: block;
  box-sizing: border-box;
  font-family: "Gotham", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  margin: 0 0 0.7em;
  color: white;
}
[lang=ru] body.news-page article#a1074 section #android-requirements > div ul li.android-name {
  font-family: "Roboto", sans-serif;
}
body.news-page article#a1074 section #android-requirements > div:last-child {
  background: transparent;
  border: none;
}
body.news-page article#a1074 section #android-requirements .clearfix {
  float: none;
  clear: both;
  width: 100%;
}
body.news-page article#a1074 section #android-requirements .clearfix p {
  padding: 0 0;
  font-size: 0.8em;
  line-height: 1.4em;
}
body.news-page article#a1074 section ul li span {
  font-size: 0.75em !important;
}
body.news-page article#a1074 section #android-requirements div {
  width: 49.5%;
  padding: 0.5em 0.5em;
  /*
  				&:last-child {
  					background: transparent;
  					border: none;
  				}
  */
}
body.news-page article#a1074 section #android-requirements div ul {
  width: 100%;
  box-sizing: border-box;
  float: none;
  padding-bottom: 0.3em;
}
body.news-page article#a1074 section #android-requirements div ul li.android-name {
  width: 100%;
  display: block;
  box-sizing: border-box;
  font-family: "Gotham", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  margin: 0 0 0.4em;
  line-height: 1.2em;
}
[lang=ru] body.news-page article#a1074 section #android-requirements div ul li.android-name {
  font-family: "Roboto", sans-serif;
}
body.news-page article#a1074 section #android-requirements div#samsung {
  float: left;
  margin-top: -0.2em;
}
body.news-page article#a1074 section #android-requirements div#google {
  float: right;
  margin-top: -0.2em;
}
body.news-page article#a1074 section #android-requirements div#huawei {
  float: right;
  clear: right;
}
body.news-page article#a1074 section #android-requirements div#oneplus {
  float: left;
  clear: left;
}
body.news-page article#a1074 section #android-requirements div#xiaomi {
  float: right;
  clear: right;
}
body.news-page article#a1074 section #android-requirements div#other {
  float: right;
  clear: right;
  margin-bottom: 1em;
}
body.news-page article#a1074 section #android-requirements div h5 {
  text-transform: uppercase;
  font-size: 1.5em;
}
body.news-page article#a1060 .device-type {
  margin: 2.5em auto;
  border: 2px solid #a80e03;
  outline: 4px solid black;
  padding-bottom: 2em;
  background: url("/minisite/xcom2collection-mobile/images/background@2x.jpg") center top no-repeat transparent;
  background-size: auto 200%;
  text-align: center;
}
body.news-page article#a1060 .device-type + p {
  width: 100%;
  padding: 0;
  text-align: center;
  font-weight: bold;
}
body.news-page article#a1060 .device-type h2 {
  clear: both;
  font-size: 2.7em;
  width: 90%;
  margin: 0.5em auto 1em;
  color: #f03427;
  border-bottom: 1px solid #f03427;
  font-family: "Dharma Gothic E", "PT Sans Narrow", helvetica, sans-serif;
  text-transform: uppercase;
}
body.news-page article#a1060 .device-type h2 span {
  text-transform: lowercase;
}
body.news-page article#a1060 .device-type p {
  margin-bottom: 2em;
  padding-left: 10%;
  padding-right: 10%;
}
body.news-page article#a1060 .device-type ul {
  margin: 0;
  padding: 0;
}
body.news-page article#a1060 .device-type ul li {
  color: white;
}
body.news-page article#a1060 .device-type ul li::before {
  content: none;
}
body.news-page article#a1060 .device-type ul li span {
  display: block;
  font-size: 0.65em;
  line-height: 1.2em;
  margin-top: 0.5em;
  color: white;
}
body.news-page article#a1060 .device-type #ipads {
  padding: 0 6% 0 6%;
  box-sizing: border-box;
}
body.news-page article#a1060 .device-type #ipads ul {
  float: left;
  margin: 0 2% 0 2%;
  display: block;
  list-style: none;
}
body.news-page article#a1060 .device-type #ipads ul#largepad {
  width: 25%;
  margin-left: 14.4%;
}
body.news-page article#a1060 .device-type #ipads ul#largepad img {
  width: 87.481%;
  margin: 0 auto;
}
body.news-page article#a1060 .device-type #ipads ul#mediumpad {
  width: 21.9%;
}
body.news-page article#a1060 .device-type #ipads ul#mediumpad img {
  width: 79.271%;
  margin: 0 auto;
}
body.news-page article#a1060 .device-type #ipads ul#smallpad {
  width: 20.3%;
}
body.news-page article#a1060 .device-type #ipads ul#smallpad img {
  width: 82.584%;
  margin: 0 auto;
}
body.news-page article#a1060 .device-type #ipads ul#minipad {
  width: 16.5%;
}
body.news-page article#a1060 .device-type #ipads ul#minipad img {
  width: 82.584%;
  margin: 0 auto;
}
body.news-page article#a1060 .device-type #ipadsnew {
  padding: 0 6% 2%;
  box-sizing: border-box;
}
body.news-page article#a1060 .device-type #ipadsnew ul {
  float: left;
  margin: 0 2% 0 2%;
  display: block;
  list-style: none;
}
body.news-page article#a1060 .device-type #ipadsnew ul#largepadnew {
  width: 25%;
  margin-left: 24%;
  padding-bottom: 1em;
}
body.news-page article#a1060 .device-type #ipadsnew ul#largepadnew img {
  width: 87.481%;
  margin: 0 auto;
}
body.news-page article#a1060 .device-type #ipadsnew ul#mediumpadnew {
  width: 23%;
}
body.news-page article#a1060 .device-type #ipadsnew ul#mediumpadnew img {
  width: 79.271%;
  margin: 0 auto;
}
body.news-page article#a1060 .device-type #iphones {
  padding: 0 8%;
  box-sizing: border-box;
}
body.news-page article#a1060 .device-type #iphones .iphonesplit {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}
body.news-page article#a1060 .device-type #iphones .iphonesplit:first-child ul {
  padding-bottom: 0;
}
body.news-page article#a1060 .device-type #iphones .iphonesplit:nth-child(2) {
  position: relative;
}
body.news-page article#a1060 .device-type #iphones .iphonesplit ul {
  float: left;
  margin: 0 2%;
}
body.news-page article#a1060 .device-type #iphones .iphonesplit ul#xsphonemax {
  width: 30%;
}
body.news-page article#a1060 .device-type #iphones .iphonesplit ul#xsphonemax img {
  width: 41.101%;
  margin: 0 auto;
}
body.news-page article#a1060 .device-type #iphones .iphonesplit ul#xrphone {
  width: 28.8%;
}
body.news-page article#a1060 .device-type #iphones .iphonesplit ul#xrphone img {
  width: 41.101%;
  margin: 0 auto;
}
body.news-page article#a1060 .device-type #iphones .iphonesplit ul#xphone {
  width: 27.5%;
  padding-bottom: 1em;
}
body.news-page article#a1060 .device-type #iphones .iphonesplit ul#xphone img {
  width: 41.101%;
  margin: 0 auto;
}
body.news-page article#a1060 .device-type #iphones .iphonesplit ul#largephone {
  width: 30%;
  margin-left: 18.7%;
}
body.news-page article#a1060 .device-type #iphones .iphonesplit ul#largephone img {
  width: 45.5%;
  margin: 0 auto;
}
body.news-page article#a1060 .device-type #iphones .iphonesplit ul#mediumphone {
  width: 28.8%;
}
body.news-page article#a1060 .device-type #iphones .iphonesplit ul#mediumphone img {
  width: 39.5%;
  margin: 0 auto;
}
body.news-page article#a1060 .device-type #iphones .iphonesplit ul#smallphone {
  width: 27.5%;
}
body.news-page article#a1060 .device-type #iphones .iphonesplit ul#smallphone img {
  width: 36%;
  margin: 0 auto;
}
body.news-page article#a1060 .device-type .ipadname, body.news-page article#a1060 .device-type .iphonename {
  text-align: center;
  list-style: none;
  margin: 0.3em 0 0;
  border-image-source: url("/minisite/xcom2collection-mobile/images/borders/border-hover.svg");
  border-image-slice: 45%;
  border-image-slice: 45% fill;
  border-image-width: 8px;
  border-image-repeat: stretch;
  border-image-outset: 0;
  border-width: 1px;
  border-style: solid;
  padding: 0.5em 0.1em;
  box-sizing: border-box;
  line-height: 1.2em;
  font-size: 1rem;
  color: white;
}

body.newsletters-page #newsletters-content {
  display: flex;
  flex-wrap: wrap;
}
body.newsletters-page #newsletters-content::before {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.9+0,0.4+36,0+56 */
  background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 36%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 36%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 36%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e6000000", endColorstr="#00000000",GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  height: 100%;
}
body.newsletters-page #newsletters-content .row {
  opacity: 0;
  animation: fadeInUp ease 2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  /*when the spec is finished*/
  animation-delay: 0s;
  -webkit-animation: fadeInUp ease 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards;
  /*Chrome 16+, Safari 4+*/
  -webkit-animation-delay: 0s;
  -moz-animation: fadeInUp ease 2s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards;
  /*FF 5+*/
  -moz-animation-delay: 0s;
  -o-animation: fadeInUp ease 2s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards;
  /*Not implemented yet*/
  -o-animation-delay: 0s;
  -ms-animation: fadeInUp ease 2s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards;
  /*IE 10+*/
  -ms-animation-delay: 0s;
  width: 100%;
}
body.newsletters-page #newsletters-content header {
  position: relative;
  width: 100%;
}
body.newsletters-page #newsletters-content header h3 {
  margin: 1.6rem 0 1rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.3rem;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
body.newsletters-page #newsletters-content .panel {
  margin: 1rem 20px;
}
body.newsletters-page #newsletters-content .panel h4 {
  font-size: 1.2rem;
  text-align: center;
  font-weight: normal;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
body.newsletters-page #newsletters-content .panel p {
  text-align: center;
  padding-top: 1rem;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
body.newsletters-page #newsletters-content .panel p span:first-child {
  margin-left: calc(10px + 0.5vw);
}
body.newsletters-page #newsletters-content .panel .panel-buttons {
  display: flex;
}
body.newsletters-page #newsletters-content .panel .panel-buttons .btn {
  width: 100%;
}
body.newsletters-page #newsletters-content .panel .panel-buttons .btn:nth-child(2) {
  margin-left: 1vw;
}
body.newsletters-page #newsletters-content #stay-up-to-date {
  position: relative;
  margin-bottom: 10px;
  width: 100%;
  text-align: center;
  /*
  	&:before {
  		content: 'under revision';
  		display: block;
  		position: absolute;
  		top: 0; 
  		bottom: 0;
  		left: 0;
  		right: 0;
  		z-index: 9;
  		background: rgba(255, 0, 255, 0.6);
  		color: white;
  		font-weight: bold;
  		font-size: 3rem;
  		text-transform: uppercase;
  		padding-top: 30%;
  		text-align: center;
  		opacity: 1;
  		text-shadow: $small-black-text-shadow;
  	}
  */
  /*
  	&:after {
  		display: block;
  		content: '';
  		position: absolute;
  		bottom: -10px;
  		left: 0px; right: 0px;
  		@include gradient-x(#fd7401, #e4ac59);
  		height: 10px;
  	}
  */
}
body.newsletters-page #newsletters-content #stay-up-to-date h6 {
  font-size: 1em;
}
body.newsletters-page #newsletters-content #stay-up-to-date input {
  border: solid 2px #FFF;
  border-radius: 5px;
}
body.newsletters-page #newsletters-content #stay-up-to-date input[type=email] {
  margin: 5px 20px 15px;
  padding: 7px 20px;
  background-image: linear-gradient(to right, #e4ac59 0%, #fd7401 100%);
  background-repeat: repeat-x;
  font-size: 1.3rem;
  width: calc(100% - 40px);
}
body.newsletters-page #newsletters-content #stay-up-to-date input[type=email]::placeholder {
  color: white;
  opacity: 0.6;
}
body.newsletters-page #newsletters-content #stay-up-to-date input[type=number] {
  background-color: #333;
  width: 100%;
  text-align: center;
  color: #F15A24;
  margin: 0px 2px;
  /* Hide arrows on Chrome, Safari, Edge, Opera */
  /* Hide arrows on Firefox */
}
body.newsletters-page #newsletters-content #stay-up-to-date input[type=number]::-webkit-outer-spin-button, body.newsletters-page #newsletters-content #stay-up-to-date input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body.newsletters-page #newsletters-content #stay-up-to-date input[type=number][type=number] {
  -moz-appearance: textfield;
}
body.newsletters-page #newsletters-content #stay-up-to-date .panel {
  display: flex;
  align-items: center;
  text-align: left;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
body.newsletters-page #newsletters-content #stay-up-to-date .panel.newsletter {
  flex-wrap: wrap;
}
body.newsletters-page #newsletters-content #stay-up-to-date .panel.newsletter > h6 {
  width: 100%;
}
body.newsletters-page #newsletters-content #stay-up-to-date .panel.newsletter label {
  flex-wrap: wrap;
}
body.newsletters-page #newsletters-content #stay-up-to-date .panel.newsletter label span {
  width: calc(100% - 30px);
}
body.newsletters-page #newsletters-content #stay-up-to-date .panel.newsletter label span span {
  padding-left: 0;
  width: 100%;
  font-weight: normal;
  display: inline-block;
}
body.newsletters-page #newsletters-content #stay-up-to-date .panel.newsletter label div {
  align-self: flex-start;
  font-size: 1em;
}
body.newsletters-page #newsletters-content #stay-up-to-date .panel.newsletter label div::before {
  line-height: 1.4em;
}
body.newsletters-page #newsletters-content #stay-up-to-date .panel.platforms {
  flex-wrap: wrap;
}
body.newsletters-page #newsletters-content #stay-up-to-date .panel.platforms > h6 {
  width: 100%;
}
body.newsletters-page #newsletters-content #stay-up-to-date .panel.age {
  flex-wrap: wrap;
  justify-content: center;
}
body.newsletters-page #newsletters-content #stay-up-to-date .panel.age > h6 {
  margin-bottom: 0px;
  margin-right: 10px;
  display: flex;
  flex: 1 1 20%;
}
body.newsletters-page #newsletters-content #stay-up-to-date .panel.age input {
  display: flex;
  flex: 1 1 20%;
}
body.newsletters-page #newsletters-content #stay-up-to-date .panel.age input:last-of-type {
  flex: 2 2 25%;
}
body.newsletters-page #newsletters-content #stay-up-to-date .panel.age .btn {
  flex: 0 0 50%;
  margin-top: 2em;
}
body.newsletters-page #newsletters-content #stay-up-to-date label {
  font-weight: bold;
  display: flex;
  align-items: center;
  margin: 0px;
  width: 49%;
  margin-right: 1%;
  cursor: pointer;
}
body.newsletters-page #newsletters-content #stay-up-to-date label:last-child:nth-child(even) {
  width: 100%;
}
body.newsletters-page #newsletters-content #stay-up-to-date label:hover > span {
  text-decoration: underline;
}
body.newsletters-page #newsletters-content #stay-up-to-date label div {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
body.newsletters-page #newsletters-content #stay-up-to-date label div::before {
  content: "\f0c8";
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 400;
}
body.newsletters-page #newsletters-content #stay-up-to-date label input {
  display: none;
}
body.newsletters-page #newsletters-content #stay-up-to-date label input:checked + div::before {
  content: "\f14a";
}
body.newsletters-page #newsletters-content #stay-up-to-date .btn {
  margin: 0.5em auto 2em;
}
@media (min-width: 768px) {
  body.newsletters-page #newsletters-content {
    font-size: 1.4em;
  }
  body.newsletters-page #newsletters-content .row {
    width: 700px;
  }
  body.newsletters-page #newsletters-content #stay-up-to-date header h3 {
    font-size: 1.8em;
    text-align: left;
  }
  body.newsletters-page #newsletters-content #stay-up-to-date .panel {
    padding-bottom: 1em;
  }
  body.newsletters-page #newsletters-content #stay-up-to-date .panel h4 {
    text-align: left;
    padding-left: 12px;
    margin-bottom: 1em;
  }
  body.newsletters-page #newsletters-content #stay-up-to-date .panel.newsletter label span span {
    padding-left: 0.5em;
    width: auto;
    font-weight: normal;
  }
  body.newsletters-page #newsletters-content #stay-up-to-date .panel.newsletter label div:before {
    line-height: 1.6em;
  }
  body.newsletters-page #newsletters-content #stay-up-to-date .panel.platforms label:last-child {
    width: 49%;
  }
}
@media (min-width: 992px) {
  body.newsletters-page #newsletters-content #stay-up-to-date {
    margin-bottom: 2em;
  }
  body.newsletters-page #newsletters-content #stay-up-to-date .panel h4 {
    font-size: 1.8vw;
  }
  body.newsletters-page #newsletters-content #stay-up-to-date .panel p {
    font-size: 1.6vw;
  }
  body.newsletters-page #newsletters-content #stay-up-to-date .panel .panel-buttons {
    padding: 0 5vw;
  }
  body.newsletters-page #newsletters-content #stay-up-to-date .panel.age {
    display: flex;
    flex-wrap: nowrap;
  }
  body.newsletters-page #newsletters-content #stay-up-to-date .panel.age h6 {
    flex: 1 1 auto;
  }
  body.newsletters-page #newsletters-content #stay-up-to-date .panel.age input {
    display: flex;
    flex: 1 1 10%;
  }
  body.newsletters-page #newsletters-content #stay-up-to-date .panel.age input:last-of-type {
    flex: 2 2 15%;
    margin-right: 5%;
  }
  body.newsletters-page #newsletters-content #stay-up-to-date .panel.age .btn {
    flex: 2 2 20%;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  body.newsletters-page #newsletters-content .panel h4 {
    font-size: 1.5rem;
  }
  body.newsletters-page #newsletters-content .panel p {
    font-size: 1.3rem;
  }
}

body.support-page #top-header #jarallax-container-0 div {
  height: 155% !important;
  background-position: 50% top !important;
}
@media (min-width: 768px) {
  body.support-page #top-header #jarallax-container-0 div {
    height: 35vh !important;
    background-position: 50% 23% !important;
  }
}
body.support-page #faqs-filters-header {
  color: #FFF;
  background-color: #000;
  text-align: center;
  padding: 20px;
}
body.support-page #faqs-filters-header h4 {
  position: relative;
  margin: 0px 0px 0px;
  text-transform: uppercase;
}
body.support-page #faqs-platforms:before {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
}
body.support-page #faqs-platforms p {
  position: relative;
  margin: 7vw 12vw 0vw;
  text-align: center;
  font-size: 6vw;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
body.support-page #faqs-platforms nav {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 7vh 2vw 7vh;
  flex-wrap: wrap;
}
body.support-page #faqs-platforms nav a {
  display: flex;
  width: 14vw;
  height: 14vw;
  margin: 0.8vw;
  border: solid 2px #FFF;
  border-radius: 100%;
  color: #FFF;
  text-align: center;
  background-color: #333;
  font-size: 9vw;
  text-decoration: none;
  transition: border 0.2s linear;
}
body.support-page #faqs-platforms nav a span {
  margin: auto;
  align-self: center;
}
body.support-page #faqs-platforms nav a span::before {
  font-size: 100%;
}
body.support-page #faqs-platforms nav a span.icon-linux::before {
  text-indent: -9999em;
  background: url("/images/platforms/linux-colour.svg") center center/100% 100% no-repeat transparent;
}
body.support-page #faqs-platforms nav a span.icon-android::before {
  text-indent: -9999em;
  background: url("/images/platforms/android-colour.svg") center center/100% 100% no-repeat transparent;
}
body.support-page #faqs-platforms nav a span.icon-switch::before {
  text-indent: -9999em;
  background: url("/images/platforms/switch-colour.svg") center center/92% 92% no-repeat transparent;
}
body.support-page #faqs-platforms nav a span.icon-meta-quest::before {
  text-indent: -9999em;
  background: url("/images/platforms/meta-quest-colour.svg") center center/92% 92% no-repeat transparent;
}
body.support-page #faqs-platforms nav a.active {
  color: #F15A24;
  background-color: #FFF;
}
body.support-page #faqs-platforms nav a:hover {
  border-color: #F15A24;
}
body.support-page #faqs-platforms nav a:active {
  transform: scale(0.93);
  box-shadow: inset 0px 0px 15px 0px black;
}
body.support-page #faqs-filters nav a.mac {
  order: 1;
}
body.support-page #faqs-filters nav a.linux {
  order: 2;
}
body.support-page #faqs-filters nav a.ios {
  order: 3;
}
body.support-page #faqs-filters nav a.android {
  order: 4;
}
body.support-page #faqs-filters nav a.switch {
  order: 5;
}
body.support-page #faqs-filters nav a.windows {
  order: 6;
}
body.support-page #faqs-filters nav a.tvos {
  order: 7;
}
body.support-page #faqs-filters p {
  position: relative;
  text-align: center;
  padding: 0 10px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  body.support-page #faqs-filters p {
    margin: 10px 20px;
  }
}
body.support-page #faqs-platforms:before {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
}
body.support-page #faqs-platforms div {
  justify-content: center;
}
body.support-page #faqs-platforms div p {
  position: relative;
  color: #FFF !important;
  text-align: center;
  margin: 1.2em 15px 0;
  font-size: 4.5vw;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
  max-width: 750px;
}
@media (min-width: 576px) {
  body.support-page #faqs-platforms div p {
    font-size: 3vw;
  }
}
@media (min-width: 768px) {
  body.support-page #faqs-platforms div p {
    font-size: 1.4rem;
  }
}
body.support-page #faqs-platforms div p:last-of-type {
  margin-bottom: 1.2em;
}
body.support-page #faqs-platforms h5 {
  position: relative;
  margin: 12vw 12vw 5vw;
  text-align: center;
  font-size: 6vw;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
@media (min-width: 768px) {
  body.support-page #faqs-filters-header h4 {
    margin: 13px 0px 18px;
  }
  body.support-page #faqs-platforms p {
    font-size: 1.8rem;
    margin: 2vh 0 0;
  }
  body.support-page #faqs-platforms nav {
    justify-content: center;
    margin: 10px auto;
    padding: 2vh 2vw;
  }
  body.support-page #faqs-platforms nav a {
    width: 12vw;
    height: 12vw;
    margin: 0.8vw;
    /*
    				font-size: 6rem;
    				width: 9rem; height: 9rem;*/
  }
  body.support-page #faqs-platforms nav a span::before {
    font-size: 90%;
  }
}
@media (min-width: 1200px) {
  body.support-page #faqs-platforms nav a {
    width: 180px;
    height: 180px;
    width: 140px;
    height: 140px;
    margin: 12px;
  }
  body.support-page #faqs-platforms nav a span::before {
    font-size: 7.5rem;
    font-size: 6.2rem;
  }
}
body.support-page section > .row {
  opacity: 0;
  animation: fadeInUp ease 2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  /*when the spec is finished*/
  animation-delay: 0s;
  -webkit-animation: fadeInUp ease 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards;
  /*Chrome 16+, Safari 4+*/
  -webkit-animation-delay: 0s;
  -moz-animation: fadeInUp ease 2s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards;
  /*FF 5+*/
  -moz-animation-delay: 0s;
  -o-animation: fadeInUp ease 2s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards;
  /*Not implemented yet*/
  -o-animation-delay: 0s;
  -ms-animation: fadeInUp ease 2s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards;
  /*IE 10+*/
  -ms-animation-delay: 0s;
  margin: 0 auto;
  max-width: 1600px;
}
body.support-page #faqs-games {
  text-align: center;
}
body.support-page #faqs-games h4 {
  position: relative;
  font-weight: normal;
  margin: -10px 15px 0px;
  opacity: 0;
}
body.support-page #faqs-games p {
  position: relative;
  margin: 10px 15px;
  font-size: 9vw;
}
@media (min-width: 768px) {
  body.support-page #faqs-games p {
    font-size: 1.4rem;
  }
}
body.support-page #faqs-games div {
  justify-content: center;
}
body.support-page #faqs-games div p {
  position: relative;
  color: #FFF !important;
  text-align: center;
  font-size: 4.5vw;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
  max-width: 880px;
}
@media (min-width: 576px) {
  body.support-page #faqs-games div p {
    font-size: 3vw;
  }
}
@media (min-width: 768px) {
  body.support-page #faqs-games div p {
    font-size: 1.4rem;
  }
}
body.support-page #faqs-games h4 {
  position: relative;
  text-align: center;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
body.support-page #faqs-games nav {
  position: relative;
  list-style: none;
  margin: 0px auto;
  padding: 10px 5px;
  text-align: center;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
body.support-page #faqs-games nav a {
  display: flex;
  position: relative;
  margin: 5px;
  padding: 10px;
  width: calc(50% - 10px);
  max-width: 220px;
  border-radius: 2px;
  text-align: center;
  background-color: #111;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
  transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
  /*
  			div {
  				position: relative;
  				width: 100%; padding-top: calc(100% + 15px);
  				background: url('') no-repeat transparent;
  				background-size: contain;

  			}
  */
}
body.support-page #faqs-games nav a:after {
  position: absolute;
  display: block;
  content: "";
  background-color: #4c4c4c;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 1px 10px, 1px calc(100% - 1px), calc(100% - 11px) calc(100% - 1px), calc(100% - 1px) calc(100% - 11px), calc(100% - 1px) 1px, 11px 1px, 1px 11px, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 1px 10px, 1px calc(100% - 1px), calc(100% - 11px) calc(100% - 1px), calc(100% - 1px) calc(100% - 11px), calc(100% - 1px) 1px, 11px 1px, 1px 11px, 0px 10px);
  z-index: -1;
  transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
}
body.support-page #faqs-games nav a img {
  /*
  				position: absolute;
  				top: 0px; left: 0px;
  */
  width: 100%;
  height: auto;
  padding-bottom: 15px;
  padding-bottom: 0;
}
body.support-page #faqs-games nav a span {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  display: none;
}
body.support-page #faqs-games nav a:hover {
  color: white;
  text-decoration: none;
  background-color: black;
}
body.support-page #faqs-games nav a:hover:after {
  background-color: #AAA;
}
body.support-page #faqs-games nav a.general_faqs {
  justify-content: center;
  align-items: center;
}
body.support-page #faqs-games nav a.general_faqs span {
  display: flex;
  justify-content: center;
  font-size: 2.1em;
  line-height: 1.2em;
}
body.support-page #faqs-games nav:after {
  clear: both;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
}
@media (min-width: 576px) {
  body.support-page #faqs-games nav a {
    width: calc(33% - 10px);
  }
}
@media (min-width: 768px) {
  body.support-page #faqs-games h4, body.support-page #faqs-games p {
    max-width: calc(100% - 30px);
  }
  body.support-page #faqs-games h4 {
    font-size: 1.8rem;
  }
  body.support-page #faqs-games nav a {
    width: calc(25% - 10px);
    padding: 15px;
  }
}
@media (min-width: 992px) {
  body.support-page #faqs-games nav a {
    width: calc(20% - 10px);
  }
}
body.support-page #faqs-list:before, body.support-page #faqs-incoming:before {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.8+0,0.2+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#cc000000", endColorstr="#33000000",GradientType=0 );
  /* IE6-9 */
  height: 100%;
}
body.support-page #faqs-list #faqs-game, body.support-page #faqs-incoming #faqs-game {
  position: relative;
  margin: 4vh 4vw;
  display: flex;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
  width: 100%;
}
body.support-page #faqs-list #faqs-game img, body.support-page #faqs-incoming #faqs-game img {
  width: 160px;
  height: 160px;
  max-width: 15vw;
  max-height: 15vw;
  flex: 0 0 160px;
  display: flex;
}
body.support-page #faqs-list #faqs-game div, body.support-page #faqs-incoming #faqs-game div {
  flex: 1 1 auto;
  align-self: center;
  margin: 0 1rem;
  font-size: 5vw;
}
body.support-page #faqs-list #faqs-game div h4, body.support-page #faqs-incoming #faqs-game div h4 {
  font-size: 1.3em;
  margin-bottom: 0px;
}
body.support-page #faqs-list #faqs-game div h4 .icon-ios::before, body.support-page #faqs-incoming #faqs-game div h4 .icon-ios::before {
  transform: translateY(0.1em);
}
body.support-page #faqs-list #faqs-game div p, body.support-page #faqs-incoming #faqs-game div p {
  font-size: 0.8em;
  margin: 0 0 0.8em;
}
body.support-page #faqs-list #faqs-game div p strong, body.support-page #faqs-incoming #faqs-game div p strong {
  font-weight: 500;
}
body.support-page #faqs-list #faqs-game div p strong span, body.support-page #faqs-incoming #faqs-game div p strong span {
  font-weight: normal;
}
body.support-page #faqs-list #faqs-game + nav + p, body.support-page #faqs-incoming #faqs-game + nav + p {
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
  margin: 2vh 30px 6vh;
  text-align: center;
  width: 100%;
  font-size: 5vw;
}
body.support-page #faqs-list nav, body.support-page #faqs-incoming nav {
  position: relative;
  margin: 10px 15px;
  width: 100%;
}
body.support-page #faqs-list nav a, body.support-page #faqs-incoming nav a {
  display: block;
  margin: 5px 0px;
  padding: 1em 1.2em;
  font-size: 6vw;
  border: solid 1px #4d4d4d;
  background-color: #111;
  border-radius: 2px;
  transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
}
body.support-page #faqs-list nav a:hover, body.support-page #faqs-incoming nav a:hover {
  background-color: black;
  border-color: #AAA;
  color: white;
  text-decoration: none;
}
body.support-page #faqs-list p, body.support-page #faqs-incoming p {
  margin: 10px 15px;
}
body.support-page #faqs-list:after, body.support-page #faqs-incoming:after {
  clear: both;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
}
body.support-page #faqs-incoming #faqs-game div h4 {
  margin-bottom: 0.5em;
}
@media (min-width: 576px) {
  body.support-page #faqs-list #faqs-game div, body.support-page #faqs-incoming #faqs-game div {
    font-size: 1.4rem;
  }
}
@media (min-width: 768px) {
  body.support-page #faqs-list #faqs-game div, body.support-page #faqs-incoming #faqs-game div {
    font-size: 1.5rem;
  }
  body.support-page #faqs-list #faqs-game + nav + p, body.support-page #faqs-incoming #faqs-game + nav + p {
    text-align: left;
    font-size: 1.7vw;
  }
  body.support-page #faqs-list nav, body.support-page #faqs-incoming nav {
    display: flex;
    flex-wrap: wrap;
  }
  body.support-page #faqs-list nav a, body.support-page #faqs-incoming nav a {
    margin: 5px;
    width: calc(50% - 10px);
    font-size: 1.8vw;
    position: relative;
    -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
    clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
    border: none;
  }
  body.support-page #faqs-list nav a:after, body.support-page #faqs-incoming nav a:after {
    position: absolute;
    display: block;
    content: "";
    background-color: #4d4d4d;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 1px 10px, 1px calc(100% - 1px), calc(100% - 11px) calc(100% - 1px), calc(100% - 1px) calc(100% - 11px), calc(100% - 1px) 1px, 11px 1px, 1px 11px, 0px 10px);
    clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 1px 10px, 1px calc(100% - 1px), calc(100% - 11px) calc(100% - 1px), calc(100% - 1px) calc(100% - 11px), calc(100% - 1px) 1px, 11px 1px, 1px 11px, 0px 10px);
    z-index: -1;
    transition: background-color 0.2s linear;
  }
  body.support-page #faqs-list nav a:hover:after, body.support-page #faqs-incoming nav a:hover:after {
    background-color: #AAA;
  }
}
@media (min-width: 992px) {
  body.support-page #faqs-list #faqs-game div, body.support-page #faqs-incoming #faqs-game div {
    font-size: 1.6rem;
  }
  body.support-page #faqs-list #faqs-game + nav + p, body.support-page #faqs-incoming #faqs-game + nav + p {
    font-size: 20px;
  }
  body.support-page #faqs-list nav a, body.support-page #faqs-incoming nav a {
    margin: 5px;
    width: calc(33.333333% - 10px);
    font-size: 22px;
  }
}

body.about-page .xscrollblock, body.about_fulltext-page .xscrollblock {
  width: 100%;
  overflow-x: hidden;
}
body.about-page .row, body.about_fulltext-page .row {
  margin: 0 auto;
  max-width: 1200px;
}
body.about-page #top-header #jarallax-container-0 div, body.about_fulltext-page #top-header #jarallax-container-0 div {
  height: 155% !important;
  background-position: right top !important;
}
@media (min-width: 768px) {
  body.about-page #top-header #jarallax-container-0 div, body.about_fulltext-page #top-header #jarallax-container-0 div {
    height: 35vh !important;
    background-position: right 23% !important;
  }
}
body.about-page #about-content, body.about_fulltext-page #about-content {
  display: flex;
  flex-direction: column;
  color: #000;
}
body.about-page #about-content:before, body.about_fulltext-page #about-content:before {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.85);
  height: 100%;
}
body.about-page #about-content aside, body.about_fulltext-page #about-content aside {
  position: relative;
  margin: 10px auto;
  text-align: center;
}
body.about-page #about-content aside > img, body.about_fulltext-page #about-content aside > img {
  margin: 1rem auto 2rem;
  width: 200px;
}
body.about-page #about-content aside a, body.about_fulltext-page #about-content aside a {
  display: block;
  padding: 5px;
  /*
  			background-color: rgba(0,0,0,.8);
  			border-radius: 3px;
  */
  text-align: center;
}
body.about-page #about-content aside a span, body.about_fulltext-page #about-content aside a span {
  margin-left: 0px;
  width: 200px;
  padding-top: 8px;
  -webkit-clip-path: polygon(19px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 19px);
  clip-path: polygon(19px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 19px);
}
body.about-page #about-content aside a span::before, body.about_fulltext-page #about-content aside a span::before {
  -webkit-clip-path: polygon(18px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 18px);
  clip-path: polygon(18px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 18px);
}
body.about-page #about-content aside .platforms, body.about_fulltext-page #about-content aside .platforms {
  margin-top: 1em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
body.about-page #about-content aside .platforms span, body.about_fulltext-page #about-content aside .platforms span {
  height: 80px;
  margin: 10px;
}
body.about-page #about-content aside .platforms span.icon-linux::before, body.about_fulltext-page #about-content aside .platforms span.icon-linux::before {
  content: "\e80c";
}
body.about-page #about-content aside .platforms span::before, body.about_fulltext-page #about-content aside .platforms span::before {
  margin: 0;
  font-size: 500%;
}
body.about-page #about-content aside .platforms span.platform-mac, body.about_fulltext-page #about-content aside .platforms span.platform-mac {
  order: 1;
}
body.about-page #about-content aside .platforms span.platform-ios, body.about_fulltext-page #about-content aside .platforms span.platform-ios {
  order: 2;
}
body.about-page #about-content aside .platforms span.platform-linux, body.about_fulltext-page #about-content aside .platforms span.platform-linux {
  order: 3;
}
body.about-page #about-content aside .platforms span.platform-android, body.about_fulltext-page #about-content aside .platforms span.platform-android {
  order: 4;
}
body.about-page #about-content aside .platforms span.platform-switch, body.about_fulltext-page #about-content aside .platforms span.platform-switch {
  order: 5;
}
body.about-page #about-content aside .platforms span.platform-windows, body.about_fulltext-page #about-content aside .platforms span.platform-windows {
  order: 6;
}
body.about-page #about-content aside .platforms span.platform-tvos, body.about_fulltext-page #about-content aside .platforms span.platform-tvos {
  order: 7;
}
body.about-page .about-text, body.about_fulltext-page .about-text {
  position: relative;
  margin: 0 1rem;
}
body.about-page .about-text h2, body.about_fulltext-page .about-text h2 {
  margin: 1.5rem 0 1rem;
}
body.about-page .about-text p, body.about_fulltext-page .about-text p {
  margin: 0px 0.7rem 1rem;
}
@media (min-width: 768px) {
  body.about-page #about-content, body.about_fulltext-page #about-content {
    flex-direction: row;
  }
  body.about-page #about-content .row, body.about_fulltext-page #about-content .row {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  body.about-page #about-content .row aside, body.about_fulltext-page #about-content .row aside {
    margin-right: 0px;
    margin-left: 3vw;
  }
  body.about-page #about-content .row aside > img, body.about_fulltext-page #about-content .row aside > img {
    margin-bottom: 30px;
  }
  body.about-page #about-content .row aside a, body.about_fulltext-page #about-content .row aside a {
    background-color: transparent;
    background-image: url("/images/backgrounds/triangles/side-button.svg");
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: left;
    border-radius: 0px;
    margin: 10px 0px;
    padding: 10px;
    position: relative;
  }
  body.about-page #about-content .row aside a::after, body.about_fulltext-page #about-content .row aside a::after {
    content: " ";
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 50vw;
  }
  body.about-page #about-content .row .about-text, body.about_fulltext-page #about-content .row .about-text {
    flex-grow: 3;
    margin: 0rem 1rem 4rem;
    font-size: 1.8vw;
  }
  body.about-page #about-content .row .about-text h2, body.about_fulltext-page #about-content .row .about-text h2 {
    font-size: 3vw;
    margin: 1em auto 0.7em;
  }
  body.about-page #about-content .row .about-text p, body.about_fulltext-page #about-content .row .about-text p {
    font-size: 1em;
    margin: 0px 0.7em 1em;
  }
}
@media (min-width: 992px) {
  body.about-page #about-content .row aside, body.about_fulltext-page #about-content .row aside {
    margin-left: 7vw;
  }
  body.about-page #about-content .row .about-text, body.about_fulltext-page #about-content .row .about-text {
    font-size: 1.8vw;
    text-shadow: none;
  }
  body.about-page #about-content .row .about-text h2, body.about_fulltext-page #about-content .row .about-text h2 {
    font-size: 3vw;
    margin: 1em auto 0.7em;
  }
  body.about-page #about-content .row .about-text p, body.about_fulltext-page #about-content .row .about-text p {
    font-size: 1em;
    margin: 0px 0.7em 1em;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
  }
}
@media (min-width: 1200px) {
  body.about-page #about-content .row aside, body.about_fulltext-page #about-content .row aside {
    margin-left: 84px;
  }
  body.about-page #about-content .row .about-text, body.about_fulltext-page #about-content .row .about-text {
    font-size: 22px;
  }
  body.about-page #about-content .row .about-text h2, body.about_fulltext-page #about-content .row .about-text h2 {
    font-size: 36px;
  }
}

body.sitemap-page .row {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  position: relative;
  z-index: 1;
}
body.sitemap-page #sitemap-content {
  color: #000;
}
body.sitemap-page #sitemap-content:before {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.85);
  height: 100%;
}
body.sitemap-page #sitemap-content .about-content {
  display: flex;
  flex-direction: column;
}
body.sitemap-page #sitemap-content nav {
  position: relative;
  display: inline-block;
  margin: 20px 0px;
  padding: 5px 7px;
  padding-right: 25px;
  background-image: url("/images/backgrounds/triangles/navigation.svg");
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
  color: #FFF;
}
body.sitemap-page #sitemap-content nav > span {
  font-size: 0.65em;
  top: -0.15em;
  position: relative;
}
body.sitemap-page #sitemap-content nav a {
  color: #FFF;
  margin: 0px 5px;
  white-space: nowrap;
}
body.sitemap-page #sitemap-content nav a.active {
  color: #F15A24;
}
body.sitemap-page #sitemap-content .about-text {
  position: relative;
  margin: 0 1rem;
}
body.sitemap-page #sitemap-content .about-text h2 {
  margin: 1.5rem 0 1rem;
}
body.sitemap-page #sitemap-content .about-text p {
  margin: 0px 0.7rem 1rem;
}
body.sitemap-page #sitemap-content .about-text ul {
  margin-left: 0em;
  list-style: none;
}
body.sitemap-page #sitemap-content .about-text ul li {
  position: relative;
}
body.sitemap-page #sitemap-content .about-text ul li::before {
  content: "\f0da";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: -1em;
  top: 0.05em;
}
body.sitemap-page #sitemap-content h2, body.sitemap-page #sitemap-content h3 {
  margin: 1em 15px 1em;
}
body.sitemap-page #sitemap-content h4, body.sitemap-page #sitemap-content h5 {
  margin: 1.5em 0 1em calc(30px - 1em);
}
body.sitemap-page #sitemap-content p {
  margin: 0px 10px 10px 25px;
}
body.sitemap-page #sitemap-content ul {
  margin-left: 0em;
  list-style: none;
  width: 100%;
  margin-bottom: 1em;
  padding-left: 1.5em;
}
body.sitemap-page #sitemap-content ul > li a {
  font-weight: bold;
  text-transform: uppercase;
}
body.sitemap-page #sitemap-content ul > li > ul li {
  position: relative;
}
body.sitemap-page #sitemap-content ul > li > ul li::before {
  content: "\f0da";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: -1em;
  color: #F15A24;
}
body.sitemap-page #sitemap-content ul > li > ul li a {
  text-transform: none;
  font-weight: 400;
}
body.sitemap-page #sitemap-content ul a {
  color: black;
  opacity: 0.8;
}
body.sitemap-page #sitemap-content ul a:hover {
  opacity: 1;
}
@media (min-width: 768px) {
  body.sitemap-page #sitemap-content {
    flex-direction: row;
  }
  body.sitemap-page #sitemap-content .row {
    /*
    			flex-direction: row;
    			flex-wrap: nowrap;
    */
  }
  body.sitemap-page #sitemap-content .row nav::after {
    content: " ";
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 50vw;
  }
  body.sitemap-page #sitemap-content .row .about-text {
    font-size: 1.8vw;
  }
  body.sitemap-page #sitemap-content .row .about-text h2, body.sitemap-page #sitemap-content .row .about-text h3 {
    font-size: 3vw;
    margin: 1em auto 0.7em;
    width: 100%;
  }
  body.sitemap-page #sitemap-content .row .about-text p {
    font-size: 1em;
    margin: 0px 0.7em 1em;
  }
  body.sitemap-page #sitemap-content .row .about-text ul {
    padding-right: 1em;
    margin-bottom: 1.6em;
    display: flex;
    flex-wrap: wrap;
  }
  body.sitemap-page #sitemap-content .row .about-text ul > li {
    width: 24%;
  }
  body.sitemap-page #sitemap-content .row .about-text ul > li ul {
    display: block;
    padding-top: 0.5em;
  }
  body.sitemap-page #sitemap-content .row .about-text ul > li ul li {
    width: 100%;
    margin-bottom: 0.4em;
    line-height: 1.2em;
  }
}
@media (min-width: 992px) {
  body.sitemap-page #sitemap-content .row .about-text {
    text-shadow: none;
  }
  body.sitemap-page #sitemap-content .row .about-text h2, body.sitemap-page #sitemap-content .row .about-text h3 {
    font-size: 3vw;
    margin: 1em auto 0.7em;
    width: 100%;
  }
  body.sitemap-page #sitemap-content .row .about-text h3 {
    font-size: 2.5vw;
  }
  body.sitemap-page #sitemap-content .row .about-text h4 {
    font-size: 2.2vw;
  }
  body.sitemap-page #sitemap-content .row .about-text h5 {
    font-size: 1.9vw;
  }
  body.sitemap-page #sitemap-content .row .about-text p {
    font-size: 1em;
    margin: 0px 0.7em 1em;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
  }
  body.sitemap-page #sitemap-content .row .about-text li, body.sitemap-page #sitemap-content .row .about-text li ul li a {
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
  }
}
@media (min-width: 1200px) {
  body.sitemap-page #sitemap-content .row .about-text {
    font-size: 22px;
  }
  body.sitemap-page #sitemap-content .row .about-text h2 {
    font-size: 36px;
  }
  body.sitemap-page #sitemap-content .row .about-text h3 {
    font-size: 29px;
  }
}

body.careers-page {
  /*
  .about-text {
  	position: relative;

  	h2 {
  		margin: 10px 15px;
  	}

  	p {
  		margin: 0px 10px 10px 25px;
  	}
  }
  */
}
@media (min-width: 768px) {
  body.careers-page #primary-nav-pages ul li.careers a {
    color: #F15A24;
    pointer-events: none;
  }
}
body.careers-page #careers-content > .row, body.careers-page #privacy-content > .row, body.careers-page #about-content > .row {
  margin: 0 auto;
  max-width: 1200px;
}
body.careers-page #careers-content {
  color: #000;
  padding-bottom: 0;
}
body.careers-page #careers-content:before {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.85);
  height: 100%;
}
body.careers-page #careers-content .about-content {
  display: flex;
  flex-direction: column;
}
body.careers-page #careers-content nav {
  position: relative;
  display: inline-block;
  margin: 20px 0px;
  padding: 5px 7px;
  padding-right: 25px;
  background-image: url("/images/backgrounds/triangles/navigation.svg");
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
  color: #FFF;
}
body.careers-page #careers-content nav > span {
  font-size: 0.65em;
  top: -0.15em;
  position: relative;
}
body.careers-page #careers-content nav a {
  color: #FFF;
  margin: 0px 5px;
  white-space: nowrap;
}
body.careers-page #careers-content nav a.active {
  color: #F15A24;
}
body.careers-page #careers-content .about-text {
  position: relative;
  margin: 0 1rem;
  display: flex;
  flex-wrap: wrap;
}
body.careers-page #careers-content .about-text h2 {
  margin: 1.5rem 0 1rem;
}
body.careers-page #careers-content .about-text p {
  margin: 0px 0.7rem 1rem;
}
body.careers-page #careers-content .about-text ul {
  margin-left: 0em;
  list-style: none;
}
body.careers-page #careers-content .about-text ul li {
  position: relative;
}
body.careers-page #careers-content .about-text ul li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0da";
  position: absolute;
  left: -1em;
  top: 0.05em;
}
body.careers-page #careers-content h2 {
  margin: 10px 15px;
}
body.careers-page #careers-content h4, body.careers-page #careers-content h5 {
  margin: 1.5em 0 1em calc(30px - 1em);
}
body.careers-page #careers-content p {
  margin: 0px 10px 10px 25px;
}
body.careers-page #careers-content aside {
  position: relative;
  margin: 1em auto 1em;
  width: 90%;
}
body.careers-page #careers-content aside > div {
  background: url("/images/backgrounds/triangles/careers-aside.svg") left top/768px auto no-repeat transparent;
  border-radius: 28px 4px 4px 4px;
}
body.careers-page #careers-content aside > div::after {
  content: " ";
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 50vw;
}
body.careers-page #careers-content aside h5 {
  margin: 0px;
  padding: 1em 15px;
  color: #F15A24;
}
body.careers-page #careers-content aside ul {
  margin: 0px;
  padding: 0px 0px 15px;
  list-style: none;
}
body.careers-page #careers-content aside li {
  background-color: #333;
  color: #FFF;
  border-top: solid 3px #999;
  display: flex;
}
body.careers-page #careers-content aside li a {
  color: white;
  padding: 9px 15px 11px;
  display: block;
  width: 100%;
}
body.careers-page #careers-content aside li a::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0da";
  color: #F15A24;
  margin-right: 15px;
  font-size: 1.5rem;
  top: 3px;
  left: 0;
  position: relative;
  transition: transform 0.2s linear, left 2s linear;
}
body.careers-page #careers-content aside li a:hover::before {
  transform: translateX(5px);
}
body.careers-page #careers-content aside li * {
  align-self: center;
}
body.careers-page #careers-content aside li:last-child {
  border-bottom: solid 3px #999;
}
@media (min-width: 768px) {
  body.careers-page #careers-content nav::after {
    content: " ";
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 50vw;
  }
  body.careers-page #careers-content .about-content {
    flex-direction: row;
  }
  body.careers-page #careers-content .about-content aside {
    margin-right: 0px;
    margin-left: 3vw;
    min-width: 300px;
    max-width: 300px;
    /*
    				> img {
    					margin-right: 2vw;
    					margin-bottom: 30px;
    				}
    */
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  body.careers-page #careers-content .about-content aside {
    margin-left: 36px;
  }
}
@media (min-width: 768px) {
  body.careers-page #careers-content .about-text {
    flex-grow: 3;
    margin: 0rem 1rem 4rem;
    font-size: 1.8vw;
  }
  body.careers-page #careers-content .about-text h2 {
    font-size: 3vw;
    margin: 1em auto 0.7em;
  }
  body.careers-page #careers-content .about-text p {
    font-size: 1em;
    margin: 0px 0.7em 1em;
  }
  body.careers-page #careers-content .about-text ul {
    margin-left: 0.6em;
  }
}
@media (min-width: 992px) {
  body.careers-page #careers-content .row .about-text {
    font-size: 1.8vw;
    text-shadow: none;
  }
  body.careers-page #careers-content .row .about-text h2 {
    font-size: 3vw;
    margin: 1em auto 0.7em;
  }
  body.careers-page #careers-content .row .about-text h3 {
    font-size: 2.5vw;
  }
  body.careers-page #careers-content .row .about-text h4 {
    font-size: 2.2vw;
  }
  body.careers-page #careers-content .row .about-text h5 {
    font-size: 1.9vw;
  }
  body.careers-page #careers-content .row .about-text .alert {
    padding: 1.4vw 1.9vw;
  }
  body.careers-page #careers-content .row .about-text p {
    font-size: 1em;
    margin: 0px 0.7em 1em;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
  }
  body.careers-page #careers-content .row .about-text li {
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
  }
}
@media (min-width: 1200px) {
  body.careers-page #careers-content .row h3 {
    font-size: 29px;
  }
  body.careers-page #careers-content .row aside > img {
    margin-right: 24px;
  }
  body.careers-page #careers-content .row .about-text {
    font-size: 22px;
  }
  body.careers-page #careers-content .row .about-text h2 {
    font-size: 36px;
  }
  body.careers-page #careers-content .row .about-text h3 {
    font-size: 29px;
  }
  body.careers-page #careers-content .row .about-text h4 {
    font-size: 26px;
  }
  body.careers-page #careers-content .row .about-text h5 {
    font-size: 23px;
  }
  body.careers-page #careers-content .row .about-text .alert {
    padding: 17px 23px;
  }
}
body.careers-page #careers-filter {
  background-color: #000;
}
body.careers-page #careers-filter:before {
  display: none;
}
body.careers-page #careers-filter div {
  display: flex;
  padding: 20px 10px;
  text-align: center;
  justify-content: space-around;
  align-content: center;
  align-items: center;
  /*
  		select {
  			position: relative;
  			display: inline-block;
  			width: calc(100% - 40px);
  			max-width: 400px;
  			margin: 20px; padding: 3px 5px;
  			border: solid 2px #FFF;
  			border-radius: 4px;
  			background-color: #333;
  			color: #FFF;
  		}
  */
}
body.careers-page #careers-filter div h3 {
  margin: 0 10px 0 0;
  position: relative;
  display: flex;
  color: white;
  font-size: 1.3em;
}
body.careers-page #careers-filter div select {
  border: none;
  border-radius: 3px;
  padding: 5px 20px;
  background-image: url("/images/down-arrow-white.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 17px) center;
  background-size: 12px auto;
  background-color: #414042;
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  height: 48px;
  width: auto;
  font-size: 1.1em;
  font-weight: 500;
  border: 2px solid white;
  transition: border 0.2s linear;
  cursor: pointer;
  color: white;
  display: flex;
  flex-grow: 2;
}
body.careers-page #careers-filter div select:hover {
  border-color: #F15A24;
  background-image: url("/images/down-arrow-orange.svg");
}
body.careers-page #careers-filter:after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
}
@media (min-width: 768px) {
  body.careers-page #careers-filter {
    background-color: #000;
  }
  body.careers-page #careers-filter div {
    justify-content: center;
    padding: 0px 10px;
  }
  body.careers-page #careers-filter div select {
    max-width: 300px;
  }
}
body.careers-page #careers-list:before {
  display: none;
}
body.careers-page #careers-list h1.name {
  text-align: center;
  font-size: 1.5rem;
  padding: 0;
  position: relative;
  margin: 0.5em auto 0;
  max-width: 1200px;
}
body.careers-page #careers-list h1.name span {
  display: inline-block;
  color: white;
  font-size: 60%;
  text-transform: uppercase;
  position: relative;
  margin: 0 auto 0.01em;
  padding: 0.7em 2em 0;
  background-color: rgba(0, 0, 0, 0.8);
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  transition: background 0.2s linear;
  border-radius: 25% 25% 0px 0px;
  -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
  /*
  			&:before {
  				display: block;
  			transition: background .2s linear;
  				content: '';
  				position: absolute;
  				top: 9px; left: -14px;
  				bottom: 0px;
  			background-color: inherit;
  				width: 15px;
  				-webkit-clip-path: polygon(0px 100%, 100% 0px, 100% 100%);
  				clip-path: polygon(0px 100%, 100% 0px, 100% 100%);
  			}

  			&:after {
  				display: block;
  			transition: background .2s linear;
  				content: '';
  				position: absolute;
  				top: 9px; right: -14px;
  				bottom: 0px;
  			background-color: inherit;
  				width: 15px;
  				-webkit-clip-path: polygon(0px 0px, 100% 100%, 0px 100%);
  				clip-path: polygon(0px 0px, 100% 100%, 0px 100%);
  			}
  */
}
body.careers-page #careers-list h1.name a {
  display: block;
  border-radius: 5px;
  padding: 0.5em 1em;
  background-color: rgba(0, 0, 0, 0.8);
  transition: background 0.2s linear, border-radius 0.2s linear;
  -webkit-clip-path: polygon(20px 0%, calc(100% - 20px) 0%, 100% 20px, 100% 100%, 0 100%, 0 20px);
  clip-path: polygon(20px 0%, calc(100% - 20px) 0%, 100% 20px, 100% 100%, 0 100%, 0 20px);
}
body.careers-page #careers-list > ul {
  list-style: none;
  margin: 10px;
  padding: 0px 0 70px;
}
body.careers-page #careers-list > ul > li.open {
  overflow: visible;
  margin-bottom: 7vw;
}
body.careers-page #careers-list > ul > li.open h1.name span, body.careers-page #careers-list > ul > li.open h1.name span::before, body.careers-page #careers-list > ul > li.open h1.name span::after,
body.careers-page #careers-list > ul > li.open h1.name a {
  background-color: #000;
  border-radius: 5px 5px 0px 0px;
}
body.careers-page #careers-list > ul > li.open .container-fluid, body.careers-page #careers-list > ul > li.open .container-sm, body.careers-page #careers-list > ul > li.open .container-md, body.careers-page #careers-list > ul > li.open .container-lg, body.careers-page #careers-list > ul > li.open .container-xl {
  display: block;
}
body.careers-page #careers-list > ul > li.open .container-fluid::after, body.careers-page #careers-list > ul > li.open .container-sm::after, body.careers-page #careers-list > ul > li.open .container-md::after, body.careers-page #careers-list > ul > li.open .container-lg::after, body.careers-page #careers-list > ul > li.open .container-xl::after {
  content: " ";
  position: absolute;
  z-index: 2;
  left: -1px;
  top: 100%;
  right: -1px;
  height: 7vw;
  background-image: url("/images/backgrounds/triangles/careers-foot-large.svg");
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  pointer-events: none;
}
body.careers-page #careers-list > ul h2 {
  padding: 0.4em 0.5em;
  margin-bottom: 1em;
  font-size: 1.2rem;
  background-color: #000;
  color: #F15A24;
  border-radius: 3px;
  -webkit-clip-path: polygon(5px 0%, calc(100% - 5px) 0%, 100% 5px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0% 5px);
  clip-path: polygon(5px 0%, calc(100% - 5px) 0%, 100% 5px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0% 5px);
}
body.careers-page #careers-list > ul h2:not(:first-child) {
  margin-top: 1.5em;
}
body.careers-page #careers-list > ul ul {
  margin: 10px;
  padding: 0 0 0 1.5em;
}
body.careers-page #careers-list > ul ul li {
  position: relative;
  list-style: none;
}
body.careers-page #careers-list > ul ul li:before {
  position: absolute;
  top: 0.18em;
  left: -1.5em;
  content: "☗";
  display: inline-block;
  transform: rotate(90deg);
  color: black;
  font-size: 0.8em;
}
body.careers-page #careers-list > ul p {
  margin: 0px 10px 10px;
}
body.careers-page #careers-list a.apply {
  display: block;
  margin: auto;
  padding: 0.6em;
  background-color: #000;
  width: max-content;
  border-radius: 7px;
  font-size: 1.2rem;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.2em), calc(100% - 1.2em) 100%, 1.2em 100%, 0% calc(100% - 1.2em));
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.2em), calc(100% - 1.2em) 100%, 1.2em 100%, 0% calc(100% - 1.2em));
}
body.careers-page #careers-list a.apply span {
  display: block;
  padding: 0.15em 2em 0.2em;
  background-color: #FFF;
  color: #000;
  border-radius: 3px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0.8em), calc(100% - 0.8em) 100%, 0.8em 100%, 0% calc(100% - 0.8em));
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0.8em), calc(100% - 0.8em) 100%, 0.8em 100%, 0% calc(100% - 0.8em));
  transition: background 0.2s linear;
}
body.careers-page #careers-list a.apply:hover {
  text-decoration: none;
}
body.careers-page #careers-list a.apply:hover span {
  background-color: #F15A24;
}
body.careers-page #careers-list a.close-job {
  text-align: center;
  display: block;
  margin: 15px auto calc(1em - 5vw);
  width: max-content;
  color: #000;
  text-transform: uppercase;
  position: relative;
  z-index: 3;
  transition: color 0.2s linear;
}
body.careers-page #careers-list a.close-job span.icon-close {
  display: block;
  margin: 0 auto 0.5em;
  font-size: 120%;
  background-color: #000;
  color: #FFF;
  width: 2rem;
  height: 2rem;
  padding-top: 0.2em;
  border-radius: 4px;
  transition: background 0.2s linear;
}
body.careers-page #careers-list a.close-job:hover {
  color: #F15A24;
  text-decoration: none;
}
body.careers-page #careers-list a.close-job:hover span {
  background-color: #F15A24;
}
body.careers-page #careers-list .container-fluid, body.careers-page #careers-list .container-sm, body.careers-page #careers-list .container-md, body.careers-page #careers-list .container-lg, body.careers-page #careers-list .container-xl {
  display: none;
  padding: 2em 15px 0;
  background-color: rgba(255, 255, 255, 0.8);
  border: solid 1px #000;
  border-bottom: 0;
  border-radius: 0px 0px 5px 5px;
  border-radius: 0;
  color: #000;
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
}
body.careers-page #careers-list:after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
}
body.careers-page #careers-list .job-foot {
  padding: 1.5em 0;
}
@media (min-width: 768px) {
  body.careers-page #careers-list > ul > li.open .container-fluid::after, body.careers-page #careers-list > ul > li.open .container-sm::after, body.careers-page #careers-list > ul > li.open .container-md::after, body.careers-page #careers-list > ul > li.open .container-lg::after, body.careers-page #careers-list > ul > li.open .container-xl::after {
    background-image: url("/images/backgrounds/triangles/careers-foot.svg");
  }
}
@media (min-width: 1200px) {
  body.careers-page #careers-list a.close-job {
    margin: 15px auto -3em;
  }
}
body.careers-page #careers-content .about-content aside #careers_tabs_control li {
  display: block;
  position: relative;
}
body.careers-page #careers-content .about-content aside #careers_tabs_control li.active > a {
  pointer-events: none;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}
body.careers-page #careers-content .about-content aside #careers_tabs_control li.active > a::before {
  transform: rotate(90deg) translateX(1px);
}
body.careers-page #careers-content .about-content aside #careers_tabs_control li.active > a::after {
  content: " ";
  display: block;
  height: 3px;
  width: calc(100% + 6px);
  background-color: #F15A24;
  position: relative;
  top: 10px;
  left: -3px;
}
body.careers-page #careers-content .about-content aside #careers_tabs_control li .why-feral {
  padding: 20px 25px;
}
body.careers-page #careers-content .about-content aside #careers_tabs_control li .why-feral h3 {
  display: none;
}
body.careers-page #careers-content .about-content aside #careers_tabs_control li .why-feral p {
  margin: 0px 0px 10px;
}
body.careers-page #careers-content .about-content aside #careers_tabs_control li .why-feral h4, body.careers-page #careers-content .about-content aside #careers_tabs_control li .why-feral h5 {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
body.careers-page #careers-content .about-content aside #careers_tabs_control li .why-feral h4 {
  margin-bottom: 0.2em;
}
body.careers-page #careers-content .about-content aside #careers_tabs_control li .why-feral h5 {
  padding-bottom: 0.6em;
}
body.careers-page #careers-content .about-content aside #careers_tabs_control li .why-feral li {
  border: 0;
}
@media (min-width: 768px) {
  body.careers-page #careers-content .about-content aside {
    overflow: visible;
  }
  body.careers-page #careers-content .about-content aside div {
    overflow: visible;
  }
  body.careers-page #careers-content .about-content aside #careers_tabs_control {
    overflow: visible;
  }
  body.careers-page #careers-content .about-content aside #careers_tabs_control li.active {
    overflow: visible;
  }
  body.careers-page #careers-content .about-content aside #careers_tabs_control li.active > a {
    overflow: visible;
    min-height: 48px;
    padding: 13px 15px 7px;
    text-decoration: none;
  }
  body.careers-page #careers-content .about-content aside #careers_tabs_control li.active > a::before {
    transform: rotate(180deg) translate(42px, 21px);
    font-size: 5.2em;
    overflow: visible;
    z-index: 20;
    position: absolute;
  }
  body.careers-page #careers-content .about-content aside #careers_tabs_control li.active > a::after {
    content: none;
  }
}
body.careers-page #careers-content .about-content .about-text div:not(#careers-text-home) {
  display: flex;
  flex-wrap: wrap;
  border: 2px solid #333;
  position: relative;
  border-radius: 14px;
  margin-top: 0.5em;
  padding: 0.2em 1.7em;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: inset 0px 0px 0px 2px #F15A24;
  justify-content: space-between;
}
body.careers-page #careers-content .about-content .about-text div:not(#careers-text-home) h3 {
  margin: 1em 0em 0.6em;
}
body.careers-page #careers-content .about-content .about-text div:not(#careers-text-home) h4 {
  margin: 0.8em 0em 0.6em;
  min-width: 100%;
}
body.careers-page #careers-content .about-content .about-text div:not(#careers-text-home) h5 {
  color: #F15A24;
  margin: 0.8em 0em 0.6em;
  min-width: 100%;
}
body.careers-page #careers-content .about-content .about-text div:not(#careers-text-home) p {
  margin: 0px 0em 1em;
  min-width: 100%;
}
body.careers-page #careers-content .about-content .about-text div:not(#careers-text-home) ul {
  margin: 0px;
  padding: 0px 0px 15px;
  list-style: none;
  min-width: 100%;
}
body.careers-page #careers-content .about-content .about-text div:not(#careers-text-home) ul li::before {
  content: none;
}
body.careers-page #careers-content .about-content .jobs-system {
  display: inline-block;
  margin: 1em auto;
}
body.careers-page #careers-content .about-content .jobs-system::before {
  content: " ";
}
body.careers-page #careers-content .about-content div[style*=none] + .jobs-system {
  display: none;
}
body.careers-page #careers-content .about-content .careers-close-button {
  padding: 0;
  display: block;
  width: 100%;
  text-align: center;
  /*
  		&.sticky {
  			position: sticky !important;
  			top: 75px;
  			width: 1%;
  			margin: 1.0em -.3em .6em 0em;
  			z-index: 1500;
  		}
  */
}
body.careers-page #careers-content .about-content .careers-close-button::before {
  content: none;
}
body.careers-page #careers-content .about-content .careers-close-button:first-of-type {
  position: absolute;
  top: 0;
  left: 0;
  height: 51px;
}
body.careers-page #careers-content .about-content .careers-close-button:first-of-type span {
  display: none;
}
body.careers-page #careers-content .about-content .careers-close-button:last-of-type {
  margin: 1em auto 0;
  position: relative;
  display: inline-block;
  width: 100%;
}
body.careers-page #careers-content .about-content .careers-close-button:last-of-type em {
  display: inline-block;
  padding-top: 0.2em;
}
body.careers-page #careers-content .about-content .careers-close-button:last-of-type .icon-close {
  margin-right: 7px;
  position: relative;
  top: -1px;
  color: black;
}
body.careers-page #careers-content .about-content .careers-close-button em {
  font-style: normal;
}
body.careers-page #careers-content .about-content .careers-close-button .icon-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.4rem;
  width: 1.4rem;
  min-height: 1.4rem;
  min-width: 1.4rem;
  background-color: white;
  transition: background-color 0.2s linear, color 0.2s linear;
  border-radius: 5px;
  border: 1px solid black;
  cursor: pointer;
  line-height: 21px;
  opacity: 1;
}
body.careers-page #careers-content .about-content .careers-close-button .icon-close::before {
  line-height: 1.1em;
  font-size: 1rem;
  font-weight: normal;
  opacity: 0.7;
  transition: opacity 0.2s linear;
  text-shadow: none;
}
body.careers-page #careers-content .about-content .careers-close-button:hover {
  text-decoration: none;
}
body.careers-page #careers-content .about-content .careers-close-button:not(:disabled):not(.disabled):hover, body.careers-page #careers-content .about-content .careers-close-button:not(:disabled):not(.disabled):focus {
  opacity: 1;
}
body.careers-page #careers-content .about-content .careers-close-button:not(:disabled):not(.disabled):hover span, body.careers-page #careers-content .about-content .careers-close-button:not(:disabled):not(.disabled):focus span {
  background-color: #F15A24;
  color: white;
}
body.careers-page #careers-content .about-content .careers-close-button:not(:disabled):not(.disabled):hover span::before, body.careers-page #careers-content .about-content .careers-close-button:not(:disabled):not(.disabled):focus span::before {
  opacity: 1;
  font-weight: normal;
  text-shadow: none;
}
@media (min-width: 768px) {
  body.careers-page #careers-content .about-content .careers-close-button {
    padding: 0;
    display: flex;
    align-items: center;
    min-width: 1.43rem;
  }
  body.careers-page #careers-content .about-content .careers-close-button:first-of-type.sticky {
    position: sticky !important;
    top: 75px;
    left: auto;
    height: auto;
    width: 1%;
    margin: 1em -0.3em 0.6em 0em;
    z-index: 1500;
  }
  body.careers-page #careers-content .about-content .careers-close-button:first-of-type.sticky span {
    display: flex;
  }
  body.careers-page #careers-content .about-content .careers-close-button:last-child {
    margin: 0px auto 15px;
    position: relative;
  }
  body.careers-page #careers-content .about-content .careers-close-button:last-child .icon-close {
    margin-right: 8px;
  }
  body.careers-page #careers-content .about-content .careers-close-button em {
    font-style: normal;
  }
  body.careers-page #careers-content .about-content .careers-close-button .icon-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.43rem;
    width: 1.43rem;
    min-height: 1.43rem;
    min-width: 1.43rem;
    background-color: white;
    transition: background-color 0.2s linear, color 0.2s linear;
    border-radius: 5px;
    border: 1px solid black;
    cursor: pointer;
    line-height: 21px;
    opacity: 1;
  }
  body.careers-page #careers-content .about-content .careers-close-button .icon-close::before {
    line-height: 1.1em;
    font-size: 1rem;
    font-weight: normal;
    opacity: 0.7;
    transition: opacity 0.2s linear;
    text-shadow: none;
  }
  body.careers-page #careers-content .about-content .careers-close-button:hover {
    text-decoration: none;
  }
  body.careers-page #careers-content .about-content .careers-close-button:not(:disabled):not(.disabled):hover, body.careers-page #careers-content .about-content .careers-close-button:not(:disabled):not(.disabled):focus {
    opacity: 1;
  }
  body.careers-page #careers-content .about-content .careers-close-button:not(:disabled):not(.disabled):hover span, body.careers-page #careers-content .about-content .careers-close-button:not(:disabled):not(.disabled):focus span {
    background-color: #F15A24;
    color: white;
  }
  body.careers-page #careers-content .about-content .careers-close-button:not(:disabled):not(.disabled):hover span::before, body.careers-page #careers-content .about-content .careers-close-button:not(:disabled):not(.disabled):focus span::before {
    opacity: 1;
    font-weight: normal;
    text-shadow: none;
  }
}

body.privacy-page, body.about_fulltext-page {
  /*

  #privacy-content .about-content.privacy-games aside.about-toc a.top {
  	padding-left: 5px;

  	&:before {
  		display: none;
  	}
  }
  */
}
body.privacy-page #privacy-content, body.about_fulltext-page #privacy-content {
  color: #000;
}
body.privacy-page #privacy-content:before, body.about_fulltext-page #privacy-content:before {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.8);
  height: 100%;
}
body.privacy-page #privacy-content .xscrollblock, body.about_fulltext-page #privacy-content .xscrollblock {
  width: 100%;
  overflow-x: hidden;
}
body.privacy-page #privacy-content .xscrollblock > .row, body.about_fulltext-page #privacy-content .xscrollblock > .row {
  margin: 0 auto;
  max-width: 1200px;
}
body.privacy-page #privacy-content > .row, body.about_fulltext-page #privacy-content > .row {
  margin: 0 auto;
  max-width: 1200px;
}
body.privacy-page #privacy-content .about-content, body.about_fulltext-page #privacy-content .about-content {
  display: flex;
  flex-direction: column;
  padding-bottom: 3rem;
  width: 100%;
}
body.privacy-page #privacy-content .about-content .terms, body.about_fulltext-page #privacy-content .about-content .terms {
  max-width: 777px;
  margin: 0 1rem;
}
body.privacy-page #privacy-content nav, body.about_fulltext-page #privacy-content nav {
  position: relative;
  display: inline-block;
  margin: 20px 0px;
  padding: 5px 7px;
  padding-right: 25px;
  background-image: url("/images/backgrounds/triangles/navigation.svg");
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
  color: #FFF;
}
body.privacy-page #privacy-content nav > span, body.about_fulltext-page #privacy-content nav > span {
  font-size: 0.65em;
  top: -0.15em;
  position: relative;
}
body.privacy-page #privacy-content nav a, body.about_fulltext-page #privacy-content nav a {
  color: #FFF;
  margin: 0px 5px;
  white-space: nowrap;
}
body.privacy-page #privacy-content nav a.active, body.about_fulltext-page #privacy-content nav a.active {
  color: #F15A24;
}
body.privacy-page #privacy-content nav.self, body.about_fulltext-page #privacy-content nav.self {
  margin: 0px;
  padding: 20px;
  background-image: none;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
}
body.privacy-page #privacy-content nav.self h3, body.about_fulltext-page #privacy-content nav.self h3 {
  text-align: left;
  color: #F15A24;
}
body.privacy-page #privacy-content nav.self a, body.about_fulltext-page #privacy-content nav.self a {
  position: relative;
  text-align: left;
  background: none;
  padding: 3px 5px;
  margin: 0px;
  padding-left: 30px;
  white-space: unset;
  /*
  				&.top {
  					padding-left: 5px;

  					&:before {
  						display: none;
  					}
  				}
  */
}
body.privacy-page #privacy-content nav.self a:before, body.about_fulltext-page #privacy-content nav.self a:before {
  position: absolute;
  top: 0.45em;
  left: 0.5em;
  content: "☗";
  display: inline-block;
  transform: rotate(90deg);
  color: #F15A24;
  font-size: 0.8em;
}
body.privacy-page #privacy-content .about-text, body.about_fulltext-page #privacy-content .about-text {
  position: relative;
  margin: 0 1rem;
}
body.privacy-page #privacy-content .about-text h2, body.about_fulltext-page #privacy-content .about-text h2 {
  margin: 1.5rem 0 1rem;
}
body.privacy-page #privacy-content .about-text h3, body.about_fulltext-page #privacy-content .about-text h3 {
  margin-top: 1em;
}
body.privacy-page #privacy-content .about-text h4, body.about_fulltext-page #privacy-content .about-text h4 {
  font-size: 1.15rem;
}
body.privacy-page #privacy-content .about-text p, body.about_fulltext-page #privacy-content .about-text p {
  margin: 1rem 0.7rem 0rem;
}
body.privacy-page #privacy-content .about-text ul, body.about_fulltext-page #privacy-content .about-text ul {
  margin-left: 0em;
  margin-top: 1em;
  list-style: none;
}
body.privacy-page #privacy-content .about-text ul li, body.about_fulltext-page #privacy-content .about-text ul li {
  position: relative;
}
body.privacy-page #privacy-content .about-text ul li::before, body.about_fulltext-page #privacy-content .about-text ul li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0da";
  position: absolute;
  left: -1em;
  top: 0.25em;
}
body.privacy-page #privacy-content .about-text table, body.about_fulltext-page #privacy-content .about-text table {
  margin-top: 1em;
  border-spacing: 0.1em;
  border-collapse: separate;
  font-size: 1em;
  line-height: 1.4em;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 7px;
  /*

  		    max-width: 100%;
  		    overflow: scroll;
  */
}
body.privacy-page #privacy-content .about-text table thead tr th, body.about_fulltext-page #privacy-content .about-text table thead tr th {
  background-color: rgba(241, 90, 36, 0.8);
  padding: 0.5em;
  text-align: left;
  color: white;
}
body.privacy-page #privacy-content .about-text table thead tr :first-child, body.about_fulltext-page #privacy-content .about-text table thead tr :first-child {
  border-radius: 5px 0px 0px 0px;
}
body.privacy-page #privacy-content .about-text table thead tr :last-child, body.about_fulltext-page #privacy-content .about-text table thead tr :last-child {
  border-radius: 0px 5px 0px 0px;
}
body.privacy-page #privacy-content .about-text table tbody tr td, body.about_fulltext-page #privacy-content .about-text table tbody tr td {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 0.5em;
  vertical-align: top;
}
body.privacy-page #privacy-content .about-text table tbody tr:last-child :first-child, body.about_fulltext-page #privacy-content .about-text table tbody tr:last-child :first-child {
  border-radius: 0px 0px 0px 5px;
}
body.privacy-page #privacy-content .about-text table tbody tr:last-child :last-child, body.about_fulltext-page #privacy-content .about-text table tbody tr:last-child :last-child {
  border-radius: 0px 0px 5px 0px;
}
body.privacy-page #privacy-content .about-text time, body.about_fulltext-page #privacy-content .about-text time {
  margin-bottom: 1em;
  display: block;
}
body.privacy-page #privacy-content .about-text .vcard, body.about_fulltext-page #privacy-content .about-text .vcard {
  padding: 1em 0 0 1.5em;
}
body.privacy-page #privacy-content .about-text .vcard .email, body.about_fulltext-page #privacy-content .about-text .vcard .email {
  display: inline-block;
  padding-top: 1em;
}
body.privacy-page #privacy-content .alert, body.about_fulltext-page #privacy-content .alert {
  margin: 1em 15px;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(241, 90, 36, 0.3);
  border-radius: 4px;
}
body.privacy-page #privacy-content h2, body.about_fulltext-page #privacy-content h2 {
  margin: 10px 15px;
}
body.privacy-page #privacy-content h4, body.privacy-page #privacy-content h5, body.about_fulltext-page #privacy-content h4, body.about_fulltext-page #privacy-content h5 {
  margin: -1em 0 0 calc(30px - 1em);
  padding: 2.5em 0 0;
}
body.privacy-page #privacy-content h3 + h4, body.about_fulltext-page #privacy-content h3 + h4 {
  margin-top: -2em;
}
body.privacy-page #privacy-content p, body.about_fulltext-page #privacy-content p {
  margin: 0px 10px 10px 25px;
}
body.privacy-page #privacy-content aside, body.about_fulltext-page #privacy-content aside {
  position: relative;
  margin: 1em auto 1em;
  text-align: center;
}
body.privacy-page #privacy-content aside.about-toc, body.about_fulltext-page #privacy-content aside.about-toc {
  order: -1;
  width: 95%;
}
body.privacy-page #privacy-content aside.about-toc nav.self, body.about_fulltext-page #privacy-content aside.about-toc nav.self {
  width: 100%;
}
body.privacy-page #privacy-content aside a, body.about_fulltext-page #privacy-content aside a {
  display: block;
  padding: 5px;
  /*
  			background-color: rgba(0,0,0,.8);
  			border-radius: 3px;
  */
  text-align: center;
}
body.privacy-page #privacy-content aside a span, body.about_fulltext-page #privacy-content aside a span {
  margin-left: 0px;
  width: 200px;
  padding-top: 8px;
  -webkit-clip-path: polygon(19px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 19px);
  clip-path: polygon(19px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 19px);
}
body.privacy-page #privacy-content aside a span::before, body.about_fulltext-page #privacy-content aside a span::before {
  -webkit-clip-path: polygon(18px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 18px);
  clip-path: polygon(18px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 18px);
}
body.privacy-page #privacy-content aside .platforms, body.about_fulltext-page #privacy-content aside .platforms {
  display: none;
}
@media (min-width: 768px) {
  body.privacy-page #privacy-content:before, body.about_fulltext-page #privacy-content:before {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.7+0,0.9+4,0.8+69,0+100 */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.9) 4%, rgba(255, 255, 255, 0.8) 69%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.9) 4%, rgba(255, 255, 255, 0.8) 69%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.9) 4%, rgba(255, 255, 255, 0.8) 69%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3ffffff", endColorstr="#00ffffff",GradientType=1 );
    /* IE6-9 */
  }
  body.privacy-page #privacy-content nav::after, body.about_fulltext-page #privacy-content nav::after {
    content: " ";
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 50vw;
  }
  body.privacy-page #privacy-content .about-content, body.about_fulltext-page #privacy-content .about-content {
    flex-direction: row;
  }
  body.privacy-page #privacy-content .about-content aside, body.about_fulltext-page #privacy-content .about-content aside {
    margin-right: 0px;
    margin-left: 3vw;
    /*
    				> img {
    					margin-right: 2vw;
    					margin-bottom: 30px;
    				}
    */
  }
  body.privacy-page #privacy-content .about-content aside.about-toc, body.about_fulltext-page #privacy-content .about-content aside.about-toc {
    order: 0;
    width: 90%;
  }
  body.privacy-page #privacy-content .about-content aside.about-toc nav.self, body.about_fulltext-page #privacy-content .about-content aside.about-toc nav.self {
    margin: 0px;
    padding: 20px;
    background-image: none;
    background-color: rgba(0, 0, 0, 0.8);
    width: 300px;
    border-radius: 25px 4px 4px 4px;
    -webkit-clip-path: polygon(19px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 19px);
    clip-path: polygon(19px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 19px);
  }
  body.privacy-page #privacy-content .about-content aside.about-toc nav.self::after, body.about_fulltext-page #privacy-content .about-content aside.about-toc nav.self::after {
    content: " ";
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 50vw;
  }
  body.privacy-page #privacy-content .about-content aside.about-toc nav.self h3, body.about_fulltext-page #privacy-content .about-content aside.about-toc nav.self h3 {
    text-align: left;
    color: #F15A24;
  }
  body.privacy-page #privacy-content .about-content aside.about-toc nav.self a, body.about_fulltext-page #privacy-content .about-content aside.about-toc nav.self a {
    position: relative;
    text-align: left;
    background: none;
    padding: 3px 5px;
    margin: 0px;
    padding-left: 30px;
    white-space: unset;
    /*
    							&.top {
    								padding-left: 5px;

    								&:before {
    									display: none;
    								}
    							}
    */
  }
  body.privacy-page #privacy-content .about-content aside.about-toc nav.self a::after, body.about_fulltext-page #privacy-content .about-content aside.about-toc nav.self a::after {
    content: none;
  }
  body.privacy-page #privacy-content .about-content aside a, body.about_fulltext-page #privacy-content .about-content aside a {
    background-color: transparent;
    background-image: url("/images/backgrounds/triangles/side-button.svg");
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: left;
    border-radius: 0px;
    margin: 10px 0px;
    padding: 10px;
    position: relative;
  }
  body.privacy-page #privacy-content .about-content aside a::after, body.about_fulltext-page #privacy-content .about-content aside a::after {
    content: " ";
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 50vw;
  }
  body.privacy-page #privacy-content .about-content .about-text, body.about_fulltext-page #privacy-content .about-content .about-text {
    flex-grow: 3;
    margin: 0rem 1rem 4rem;
    font-size: 1.8vw;
  }
  body.privacy-page #privacy-content .about-content .about-text h2, body.about_fulltext-page #privacy-content .about-content .about-text h2 {
    font-size: 3vw;
    margin: 1em auto 0.7em;
  }
  body.privacy-page #privacy-content .about-content .about-text h3, body.privacy-page #privacy-content .about-content .about-text h4, body.privacy-page #privacy-content .about-content .about-text h5, body.about_fulltext-page #privacy-content .about-content .about-text h3, body.about_fulltext-page #privacy-content .about-content .about-text h4, body.about_fulltext-page #privacy-content .about-content .about-text h5 {
    margin-top: calc(1.5em - 80px);
    padding-top: 80px;
  }
  body.privacy-page #privacy-content .about-content .about-text h4, body.about_fulltext-page #privacy-content .about-content .about-text h4 {
    font-size: 2.2vw;
  }
  body.privacy-page #privacy-content .about-content .about-text h5, body.about_fulltext-page #privacy-content .about-content .about-text h5 {
    font-size: 1.8vw;
  }
  body.privacy-page #privacy-content .about-content .about-text p, body.about_fulltext-page #privacy-content .about-content .about-text p {
    font-size: 1em;
    margin: 1em 0.7em 0;
  }
  body.privacy-page #privacy-content .about-content .about-text ul, body.about_fulltext-page #privacy-content .about-content .about-text ul {
    margin-left: 0.6em;
  }
}
@media (min-width: 992px) {
  body.privacy-page #privacy-content .row aside, body.about_fulltext-page #privacy-content .row aside {
    margin-left: 7vw;
  }
  body.privacy-page #privacy-content .row .about-text, body.about_fulltext-page #privacy-content .row .about-text {
    font-size: 1.8vw;
    text-shadow: none;
  }
  body.privacy-page #privacy-content .row .about-text h2, body.about_fulltext-page #privacy-content .row .about-text h2 {
    font-size: 3vw;
    margin: 1em auto 0.7em;
  }
  body.privacy-page #privacy-content .row .about-text h3, body.about_fulltext-page #privacy-content .row .about-text h3 {
    font-size: 2.5vw;
  }
  body.privacy-page #privacy-content .row .about-text h4, body.about_fulltext-page #privacy-content .row .about-text h4 {
    font-size: 2.2vw;
  }
  body.privacy-page #privacy-content .row .about-text h5, body.about_fulltext-page #privacy-content .row .about-text h5 {
    font-size: 1.9vw;
  }
  body.privacy-page #privacy-content .row .about-text .alert, body.about_fulltext-page #privacy-content .row .about-text .alert {
    padding: 1.4vw 1.9vw;
  }
  body.privacy-page #privacy-content .row .about-text p, body.about_fulltext-page #privacy-content .row .about-text p {
    font-size: 1em;
    margin: 1em 0.7em 0;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
  }
  body.privacy-page #privacy-content .row .about-text li, body.about_fulltext-page #privacy-content .row .about-text li {
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
  }
  body.privacy-page #privacy-content .row .about-text table, body.about_fulltext-page #privacy-content .row .about-text table {
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
  }
}
@media (min-width: 1200px) {
  body.privacy-page #privacy-content:before, body.about_fulltext-page #privacy-content:before {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.7+0,0.9+10,0.8+67,0+100 */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.8) 67%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.8) 67%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.8) 67%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3ffffff", endColorstr="#00ffffff",GradientType=1 );
    /* IE6-9 */
  }
  body.privacy-page #privacy-content .row h3, body.about_fulltext-page #privacy-content .row h3 {
    font-size: 29px;
  }
  body.privacy-page #privacy-content .row aside, body.about_fulltext-page #privacy-content .row aside {
    margin-left: 84px;
  }
  body.privacy-page #privacy-content .row aside > img, body.about_fulltext-page #privacy-content .row aside > img {
    margin-right: 24px;
  }
  body.privacy-page #privacy-content .row .about-text, body.about_fulltext-page #privacy-content .row .about-text {
    font-size: 22px;
  }
  body.privacy-page #privacy-content .row .about-text h2, body.about_fulltext-page #privacy-content .row .about-text h2 {
    font-size: 36px;
  }
  body.privacy-page #privacy-content .row .about-text h3, body.about_fulltext-page #privacy-content .row .about-text h3 {
    font-size: 30px;
  }
  body.privacy-page #privacy-content .row .about-text h4, body.about_fulltext-page #privacy-content .row .about-text h4 {
    font-size: 24px;
  }
  body.privacy-page #privacy-content .row .about-text h5, body.about_fulltext-page #privacy-content .row .about-text h5 {
    font-size: 20px;
  }
  body.privacy-page #privacy-content .row .about-text .alert, body.about_fulltext-page #privacy-content .row .about-text .alert {
    padding: 17px 23px;
  }
}

body.about_fulltext-page #top-header #jarallax-container-0 div {
  height: 30vh !important;
  background-position: right top !important;
}
@media (min-width: 768px) {
  body.about_fulltext-page #top-header #jarallax-container-0 div {
    height: 35vh !important;
    background-position: right 23% !important;
  }
}
body.about_fulltext-page #privacy-content::before {
  z-index: 0;
}
body.about_fulltext-page #privacy-content .xscrollblock {
  z-index: 1;
  position: relative;
}
body.about_fulltext-page #privacy-content .xscrollblock .row .about-content {
  display: block;
  margin: 0 1rem 3rem;
}
body.about_fulltext-page #privacy-content .xscrollblock .row .about-content h2 {
  margin: 1.5rem 0 1rem;
}
body.about_fulltext-page #privacy-content .xscrollblock .row .about-content h3 {
  margin: 0rem 0 1rem 0.3rem;
  padding-top: 0.5rem;
  padding-bottom: 0.4rem;
  border-bottom: 2px solid #F15A24;
}
body.about_fulltext-page #privacy-content .xscrollblock .row .about-content p {
  margin: 0px 0.7rem 1rem;
}
body.about_fulltext-page #privacy-content .xscrollblock .row .about-content #postal-address, body.about_fulltext-page #privacy-content .xscrollblock .row .about-content #company-registration, body.about_fulltext-page #privacy-content .xscrollblock .row .about-content #tax-number {
  margin-bottom: 1rem;
}
body.about_fulltext-page #privacy-content .xscrollblock .row .about-content #postal-address p, body.about_fulltext-page #privacy-content .xscrollblock .row .about-content #company-registration p, body.about_fulltext-page #privacy-content .xscrollblock .row .about-content #tax-number p {
  margin-bottom: 0;
}
body.about_fulltext-page #privacy-content .xscrollblock .row .about-content ul {
  margin-left: 0em;
  list-style: none;
}
body.about_fulltext-page #privacy-content .xscrollblock .row .about-content ul li {
  position: relative;
}
body.about_fulltext-page #privacy-content .xscrollblock .row .about-content ul li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0da";
  position: absolute;
  left: -1em;
  top: 0.25em;
}
@media (min-width: 768px) {
  body.about_fulltext-page #privacy-content .xscrollblock .row .about-content {
    flex-grow: 3;
    margin: 0rem 28% 4rem 1rem;
    font-size: 1.8vw;
  }
  body.about_fulltext-page #privacy-content .xscrollblock .row .about-content h2 {
    font-size: 3vw;
    margin: 1em auto 0.7em;
  }
  body.about_fulltext-page #privacy-content .xscrollblock .row .about-content p {
    font-size: 1em;
    margin: 0px 0.7em 1em;
  }
  body.about_fulltext-page #privacy-content .xscrollblock .row .about-content ul {
    margin-left: 0.6em;
  }
}
@media (min-width: 992px) {
  body.about_fulltext-page #privacy-content .xscrollblock .row .about-content {
    font-size: 1.8vw;
    text-shadow: none;
  }
  body.about_fulltext-page #privacy-content .xscrollblock .row .about-content h2 {
    font-size: 3vw;
    margin: 1em auto 0.7em;
  }
  body.about_fulltext-page #privacy-content .xscrollblock .row .about-content h3 {
    font-size: 2.5vw;
  }
  body.about_fulltext-page #privacy-content .xscrollblock .row .about-content h4 {
    font-size: 2.2vw;
  }
  body.about_fulltext-page #privacy-content .xscrollblock .row .about-content h5 {
    font-size: 1.9vw;
  }
  body.about_fulltext-page #privacy-content .xscrollblock .row .about-content .alert {
    padding: 1.4vw 1.9vw;
  }
  body.about_fulltext-page #privacy-content .xscrollblock .row .about-content p {
    font-size: 1em;
    margin: 0px 0.7em 1em;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
  }
  body.about_fulltext-page #privacy-content .xscrollblock .row .about-content li {
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
  }
  body.about_fulltext-page #privacy-content .xscrollblock .row .about-content table {
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
  }
}
@media (min-width: 1200px) {
  body.about_fulltext-page #privacy-content .xscrollblock .row .about-content {
    font-size: 22px;
  }
  body.about_fulltext-page #privacy-content .xscrollblock .row .about-content h2 {
    font-size: 36px;
  }
  body.about_fulltext-page #privacy-content .xscrollblock .row .about-content h3 {
    font-size: 30px;
  }
  body.about_fulltext-page #privacy-content .xscrollblock .row .about-content .alert {
    padding: 17px 23px;
  }
}

body.search-page #search-form {
  background-color: #000;
  color: #FFF;
  text-align: center;
}
body.search-page #search-form form {
  display: flex;
  margin: 0.35em auto 0.8em;
  width: 610px;
  font-size: 1.3rem;
}
body.search-page #search-form input {
  padding: 0.5em 0.7em;
  width: 100%;
  border: none;
  border-right: solid 2px #000;
  color: #F15A24;
  border-radius: 4px 0px 0px 4px;
}
body.search-page #search-form button {
  padding: 0.5em 1.8em;
  border: solid 2px #fff;
  border-left: none;
  background-color: #F15A24;
  color: #fff;
  transition: background 0.2s linear;
  border-radius: 0px 4px 4px 0px;
}
body.search-page #search-form button:hover {
  background-color: black;
  border: solid 2px #F15A24;
  border-left: none;
}
body.search-page #search-form:before {
  display: none;
}
body.search-page #search-results {
  color: #212529;
  padding-bottom: 6rem;
}
body.search-page #search-results:before {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9) 10% 0%, rgba(255, 255, 255, 0.7) 100%);
  background-repeat: repeat-x;
  height: 100%;
}
body.search-page #search-results h3 {
  position: relative;
  text-align: center;
  padding: 1em;
  margin: 0;
}
body.search-page #search-results h3 em {
  color: #F15A24;
  white-space: nowrap;
  padding-right: 0.1em;
}
body.search-page #search-results nav {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  border-bottom: solid 4px #000;
}
body.search-page #search-results nav:after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #000;
  height: 1px;
}
body.search-page #search-results nav a.btn.btn-dark {
  margin-left: 1vw;
  margin-right: 1vw;
  background-color: transparent;
}
body.search-page #search-results nav a.btn.btn-dark:hover:before {
  background-color: #F15A24;
}
body.search-page #search-results nav a.btn.btn-dark.active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding-bottom: 12px;
  pointer-events: none;
  margin-bottom: -1px;
}
body.search-page #search-results nav a.btn.btn-dark.active:before {
  background-color: #000;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
body.search-page #search-results nav a.btn.btn-dark.active:hover {
  background-color: transparent;
}
@media (min-width: 1200px) {
  body.search-page #search-results .btn {
    padding-left: 23px;
    -webkit-clip-path: polygon(0.9rem 0px, 100% 0px, 100% 100%, 0px 100%, 0px 0.9rem);
    clip-path: polygon(0.9rem 0px, 100% 0px, 100% 100%, 0px 100%, 0px 0.9rem);
  }
  body.search-page #search-results .btn:before {
    -webkit-clip-path: polygon(0.9rem 0px, 100% 0px, 100% 100%, 0px 100%, 0px 0.9rem);
    clip-path: polygon(0.9rem 0px, 100% 0px, 100% 100%, 0px 100%, 0px 0.9rem);
  }
}
body.search-page #search-results-tabs {
  margin: 1rem auto;
  width: 100%;
  max-width: 1200px;
}
body.search-page #search-results-tabs ul {
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
  display: none;
}
body.search-page #search-results-tabs ul li {
  width: 100%;
  border-bottom: solid 2px #000;
}
body.search-page #search-results-tabs ul.active {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
body.search-page #search-results-tabs .panel {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
body.search-page #search-results-tabs .panel:before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 56%, rgba(255, 255, 255, 0.7) 74%, rgba(255, 255, 255, 0.9) 94%, rgba(255, 255, 255, 0.9) 100%);
  background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 56%, rgba(255, 255, 255, 0.7) 74%, rgba(255, 255, 255, 0.9) 94%, rgba(255, 255, 255, 0.9) 100%);
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 56%, rgba(255, 255, 255, 0.7) 74%, rgba(255, 255, 255, 0.9) 94%, rgba(255, 255, 255, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e6ffffff", endColorstr="#e6ffffff",GradientType=1 );
  z-index: 0;
}
body.search-page #search-results-tabs .panel-body {
  position: relative;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  padding: 10px;
  min-height: 5.2em;
  margin-bottom: 0.5em;
}
body.search-page #search-results-tabs .panel-body img {
  height: 64px;
  width: 64px;
  vertical-align: top;
}
body.search-page #search-results-tabs .panel-body p {
  margin: 0px 10px;
  width: 100%;
  font-size: 1rem;
  line-height: 1.4em;
  align-self: center;
  text-shadow: 0px 0px 1px white, 0px 0px 10px white, 0px 0px 2px white, 0px 0px 5px white, 0px 0px 7px white, 0px 0px 1px white, 0px 0px 10px white, 0px 0px 2px white, 0px 0px 5px white, 0px 0px 7px white;
}
body.search-page #search-results-tabs .panel-body p em {
  color: #F15A24;
  font-style: normal;
  font-weight: 500;
}
body.search-page #search-results-tabs .panel-body aside {
  align-items: start;
  color: #000;
  font-size: 1.4rem;
  opacity: 1;
  min-width: 50px;
  width: 50px;
  text-shadow: 0px 0px 3px white, 0px 0px 1px white, 0px 0px 5px white;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
body.search-page #search-results-tabs .panel-body aside span {
  display: flex;
  align-self: center;
  margin-top: 0.125em;
  margin-bottom: 0.125em;
}
body.search-page #search-results-tabs .panel-body aside span.icon-linux::before {
  content: "\e80c";
}
body.search-page #search-results-tabs .panel-body aside span:nth-child(1):nth-last-of-type(4), body.search-page #search-results-tabs .panel-body aside span:nth-child(1):nth-last-of-type(3), body.search-page #search-results-tabs .panel-body aside span:nth-child(2):nth-last-of-type(3), body.search-page #search-results-tabs .panel-body aside span:nth-child(2):nth-last-of-type(2), body.search-page #search-results-tabs .panel-body aside span:nth-child(3), body.search-page #search-results-tabs .panel-body aside span:nth-child(4) {
  font-size: 0.7em;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
body.search-page #search-results-tabs .panel-body aside span:nth-child(1):nth-last-of-type(5), body.search-page #search-results-tabs .panel-body aside span:nth-child(1):nth-last-of-type(6), body.search-page #search-results-tabs .panel-body aside span:nth-child(2):nth-last-of-type(4), body.search-page #search-results-tabs .panel-body aside span:nth-child(2):nth-last-of-type(5), body.search-page #search-results-tabs .panel-body aside span:nth-child(3):nth-last-of-type(3), body.search-page #search-results-tabs .panel-body aside span:nth-child(3):nth-last-of-type(4), body.search-page #search-results-tabs .panel-body aside span:nth-child(4):nth-last-of-type(2), body.search-page #search-results-tabs .panel-body aside span:nth-child(4):nth-last-of-type(3), body.search-page #search-results-tabs .panel-body aside span:nth-child(5), body.search-page #search-results-tabs .panel-body aside span:nth-child(6) {
  font-size: 0.7em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}
body.search-page #search-results-tabs .panel-body aside span.icon-switch:nth-child(1):nth-last-of-type(5), body.search-page #search-results-tabs .panel-body aside span.icon-switch:nth-child(1):nth-last-of-type(6), body.search-page #search-results-tabs .panel-body aside span.icon-switch:nth-child(2):nth-last-of-type(4), body.search-page #search-results-tabs .panel-body aside span.icon-switch:nth-child(2):nth-last-of-type(5), body.search-page #search-results-tabs .panel-body aside span.icon-switch:nth-child(3):nth-last-of-type(3), body.search-page #search-results-tabs .panel-body aside span.icon-switch:nth-child(3):nth-last-of-type(4), body.search-page #search-results-tabs .panel-body aside span.icon-switch:nth-child(4):nth-last-of-type(2), body.search-page #search-results-tabs .panel-body aside span.icon-switch:nth-child(4):nth-last-of-type(3), body.search-page #search-results-tabs .panel-body aside span.icon-switch:nth-child(5), body.search-page #search-results-tabs .panel-body aside span.icon-switch:nth-child(6), body.search-page #search-results-tabs .panel-body aside span.icon-windows:nth-child(1):nth-last-of-type(5), body.search-page #search-results-tabs .panel-body aside span.icon-windows:nth-child(1):nth-last-of-type(6), body.search-page #search-results-tabs .panel-body aside span.icon-windows:nth-child(2):nth-last-of-type(4), body.search-page #search-results-tabs .panel-body aside span.icon-windows:nth-child(2):nth-last-of-type(5), body.search-page #search-results-tabs .panel-body aside span.icon-windows:nth-child(3):nth-last-of-type(3), body.search-page #search-results-tabs .panel-body aside span.icon-windows:nth-child(3):nth-last-of-type(4), body.search-page #search-results-tabs .panel-body aside span.icon-windows:nth-child(4):nth-last-of-type(2), body.search-page #search-results-tabs .panel-body aside span.icon-windows:nth-child(4):nth-last-of-type(3), body.search-page #search-results-tabs .panel-body aside span.icon-windows:nth-child(5), body.search-page #search-results-tabs .panel-body aside span.icon-windows:nth-child(6) {
  font-size: 0.6em;
  margin-left: 0.1em;
  margin-right: 0.1em;
}
body.search-page #search-results-tabs .panel-buttons {
  position: relative;
  display: flex;
  padding: 0px 10px 10px;
  justify-content: center;
}
body.search-page #search-results-tabs .panel-buttons .btn {
  margin-right: 5px;
  width: calc(50% - 2px);
}
body.search-page #search-results-tabs .panel-buttons .btn:last-child {
  margin-right: 0px;
}
body.search-page #search-results-tabs .panel-buttons .btn:first-child:last-child {
  width: 100%;
}
body.search-page #search-results.loading-results nav#search-pagination {
  pointer-events: none;
}
body.search-page #search-results.loading-results nav#search-pagination a {
  opacity: 0.5;
}
body.search-page #search-results nav#search-pagination {
  max-width: 1200px;
  margin: 1rem auto 0;
  justify-content: center;
  border: none;
}
body.search-page #search-results nav#search-pagination::after {
  background-color: transparent;
}
body.search-page #search-results nav#search-pagination a {
  width: auto;
  font-size: 1.2em;
  line-height: 1.2em;
  padding: 0.15em 0.1em 0em;
  min-width: 1.47em;
  text-align: center;
  margin: 0 0.1em 1.5rem;
  transition: background 0.2s linear, color 0.2s linear;
  border-bottom: 2px solid transparent;
  position: relative;
  background-color: transparent;
  /*

     &:nth-child(-n+10), &.previous-page, &.next-page {
      display: inline-block;
     }

     &:nth-child(11):not(.next-page) {
      color: transparent;
      display: inline-block;
      pointer-events: none;
      padding: 0;
      &::after {
  	    content: "...";
  	    color: $feral-orange;
  	    font-size: 1em;
  	    display: block;
  	    position: absolute;
  	    top: .6em;
  	    left: 0em;
      }
     }

  */
}
body.search-page #search-results nav#search-pagination a:hover {
  border-bottom: 2px solid #F15A24;
  text-decoration: none;
  background-color: transparent;
  border-bottom: 2px solid transparent;
  background-color: #fff;
  border-radius: 3px;
}
body.search-page #search-results nav#search-pagination a.active {
  color: #fff;
  border-bottom: 2px solid transparent;
  background-color: #212529;
  border-radius: 3px;
  pointer-events: none;
}
body.search-page #search-results nav#search-pagination a span {
  height: 1.2em;
  padding: 0.05em 0em 0em;
}
body.search-page #search-results nav#search-pagination a.loading-results {
  color: transparent;
  background-color: #fff;
}
body.search-page #search-results nav#search-pagination a.loading-results::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f2f1";
  color: #F15A24;
  font-size: 1em;
  display: block;
  position: absolute;
  top: 0.2em;
  left: 0.25em;
  -webkit-animation: fa-spin 2s linear infinite;
  animation: fa-spin 2s linear infinite;
  transform-origin: 49%;
}
body.search-page #search-results nav#search-pagination .ellipsis {
  font-size: 1.2em;
  padding: 0.4em 0.2em 0em;
}
@media (min-width: 768px) {
  body.search-page #search-results nav a {
    width: 15vw;
    padding: 7px 2em;
  }
  body.search-page #search-results-tabs {
    width: 100%;
  }
  body.search-page #search-results-tabs .panel {
    display: flex;
    flex-direction: column;
    margin: 10px;
    padding: 0.2vw;
    border-bottom: none;
    -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
    clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
    width: calc(50% - 20px);
  }
  body.search-page #search-results-tabs .panel:before {
    z-index: -1;
  }
  body.search-page #search-results-tabs .panel:after {
    position: absolute;
    display: block;
    content: "";
    background-color: #333;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
    clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
    z-index: -1;
  }
  body.search-page #search-results-tabs .panel .panel-body {
    padding: 0.8vw;
  }
  body.search-page #search-results-tabs .panel .panel-body p {
    font-size: 1.8vw;
  }
  body.search-page #search-results-tabs .panel .panel-buttons {
    margin-top: auto;
  }
  body.search-page #search-results-tabs .panel .panel-buttons .btn {
    width: 170px;
  }
  body.search-page #search-results-tabs .panel .panel-buttons .btn:first-child:last-child {
    width: 345px;
  }
}
@media (min-width: 1200px) {
  body.search-page #search-results-tabs .panel {
    padding: 2px;
  }
  body.search-page #search-results-tabs .panel .panel-body {
    padding: 10px;
  }
  body.search-page #search-results-tabs .panel .panel-body p {
    font-size: 22px;
  }
}

body.radar-page #top-header #jarallax-container-0 div {
  height: 155% !important;
  background-position: 50% top !important;
}
@media (min-width: 768px) {
  body.radar-page #top-header #jarallax-container-0 div {
    height: 35vh !important;
    background-position: 50% 23% !important;
  }
}
body.radar-page #radar-content {
  display: flex;
  flex-direction: column;
}
body.radar-page #radar-content::before {
  opacity: 1;
  height: 60%;
}
body.radar-page #radar-content .row {
  overflow-x: hidden;
}
body.radar-page #radar-content h3 {
  position: relative;
  margin: 2rem 15px;
  font-size: 1.3rem;
  font-weight: normal;
  z-index: 1;
  flex: 1 100%;
  text-align: center;
}
body.radar-page #radar-content div.row > p {
  position: relative;
  margin: 3rem 15px 1rem;
  font-size: 1.3rem;
  font-weight: normal;
  z-index: 1;
  flex: 1 100%;
  text-align: center;
}
body.radar-page #radar-content .game-image {
  background-size: 180% !important;
  background-position: center 18%;
}
body.radar-page #radar-content .radar-render-blip-contents {
  position: absolute;
  top: -110px;
  left: 100px;
  display: none;
  width: 200px;
}
body.radar-page #radar-content .radar-render-blip-contents .platforms {
  position: absolute;
  display: flex;
  justify-content: center;
  bottom: 0px;
  padding: 2.5em 0 0.7em;
  width: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=0 );
  /* IE6-9 */
}
body.radar-page #radar-content .radar-render-blip-contents .platforms span {
  margin-right: 0px;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
  font-size: 1.5em;
}
body.radar-page #radar-content .radar-render-blip-contents .platforms span:last-child {
  margin-right: 0px;
}
body.radar-page #radar-content .radar-render-blip-contents:before {
  position: absolute;
  display: block;
  content: "";
  background-color: #404040;
  top: 83px;
  left: -75px;
  width: 75px;
  height: 49px;
  z-index: 10;
  -webkit-clip-path: polygon(0px 32px, 100% 5px, 100% 32px, 0px 48px);
  clip-path: polygon(0px 32px, 100% 5px, 100% 32px, 0px 48px);
}
body.radar-page #radar-content .radar-render-blip-contents:after {
  position: absolute;
  display: block;
  content: "";
  top: 90px;
  left: -92px;
  width: 96px;
  height: 45px;
  z-index: 10;
  -webkit-clip-path: polygon(0px 34px, 100% 0px, 100% 20px, 0px 41px);
  clip-path: polygon(0px 34px, 100% 0px, 100% 20px, 0px 41px);
}
body.radar-page #radar-content .radar-render-blip-contents > div {
  position: relative;
  background-color: #1b1b1b;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
}
body.radar-page #radar-content .radar-render-blip-contents > div:after {
  position: absolute;
  display: block;
  content: "";
  background-color: #404040;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
}
body.radar-page #radar-content .radar-render-blip-contents > div > div {
  position: relative;
}
body.radar-page #radar-content .radar-render-blip-contents > div > div:before {
  position: absolute;
  display: block;
  content: "";
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 5px 10px, 5px calc(100% - 5px), calc(100% - 15px) calc(100% - 5px), calc(100% - 5px) calc(100% - 15px), calc(100% - 5px) 5px, 15px 5px, 5px 15px, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 5px 10px, 5px calc(100% - 5px), calc(100% - 15px) calc(100% - 5px), calc(100% - 5px) calc(100% - 15px), calc(100% - 5px) 5px, 15px 5px, 5px 15px, 0px 10px);
  z-index: 1;
}
body.radar-page #radar-content .radar-render-blip-contents > div > div:after {
  position: absolute;
  display: block;
  content: "";
  background-color: #404040;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
  z-index: 2;
}
body.radar-page #radar-content .radar-render-blip-contents > div > div.game-image {
  position: relative;
  width: 200px;
  height: 148px;
  z-index: 0;
  background-size: 100% !important;
  background-position: center 40%;
}
body.radar-page #radar-content .radar-render-blip-contents p {
  padding: 3px 5px 4px;
  text-align: center;
}
body.radar-page #radar-content .radar-render-blip-notSoon .radar-render-blip-contents > div > div:before, body.radar-page #radar-content .radar-render-blip-notSoon .radar-render-blip-contents:after {
  background-color: #159eb7;
}
body.radar-page #radar-content .radar-render-blip-quiteSoon .radar-render-blip-contents > div > div:before, body.radar-page #radar-content .radar-render-blip-quiteSoon .radar-render-blip-contents:after {
  background-color: #C00;
}
body.radar-page #radar-content .radar-render-blip-soon .radar-render-blip-contents > div > div:before, body.radar-page #radar-content .radar-render-blip-soon .radar-render-blip-contents:after {
  background-color: #ffd200;
}
body.radar-page #radar-content .radar-render-blip-verySoon .radar-render-blip-contents > div > div:before, body.radar-page #radar-content .radar-render-blip-verySoon .radar-render-blip-contents:after {
  background-color: #008546;
}
body.radar-page #radar-content .radar-render-blip.open {
  z-index: 10;
}
body.radar-page #radar-content .radar-render-blip.open .radar-render-blip-circle {
  -webkit-animation: none;
  animation: none;
}
body.radar-page #radar-content .radar-render-blip.open .radar-render-blip-contents {
  display: block;
}
@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes orbit-verySoon {
  from {
    transform: rotate(0deg) translateX(14.5vw) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(14.5vw) rotate(-360deg);
  }
}
@keyframes orbit-soon {
  from {
    transform: rotate(0deg) translateX(22.9vw) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(22.9vw) rotate(-360deg);
  }
}
@keyframes orbit-quiteSoon {
  from {
    transform: rotate(0deg) translateX(35.1vw) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(35.1vw) rotate(-360deg);
  }
}
@keyframes orbit-notSoon {
  from {
    transform: rotate(0deg) translateX(43vw) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(43vw) rotate(-360deg);
  }
}
body.radar-page #radar-holder {
  position: relative;
  width: 110vw;
  height: 110vw;
  margin-left: -5vw;
  margin-right: -5vw;
}
body.radar-page #radar-holder .radar-render-bg {
  position: absolute;
  border-radius: 100%;
}
body.radar-page #radar-holder .radar-render-blip {
  position: absolute;
  top: calc(50% - 7px);
  left: calc(50% - 7px);
  will-change: left, top;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
body.radar-page #radar-holder .radar-render-blip.radar-render-blip-notSoon {
  animation-name: orbit-notSoon;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
body.radar-page #radar-holder .radar-render-blip.radar-render-blip-notSoon .radar-render-blip-circle {
  background-color: #159eb7;
}
body.radar-page #radar-holder .radar-render-blip.radar-render-blip-quiteSoon {
  animation-name: orbit-quiteSoon;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
body.radar-page #radar-holder .radar-render-blip.radar-render-blip-quiteSoon .radar-render-blip-circle {
  background-color: #C00;
}
body.radar-page #radar-holder .radar-render-blip.radar-render-blip-soon {
  animation-name: orbit-soon;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
body.radar-page #radar-holder .radar-render-blip.radar-render-blip-soon .radar-render-blip-circle {
  background-color: #ffd200;
}
body.radar-page #radar-holder .radar-render-blip.radar-render-blip-verySoon {
  animation-name: orbit-verySoon;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
body.radar-page #radar-holder .radar-render-blip.radar-render-blip-verySoon .radar-render-blip-circle {
  background-color: #008546;
}
body.radar-page #radar-holder .radar-render-blip.clue .radar-render-blip-circle {
  -webkit-animation: flash linear 3s infinite;
  animation: flash linear 3s infinite;
}
body.radar-page #radar-holder .radar-render-blip-circle {
  display: block;
  width: 14px;
  height: 14px;
  border: solid 3px #404040;
  border-radius: 100%;
  will-change: opacity;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
body.radar-page #radar-render {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  filter: drop-shadow(0px 0px 70px #0b0b56);
  -webkit-filter: drop-shadow(0px 0px 70px #0b0b56);
  -moz-filter: drop-shadow(0px 0px 70px #0b0b56);
}
body.radar-page #radar-render-1 {
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(72, 102, 124, 0.7);
  background-color: rgba(102, 102, 102, 0.7);
}
body.radar-page #radar-render-2 {
  top: 11%;
  left: 11%;
  width: 78%;
  height: 78%;
  background-color: #515961;
  background: -moz-radial-gradient(center, ellipse cover, #515961 55%, #2f3236 70%);
  background: -webkit-radial-gradient(center, ellipse cover, #515961 55%, #2f3236 70%);
  background: radial-gradient(ellipse at center, #515961 55%, #2f3236 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$startColor", endColorstr="$endColor", GradientType=1);
  filter: drop-shadow(0px 0px 20px rgba(14, 28, 67, 0.99));
  -webkit-filter: drop-shadow(0px 0px 20px rgba(14, 28, 67, 0.99));
  -moz-filter: drop-shadow(0px 0px 20px rgba(14, 28, 67, 0.99));
}
body.radar-page #radar-render-3 {
  top: 18%;
  left: 18%;
  width: 64%;
  height: 64%;
  background-color: #bbbcbe;
}
body.radar-page #radar-render-4 {
  top: 18.25%;
  left: 18.25%;
  width: 63.5%;
  height: 63.5%;
  background-color: #626365;
}
body.radar-page #radar-render-5 {
  top: 20.25%;
  left: 20.25%;
  width: 59.5%;
  height: 59.5%;
  background-color: #c58d55;
  background: -moz-radial-gradient(center, ellipse cover, #c58d55 55%, #e0dad6 70%);
  background: -webkit-radial-gradient(center, ellipse cover, #c58d55 55%, #e0dad6 70%);
  background: radial-gradient(ellipse at center, #c58d55 55%, #e0dad6 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$startColor", endColorstr="$endColor", GradientType=1);
}
body.radar-page #radar-render-6 {
  top: 28.25%;
  left: 28.25%;
  width: 43.5%;
  height: 43.5%;
  background-color: #948b7a;
}
body.radar-page #radar-render-7 {
  top: 30.25%;
  left: 30.25%;
  width: 39.5%;
  height: 39.5%;
  background-color: #c58d55;
  background: -moz-radial-gradient(center, ellipse cover, #c58d55 50%, #e0dad6 70%);
  background: -webkit-radial-gradient(center, ellipse cover, #c58d55 50%, #e0dad6 70%);
  background: radial-gradient(ellipse at center, #c58d55 50%, #e0dad6 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$startColor", endColorstr="$endColor", GradientType=1);
}
body.radar-page #radar-render-8 {
  top: 36.25%;
  left: 36.25%;
  width: 27.5%;
  height: 27.5%;
  background-color: #9d8c7c;
}
body.radar-page #radar-render-9 {
  top: 37.75%;
  left: 37.75%;
  width: 24.5%;
  height: 24.5%;
  background-color: #c58d55;
  background: -moz-radial-gradient(center, ellipse cover, #c58d55 40%, #e0dad6 70%);
  background: -webkit-radial-gradient(center, ellipse cover, #c58d55 40%, #e0dad6 70%);
  background: radial-gradient(ellipse at center, #c58d55 40%, #e0dad6 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$startColor", endColorstr="$endColor", GradientType=1);
}
body.radar-page #radar-render-10 {
  top: 41.75%;
  left: 41.75%;
  width: 16.5%;
  height: 16.5%;
  background-color: #381e12;
}
body.radar-page #radar-center-holder {
  display: flex;
  flex-direction: column;
  transition: all 1s ease-in-out;
  transform: scale(0);
  margin: 0 auto;
  width: 180px;
}
body.radar-page #radar-center-holder > a {
  margin-left: auto;
  margin-right: auto;
  padding: 2px 10px;
  text-transform: uppercase;
  border: solid 2px #404040;
  border-top: none;
  background-color: #1b1b1b;
  color: #EEE;
  font-size: 80%;
}
body.radar-page #radar-center-holder > a:hover {
  text-decoration: none;
  color: #F15A24;
}
body.radar-page #radar-center-holder > a span {
  margin-right: 0.3em;
  margin-left: -0.2em;
}
body.radar-page #radar-center-holder .game-image {
  width: 176px;
  height: 176px;
}
body.radar-page #radar-center-holder .platforms {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: absolute;
  bottom: 10px;
  left: 0px;
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  bottom: 0px;
  padding: 2.5em 0 0.7em;
  width: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=0 );
  /* IE6-9 */
}
body.radar-page #radar-center-holder .platforms span {
  margin-right: 0px;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
  font-size: 1.5em;
}
body.radar-page #radar-center-holder .platforms span:last-child {
  margin-right: 0px;
}
body.radar-page #radar-center-holder p {
  position: relative;
  margin: 0px;
  padding: 0.7em 5px 0.7em;
  text-align: center;
  font-size: 0.9rem;
}
body.radar-page #radar-center-holder p:after {
  position: absolute;
  display: block;
  content: "";
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: #404040;
  -webkit-clip-path: polygon(0px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), 100% calc(100% - 14px), 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%);
  clip-path: polygon(0px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), 100% calc(100% - 14px), 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%);
  z-index: 1;
}
body.radar-page #radar-center-holder nav {
  display: flex;
  flex-direction: column;
  padding: 10px;
}
body.radar-page #radar-center-holder nav a:nth-child(2) {
  margin-top: 7px;
}
body.radar-page #radar-center-holder > div {
  position: relative;
  background-color: #1b1b1b;
  -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%);
  clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%);
  border-top-left-radius: 180px;
  border-top-right-radius: 180px;
  border: solid 2px #404040;
  overflow: hidden;
}
body.radar-page #radar-center-holder > div:after {
  position: absolute;
  display: block;
  content: "";
  background-color: #404040;
  bottom: -2px;
  right: -2px;
  width: 20px;
  height: 20px;
  -webkit-clip-path: polygon(calc(100% - 2px) 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px));
  clip-path: polygon(calc(100% - 2px) 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px));
}
body.radar-page #radar-center-holder > div > div {
  position: relative;
  background-color: #404040;
  width: 100%;
  padding-top: 100%;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0px calc(100% - 10px), 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0px calc(100% - 10px), 0px 10px);
}
body.radar-page #radar-center-holder > div > div > div {
  position: absolute;
  top: 3px;
  left: 3px;
  bottom: 3px;
  right: 3px;
  overflow: hidden;
  border-top-left-radius: 180px;
  border-top-right-radius: 180px;
}
body.radar-page #radar-center-holder > div > div .game-image {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0px calc(100% - 10px), 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0px calc(100% - 10px), 0px 10px);
}
body.radar-page #radar-center {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
}
body.radar-page #radar-center > .game-image {
  position: absolute;
  top: 41.75%;
  left: 41.75%;
  width: 16.5%;
  height: 16.5%;
  border-radius: 100%;
  cursor: pointer;
  border: 2px solid white;
  padding: 3px;
  box-shadow: inset 0px 0px 3vw black, 0px 0px 5vw #4e738a;
}
body.radar-page #radar-center.open {
  z-index: 10;
  top: 0px;
}
body.radar-page #radar-center.open #radar-center-holder {
  transform: scale(1);
}
body.radar-page #radar-legend {
  position: relative;
  list-style: none;
  padding: 10px 15px;
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
  z-index: 1;
  justify-content: center;
  width: 100%;
}
body.radar-page #radar-legend li {
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 0.5em;
}
body.radar-page #radar-legend li:before {
  display: block;
  content: "";
  margin-right: 0.3em;
  top: calc(50% - 0.5em);
  left: 0.3em;
  width: 1.2em;
  height: 1.2em;
  border: solid 0.3em #404040;
  border-radius: 100%;
}
body.radar-page #radar-legend li.legend-notSoon:before {
  background-color: #159eb7;
}
body.radar-page #radar-legend li.legend-quiteSoon:before {
  background-color: #C00;
}
body.radar-page #radar-legend li.legend-soon:before {
  background-color: #ffd200;
}
body.radar-page #radar-legend li.legend-verySoon:before {
  background-color: #008546;
}
body.radar-page #radar-legend li.legend-outNow::before {
  background-color: white;
  border-width: 0.2em;
}
body.radar-page #radar-legend li.legend-outNow::after {
  background: #381e12;
  z-index: 3;
  display: block;
  content: "";
  position: absolute;
  top: calc(50% - 0.3em);
  left: 0.3em;
  width: 0.6em;
  height: 0.6em;
  border-radius: 100%;
}
body.radar-page #radar-popup {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 5%;
  left: calc(50% - 100px);
  width: 200px;
  z-index: 10;
}
body.radar-page #radar-popup .game-image {
  width: 200px;
  height: 148px;
  background-size: 100% !important;
  background-position: center 40%;
}
body.radar-page #radar-popup > a {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 2px 10px;
  text-transform: uppercase;
  border: solid 2px #404040;
  border-top: none;
  background-color: #1b1b1b;
  color: #EEE;
  font-size: 80%;
}
body.radar-page #radar-popup > a:hover {
  text-decoration: none;
}
body.radar-page #radar-popup.radar-popup-notSoon > div > div:before {
  background-color: #159eb7;
}
body.radar-page #radar-popup.radar-popup-quiteSoon > div > div:before {
  background-color: #C00;
}
body.radar-page #radar-popup.radar-popup-soon > div > div:before {
  background-color: #ffd200;
}
body.radar-page #radar-popup.radar-popup-verySoon > div > div:before {
  background-color: #008546;
}
body.radar-page #radar-popup .platforms {
  position: absolute;
  display: flex;
  justify-content: center;
  bottom: 0px;
  padding: 2.5em 0 0.7em;
  width: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=0 );
  /* IE6-9 */
}
body.radar-page #radar-popup .platforms span {
  margin-right: 0px;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
  font-size: 1.5em;
}
body.radar-page #radar-popup .platforms span:last-child {
  margin-right: 0px;
}
body.radar-page #radar-popup > div {
  position: relative;
  background-color: #1b1b1b;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
}
body.radar-page #radar-popup > div:after {
  position: absolute;
  display: block;
  content: "";
  background-color: #404040;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
}
body.radar-page #radar-popup > div > div {
  position: relative;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
  width: 200px;
  height: 148px;
}
body.radar-page #radar-popup > div > div:before {
  position: absolute;
  display: block;
  content: "";
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 5px 10px, 5px calc(100% - 5px), calc(100% - 15px) calc(100% - 5px), calc(100% - 5px) calc(100% - 15px), calc(100% - 5px) 5px, 15px 5px, 5px 15px, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 5px 10px, 5px calc(100% - 5px), calc(100% - 15px) calc(100% - 5px), calc(100% - 5px) calc(100% - 15px), calc(100% - 5px) 5px, 15px 5px, 5px 15px, 0px 10px);
  z-index: 1;
}
body.radar-page #radar-popup > div > div:after {
  position: absolute;
  display: block;
  content: "";
  background-color: #404040;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 2px 10px, 2px calc(100% - 2px), calc(100% - 12px) calc(100% - 2px), calc(100% - 2px) calc(100% - 12px), calc(100% - 2px) 2px, 12px 2px, 2px 12px, 0px 10px);
  z-index: 2;
}
body.radar-page #radar-popup p {
  margin: 0px;
  padding: 3px 5px;
  text-align: center;
}
@media (min-width: 768px) {
  @keyframes orbit-verySoon {
    from {
      transform: rotate(0deg) translateX(10.45vw) rotate(0deg);
    }
    to {
      transform: rotate(360deg) translateX(10.45vw) rotate(-360deg);
    }
  }
  @keyframes orbit-soon {
    from {
      transform: rotate(0deg) translateX(16.62vw) rotate(0deg);
    }
    to {
      transform: rotate(360deg) translateX(16.62vw) rotate(-360deg);
    }
  }
  @keyframes orbit-quiteSoon {
    from {
      transform: rotate(0deg) translateX(25.5vw) rotate(0deg);
    }
    to {
      transform: rotate(360deg) translateX(25.5vw) rotate(-360deg);
    }
  }
  @keyframes orbit-notSoon {
    from {
      transform: rotate(0deg) translateX(35vw) rotate(0deg);
    }
    to {
      transform: rotate(360deg) translateX(35vw) rotate(-360deg);
    }
  }
}
@media (min-width: 768px) and (orientation: landscape) {
  @keyframes orbit-verySoon {
    from {
      transform: rotate(0deg) translateX(12.35vh) rotate(0deg);
    }
    to {
      transform: rotate(360deg) translateX(12.35vh) rotate(-360deg);
    }
  }
  @keyframes orbit-soon {
    from {
      transform: rotate(0deg) translateX(19.75vh) rotate(0deg);
    }
    to {
      transform: rotate(360deg) translateX(19.75vh) rotate(-360deg);
    }
  }
  @keyframes orbit-quiteSoon {
    from {
      transform: rotate(0deg) translateX(30.3vh) rotate(0deg);
    }
    to {
      transform: rotate(360deg) translateX(30.3vh) rotate(-360deg);
    }
  }
  @keyframes orbit-notSoon {
    from {
      transform: rotate(0deg) translateX(41vh) rotate(0deg);
    }
    to {
      transform: rotate(360deg) translateX(41vh) rotate(-360deg);
    }
  }
}
@media (min-width: 768px) {
  body.radar-page #radar-holder {
    margin: auto;
    position: relative;
    width: 80vw;
    height: 80vw;
  }
}
@media (min-width: 768px) and (orientation: landscape) {
  body.radar-page #radar-holder {
    width: 95vh;
    height: 95vh;
    max-width: 95vh;
    max-height: 95vh;
  }
}
@media (min-width: 768px) {
  body.radar-page #radar-holder .radar-render-blip {
    top: calc(50% - 15px);
    left: calc(50% - 15px);
  }
  body.radar-page #radar-holder .radar-render-blip .radar-render-blip-circle {
    width: 30px;
    height: 30px;
    border: solid 6px #404040;
  }
}
@media (min-width: 768px) and (orientation: landscape) {
  body.radar-page #radar-render {
    width: 95vh;
    height: 95vh;
    max-width: 95vh;
    max-height: 95vh;
  }
}
@media (min-width: 768px) {
  body.radar-page #radar-content h3 {
    margin: 1em calc(70vw - 30px) -6vw 15px;
    text-align: left;
    font-size: 3vw;
  }
}
@media (min-width: 768px) {
  body.radar-page #radar-center > .game-image {
    border: 0.5vw solid white;
    padding: 0.9vw;
  }
}
@media (min-width: 768px) {
  body.radar-page #radar-legend {
    flex-direction: column;
    flex: 1 100%;
    margin-top: -15vw;
    margin-bottom: 2vw;
    pointer-events: none;
  }
  body.radar-page #radar-legend li {
    font-size: 1.6vw;
    line-height: 2.2em;
  }
  body.radar-page #radar-legend li:before {
    display: block;
    content: "";
    margin-right: 0.7em;
    top: calc(50% - 0.5em);
    left: 0.3em;
    width: 1.7em;
    height: 1.7em;
    border: solid 0.4em #404040;
  }
  body.radar-page #radar-legend li.legend-outNow::before {
    border-width: 0.3em;
  }
  body.radar-page #radar-legend li.legend-outNow::after {
    top: calc(50% - 0.45em);
    left: 0.4em;
    width: 0.9em;
    height: 0.9em;
  }
}

body.videos-page #videos-content {
  display: flex;
  flex-wrap: wrap;
}
body.videos-page #videos-content .row {
  opacity: 0;
  animation: fadeInUp ease 2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  /*when the spec is finished*/
  animation-delay: 0s;
  -webkit-animation: fadeInUp ease 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards;
  /*Chrome 16+, Safari 4+*/
  -webkit-animation-delay: 0s;
  -moz-animation: fadeInUp ease 2s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards;
  /*FF 5+*/
  -moz-animation-delay: 0s;
  -o-animation: fadeInUp ease 2s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards;
  /*Not implemented yet*/
  -o-animation-delay: 0s;
  -ms-animation: fadeInUp ease 2s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards;
  /*IE 10+*/
  -ms-animation-delay: 0s;
}
body.videos-page #videos-content header {
  position: relative;
  width: 100%;
}
body.videos-page #videos-content header h3 {
  margin: 1.6rem 0 1rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.3rem;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
body.videos-page #videos-content .panel {
  margin: 1rem 10px;
}
body.videos-page #videos-content .panel h4 {
  font-size: 1.2rem;
  text-align: center;
  font-weight: normal;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
body.videos-page #videos-content .panel .panel-video {
  background-color: #000;
  -webkit-clip-path: polygon(14px 0px, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0px 100%, 0px 14px);
  clip-path: polygon(14px 0px, 100% 0px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0px 100%, 0px 14px);
}
body.videos-page #videos-content .panel .panel-video .panel-video-holder {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
}
body.videos-page #videos-content .panel .panel-video .panel-video-holder::after {
  position: absolute;
  display: block;
  content: "";
  background-color: #000;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: -1px;
  transition: background 0.2s linear;
  /*
  					-webkit-clip-path: polygon( 10px 0px, 
  												100% 0px, 
  												100% calc(100% - 10px), 
  												calc(100% - 10px) 100%, 
  												0px 100%, 
  												0px 10px, 
  												2px 10px, 
  												2px calc(100% - 2px), 
  												calc(100% - 12px) calc(100% - 2px), 
  												calc(100% - 2px) calc(100% - 12px), 
  												calc(100% - 2px) 2px, 
  												12px 2px, 
  												2px 12px, 
  												0px 10px);

  					clip-path: polygon(			10px 0px, 
  												100% 0px, 
  												100% calc(100% - 10px), 
  												calc(100% - 10px) 100%, 
  												0px 100%, 
  												0px 10px, 
  												2px 10px, 
  												2px calc(100% - 2px), 
  												calc(100% - 12px) calc(100% - 2px), 
  												calc(100% - 2px) calc(100% - 12px), 
  												calc(100% - 2px) 2px, 
  												12px 2px, 
  												2px 12px, 
  												0px 10px);
  */
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 7px 10px, 7px calc(100% - 7px), calc(100% - 17px) calc(100% - 7px), calc(100% - 7px) calc(100% - 17px), calc(100% - 7px) 7px, 17px 7px, 7px 17px, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 7px 10px, 7px calc(100% - 7px), calc(100% - 17px) calc(100% - 7px), calc(100% - 7px) calc(100% - 17px), calc(100% - 7px) 7px, 17px 7px, 7px 17px, 0px 10px);
}
body.videos-page #videos-content .panel .panel-video .panel-video-holder:hover::after {
  background-color: #F15A24;
}
body.videos-page #videos-content .panel .panel-video .panel-video-holder.youtube {
  /* Doug! we could use this ratio thing for both youtube and non-youtube embeds */
  padding-bottom: 56.25%;
  /* 16:9 */
}
body.videos-page #videos-content .panel .panel-video .panel-video-holder.youtube iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
}
body.videos-page #videos-content .panel .panel-video .panel-video-holder video {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
}
body.videos-page #videos-content .panel .panel-video .panel-video-holder .access-restricted {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  padding: 2em;
}
body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 50;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  margin-bottom: 0;
}
body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate h2 {
  font-size: 3vw;
  display: flex;
  flex: 0 0 95%;
  justify-content: center;
  margin: 0;
}
@media (min-width: 768px) {
  body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate h2 {
    font-size: 2vw;
  }
}
@media (min-width: 1200px) {
  body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate h2 {
    font-size: 1.5em;
  }
}
body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate #date-options {
  flex: 0 0 95%;
  justify-content: center;
  display: flex;
}
body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate #date-options label {
  display: flex;
  align-content: center;
}
body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate #date-options label select {
  margin: 0 0.5em;
}
body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate #date-options {
  display: flex;
  flex: 0 0 90%;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0.5em 0;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate #date-options {
    padding: 1em 0;
    flex: 0 0 95%;
  }
}
body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate #date-options label {
  display: flex;
  align-content: center;
  align-items: center;
  font-weight: bold;
  text-shadow: 0px 0px 0.3em rgba(0, 0, 0, 0.6), 0px 0px 0.1em rgba(0, 0, 0, 0.6), 0px 0px 0.5em rgba(0, 0, 0, 0.6);
  font-weight: normal;
  font-size: 2.5vw;
  padding: 0.5em;
}
@media (min-width: 768px) {
  body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate #date-options label {
    margin-bottom: 0.5vw;
    font-size: 2vw;
    flex: 0 1 100%;
    justify-content: space-between;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate #date-options label {
    flex: 0 1 20%;
    justify-content: center;
    padding: 0.5em;
    font-size: 1.3vw;
    margin-bottom: 0.5rem;
  }
}
body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate #date-options label select {
  display: flex;
  font-weight: normal;
  border-radius: 3px;
  margin: 0 0 0 0.5em;
  padding: 0 calc(1em + 17px) 0 1em;
  background-image: url("/images/down-arrow.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 17px) center;
  background-size: 12px auto;
  background-color: rgba(255, 255, 255, 0.6);
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  height: 5.7vw;
  border: 2px solid black;
  transition: border 0.2s linear;
  cursor: pointer;
  will-change: background-color;
  transition: background-color 0.2s linear;
  text-transform: uppercase;
}
body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate #date-options label select:hover {
  background-color: white;
}
@media (min-width: 768px) {
  body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate #date-options label select {
    height: 3.7vw;
  }
}
@media (min-width: 1200px) {
  body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate #date-options label select {
    flex: 1 1 50%;
    height: 2.7vw;
  }
}
body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate button {
  display: flex;
  flex: 0 1 auto;
  padding: 0 1em;
  margin: 0;
  height: 5.7vw;
  background: rgba(255, 255, 255, 0.6);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 1.1em;
  border: 2px solid black;
  border-radius: 3px;
  color: black;
  will-change: background-color, transform;
  transition: background-color 0.2s linear, transform 0.2s linear;
  text-transform: uppercase;
  align-items: center;
  font-size: 2.5vw;
}
@media (min-width: 768px) {
  body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate button {
    height: 3.7vw;
  }
}
@media (min-width: 1200px) {
  body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate button {
    margin: 1em auto 0;
    height: 2.7vw;
  }
}
body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate button:hover {
  background: white;
  transform: scale(1.05);
}
@media (min-width: 768px) {
  body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate button {
    font-size: 2vw;
  }
}
@media (min-width: 1200px) {
  body.videos-page #videos-content .panel .panel-video .panel-video-holder .video-age-gate button {
    font-size: 1.5vw;
  }
}
body.videos-page #videos-content .panel .panel-video video, body.videos-page #videos-content .panel .panel-video iframe {
  width: 100%;
  height: auto;
}
body.videos-page #videos-content .panel p {
  text-align: center;
  padding-top: 1rem;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
body.videos-page #videos-content .panel p span:first-child {
  margin-left: calc(10px + 0.5vw);
}
body.videos-page #videos-content .panel .panel-buttons {
  display: flex;
}
body.videos-page #videos-content .panel .panel-buttons .btn {
  width: 100%;
}
body.videos-page #videos-content .panel .panel-buttons .btn:nth-child(2) {
  margin-left: 1vw;
}
@media (min-width: 768px) {
  body.videos-page #videos-content header h3 {
    font-size: 1.8rem;
  }
  body.videos-page #videos-content .panel {
    padding-bottom: 3rem;
  }
  body.videos-page #videos-content .panel h4 {
    text-align: left;
    padding-left: 12px;
    margin-bottom: 1rem;
  }
}
@media (min-width: 992px) {
  body.videos-page #videos-content .panel h4 {
    font-size: 1.8vw;
  }
  body.videos-page #videos-content .panel p {
    font-size: 1.6vw;
  }
  body.videos-page #videos-content .panel .panel-buttons {
    padding: 0 5vw;
  }
}
@media (min-width: 1200px) {
  body.videos-page #videos-content .panel h4 {
    font-size: 1.5rem;
  }
  body.videos-page #videos-content .panel p {
    font-size: 1.3rem;
  }
  body.videos-page #videos-content .panel .panel-buttons .btn {
    padding-left: 23px;
    -webkit-clip-path: polygon(0.9rem 0px, 100% 0px, 100% 100%, 0px 100%, 0px 0.9rem);
    clip-path: polygon(0.9rem 0px, 100% 0px, 100% 100%, 0px 100%, 0px 0.9rem);
  }
  body.videos-page #videos-content .panel .panel-buttons .btn:before {
    -webkit-clip-path: polygon(0.9rem 0px, 100% 0px, 100% 100%, 0px 100%, 0px 0.9rem);
    clip-path: polygon(0.9rem 0px, 100% 0px, 100% 100%, 0px 100%, 0px 0.9rem);
  }
}

body.accounts-page {
  /*
  @include media-breakpoint-up(sm) {
  	#signup-whynot .panel {

  		.icons {
  			a {
  				width: calc(20% - 20px);
  				padding-top: calc(20% - 20px);
  				margin: 10px;
  			}
  		}
  	}
  }
  */
  /*



  		input[type=file], input[type=text], input[type=email], input[type=password], select {
  			width: 300px;
  		}

  	input[type=text], input[type=email], input[type=password], select {
  		padding: 3px 5px;
  		width: 100%;
  		border: solid 2px rgba(0,0,0,.5);
  		border-radius: 3px;
  		background-color: rgba(255,255,255,.4);
  		color: $feral-orange;
  	}

  	select {
  		height: calc(1rem + 18px);
  	}

  */
}
body.accounts-page .row {
  margin: 0 auto;
  max-width: 1200px;
}
@media (max-width: 575.98px) {
  body.accounts-page #top-header #jarallax-container-0 div {
    height: 120% !important;
    background-position: right 35% !important;
  }
  body.accounts-page #jarallax-container-1 div {
    background-position: 57% 50% !important;
  }
}
body.accounts-page > section:first-of-type:before {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.8+0,1+50,0.2+50,0.8+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.8) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.8) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.8) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#cc000000", endColorstr="#cc000000",GradientType=0 );
  /* IE6-9 */
  width: 100%;
  height: 100%;
}
body.accounts-page .alert {
  margin: 20px;
  border: 3px solid #28a745;
  color: #FFF;
  font-weight: bold;
  background-color: rgba(40, 167, 69, 0.5);
}
body.accounts-page .alert .close {
  min-width: auto !important;
  height: auto !important;
  background: none !important;
  border: none !important;
}
body.accounts-page #login-content form, body.accounts-page #signup-content form, body.accounts-page #forgotten-content form {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  margin: 0px;
}
body.accounts-page #login-content form > .form-buttons, body.accounts-page #signup-content form > .form-buttons, body.accounts-page #forgotten-content form > .form-buttons {
  margin: 0px 20px 2em;
  width: calc(100% - 40px);
}
body.accounts-page #login-content form > .form-buttons .agreement, body.accounts-page #signup-content form > .form-buttons .agreement, body.accounts-page #forgotten-content form > .form-buttons .agreement {
  color: #afafaf;
  font-size: 0.8rem;
}
body.accounts-page #login-content form > .form-buttons .agreement a, body.accounts-page #signup-content form > .form-buttons .agreement a, body.accounts-page #forgotten-content form > .form-buttons .agreement a {
  color: #8a61b1;
}
body.accounts-page #login-content aside, body.accounts-page #signup-content aside, body.accounts-page #forgotten-content aside {
  flex: 0 0 auto;
  padding: 40px 20px 10px;
  margin: 0px 20px;
  background-color: rgba(0, 0, 0, 0.6);
  text-align: center;
  -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - 30px), calc(100% - 30px) 100%, 10px 100%, 0px calc(100% - 10px));
  clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - 30px), calc(100% - 30px) 100%, 10px 100%, 0px calc(100% - 10px));
}
body.accounts-page #login-content aside img, body.accounts-page #signup-content aside img, body.accounts-page #forgotten-content aside img {
  width: 20vw;
  height: auto;
  margin: -1em auto 1.2em;
}
body.accounts-page #login-content aside h5, body.accounts-page #signup-content aside h5, body.accounts-page #forgotten-content aside h5 {
  color: #F15A24;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  body.accounts-page #login-content aside img, body.accounts-page #signup-content aside img, body.accounts-page #forgotten-content aside img {
    width: 20%;
    margin: -1em 2em 2em 1em;
    float: left;
  }
  body.accounts-page #login-content aside h5, body.accounts-page #login-content aside p, body.accounts-page #signup-content aside h5, body.accounts-page #signup-content aside p, body.accounts-page #forgotten-content aside h5, body.accounts-page #forgotten-content aside p {
    text-align: left;
  }
}
body.accounts-page .panel {
  position: relative;
  background-color: rgba(0, 0, 0, 0.7);
  border: none;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
  border-radius: 0px;
}
body.accounts-page .panel:before {
  position: absolute;
  display: block;
  content: "";
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: #333;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 1px 10px, 1px calc(100% - 1px), calc(100% - 11px) calc(100% - 1px), calc(100% - 1px) calc(100% - 11px), calc(100% - 1px) 1px, 11px 1px, 1px 11px, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 1px 10px, 1px calc(100% - 1px), calc(100% - 11px) calc(100% - 1px), calc(100% - 1px) calc(100% - 11px), calc(100% - 1px) 1px, 11px 1px, 1px 11px, 0px 10px);
  z-index: -1;
}
body.accounts-page .panel li strong {
  color: #8a61b1;
}
body.accounts-page #login-whynot, body.accounts-page #faqs-content, body.accounts-page #terms-content {
  display: flex;
  flex-direction: column;
}
body.accounts-page #login-whynot .row, body.accounts-page #faqs-content .row, body.accounts-page #terms-content .row {
  justify-content: stretch;
}
body.accounts-page #login-whynot .panel, body.accounts-page #faqs-content .panel, body.accounts-page #terms-content .panel {
  margin: 5px 10px;
  padding: 10px 20px;
  text-align: center;
  position: relative;
  transition: background-color 0.2s linear;
  flex-grow: 1;
}
body.accounts-page #login-whynot .panel::before, body.accounts-page #faqs-content .panel::before, body.accounts-page #terms-content .panel::before {
  background-color: #4d4d4d;
  transition: background-color 0.2s linear;
}
body.accounts-page #login-whynot .panel:first-child, body.accounts-page #faqs-content .panel:first-child, body.accounts-page #terms-content .panel:first-child {
  margin-top: 20px;
}
body.accounts-page #login-whynot .panel:last-child, body.accounts-page #faqs-content .panel:last-child, body.accounts-page #terms-content .panel:last-child {
  margin-bottom: 20px;
}
body.accounts-page #login-whynot .panel:hover, body.accounts-page #faqs-content .panel:hover, body.accounts-page #terms-content .panel:hover {
  background-color: black;
}
body.accounts-page #login-whynot .panel:hover::before, body.accounts-page #faqs-content .panel:hover::before, body.accounts-page #terms-content .panel:hover::before {
  background-color: #AAA;
}
body.accounts-page #login-whynot .panel h3, body.accounts-page #faqs-content .panel h3, body.accounts-page #terms-content .panel h3 {
  margin: 0px;
  font-weight: normal;
  font-size: 1.2rem;
}
body.accounts-page #login-whynot .panel h3 a, body.accounts-page #faqs-content .panel h3 a, body.accounts-page #terms-content .panel h3 a {
  display: block;
}
body.accounts-page #login-whynot .panel h3 a::before, body.accounts-page #faqs-content .panel h3 a::before, body.accounts-page #terms-content .panel h3 a::before {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body.accounts-page #login-whynot .panel h3 a:hover, body.accounts-page #faqs-content .panel h3 a:hover, body.accounts-page #terms-content .panel h3 a:hover {
  text-decoration: none;
}
body.accounts-page #login-whynot {
  padding: 35px 25px 50px;
}
body.accounts-page #login-whynot .panel {
  width: 50%;
  padding: 30px;
  margin: 15px 10px;
}
body.accounts-page #login-whynot .panel:first-child {
  margin: 15px 10px;
}
@media (max-width: 767.98px) {
  body.accounts-page #login-whynot .panel {
    width: 100%;
    margin: 5px 0;
  }
  body.accounts-page #login-whynot .panel:first-child {
    margin: 5px 0;
  }
}
body.accounts-page #terms-content .panel:first-child:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
body.accounts-page #terms-content .panel:first-child:hover::before {
  background-color: #4d4d4d;
}
body.accounts-page #terms-content .panel:nth-last-child(3):nth-child(2) h3 a {
  display: inline;
}
body.accounts-page #signup-whynot .row {
  align-content: center;
}
body.accounts-page #signup-whynot h3 {
  margin: 1.8em 30px 0.2em;
  position: relative;
  color: #F15A24;
  text-align: center;
  flex-grow: 1;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
body.accounts-page #signup-whynot .panel {
  flex-grow: 1;
  margin: 1em 20px;
  padding: 20px;
  text-align: center;
  font-size: 1rem;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
body.accounts-page #signup-whynot .panel::before {
  background-color: #4d4d4d;
}
body.accounts-page #signup-whynot .panel h4 {
  color: #F15A24;
  margin: 0.3em 0 0.8em;
}
body.accounts-page #signup-whynot .panel h5 {
  color: #F15A24;
  margin-bottom: 1em;
}
body.accounts-page #signup-whynot .panel:after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  clear: both;
}
body.accounts-page #signup-whynot .panel > img {
  width: 100%;
  border: solid 10px #000;
  box-shadow: 0px 0px 1px 1px #82609e;
  margin-bottom: 1em;
}
body.accounts-page #signup-whynot .panel p {
  margin-left: 10px;
  margin-bottom: 40px;
  color: #8a61b1;
}
body.accounts-page #signup-whynot .panel p:last-child {
  margin-bottom: 10px;
}
body.accounts-page #signup-whynot .panel .icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
body.accounts-page #signup-whynot .panel .icons a {
  width: calc(25% - 10px);
  padding-top: calc(25% - 10px);
  margin: 5px;
  position: relative;
}
body.accounts-page #signup-whynot .panel .icons a img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
body.accounts-page #signup-whynot .panel .icons + h5 {
  margin-top: 1.5em;
  text-align: center;
}
body.accounts-page #signup-whynot .panel + a {
  padding: 15px 50px;
  margin: 1em auto 2em;
  font-size: 1.2rem;
  white-space: nowrap;
  font-weight: bold;
  -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - 30px), calc(100% - 30px) 100%, 10px 100%, 0px calc(100% - 10px));
  clip-path: polygon(0px 20px, 40px 0px, calc(100% - 10px) 0px, 100% 10px, 100% calc(100% - 15px), calc(100% - 25px) 100%, 10px 100%, 0px calc(100% - 10px));
  transition: background-color 0.2s linear, color 0.2s linear;
  color: white;
  background-color: #5c3c7a;
}
body.accounts-page #signup-whynot .panel + a:hover {
  background-color: black;
  color: #F15A24;
}
@media (min-width: 768px) {
  body.accounts-page #signup-whynot .panel {
    padding: 40px;
    text-align: left;
    font-size: 1.8vw;
  }
  body.accounts-page #signup-whynot .panel h4 {
    font-size: 2.2vw;
  }
  body.accounts-page #signup-whynot .panel h5 {
    font-size: 1.9vw;
  }
  body.accounts-page #signup-whynot .panel > img {
    width: 400px;
    margin-bottom: 0;
  }
  body.accounts-page #signup-whynot .panel:first-of-type > img {
    margin-bottom: 1.5em;
  }
  body.accounts-page #signup-whynot .panel:nth-child(odd) > img {
    float: left;
    margin-right: 5%;
  }
  body.accounts-page #signup-whynot .panel:nth-child(even) > img {
    float: right;
    margin-left: 5%;
  }
  body.accounts-page #signup-whynot .panel .icons {
    clear: right;
  }
  body.accounts-page #signup-whynot .panel .icons a {
    width: calc(12.5% - 10px);
    padding-top: calc(12.5% - 10px);
    margin: 5px;
  }
}
@media (min-width: 1200px) {
  body.accounts-page #signup-whynot .panel {
    font-size: 22px;
  }
  body.accounts-page #signup-whynot .panel h4 {
    font-size: 2.2vw;
  }
  body.accounts-page #signup-whynot .panel h5 {
    font-size: 1.9vw;
  }
}
body.accounts-page .form-contents {
  margin: 0px 20px;
  text-shadow: 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black, 0px 0px 3px black, 0px 0px 1px black, 0px 0px 5px black;
}
body.accounts-page .form-contents h3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 30px 0px;
  color: #F15A24;
}
body.accounts-page .form-contents h3#signup-top, body.accounts-page .form-contents h3#login-top {
  margin-top: 0;
  padding-top: 30px;
}
@media (min-width: 576px) {
  body.accounts-page .form-contents h3#signup-top, body.accounts-page .form-contents h3#login-top {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
body.accounts-page .form-contents h3 span {
  display: inline-block;
  padding: 15px 30px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.2rem;
  font-weight: bold;
  white-space: nowrap;
  border: none;
  background-color: #000;
  color: #5c3c7a;
  color: #8a61b1;
  -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - 30px), calc(100% - 30px) 100%, 10px 100%, 0px calc(100% - 10px));
  clip-path: polygon(0px 20px, 40px 0px, calc(100% - 10px) 0px, 100% 10px, 100% calc(100% - 15px), calc(100% - 25px) 100%, 10px 100%, 0px calc(100% - 10px));
  text-shadow: none;
}
body.accounts-page .form-contents h3 span a {
  transition: color 0.2s linear;
}
body.accounts-page .form-contents h3 span a:hover {
  color: white;
}
@media (min-width: 576px) {
  body.accounts-page .form-contents h3 span {
    margin-right: 0;
  }
}
body.accounts-page .form-contents > p {
  margin: 0px 20px 20px;
  text-align: center;
}
@media (min-width: 576px) {
  body.accounts-page .form-contents > p {
    text-align: left;
  }
}
body.accounts-page .form-contents .inputs-group > div {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  text-shadow: none;
}
body.accounts-page .form-contents .inputs-group > div label {
  position: relative;
  z-index: 1;
}
body.accounts-page .form-contents .inputs-group > div .helper {
  margin-top: -25px;
  margin-bottom: 20px;
  padding: 25px 20px 20px;
  display: block;
  background-color: rgba(0, 0, 0, 0.8);
  color: #82609e;
  border-radius: 0px 0px 3px 3px;
  z-index: 0;
  position: relative;
  border: solid 2px #362542;
}
body.accounts-page .external-login {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
  position: relative;
  padding-top: 1em;
  font-size: 1.2em;
  width: 100%;
}
body.accounts-page .external-login > p {
  z-index: 3;
  position: absolute;
  display: inline-block;
  width: auto;
  min-width: 1.8em;
  height: 1.8em;
  line-height: 1.6em;
  top: 0.1em;
  left: calc(50% - 0.9em);
  border: 2px solid #333;
  background: #000;
  border-radius: 0.9em;
  padding: 0 0.4em;
  filter: none;
  text-shadow: none;
}
body.accounts-page .external-login #external-form-holder {
  display: flex;
  position: relative;
  z-index: 1;
  min-width: 100%;
  position: relative;
  background-color: rgba(0, 0, 0, 0.7);
  border: none;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
  border-radius: 0px;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 30px 30px 26px;
  text-align: center;
  align-content: center;
  justify-content: center;
}
body.accounts-page .external-login #external-form-holder:before {
  position: absolute;
  display: block;
  content: "";
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: #333;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 1px 10px, 1px calc(100% - 1px), calc(100% - 11px) calc(100% - 1px), calc(100% - 1px) calc(100% - 11px), calc(100% - 1px) 1px, 11px 1px, 1px 11px, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 1px 10px, 1px calc(100% - 1px), calc(100% - 11px) calc(100% - 1px), calc(100% - 1px) calc(100% - 11px), calc(100% - 1px) 1px, 11px 1px, 1px 11px, 0px 10px);
  z-index: -1;
}
body.accounts-page .external-login #external-form-holder form {
  flex-direction: row;
}
body.accounts-page .external-login #external-form-holder p {
  min-width: 100%;
}
body.accounts-page .external-login #external-form-holder div#googleid-signin, body.accounts-page .external-login #external-form-holder div#appleid-signin {
  display: flex;
  max-width: 64px;
}
body.accounts-page .external-login #external-form-holder div#googleid-signin:hover, body.accounts-page .external-login #external-form-holder div#appleid-signin:hover {
  filter: drop-shadow(0 0 0.75rem #F15A24);
}
body.accounts-page .external-login #external-form-holder div#googleid-signin {
  width: 64px;
  height: 64px;
  margin: 0px 20px 1px 0;
  border: 1px solid black;
  border-radius: 20%;
  overflow: hidden;
}
body.accounts-page .external-login #external-form-holder div#googleid-signin > div {
  margin: -3px auto auto -3px;
  transform: scale(170%);
  transform-origin: left top;
}
@media (min-width: 768px) {
  body.accounts-page .form-contents h3 span {
    margin-right: 0;
  }
}
body.accounts-page .form-contents label, body.accounts-page #settings-contents label, body.accounts-page #profile-unverified label {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0px;
  margin-bottom: 20px;
  background-color: #e7dfed;
  border: solid 2px #362542;
  color: #111;
  border-radius: 5px;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
body.accounts-page .form-contents label > div, body.accounts-page #settings-contents label > div, body.accounts-page #profile-unverified label > div {
  display: flex;
  align-items: center;
}
body.accounts-page .form-contents label input, body.accounts-page .form-contents label select, body.accounts-page #settings-contents label input, body.accounts-page #settings-contents label select, body.accounts-page #profile-unverified label input, body.accounts-page #profile-unverified label select {
  padding: 5px 10px;
  height: auto;
  width: 100%;
  border: none;
  background-color: transparent;
  flex: 1 1 auto;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
body.accounts-page .form-contents label input[type=number], body.accounts-page #settings-contents label input[type=number], body.accounts-page #profile-unverified label input[type=number] {
  text-align: center;
  box-sizing: border-box;
  width: 3em;
  padding: 5px 5%;
}
body.accounts-page .form-contents label input[type=number]:last-child, body.accounts-page #settings-contents label input[type=number]:last-child, body.accounts-page #profile-unverified label input[type=number]:last-child {
  width: 4.5em;
}
body.accounts-page .form-contents label input::-webkit-outer-spin-button,
body.accounts-page .form-contents label input::-webkit-inner-spin-button, body.accounts-page #settings-contents label input::-webkit-outer-spin-button,
body.accounts-page #settings-contents label input::-webkit-inner-spin-button, body.accounts-page #profile-unverified label input::-webkit-outer-spin-button,
body.accounts-page #profile-unverified label input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body.accounts-page .form-contents label input[type=number], body.accounts-page #settings-contents label input[type=number], body.accounts-page #profile-unverified label input[type=number] {
  -moz-appearance: textfield;
}
body.accounts-page .form-contents label select, body.accounts-page #settings-contents label select, body.accounts-page #profile-unverified label select {
  text-align-last: center;
}
body.accounts-page .form-contents label span, body.accounts-page #settings-contents label span, body.accounts-page #profile-unverified label span {
  padding: 5px 10px;
  font-weight: bold;
  white-space: nowrap;
  text-shadow: none;
}
body.accounts-page .form-contents .inputs-group > div.newsletter, body.accounts-page #settings-contents .inputs-group > div.newsletter, body.accounts-page #profile-unverified .inputs-group > div.newsletter {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-bottom: 20px;
  padding: 0 15px 0;
  background-color: #e7dfed;
  border: solid 2px #362542;
  border-radius: 5px;
}
@media (min-width: 768px) {
  body.accounts-page .form-contents .inputs-group > div.newsletter, body.accounts-page #settings-contents .inputs-group > div.newsletter, body.accounts-page #profile-unverified .inputs-group > div.newsletter {
    flex-wrap: nowrap;
  }
}
body.accounts-page .form-contents .inputs-group > div.newsletter > div, body.accounts-page #settings-contents .inputs-group > div.newsletter > div, body.accounts-page #profile-unverified .inputs-group > div.newsletter > div {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 100%;
  margin: 10px 0;
  justify-content: space-between;
}
@media (min-width: 768px) {
  body.accounts-page .form-contents .inputs-group > div.newsletter > div, body.accounts-page #settings-contents .inputs-group > div.newsletter > div, body.accounts-page #profile-unverified .inputs-group > div.newsletter > div {
    flex: 1 1 65%;
  }
}
@media (min-width: 768px) {
  body.accounts-page .form-contents .inputs-group > div.newsletter > div:first-child, body.accounts-page #settings-contents .inputs-group > div.newsletter > div:first-child, body.accounts-page #profile-unverified .inputs-group > div.newsletter > div:first-child {
    flex: 1 1 20%;
  }
}
body.accounts-page .form-contents .inputs-group > div.newsletter > div:last-child, body.accounts-page #settings-contents .inputs-group > div.newsletter > div:last-child, body.accounts-page #profile-unverified .inputs-group > div.newsletter > div:last-child {
  width: 46% !important;
}
@media (min-width: 576px) {
  body.accounts-page .form-contents .inputs-group > div.newsletter > div:last-child, body.accounts-page #settings-contents .inputs-group > div.newsletter > div:last-child, body.accounts-page #profile-unverified .inputs-group > div.newsletter > div:last-child {
    width: auto !important;
  }
}
body.accounts-page .form-contents .inputs-group > div.newsletter h6, body.accounts-page #settings-contents .inputs-group > div.newsletter h6, body.accounts-page #profile-unverified .inputs-group > div.newsletter h6 {
  color: #111;
  margin: 0;
  flex: 0 0 100%;
}
body.accounts-page .form-contents .inputs-group > div.newsletter label, body.accounts-page #settings-contents .inputs-group > div.newsletter label, body.accounts-page #profile-unverified .inputs-group > div.newsletter label {
  margin: 0.5rem 10px 0 0;
  padding-left: 27px;
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  width: auto !important;
  border: none;
  background: transparent;
  font-weight: bold;
}
body.accounts-page .form-contents .inputs-group > div.newsletter label:before, body.accounts-page #settings-contents .inputs-group > div.newsletter label:before, body.accounts-page #profile-unverified .inputs-group > div.newsletter label:before {
  border-color: #82609e;
  position: absolute;
  left: 0;
}
body.accounts-page label.error {
  position: relative;
  border: solid 2px #921925 !important;
}
body.accounts-page label.error:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f06a";
  position: absolute;
  top: 4px;
  right: 7px;
  display: block;
  font-size: 150%;
  color: #921925;
  cursor: help;
  text-shadow: none;
}
body.accounts-page label.error .error_message {
  display: none;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  padding: 3px 5px !important;
  background-color: #e7dfed;
  width: auto;
  min-width: 250px;
  max-width: 100%;
  border-radius: 5px;
  text-align: center;
  color: #921925;
  white-space: normal !important;
  border: solid 2px #921925;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
body.accounts-page label.error .error_message:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -10px;
  left: calc(50% - 10px);
  background-color: #921925;
  width: 20px;
  height: 10px;
  -webkit-clip-path: polygon(0px 0px, 100% 0px, 50% 100%);
  clip-path: polygon(0px 0px, 100% 0px, 50% 100%);
}
body.accounts-page label.error .error_message:after {
  position: absolute;
  content: "";
  display: block;
  bottom: -8px;
  left: calc(50% - 8px);
  background-color: #e7dfed;
  width: 16px;
  height: 10px;
  -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 2px, 50% 100%, 0px 2px);
  clip-path: polygon(0px 0px, 100% 0px, 100% 2px, 50% 100%, 0px 2px);
}
body.accounts-page label.error:hover .error_message, body.accounts-page label.error:focus .error_message, body.accounts-page label.error.focus .error_message {
  display: block;
}
body.accounts-page label.error input[name=nickname] + span.error_message {
  width: 100%;
}
body.accounts-page .form-contents p.success.floating {
  border: 1px solid #28a745;
  background-color: #145523;
  padding: 1em 0.5em;
  border-radius: 5px;
  text-shadow: none;
  text-align: center;
}
body.accounts-page .form-contents label + p.success {
  border: 1px solid #28a745;
  border-top: none;
  background-color: #145523;
  padding: 1em 0.5em;
  border-radius: 0 0 5px 5px;
  text-shadow: none;
  margin-top: -20px;
  text-align: center;
}
@media (min-width: 576px) {
  body.accounts-page .form-contents label, body.accounts-page #settings-contents label, body.accounts-page #profile-unverified label {
    flex-direction: row;
  }
  body.accounts-page .form-contents label input, body.accounts-page #settings-contents label input, body.accounts-page #profile-unverified label input {
    width: auto;
  }
  body.accounts-page .form-contents label input[type=file], body.accounts-page #settings-contents label input[type=file], body.accounts-page #profile-unverified label input[type=file] {
    padding: 8px 20px 7px;
  }
  body.accounts-page .form-contents label select, body.accounts-page #settings-contents label select, body.accounts-page #profile-unverified label select {
    margin-right: 10px;
    height: calc(1rem + 20px);
    text-align-last: unset;
  }
  body.accounts-page .form-contents label span, body.accounts-page #settings-contents label span, body.accounts-page #profile-unverified label span {
    padding: 10px 20px;
  }
  body.accounts-page label.error:after {
    top: 0.4em;
    right: 0.4em;
  }
}
@media (min-width: 768px) {
  body.accounts-page #signup-content .form-contents label {
    flex-direction: column;
  }
  body.accounts-page #signup-content .form-contents label input:not([type=number]), body.accounts-page #signup-content .form-contents label span {
    width: 100%;
  }
  body.accounts-page #settings-contents label, body.accounts-page #profile-unverified label {
    display: inline-flex;
    width: 450px;
  }
}
@media (min-width: 992px) {
  body.accounts-page #signup-content .form-contents label {
    flex-direction: row;
  }
  body.accounts-page #signup-content .form-contents label input:not([type=number]), body.accounts-page #signup-content .form-contents label span {
    width: auto;
  }
}
@media (min-width: 576px) {
  body.accounts-page #login-content .form-contents label {
    justify-content: space-between;
  }
  body.accounts-page #login-content .form-contents label input {
    max-width: 70%;
  }
}
body.accounts-page .form-buttons {
  margin: 0px 20px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.accounts-page .form-buttons p {
  margin: 0px;
}
body.accounts-page .form-buttons button {
  padding: 15px 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  font-weight: bold;
  border: none;
  background-color: #5c3c7a;
  color: #FFF;
  -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - 30px), calc(100% - 30px) 100%, 10px 100%, 0px calc(100% - 10px));
  clip-path: polygon(0px 20px, 40px 0px, calc(100% - 10px) 0px, 100% 10px, 100% calc(100% - 15px), calc(100% - 25px) 100%, 10px 100%, 0px calc(100% - 10px));
  transition: background-color 0.2s linear, color 0.2s linear;
}
body.accounts-page .form-buttons button:hover {
  background-color: black;
  color: #F15A24;
}
body.accounts-page #forgotten-content .form-contents .inputs-group label:first-child {
  width: 100%;
  margin: 0px 0px 20px;
}
body.accounts-page #forgotten-content .form-contents .form-buttons {
  justify-content: flex-end;
}
@media (min-width: 768px) {
  body.accounts-page .external-login {
    margin-left: 23vw;
    width: calc(100% - 23vw);
  }
  body.accounts-page #login-content form, body.accounts-page #signup-content form, body.accounts-page #forgotten-content form {
    flex-direction: row;
    align-items: flex-start;
  }
  body.accounts-page #login-content aside, body.accounts-page #signup-content aside, body.accounts-page #forgotten-content aside {
    padding: 65px 2vw 0;
    margin: -20px 3vw 5vw 0;
    width: 20vw;
  }
  body.accounts-page #login-content aside img, body.accounts-page #signup-content aside img, body.accounts-page #forgotten-content aside img {
    max-width: 100%;
    width: 100%;
  }
  body.accounts-page .form-contents {
    width: calc(100% - 23vw);
    margin: 0;
  }
  body.accounts-page .form-contents h3 {
    flex-direction: row;
  }
  body.accounts-page .form-contents h3 span {
    margin-top: 0px;
  }
  body.accounts-page .form-contents .inputs-group > div {
    flex-direction: row;
  }
  body.accounts-page .form-contents .inputs-group > div label, body.accounts-page .form-contents .inputs-group > div span.helper {
    width: calc(50% - 10px);
  }
  body.accounts-page .form-contents .inputs-group > div label.full, body.accounts-page .form-contents .inputs-group > div span.helper.full {
    width: 100%;
  }
  body.accounts-page .form-contents .inputs-group > div label.left, body.accounts-page .form-contents .inputs-group > div span.helper.left {
    margin-right: 20px;
  }
  body.accounts-page .form-buttons {
    margin-top: 30px;
    flex-direction: row;
    justify-content: space-between;
  }
  body.accounts-page .form-buttons p {
    order: 1;
  }
  body.accounts-page .form-buttons button {
    padding: 15px 50px;
    margin-right: 0px;
    margin-left: 14%;
    margin-bottom: 0px;
    font-size: 1.2rem;
    white-space: nowrap;
    order: 2;
  }
  body.accounts-page #signup-content span.helper {
    order: 20;
  }
}
@media (min-width: 1200px) {
  body.accounts-page .external-login {
    margin-left: 276px;
    width: 827px;
  }
  body.accounts-page #login-content aside, body.accounts-page #signup-content aside, body.accounts-page #forgotten-content aside {
    padding: 65px 24px 0;
    margin-bottom: 60px;
    margin-right: 36px;
    width: 240px;
  }
  body.accounts-page .form-contents {
    width: 827px;
  }
}
body.accounts-page #profile-contents h2, body.accounts-page #settings-contents h2, body.accounts-page #profile-unverified h2 {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 20px;
  text-align: center;
  font-size: 1.5rem;
}
body.accounts-page #profile-contents h2 > div, body.accounts-page #settings-contents h2 > div, body.accounts-page #profile-unverified h2 > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: -20px;
  background-color: rgba(0, 0, 0, 0.8);
  border: solid 1px #333;
  font-size: 1rem;
  text-align: left;
}
body.accounts-page #profile-contents h2 > div > *, body.accounts-page #settings-contents h2 > div > *, body.accounts-page #profile-unverified h2 > div > * {
  display: block;
}
body.accounts-page #profile-contents h2 > div > *:first-child, body.accounts-page #settings-contents h2 > div > *:first-child, body.accounts-page #profile-unverified h2 > div > *:first-child {
  margin: auto 15px 5px;
}
body.accounts-page #profile-contents h2 > div > *:last-child, body.accounts-page #settings-contents h2 > div > *:last-child, body.accounts-page #profile-unverified h2 > div > *:last-child {
  margin: 5px 15px auto;
}
body.accounts-page #profile-contents h2 > span, body.accounts-page #settings-contents h2 > span, body.accounts-page #profile-unverified h2 > span {
  margin: 20px 0px 0px;
  order: 20;
}
@media (max-width: 767.98px) {
  body.accounts-page #profile-contents h2 > span, body.accounts-page #settings-contents h2 > span, body.accounts-page #profile-unverified h2 > span {
    width: 100%;
  }
}
body.accounts-page #profile-contents .panel, body.accounts-page #settings-contents .panel, body.accounts-page #profile-unverified .panel {
  margin: 0px 20px 20px;
  padding: 7px 10px;
}
body.accounts-page #profile-contents .panel h3, body.accounts-page #profile-unverified .panel h3 {
  font-size: 1.1rem;
  color: #F15A24;
}
body.accounts-page #profile-contents .panel ul, body.accounts-page #profile-unverified .panel ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-direction: column;
}
body.accounts-page #profile-contents .panel ul img, body.accounts-page #profile-unverified .panel ul img {
  margin-right: 10px;
}
body.accounts-page #profile-contents .panel ul span, body.accounts-page #profile-unverified .panel ul span {
  display: flex;
  flex-direction: column;
}
body.accounts-page #profile-contents .panel ul li, body.accounts-page #profile-unverified .panel ul li {
  display: flex;
  align-items: center;
  border: solid 1px #333;
  padding: 5px;
  margin-bottom: 10px;
  background-color: rgba(0, 0, 0, 0.5);
}
body.accounts-page #profile-contents .panel table, body.accounts-page #profile-unverified .panel table {
  width: 100%;
  color: #FFF;
  border-collapse: separate;
  border-spacing: 0px 5px;
}
body.accounts-page #profile-contents .panel table td, body.accounts-page #profile-contents .panel table th, body.accounts-page #profile-unverified .panel table td, body.accounts-page #profile-unverified .panel table th {
  border-top: solid 1px #333;
  border-bottom: solid 1px #333;
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.5);
}
body.accounts-page #profile-contents .panel table td:first-child, body.accounts-page #profile-contents .panel table th:first-child, body.accounts-page #profile-unverified .panel table td:first-child, body.accounts-page #profile-unverified .panel table th:first-child {
  border-left: solid 1px #333;
}
body.accounts-page #profile-contents .panel table td:nth-last-child(2), body.accounts-page #profile-contents .panel table th:nth-last-child(2), body.accounts-page #profile-unverified .panel table td:nth-last-child(2), body.accounts-page #profile-unverified .panel table th:nth-last-child(2) {
  border-right: solid 1px #333;
}
body.accounts-page #profile-contents .panel table td:last-child, body.accounts-page #profile-contents .panel table th:last-child, body.accounts-page #profile-unverified .panel table td:last-child, body.accounts-page #profile-unverified .panel table th:last-child {
  display: none;
}
body.accounts-page #profile-contents .panel table td:first-child a, body.accounts-page #profile-unverified .panel table td:first-child a {
  display: flex;
  align-items: center;
  color: #FFF;
}
body.accounts-page #profile-contents .panel table td:first-child a img, body.accounts-page #profile-unverified .panel table td:first-child a img {
  flex: 0 0 auto;
  margin-right: 10px;
}
body.accounts-page #profile-contents .panel nav, body.accounts-page #profile-unverified .panel nav {
  display: flex;
  align-items: flex-end;
}
body.accounts-page #profile-contents .panel nav a, body.accounts-page #profile-unverified .panel nav a {
  position: relative;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.5);
  border: solid 1px #333;
  border-bottom: none;
  margin-right: 5px;
  color: #FFF;
}
body.accounts-page #profile-contents .panel nav a:nth-child(1), body.accounts-page #profile-unverified .panel nav a:nth-child(1) {
  z-index: 3;
}
body.accounts-page #profile-contents .panel nav a:nth-child(2), body.accounts-page #profile-unverified .panel nav a:nth-child(2) {
  z-index: 2;
}
body.accounts-page #profile-contents .panel nav a:nth-child(3), body.accounts-page #profile-unverified .panel nav a:nth-child(3) {
  z-index: 1;
}
body.accounts-page #profile-contents .panel nav a.active, body.accounts-page #profile-unverified .panel nav a.active {
  color: #F15A24;
  z-index: 4;
}
body.accounts-page #profile-contents .panel nav a span:last-child, body.accounts-page #profile-unverified .panel nav a span:last-child {
  display: none;
}
body.accounts-page #profile-contents .panel nav form, body.accounts-page #profile-unverified .panel nav form {
  display: block;
  margin: 0px;
  margin-left: auto;
}
body.accounts-page #profile-contents .panel nav input, body.accounts-page #profile-unverified .panel nav input {
  padding: 3px 5px;
  border: none;
  background-color: rgba(255, 255, 255, 0.4);
  color: #FFF;
}
body.accounts-page #profile-contents .panel nav input::placeholder, body.accounts-page #profile-unverified .panel nav input::placeholder {
  color: #FFF;
}
body.accounts-page #profile-contents #users_holder, body.accounts-page #profile-unverified #users_holder {
  border: solid 1px #333;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px;
}
body.accounts-page #profile-contents #users_holder ul, body.accounts-page #profile-unverified #users_holder ul {
  display: none;
}
body.accounts-page #profile-contents #users_holder ul.active, body.accounts-page #profile-unverified #users_holder ul.active {
  display: flex;
}
body.accounts-page #profile-contents #users_holder li, body.accounts-page #profile-unverified #users_holder li {
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
}
body.accounts-page #profile-contents #users_holder li .profile, body.accounts-page #profile-unverified #users_holder li .profile {
  display: flex;
  align-items: center;
}
body.accounts-page #profile-contents #users_holder li span, body.accounts-page #profile-unverified #users_holder li span {
  display: block;
  max-width: calc(100% - 50px);
}
body.accounts-page #profile-contents #users_holder li span em, body.accounts-page #profile-unverified #users_holder li span em {
  max-width: 100%;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  font-style: normal;
  word-break: break-word;
  padding-right: 10px;
}
body.accounts-page #profile-contents #users_holder li span small, body.accounts-page #profile-unverified #users_holder li span small {
  display: inline-block;
  width: 100%;
}
body.accounts-page #profile-contents #users_holder li span small:before, body.accounts-page #profile-unverified #users_holder li span small:before {
  content: "(";
}
body.accounts-page #profile-contents #users_holder li span small:after, body.accounts-page #profile-unverified #users_holder li span small:after {
  content: ")";
}
body.accounts-page #profile-contents #users_holder li .buttons, body.accounts-page #profile-unverified #users_holder li .buttons {
  display: flex;
  flex-direction: column;
  margin-left: auto;
}
body.accounts-page #profile-contents #users_holder li .buttons button, body.accounts-page #profile-unverified #users_holder li .buttons button {
  width: 100%;
}
body.accounts-page #profile-contents #users_holder li .buttons form, body.accounts-page #profile-unverified #users_holder li .buttons form {
  display: inline;
  margin: 0px;
}
body.accounts-page #profile-contents #users_holder li:last-child, body.accounts-page #profile-unverified #users_holder li:last-child {
  margin-bottom: 0px;
}
body.accounts-page #profile-contents:after, body.accounts-page #profile-unverified:after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  clear: both;
}
@media (min-width: 768px) {
  body.accounts-page #profile-contents h2, body.accounts-page #settings-contents h2, body.accounts-page #profile-unverified h2 {
    align-items: center;
  }
  body.accounts-page #profile-contents h2 img, body.accounts-page #settings-contents h2 img, body.accounts-page #profile-unverified h2 img {
    margin-right: 20px;
  }
  body.accounts-page #profile-contents h2 > div, body.accounts-page #settings-contents h2 > div, body.accounts-page #profile-unverified h2 > div {
    padding: 20px;
    padding-right: 40px;
    order: 2;
  }
  body.accounts-page #profile-contents h2 > span, body.accounts-page #settings-contents h2 > span, body.accounts-page #profile-unverified h2 > span {
    margin: 0px;
    order: 1;
  }
  body.accounts-page #profile-contents .panel, body.accounts-page #settings-contents .panel, body.accounts-page #profile-unverified .panel {
    padding: 20px 25px;
  }
  body.accounts-page #profile-contents .panel h3, body.accounts-page #profile-unverified .panel h3 {
    font-size: 1.3rem;
  }
  body.accounts-page #profile-contents .panel ul, body.accounts-page #profile-unverified .panel ul {
    margin: 0px -10px;
    flex-direction: row;
    flex-wrap: wrap;
  }
  body.accounts-page #profile-contents .panel ul li, body.accounts-page #profile-unverified .panel ul li {
    margin: 10px;
    width: calc(50% - 20px);
  }
  body.accounts-page #profile-contents .panel table td:nth-last-child(2), body.accounts-page #profile-contents .panel table th:nth-last-child(2), body.accounts-page #profile-unverified .panel table td:nth-last-child(2), body.accounts-page #profile-unverified .panel table th:nth-last-child(2) {
    border-right: none;
  }
  body.accounts-page #profile-contents .panel table td:last-child, body.accounts-page #profile-contents .panel table th:last-child, body.accounts-page #profile-unverified .panel table td:last-child, body.accounts-page #profile-unverified .panel table th:last-child {
    display: table-cell;
    border-right: solid 1px #333;
  }
  body.accounts-page #profile-contents .panel nav, body.accounts-page #profile-unverified .panel nav {
    display: flex;
    align-items: flex-end;
  }
  body.accounts-page #profile-contents .panel nav a, body.accounts-page #profile-unverified .panel nav a {
    padding: 10px;
    padding-right: 40px;
    border-top-left-radius: 4px;
    margin-right: -10px;
    -webkit-clip-path: polygon(0px 0px, calc(100% - 40px) 0px, 100% 100%, 0px 100%);
    clip-path: polygon(0px 0px, calc(100% - 40px) 0px, 100% 100%, 0px 100%);
  }
  body.accounts-page #profile-contents .panel nav a:after, body.accounts-page #profile-unverified .panel nav a:after {
    position: absolute;
    content: "";
    display: block;
    top: 0px;
    right: -1px;
    bottom: 0px;
    background-color: #333;
    width: 40px;
    -webkit-clip-path: polygon(0px 0px, 1px 0px, 100% 100%, calc(100% - 1px) 100%);
    clip-path: polygon(0px 0px, 1px 0px, 100% 100%, calc(100% - 1px) 100%);
  }
  body.accounts-page #profile-contents .panel nav a span:last-child, body.accounts-page #profile-unverified .panel nav a span:last-child {
    margin-left: 10px;
    display: inline-block;
  }
  body.accounts-page #profile-contents .panel nav input, body.accounts-page #profile-unverified .panel nav input {
    padding: 6px 10px;
    margin-bottom: 10px;
  }
  body.accounts-page #profile-contents #users_holder li:last-child {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  body.accounts-page #profile-contents .panel ul li, body.accounts-page #profile-unverified .panel ul li {
    margin: 10px;
    width: calc(33.3333% - 20px);
  }
}
@media (min-width: 1200px) {
  body.accounts-page #profile-contents .panel ul li, body.accounts-page #profile-unverified .panel ul li {
    margin: 10px;
    width: calc(25% - 20px);
  }
}
body.accounts-page #faqs-content .panel, body.accounts-page #terms-content .panel {
  padding: 30px;
}
body.accounts-page #faqs-content .panel:first-child, body.accounts-page #terms-content .panel:first-child {
  text-align: left;
}
body.accounts-page #faqs-content .panel h1, body.accounts-page #terms-content .panel h1 {
  margin: 0px 30px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #F15A24;
}
body.accounts-page #faqs-content .panel h1 img, body.accounts-page #terms-content .panel h1 img {
  max-width: 152px;
}
body.accounts-page #faqs-content .panel h1 span, body.accounts-page #terms-content .panel h1 span {
  display: inline-block;
  padding: 20px 0;
}
body.accounts-page #faqs-content .row .panel:first-child, body.accounts-page #terms-content .row .panel:first-child {
  text-align: center;
}
body.accounts-page #faqs-content .panel {
  border: 0;
}
body.accounts-page #faqs-content .panel:first-child:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
body.accounts-page #faqs-content .panel:first-child:hover::before {
  background-color: #4d4d4d;
}
body.accounts-page #faqs-content .panel nav {
  padding: 30px 10px 20px;
  border-top: solid 2px #F15A24;
}
body.accounts-page #faqs-content .panel nav a {
  display: block;
  padding-bottom: 5px;
}
body.accounts-page #faqs-content .panel ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
body.accounts-page #faqs-content .panel ul li {
  padding-top: 40px;
  clear: both;
  break-inside: avoid;
}
body.accounts-page #faqs-content .panel ul li li {
  padding-top: 0.2em;
  margin-left: 1em;
}
body.accounts-page #faqs-content .panel ul h4 {
  padding: 3px 7px;
  border-bottom: solid 2px #F15A24;
  color: #F15A24;
}
body.accounts-page #faqs-content .panel ul h4 a {
  float: right;
}
body.accounts-page #faqs-content .panel ul p {
  margin: 10px 20px;
}
body.accounts-page #terms-content h2 {
  padding: 3px 7px;
  border-bottom: solid 2px #F15A24;
}
body.accounts-page #terms-content p {
  margin: 10px 20px;
}
@media (min-width: 576px) {
  body.accounts-page #faqs-content {
    flex-wrap: wrap;
  }
  body.accounts-page #faqs-content .panel h1 {
    flex-direction: row;
    margin-bottom: 30px;
  }
  body.accounts-page #faqs-content .panel h1 img {
    margin-right: 30px;
    margin-left: -30px;
  }
}
@media (min-width: 576px) {
  body.accounts-page #login-whynot, body.accounts-page #faqs-content, body.accounts-page #terms-content {
    flex-direction: row;
  }
  body.accounts-page #login-whynot .row, body.accounts-page #faqs-content .row, body.accounts-page #terms-content .row {
    flex-wrap: nowrap;
    align-content: stretch;
    width: 100%;
  }
  body.accounts-page #login-whynot .row .panel, body.accounts-page #faqs-content .row .panel, body.accounts-page #terms-content .row .panel {
    margin: 10px;
    padding: 40px 30px;
    width: calc(50% - 0px);
    display: flex;
    flex-grow: 1;
    text-align: left;
    flex-wrap: nowrap;
  }
  body.accounts-page #login-whynot .row .panel h3, body.accounts-page #faqs-content .row .panel h3, body.accounts-page #terms-content .row .panel h3 {
    font-size: 1.75rem;
  }
  body.accounts-page #login-whynot .row .panel h3 a, body.accounts-page #faqs-content .row .panel h3 a, body.accounts-page #terms-content .row .panel h3 a {
    display: inline-block;
  }
  body.accounts-page #faqs-content {
    flex-wrap: wrap;
  }
  body.accounts-page #faqs-content .panel:nth-child(n+2) {
    width: calc(50% - 40px);
  }
  body.accounts-page #faqs-content .panel nav {
    column-count: 2;
    column-gap: 3vw;
  }
  body.accounts-page #terms-content {
    flex-wrap: wrap;
    justify-content: space-around;
  }
  body.accounts-page #terms-content .panel:nth-child(n+2) {
    width: calc(33.33333% - 40px);
  }
  body.accounts-page #terms-content .panel h1 {
    flex-direction: row;
  }
  body.accounts-page #terms-content .panel h1 img {
    margin-right: 30px;
  }
}
@media (min-width: 1200px) {
  body.accounts-page #faqs-content nav {
    column-gap: 40px;
  }
  body.accounts-page #faqs-content ul {
    column-count: 2;
    column-gap: 40px;
  }
}
body.accounts-page section > nav {
  position: relative;
  margin: 10px 0px;
  padding: 5px 15px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  width: calc(100% + 40px);
  text-align: left;
}
body.accounts-page section > nav a {
  color: #FFF;
}
body.accounts-page section > nav a:last-child {
  color: #F15A24;
}
@media (min-width: 768px) {
  body.accounts-page section > nav {
    display: inline-block;
    padding: 10px 30px 10px 20px;
    width: auto;
    background-color: transparent;
    background-image: url(/images/backgrounds/triangles/navigation.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
  }
}
body.accounts-page #achievements-content h2 {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 20px;
  text-align: center;
  font-size: 1.5rem;
}
body.accounts-page #achievements-content h2 > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: -20px;
  background-color: rgba(0, 0, 0, 0.8);
  border: solid 1px #333;
  font-size: 1rem;
  text-align: left;
}
body.accounts-page #achievements-content h2 > div a {
  display: block;
}
body.accounts-page #achievements-content h2 > div a:first-child {
  margin: auto 15px 5px;
}
body.accounts-page #achievements-content h2 > div a:last-child {
  margin: 5px 15px auto;
}
body.accounts-page #achievements-content h2 > span {
  margin: 20px 0px 0px;
  order: 20;
}
body.accounts-page #achievements-content .panel {
  margin: 20px 10px;
}
body.accounts-page #achievements-content .panel h4 {
  display: flex;
  align-items: center;
  padding: 5px 10px;
}
body.accounts-page #achievements-content .panel h4 em {
  font-weight: bold;
  font-style: normal;
  color: #F15A24;
}
body.accounts-page #achievements-content .panel h4 em + button {
  margin-left: auto;
}
body.accounts-page #achievements-content .panel h4 span {
  margin-left: auto;
}
body.accounts-page #achievements-content .panel h4 .progress, body.accounts-page #achievements-content .panel h4 button {
  margin-left: 20px;
  display: none;
}
body.accounts-page #achievements-content .panel h4 button.active {
  color: #F15A24;
}
body.accounts-page #achievements-content .panel h4 .progress {
  position: relative;
  padding: 5px 0px;
  flex: 1 1 auto;
  text-align: center;
  border-radius: 3px;
  background-color: #333;
}
body.accounts-page #achievements-content .panel h4 .progress .bar {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #FFF;
  height: 100%;
  mix-blend-mode: difference;
}
body.accounts-page #achievements-content .panel ul {
  margin: 0px;
  padding: 5px 10px;
  list-style: none;
}
body.accounts-page #achievements-content .panel ul#locked-achievements strong {
  color: #F15A24;
}
body.accounts-page #achievements-content .panel ul#locked-achievements img, body.accounts-page #achievements-content .panel ul#locked-achievements .icon, body.accounts-page #achievements-content .panel ul#locked-achievements p {
  opacity: 0.5;
}
body.accounts-page #achievements-content .panel ul .icon {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #333;
}
body.accounts-page #achievements-content .panel ul .icon:before {
  content: "+";
}
body.accounts-page #achievements-content .panel ul li {
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  border: solid 1px #333;
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 5px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px);
  border-radius: 0px;
}
body.accounts-page #achievements-content .panel ul li:before {
  position: absolute;
  display: block;
  content: "";
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: #333;
  -webkit-clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 1px 10px, 1px calc(100% - 1px), calc(100% - 11px) calc(100% - 1px), calc(100% - 1px) calc(100% - 11px), calc(100% - 1px) 1px, 11px 1px, 1px 11px, 0px 10px);
  clip-path: polygon(10px 0px, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0px 10px, 1px 10px, 1px calc(100% - 1px), calc(100% - 11px) calc(100% - 1px), calc(100% - 1px) calc(100% - 11px), calc(100% - 1px) 1px, 11px 1px, 1px 11px, 0px 10px);
  z-index: -1;
}
body.accounts-page #achievements-content .panel ul li p {
  margin: 0px 10px;
}
body.accounts-page #achievements-content .panel ul li p strong {
  display: block;
}
body.accounts-page #achievements-content .panel ul li small {
  align-self: start;
  margin-left: auto;
}
body.accounts-page #achievements-content:after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
}
@media (min-width: 768px) {
  body.accounts-page #achievements-content h2 {
    align-items: center;
  }
  body.accounts-page #achievements-content h2 img {
    margin-right: 20px;
  }
  body.accounts-page #achievements-content h2 > div {
    padding: 20px;
    padding-right: 40px;
    order: 2;
  }
  body.accounts-page #achievements-content h2 > span {
    margin: 0px;
    order: 1;
  }
  body.accounts-page #achievements-content .panel {
    margin: 20px;
    padding: 10px;
  }
  body.accounts-page #achievements-content .panel h4 span {
    margin-left: 20px;
  }
  body.accounts-page #achievements-content .panel h4 .progress, body.accounts-page #achievements-content .panel h4 button {
    display: block;
  }
  body.accounts-page #achievements-content .panel ul {
    font-size: 1rem;
  }
  body.accounts-page #achievements-content .panel ul li {
    padding: 10px 15px;
  }
}
body.accounts-page #settings-contents > nav {
  width: 100%;
}
body.accounts-page #settings-contents h2 > span {
  display: flex;
  flex-direction: column;
  text-align: left;
  width: 100%;
}
@media (min-width: 768px) {
  body.accounts-page #settings-contents h2 > span {
    width: auto;
  }
}
body.accounts-page #settings-contents h2 > span em {
  font-size: 90%;
  font-weight: 300;
}
body.accounts-page #settings-contents h2 > span span, body.accounts-page #settings-contents h2 > span strong {
  font-size: 75%;
}
body.accounts-page #settings-contents h2 > span strong:first-child {
  font-size: 100%;
}
body.accounts-page #settings-contents h3 {
  font-size: 1.5rem;
  color: #F15A24;
}
body.accounts-page #settings-contents h4 {
  font-size: 1.2rem;
  color: #F15A24;
}
body.accounts-page #settings-contents input[type=file] {
  width: 100%;
}
body.accounts-page #settings-contents form {
  margin: 0px;
}
body.accounts-page #settings-contents form small {
  display: block;
  font-style: italic;
  margin-bottom: 5px;
}
body.accounts-page #settings-contents #account-communication h5 {
  margin: 1em 0 0.5em;
}
body.accounts-page #settings-contents #account-communication button {
  margin-top: 1em;
}
body.accounts-page #settings-contents:after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  clear: both;
}
body.accounts-page #settings-contents h4 {
  padding-bottom: 2px;
}
body.accounts-page #settings-contents h4.open {
  border-bottom: solid 2px #FFF;
}
body.accounts-page #settings-contents .opener {
  padding: 0px 10px;
}
body.accounts-page #settings-contents label.checkable {
  flex-direction: row;
  background: none;
  border: none;
  color: #FFF;
  width: 100%;
}
body.accounts-page #settings-contents label.checkable span {
  padding: 0px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  border: solid 2px;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  background-color: #82609d;
  font-size: 80%;
}
body.accounts-page #settings-contents label.checkable span[data-title] {
  position: relative;
  cursor: help;
}
body.accounts-page #settings-contents label.checkable span[data-title]:after {
  display: none;
  content: attr(data-title);
  position: absolute;
  right: -10px;
  bottom: calc(100% + 5px);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: normal;
  width: 200px;
  white-space: normal;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.9);
  border: solid 1px;
  border-radius: 5px;
  padding: 0.5em 0.6em;
  font-size: 1rem;
  line-height: 1.2rem;
}
body.accounts-page #settings-contents label.checkable span[data-title]:hover:after {
  display: block;
}
body.accounts-page #settings-contents label.checkable span[data-title]::before {
  position: relative;
  top: 1px;
}
body.accounts-page #settings-contents .avatars {
  margin: 0px 0px 10px;
  padding: 0px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
body.accounts-page #settings-contents .avatars li.group {
  width: 100%;
  margin: 10px 0px 5px;
}
body.accounts-page #settings-contents .avatars input {
  display: none;
}
body.accounts-page #settings-contents .avatars label {
  position: relative;
  width: auto;
  border: none;
  background: none;
}
body.accounts-page #settings-contents .avatars label a {
  display: flex;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 30%;
  height: 30%;
  align-items: center;
  justify-content: center;
  color: #dc3545;
}
body.accounts-page #settings-contents .avatars label.checked {
  border: solid 2px #C00;
}
body.accounts-page #settings-contents .avatars + button {
  margin-bottom: 30px;
}
body.accounts-page #settings-contents br {
  display: none;
}
body.accounts-page #profile-unverified button, body.accounts-page #settings-contents button {
  margin: 0px 0 20px;
  width: 100%;
  height: calc(1rem + 27px);
  border: none;
  border: solid 2px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  background-color: #82609d;
  color: #FFF;
  transition: background-color 0.2s linear, border-color 0.2s linear;
}
body.accounts-page #profile-unverified button:hover, body.accounts-page #settings-contents button:hover {
  background-color: black;
  border-color: white;
}
body.accounts-page #profile-unverified .buttoned, body.accounts-page #settings-contents .buttoned {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
body.accounts-page #profile-unverified .buttoned label, body.accounts-page #settings-contents .buttoned label {
  margin: 0px 0px 10px;
}
body.accounts-page #profile-unverified .buttoned button, body.accounts-page #settings-contents .buttoned button {
  margin: 0px;
}
@media (min-width: 768px) {
  body.accounts-page #settings-contents > nav {
    width: auto;
  }
  body.accounts-page #settings-contents form label.checkable {
    width: 500px;
    margin-bottom: 10px;
  }
  body.accounts-page #settings-contents form label.checkable span {
    margin-left: 10px;
  }
  body.accounts-page #settings-contents br {
    display: block;
  }
  body.accounts-page #settings-contents .avatars {
    justify-content: flex-start;
  }
  body.accounts-page #settings-contents .avatars li {
    margin-right: 10px;
  }
  body.accounts-page #profile-unverified button, body.accounts-page #settings-contents button {
    width: auto;
    min-width: 150px;
  }
  body.accounts-page #profile-unverified .buttoned, body.accounts-page #settings-contents .buttoned {
    flex-direction: row;
  }
  body.accounts-page #profile-unverified .buttoned label, body.accounts-page #settings-contents .buttoned label {
    margin: 0px;
  }
  body.accounts-page #profile-unverified .buttoned button, body.accounts-page #settings-contents .buttoned button {
    margin-left: 10px;
  }
}

body.legal-page #legal-content {
  flex-direction: row;
}
body.legal-page #legal-content:before {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.7);
  height: 100%;
  z-index: 0;
}
body.legal-page #legal-content h3, body.legal-page #legal-content p {
  margin: 1em auto;
  padding: 0 5%;
  width: 100%;
  max-width: 1200px;
  text-align: center;
  color: black;
  position: relative;
  z-index: 1;
  text-shadow: 0 0 10px white;
}
body.legal-page #legal-content p {
  padding-top: 2em;
}
body.legal-page #legal-content nav {
  display: flex;
  flex: 0 0 100%;
  margin: 2em auto;
  width: 100%;
  max-width: 1200px;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  z-index: 1;
}
body.legal-page #legal-content nav a {
  display: flex;
  flex: 0 0 70%;
  margin: 1%;
  justify-content: center;
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.3);
  transition: border 0.2s linear, background 0.2s linear;
  border-radius: 3px;
}
body.legal-page #legal-content nav a:hover {
  background-color: black;
  border: 1px solid black;
}
@media (min-width: 768px) {
  body.legal-page #legal-content nav a {
    flex: 0 0 40%;
  }
}
@media (min-width: 992px) {
  body.legal-page #legal-content h3 {
    font-size: 2em;
  }
  body.legal-page #legal-content nav a {
    flex: 0 0 30%;
  }
}
body.notfound-page .row {
  margin: 0 auto;
  max-width: 1200px;
  color: white;
  position: relative;
  flex-wrap: wrap;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+38,0.65+61,0+100 */
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 38%, rgba(0, 0, 0, 0.65) 61%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 38%, rgba(0, 0, 0, 0.65) 61%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 38%, rgba(0, 0, 0, 0.65) 61%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#00000000",GradientType=1 );
  /* IE6-9 */
}
body.notfound-page #top-header #jarallax-container-0 div {
  background-position: left 55% !important;
}
@media (min-width: 768px) {
  body.notfound-page #top-header #jarallax-container-0 {
    /*
    			div {
    				height: 35vh !important;
    				background-position: right 23% !important;
    			}
    */
  }
}
body.notfound-page #notfound-content {
  display: flex;
  flex-direction: column;
  color: #000;
  min-height: 40vh;
  padding: 0 0.5em;
  justify-content: center;
}
body.notfound-page #notfound-content:before {
  background-image: none;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
  background-repeat: repeat-x;
  width: 100%;
  height: 100%;
}
body.notfound-page #notfound-content form {
  display: flex;
  margin: 1em auto 5em;
  width: 100%;
  max-width: 610px;
  font-size: 1rem;
}
@media (min-width: 576px) {
  body.notfound-page #notfound-content form {
    font-size: 1.3rem;
  }
}
body.notfound-page #notfound-content input {
  padding: 0.5em 0.7em;
  width: 100%;
  border: none;
  border-right: solid 2px #000;
  color: #F15A24;
  border-radius: 4px 0px 0px 4px;
}
body.notfound-page #notfound-content button {
  padding: 0.5em 0.7em;
  border: solid 2px #fff;
  border-left: none;
  background-color: #F15A24;
  color: #fff;
  transition: background 0.2s linear;
  border-radius: 0px 4px 4px 0px;
}
body.notfound-page #notfound-content button:hover {
  background-color: black;
  border: solid 2px #F15A24;
  border-left: none;
}
@media (min-width: 576px) {
  body.notfound-page #notfound-content button {
    padding: 0.5em 1.8em;
  }
}
body.notfound-page #notfound-content p {
  margin: 0.49em 0.7rem 0.49em;
  text-shadow: 0px 0px 1.5em black, 0px 0px 0.8em black, 0px 0px 1.5em black, 0px 0px 0.8em black;
}
body.notfound-page h3 {
  margin: 1.5em 0 1.5em;
  font-size: 6vw;
  text-align: center;
  width: 100%;
  text-shadow: 0px 0px 1.5em black, 0px 0px 0.8em black, 0px 0px 1.5em black, 0px 0px 0.8em black;
}
body.notfound-page h3 span {
  display: block;
  font-size: 3.55em;
  font-weight: 700;
  line-height: 0.8em;
}
body.notfound-page #helpfullinks li {
  text-shadow: 0px 0px 1.5em black, 0px 0px 0.8em black, 0px 0px 1.5em black, 0px 0px 0.8em black, 0px 0px 1.5em black, 0px 0px 0.8em black, 0px 0px 1.5em black, 0px 0px 0.8em black;
  position: relative;
}
@media (max-width: 575.98px) {
  body.notfound-page #helpfullinks li {
    list-style: none;
  }
  body.notfound-page #helpfullinks li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f0da";
    position: absolute;
    left: -1em;
    top: 0.25em;
  }
}
body.notfound-page #helpfullinks li a {
  transition: color 0.2s linear, border-color 0.2s linear;
}
body.notfound-page #helpfullinks li a:hover {
  text-decoration: none;
  color: white;
}
body.notfound-page .row > div:last-of-type {
  width: 100%;
}
body.notfound-page #jarallax-container-1 div {
  background-position: 10% center !important;
}
@media (min-width: 576px) {
  body.notfound-page #notfound-content .row {
    flex-direction: row;
    flex-wrap: wrap;
  }
  body.notfound-page #notfound-content .row h3 {
    font-size: 3vw;
    margin-right: 1.2em;
    min-width: 36vw;
    max-width: 36vw;
  }
  body.notfound-page #notfound-content .row > div, body.notfound-page #notfound-content .row > div div {
    display: flex;
    justify-content: center;
    align-content: center;
  }
  body.notfound-page #notfound-content .row > div div {
    flex-wrap: wrap;
  }
  body.notfound-page #notfound-content .row > div div p {
    width: 100%;
    font-size: 2.3vw;
  }
  body.notfound-page #notfound-content .row div#helpfullinks, body.notfound-page #notfound-content .row div#helpfullinks ul, body.notfound-page #notfound-content .row > div:last-of-type {
    text-align: center;
    justify-content: center;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  body.notfound-page #notfound-content .row div#helpfullinks ul {
    list-style: none;
    margin: 1.2em auto;
    padding: 0;
  }
  body.notfound-page #notfound-content .row div#helpfullinks ul li {
    min-width: 20%;
    margin: 0.5em;
  }
  body.notfound-page #notfound-content .row div#helpfullinks ul li a {
    display: flex;
    width: 100%;
    height: 3.5em;
    justify-content: center;
    align-content: center;
    align-items: center;
    border: 2px solid #fff;
    background: black;
    border-radius: 3px;
    font-size: 1.2em;
    text-transform: uppercase;
  }
  body.notfound-page #notfound-content .row > div:last-of-type {
    margin-top: 2em;
  }
}
@media (min-width: 768px) {
  body.notfound-page #notfound-content {
    flex-direction: row;
  }
  body.notfound-page #notfound-content .row {
    flex-grow: 3;
    margin: 0rem 1rem 0rem;
    padding: 1.5rem 30px 4rem;
    font-size: 1.8vw;
  }
  body.notfound-page #notfound-content .row h3 {
    font-size: 4vw;
  }
  body.notfound-page #notfound-content .row p {
    font-size: 1.2em;
    width: 100%;
  }
  body.notfound-page #notfound-content .row > div div p {
    font-size: 3.1vw;
  }
}
@media (min-width: 992px) {
  body.notfound-page #notfound-content .row {
    font-size: 1.8vw;
    text-shadow: none;
    /*
    				h3 {
    					font-size: 3vw;
    					margin: 1em auto .7em;
    				}
    */
  }
  body.notfound-page #notfound-content .row p {
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
  }
}
@media (min-width: 1200px) {
  body.notfound-page #notfound-content .row {
    font-size: 22px;
  }
  body.notfound-page #notfound-content .row h3 {
    font-size: 56px;
    min-width: 437px;
    max-width: 437px;
  }
  body.notfound-page #notfound-content .row > div div {
    flex-wrap: wrap;
  }
  body.notfound-page #notfound-content .row > div div p {
    width: 100%;
    font-size: 43px;
  }
}
/*# sourceMappingURL=maps/styles.css.map */