@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=latin-ext");
/**
 * Foundation for Sites by ZURB
 * Version 6.6.1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 40em) {
  body#feedback #feedback-addidea, .reveal.large, .reveal.small, .reveal.tiny, .reveal {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

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

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

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

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
  box-sizing: border-box;
  font-size: 100%;
}

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

body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 8px;
}

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 8px;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 8px;
  background: transparent;
  line-height: 1;
  cursor: auto;
}
[data-whatinput=mouse] button {
  outline: 0;
}

pre {
  overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

.row {
  max-width: 68.75rem;
  margin-right: auto;
  margin-left: auto;
}
.row::before, .row::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.row::after {
  clear: both;
}
.row.collapse > .column, .row.collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}
.row .row {
  margin-right: 0;
  margin-left: 0;
}
@media print, screen and (min-width: 40em) {
  .row .row {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .row .row {
    margin-right: 0;
    margin-left: 0;
  }
}
.row .row.collapse {
  margin-right: 0;
  margin-left: 0;
}
.row.expanded {
  max-width: none;
}
.row.expanded .row {
  margin-right: auto;
  margin-left: auto;
}
.row:not(.expanded) .row {
  max-width: none;
}
.row.gutter-small > .column, .row.gutter-small > .columns {
  padding-right: 0;
  padding-left: 0;
}
.row.gutter-medium > .column, .row.gutter-medium > .columns {
  padding-right: 0;
  padding-left: 0;
}

.column, .columns {
  width: 100%;
  float: left;
  padding-right: 0;
  padding-left: 0;
}
@media print, screen and (min-width: 40em) {
  .column, .columns {
    padding-right: 0;
    padding-left: 0;
  }
}
.column, .columns, .column:last-child:not(:first-child) {
  float: left;
  clear: none;
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right;
}
.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left;
}

.column.row.row, .row.row.columns {
  float: none;
}

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}

.small-1 {
  width: 8.3333333333%;
}

.small-push-1 {
  position: relative;
  left: 8.3333333333%;
}

.small-pull-1 {
  position: relative;
  left: -8.3333333333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  width: 16.6666666667%;
}

.small-push-2 {
  position: relative;
  left: 16.6666666667%;
}

.small-pull-2 {
  position: relative;
  left: -16.6666666667%;
}

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

.small-3 {
  width: 25%;
}

.small-push-3 {
  position: relative;
  left: 25%;
}

.small-pull-3 {
  position: relative;
  left: -25%;
}

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

.small-4 {
  width: 33.3333333333%;
}

.small-push-4 {
  position: relative;
  left: 33.3333333333%;
}

.small-pull-4 {
  position: relative;
  left: -33.3333333333%;
}

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

.small-5 {
  width: 41.6666666667%;
}

.small-push-5 {
  position: relative;
  left: 41.6666666667%;
}

.small-pull-5 {
  position: relative;
  left: -41.6666666667%;
}

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

.small-6 {
  width: 50%;
}

.small-push-6 {
  position: relative;
  left: 50%;
}

.small-pull-6 {
  position: relative;
  left: -50%;
}

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

.small-7 {
  width: 58.3333333333%;
}

.small-push-7 {
  position: relative;
  left: 58.3333333333%;
}

.small-pull-7 {
  position: relative;
  left: -58.3333333333%;
}

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

.small-8 {
  width: 66.6666666667%;
}

.small-push-8 {
  position: relative;
  left: 66.6666666667%;
}

.small-pull-8 {
  position: relative;
  left: -66.6666666667%;
}

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

.small-9 {
  width: 75%;
}

.small-push-9 {
  position: relative;
  left: 75%;
}

.small-pull-9 {
  position: relative;
  left: -75%;
}

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

.small-10 {
  width: 83.3333333333%;
}

.small-push-10 {
  position: relative;
  left: 83.3333333333%;
}

.small-pull-10 {
  position: relative;
  left: -83.3333333333%;
}

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

.small-11 {
  width: 91.6666666667%;
}

.small-push-11 {
  position: relative;
  left: 91.6666666667%;
}

.small-pull-11 {
  position: relative;
  left: -91.6666666667%;
}

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

.small-12 {
  width: 100%;
}

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

.small-up-1 > .column, .small-up-1 > .columns {
  float: left;
  width: 100%;
}
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both;
}
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
  float: left;
}

.small-up-2 > .column, .small-up-2 > .columns {
  float: left;
  width: 50%;
}
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both;
}
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
  float: left;
}

.small-up-3 > .column, .small-up-3 > .columns {
  float: left;
  width: 33.3333333333%;
}
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both;
}
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
  float: left;
}

.small-up-4 > .column, .small-up-4 > .columns {
  float: left;
  width: 25%;
}
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both;
}
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
  float: left;
}

.small-up-5 > .column, .small-up-5 > .columns {
  float: left;
  width: 20%;
}
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both;
}
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
  float: left;
}

.small-up-6 > .column, .small-up-6 > .columns {
  float: left;
  width: 16.6666666667%;
}
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both;
}
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
  float: left;
}

.small-up-7 > .column, .small-up-7 > .columns {
  float: left;
  width: 14.2857142857%;
}
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both;
}
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
  float: left;
}

.small-up-8 > .column, .small-up-8 > .columns {
  float: left;
  width: 12.5%;
}
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both;
}
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
  float: left;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}
.small-collapse .row {
  margin-right: 0;
  margin-left: 0;
}

.expanded.row .small-collapse.row {
  margin-right: 0;
  margin-left: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0;
  padding-left: 0;
}

.small-centered {
  margin-right: auto;
  margin-left: auto;
}
.small-centered, .small-centered:last-child:not(:first-child) {
  float: none;
  clear: both;
}

.small-uncentered, .small-push-0, .small-pull-0 {
  position: static;
  margin-right: 0;
  margin-left: 0;
}
.small-uncentered, .small-uncentered:last-child:not(:first-child), .small-push-0, .small-push-0:last-child:not(:first-child), .small-pull-0, .small-pull-0:last-child:not(:first-child) {
  float: left;
  clear: none;
}
.small-uncentered:last-child:not(:first-child), .small-push-0:last-child:not(:first-child), .small-pull-0:last-child:not(:first-child) {
  float: right;
}

@media print, screen and (min-width: 40em) {
  .medium-1 {
    width: 8.3333333333%;
  }
  .medium-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .medium-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    width: 16.6666666667%;
  }
  .medium-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .medium-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
  }
  .medium-pull-3 {
    position: relative;
    left: -25%;
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }
  .medium-4 {
    width: 33.3333333333%;
  }
  .medium-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .medium-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    width: 41.6666666667%;
  }
  .medium-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .medium-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
  }
  .medium-pull-6 {
    position: relative;
    left: -50%;
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }
  .medium-7 {
    width: 58.3333333333%;
  }
  .medium-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .medium-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    width: 66.6666666667%;
  }
  .medium-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .medium-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
  }
  .medium-pull-9 {
    position: relative;
    left: -75%;
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }
  .medium-10 {
    width: 83.3333333333%;
  }
  .medium-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .medium-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    width: 91.6666666667%;
  }
  .medium-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .medium-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
    float: left;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
    float: left;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
    float: left;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
    float: left;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
    float: left;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
    float: left;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
    float: left;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
    float: left;
  }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .medium-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .medium-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .medium-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .medium-centered, .medium-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .medium-uncentered, .medium-push-0, .medium-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0;
  }
  .medium-uncentered, .medium-uncentered:last-child:not(:first-child), .medium-push-0, .medium-push-0:last-child:not(:first-child), .medium-pull-0, .medium-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none;
  }
  .medium-uncentered:last-child:not(:first-child), .medium-push-0:last-child:not(:first-child), .medium-pull-0:last-child:not(:first-child) {
    float: right;
  }
}
@media print, screen and (min-width: 64em) {
  .large-1 {
    width: 8.3333333333%;
  }
  .large-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .large-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    width: 16.6666666667%;
  }
  .large-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .large-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .large-offset-1 {
    margin-left: 8.3333333333%;
  }
  .large-3 {
    width: 25%;
  }
  .large-push-3 {
    position: relative;
    left: 25%;
  }
  .large-pull-3 {
    position: relative;
    left: -25%;
  }
  .large-offset-2 {
    margin-left: 16.6666666667%;
  }
  .large-4 {
    width: 33.3333333333%;
  }
  .large-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .large-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    width: 41.6666666667%;
  }
  .large-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .large-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .large-offset-4 {
    margin-left: 33.3333333333%;
  }
  .large-6 {
    width: 50%;
  }
  .large-push-6 {
    position: relative;
    left: 50%;
  }
  .large-pull-6 {
    position: relative;
    left: -50%;
  }
  .large-offset-5 {
    margin-left: 41.6666666667%;
  }
  .large-7 {
    width: 58.3333333333%;
  }
  .large-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .large-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    width: 66.6666666667%;
  }
  .large-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .large-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .large-offset-7 {
    margin-left: 58.3333333333%;
  }
  .large-9 {
    width: 75%;
  }
  .large-push-9 {
    position: relative;
    left: 75%;
  }
  .large-pull-9 {
    position: relative;
    left: -75%;
  }
  .large-offset-8 {
    margin-left: 66.6666666667%;
  }
  .large-10 {
    width: 83.3333333333%;
  }
  .large-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .large-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    width: 91.6666666667%;
  }
  .large-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .large-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .large-offset-10 {
    margin-left: 83.3333333333%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.6666666667%;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
    float: left;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
    float: left;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
    float: left;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
    float: left;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
    float: left;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
    float: left;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
    float: left;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
    float: left;
  }
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .large-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .large-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .large-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .large-centered, .large-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .large-uncentered, .large-push-0, .large-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0;
  }
  .large-uncentered, .large-uncentered:last-child:not(:first-child), .large-push-0, .large-push-0:last-child:not(:first-child), .large-pull-0, .large-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none;
  }
  .large-uncentered:last-child:not(:first-child), .large-push-0:last-child:not(:first-child), .large-pull-0:last-child:not(:first-child) {
    float: right;
  }
}
.column-block {
  margin-bottom: 0;
}
.column-block > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .column-block {
    margin-bottom: 0;
  }
  .column-block > :last-child {
    margin-bottom: 0;
  }
}

.grid-container {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 68.75rem;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-container {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.grid-container.fluid {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-container.fluid {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.grid-container.full {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.grid-x {
  display: flex;
  flex-flow: row wrap;
}

.cell {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%;
}
.cell.auto {
  flex: 1 1 0px;
}
.cell.shrink {
  flex: 0 0 auto;
}

.grid-x > .auto {
  width: auto;
}
.grid-x > .shrink {
  width: auto;
}

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  flex-basis: auto;
}

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    flex-basis: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    flex-basis: auto;
  }
}
.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 {
  flex: 0 0 auto;
}

.grid-x > .small-1 {
  width: 8.3333333333%;
}

.grid-x > .small-2 {
  width: 16.6666666667%;
}

.grid-x > .small-3 {
  width: 25%;
}

.grid-x > .small-4 {
  width: 33.3333333333%;
}

.grid-x > .small-5 {
  width: 41.6666666667%;
}

.grid-x > .small-6 {
  width: 50%;
}

.grid-x > .small-7 {
  width: 58.3333333333%;
}

.grid-x > .small-8 {
  width: 66.6666666667%;
}

.grid-x > .small-9 {
  width: 75%;
}

.grid-x > .small-10 {
  width: 83.3333333333%;
}

.grid-x > .small-11 {
  width: 91.6666666667%;
}

.grid-x > .small-12 {
  width: 100%;
}

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    flex: 1 1 0px;
    width: auto;
  }
  .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink {
    flex: 0 0 auto;
  }
  .grid-x > .medium-shrink {
    width: auto;
  }
  .grid-x > .medium-1 {
    width: 8.3333333333%;
  }
  .grid-x > .medium-2 {
    width: 16.6666666667%;
  }
  .grid-x > .medium-3 {
    width: 25%;
  }
  .grid-x > .medium-4 {
    width: 33.3333333333%;
  }
  .grid-x > .medium-5 {
    width: 41.6666666667%;
  }
  .grid-x > .medium-6 {
    width: 50%;
  }
  .grid-x > .medium-7 {
    width: 58.3333333333%;
  }
  .grid-x > .medium-8 {
    width: 66.6666666667%;
  }
  .grid-x > .medium-9 {
    width: 75%;
  }
  .grid-x > .medium-10 {
    width: 83.3333333333%;
  }
  .grid-x > .medium-11 {
    width: 91.6666666667%;
  }
  .grid-x > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-x > .large-auto {
    flex: 1 1 0px;
    width: auto;
  }
  .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink {
    flex: 0 0 auto;
  }
  .grid-x > .large-shrink {
    width: auto;
  }
  .grid-x > .large-1 {
    width: 8.3333333333%;
  }
  .grid-x > .large-2 {
    width: 16.6666666667%;
  }
  .grid-x > .large-3 {
    width: 25%;
  }
  .grid-x > .large-4 {
    width: 33.3333333333%;
  }
  .grid-x > .large-5 {
    width: 41.6666666667%;
  }
  .grid-x > .large-6 {
    width: 50%;
  }
  .grid-x > .large-7 {
    width: 58.3333333333%;
  }
  .grid-x > .large-8 {
    width: 66.6666666667%;
  }
  .grid-x > .large-9 {
    width: 75%;
  }
  .grid-x > .large-10 {
    width: 83.3333333333%;
  }
  .grid-x > .large-11 {
    width: 91.6666666667%;
  }
  .grid-x > .large-12 {
    width: 100%;
  }
}
.grid-margin-x:not(.grid-x) > .cell {
  width: auto;
}

.grid-margin-y:not(.grid-y) > .cell {
  height: auto;
}

.grid-margin-x {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
.grid-margin-x > .cell {
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x > .cell {
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
  }
}
.grid-margin-x > .auto {
  width: auto;
}
.grid-margin-x > .shrink {
  width: auto;
}
.grid-margin-x > .small-1 {
  width: calc(8.3333333333% - 1.25rem);
}
.grid-margin-x > .small-2 {
  width: calc(16.6666666667% - 1.25rem);
}
.grid-margin-x > .small-3 {
  width: calc(25% - 1.25rem);
}
.grid-margin-x > .small-4 {
  width: calc(33.3333333333% - 1.25rem);
}
.grid-margin-x > .small-5 {
  width: calc(41.6666666667% - 1.25rem);
}
.grid-margin-x > .small-6 {
  width: calc(50% - 1.25rem);
}
.grid-margin-x > .small-7 {
  width: calc(58.3333333333% - 1.25rem);
}
.grid-margin-x > .small-8 {
  width: calc(66.6666666667% - 1.25rem);
}
.grid-margin-x > .small-9 {
  width: calc(75% - 1.25rem);
}
.grid-margin-x > .small-10 {
  width: calc(83.3333333333% - 1.25rem);
}
.grid-margin-x > .small-11 {
  width: calc(91.6666666667% - 1.25rem);
}
.grid-margin-x > .small-12 {
  width: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x > .auto {
    width: auto;
  }
  .grid-margin-x > .shrink {
    width: auto;
  }
  .grid-margin-x > .small-1 {
    width: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .small-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .small-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .small-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-11 {
    width: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-12 {
    width: calc(100% - 1.875rem);
  }
  .grid-margin-x > .medium-auto {
    width: auto;
  }
  .grid-margin-x > .medium-shrink {
    width: auto;
  }
  .grid-margin-x > .medium-1 {
    width: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .medium-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .medium-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .medium-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-11 {
    width: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-12 {
    width: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-x > .large-auto {
    width: auto;
  }
  .grid-margin-x > .large-shrink {
    width: auto;
  }
  .grid-margin-x > .large-1 {
    width: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .large-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .large-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .large-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-11 {
    width: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-12 {
    width: calc(100% - 1.875rem);
  }
}

.grid-padding-x .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-x .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-container:not(.full) > .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.grid-padding-x > .cell {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-x > .cell {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.small-up-1 > .cell {
  width: 100%;
}

.small-up-2 > .cell {
  width: 50%;
}

.small-up-3 > .cell {
  width: 33.3333333333%;
}

.small-up-4 > .cell {
  width: 25%;
}

.small-up-5 > .cell {
  width: 20%;
}

.small-up-6 > .cell {
  width: 16.6666666667%;
}

.small-up-7 > .cell {
  width: 14.2857142857%;
}

.small-up-8 > .cell {
  width: 12.5%;
}

@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%;
  }
  .medium-up-2 > .cell {
    width: 50%;
  }
  .medium-up-3 > .cell {
    width: 33.3333333333%;
  }
  .medium-up-4 > .cell {
    width: 25%;
  }
  .medium-up-5 > .cell {
    width: 20%;
  }
  .medium-up-6 > .cell {
    width: 16.6666666667%;
  }
  .medium-up-7 > .cell {
    width: 14.2857142857%;
  }
  .medium-up-8 > .cell {
    width: 12.5%;
  }
}
@media print, screen and (min-width: 64em) {
  .large-up-1 > .cell {
    width: 100%;
  }
  .large-up-2 > .cell {
    width: 50%;
  }
  .large-up-3 > .cell {
    width: 33.3333333333%;
  }
  .large-up-4 > .cell {
    width: 25%;
  }
  .large-up-5 > .cell {
    width: 20%;
  }
  .large-up-6 > .cell {
    width: 16.6666666667%;
  }
  .large-up-7 > .cell {
    width: 14.2857142857%;
  }
  .large-up-8 > .cell {
    width: 12.5%;
  }
}
.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.25rem);
}

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.25rem);
}

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.3333333333% - 1.25rem);
}

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.25rem);
}

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.25rem);
}

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.6666666667% - 1.25rem);
}

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.2857142857% - 1.25rem);
}

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.25rem);
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }
  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }
  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem);
  }
  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }
  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }
  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem);
  }
  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }
  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }
  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem);
  }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
}
.small-margin-collapse {
  margin-right: 0;
  margin-left: 0;
}
.small-margin-collapse > .cell {
  margin-right: 0;
  margin-left: 0;
}
.small-margin-collapse > .small-1 {
  width: 8.3333333333%;
}
.small-margin-collapse > .small-2 {
  width: 16.6666666667%;
}
.small-margin-collapse > .small-3 {
  width: 25%;
}
.small-margin-collapse > .small-4 {
  width: 33.3333333333%;
}
.small-margin-collapse > .small-5 {
  width: 41.6666666667%;
}
.small-margin-collapse > .small-6 {
  width: 50%;
}
.small-margin-collapse > .small-7 {
  width: 58.3333333333%;
}
.small-margin-collapse > .small-8 {
  width: 66.6666666667%;
}
.small-margin-collapse > .small-9 {
  width: 75%;
}
.small-margin-collapse > .small-10 {
  width: 83.3333333333%;
}
.small-margin-collapse > .small-11 {
  width: 91.6666666667%;
}
.small-margin-collapse > .small-12 {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .small-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .medium-3 {
    width: 25%;
  }
  .small-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .medium-6 {
    width: 50%;
  }
  .small-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .medium-9 {
    width: 75%;
  }
  .small-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .small-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .large-3 {
    width: 25%;
  }
  .small-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .large-6 {
    width: 50%;
  }
  .small-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .large-9 {
    width: 75%;
  }
  .small-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .large-12 {
    width: 100%;
  }
}

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0;
}
.small-padding-collapse > .cell {
  padding-right: 0;
  padding-left: 0;
}

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .small-3 {
    width: 25%;
  }
  .medium-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .small-6 {
    width: 50%;
  }
  .medium-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .small-9 {
    width: 75%;
  }
  .medium-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .medium-3 {
    width: 25%;
  }
  .medium-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .medium-6 {
    width: 50%;
  }
  .medium-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .medium-9 {
    width: 75%;
  }
  .medium-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .medium-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .large-3 {
    width: 25%;
  }
  .medium-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .large-6 {
    width: 50%;
  }
  .medium-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .large-9 {
    width: 75%;
  }
  .medium-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .large-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 64em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .small-3 {
    width: 25%;
  }
  .large-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .small-6 {
    width: 50%;
  }
  .large-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .small-9 {
    width: 75%;
  }
  .large-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .medium-3 {
    width: 25%;
  }
  .large-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .medium-6 {
    width: 50%;
  }
  .large-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .medium-9 {
    width: 75%;
  }
  .large-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .large-3 {
    width: 25%;
  }
  .large-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .large-6 {
    width: 50%;
  }
  .large-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .large-9 {
    width: 75%;
  }
  .large-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .large-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

.small-offset-0 {
  margin-left: 0%;
}

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 0.625rem);
}

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

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.3333333333% + 0.625rem);
}

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

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.6666666667% + 0.625rem);
}

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

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 0.625rem);
}

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

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.3333333333% + 0.625rem);
}

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

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.6666666667% + 0.625rem);
}

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

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 0.625rem);
}

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

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.3333333333% + 0.625rem);
}

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

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.6666666667% + 0.625rem);
}

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

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 0.625rem);
}

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

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.3333333333% + 0.625rem);
}

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

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.6666666667% + 0.625rem);
}

@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 0.9375rem);
  }
  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.3333333333% + 0.9375rem);
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.6666666667% + 0.9375rem);
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 0.9375rem);
  }
  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.3333333333% + 0.9375rem);
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.6666666667% + 0.9375rem);
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 0.9375rem);
  }
  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.3333333333% + 0.9375rem);
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.6666666667% + 0.9375rem);
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 0.9375rem);
  }
  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.3333333333% + 0.9375rem);
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.6666666667% + 0.9375rem);
  }
}
@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 0.9375rem);
  }
  .large-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.3333333333% + 0.9375rem);
  }
  .large-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.6666666667% + 0.9375rem);
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 0.9375rem);
  }
  .large-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.3333333333% + 0.9375rem);
  }
  .large-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.6666666667% + 0.9375rem);
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 0.9375rem);
  }
  .large-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.3333333333% + 0.9375rem);
  }
  .large-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.6666666667% + 0.9375rem);
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 0.9375rem);
  }
  .large-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.3333333333% + 0.9375rem);
  }
  .large-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.6666666667% + 0.9375rem);
  }
}
.grid-y {
  display: flex;
  flex-flow: column nowrap;
}
.grid-y > .cell {
  height: auto;
  max-height: none;
}
.grid-y > .auto {
  height: auto;
}
.grid-y > .shrink {
  height: auto;
}
.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  flex-basis: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
    flex-basis: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
    flex-basis: auto;
  }
}
.grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 {
  flex: 0 0 auto;
}
.grid-y > .small-1 {
  height: 8.3333333333%;
}
.grid-y > .small-2 {
  height: 16.6666666667%;
}
.grid-y > .small-3 {
  height: 25%;
}
.grid-y > .small-4 {
  height: 33.3333333333%;
}
.grid-y > .small-5 {
  height: 41.6666666667%;
}
.grid-y > .small-6 {
  height: 50%;
}
.grid-y > .small-7 {
  height: 58.3333333333%;
}
.grid-y > .small-8 {
  height: 66.6666666667%;
}
.grid-y > .small-9 {
  height: 75%;
}
.grid-y > .small-10 {
  height: 83.3333333333%;
}
.grid-y > .small-11 {
  height: 91.6666666667%;
}
.grid-y > .small-12 {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-auto {
    flex: 1 1 0px;
    height: auto;
  }
  .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .medium-shrink {
    height: auto;
  }
  .grid-y > .medium-1 {
    height: 8.3333333333%;
  }
  .grid-y > .medium-2 {
    height: 16.6666666667%;
  }
  .grid-y > .medium-3 {
    height: 25%;
  }
  .grid-y > .medium-4 {
    height: 33.3333333333%;
  }
  .grid-y > .medium-5 {
    height: 41.6666666667%;
  }
  .grid-y > .medium-6 {
    height: 50%;
  }
  .grid-y > .medium-7 {
    height: 58.3333333333%;
  }
  .grid-y > .medium-8 {
    height: 66.6666666667%;
  }
  .grid-y > .medium-9 {
    height: 75%;
  }
  .grid-y > .medium-10 {
    height: 83.3333333333%;
  }
  .grid-y > .medium-11 {
    height: 91.6666666667%;
  }
  .grid-y > .medium-12 {
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y > .large-auto {
    flex: 1 1 0px;
    height: auto;
  }
  .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .large-shrink {
    height: auto;
  }
  .grid-y > .large-1 {
    height: 8.3333333333%;
  }
  .grid-y > .large-2 {
    height: 16.6666666667%;
  }
  .grid-y > .large-3 {
    height: 25%;
  }
  .grid-y > .large-4 {
    height: 33.3333333333%;
  }
  .grid-y > .large-5 {
    height: 41.6666666667%;
  }
  .grid-y > .large-6 {
    height: 50%;
  }
  .grid-y > .large-7 {
    height: 58.3333333333%;
  }
  .grid-y > .large-8 {
    height: 66.6666666667%;
  }
  .grid-y > .large-9 {
    height: 75%;
  }
  .grid-y > .large-10 {
    height: 83.3333333333%;
  }
  .grid-y > .large-11 {
    height: 91.6666666667%;
  }
  .grid-y > .large-12 {
    height: 100%;
  }
}

.grid-padding-y .grid-padding-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-y .grid-padding-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.grid-padding-y > .cell {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-y > .cell {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
}

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}
.grid-margin-y > .auto {
  height: auto;
}
.grid-margin-y > .shrink {
  height: auto;
}
.grid-margin-y > .small-1 {
  height: calc(8.3333333333% - 1.25rem);
}
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 1.25rem);
}
.grid-margin-y > .small-12 {
  height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }
}

.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100vw;
}

.cell .grid-frame {
  width: 100%;
}

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-container {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.cell-block-container > .grid-x {
  max-height: 100%;
  flex-wrap: nowrap;
}

@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .medium-grid-frame {
    width: 100%;
  }
  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .medium-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .medium-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media print, screen and (min-width: 64em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .large-grid-frame {
    width: 100%;
  }
  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .large-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .large-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
.grid-y.grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100vh;
}
@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
  }
}

.cell .grid-y.grid-frame {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%;
  }
}

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}
.grid-margin-y > .auto {
  height: auto;
}
.grid-margin-y > .shrink {
  height: auto;
}
.grid-margin-y > .small-1 {
  height: calc(8.3333333333% - 1.25rem);
}
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 1.25rem);
}
.grid-margin-y > .small-12 {
  height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }
}

.grid-frame.grid-margin-y {
  height: calc(100vh + 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem);
  }
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.8;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizeLegibility;
}
h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
  line-height: 0;
  color: #333;
}

h1, .h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.7rem;
}

h2, .h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.7rem;
}

h3, .h3 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.7rem;
}

h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.7rem;
}

h5, .h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.7rem;
}

h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.7rem;
}

@media print, screen and (min-width: 64em) {
  h1, .h1 {
    font-size: 1.875rem;
  }
  h2, .h2 {
    font-size: 1.5rem;
  }
  h3, .h3 {
    font-size: 1.5rem;
  }
  h4, .h4 {
    font-size: 1.125rem;
  }
  h5, .h5 {
    font-size: 1.125rem;
  }
  h6, .h6 {
    font-size: 1rem;
  }
}
a {
  line-height: inherit;
  color: #fe6100;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  color: rgb(218.44, 83.42, 0);
}
a img {
  border: 0;
}

hr {
  clear: both;
  max-width: 68.75rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #989898;
  border-left: 0;
}

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.8;
}

li {
  font-size: inherit;
}

ul {
  margin-left: 0;
  list-style-type: disc;
}

ol {
  margin-left: 0;
}

ul ul, ul ol, ol ul, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #989898;
}
blockquote, blockquote p {
  line-height: 1.8;
  color: #333;
}

abbr, abbr[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
  text-decoration: none;
}

figure {
  margin: 0;
}

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e5e5e5;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #000;
  border-radius: 8px;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #333;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}
p + .stat {
  margin-top: -1rem;
}

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none;
}

.cite-block, cite {
  display: block;
  color: #333;
  font-size: 0.8125rem;
}
.cite-block:before, cite:before {
  content: "— ";
}

.code-inline, code {
  border: none;
  background-color: #f0f0f0;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #555;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: 0.3rem 0.5rem;
}

.code-block {
  border: none;
  background-color: #f0f0f0;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #555;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

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

.text-right {
  text-align: right;
}

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

.text-justify {
  text-align: justify;
}

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    color-adjust: economy;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid #333;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .print-break-inside {
    page-break-inside: auto;
  }
}
.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 0;
  padding: 0.8em 2em;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 1.1rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}
[data-whatinput=mouse] .button {
  outline: 0;
}
.button.tiny {
  font-size: 0.8rem;
}
.button.small {
  font-size: 0.95rem;
}
.button.large {
  font-size: 1.25rem;
}
.button.expanded {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
  background-color: #fe6100;
  color: #fff;
}
.button:hover, .button:focus {
  background-color: rgb(255, 128.411023622, 50.2);
  color: #fff;
}
.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
  background-color: #fe6100;
  color: #fff;
}
.button.primary:hover, .button.primary:focus {
  background-color: rgb(255, 128.411023622, 50.2);
  color: #fff;
}
.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
  background-color: #ff8032;
  color: #fff;
}
.button.secondary:hover, .button.secondary:focus {
  background-color: rgb(255, 153.4, 91);
  color: #fff;
}
.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {
  background-color: #08b200;
  color: #fff;
}
.button.success:hover, .button.success:focus {
  background-color: rgb(10.9842696629, 244.4, 0);
  color: #fff;
}
.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {
  background-color: #ffba00;
  color: #fff;
}
.button.warning:hover, .button.warning:focus {
  background-color: rgb(255, 199.8, 51);
  color: #fff;
}
.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {
  background-color: #a00000;
  color: #fff;
}
.button.alert:hover, .button.alert:focus {
  background-color: #e60000;
  color: #fff;
}
.button.offwhite, .button.offwhite.disabled, .button.offwhite[disabled], .button.offwhite.disabled:hover, .button.offwhite[disabled]:hover, .button.offwhite.disabled:focus, .button.offwhite[disabled]:focus {
  background-color: #f0f0f0;
  color: #fff;
}
.button.offwhite:hover, .button.offwhite:focus {
  background-color: #f3f3f3;
  color: #fff;
}
.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
  background-color: transparent;
}
.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
  border: 1px solid #fe6100;
  color: #fe6100;
}
.button.hollow:hover, .button.hollow:focus {
  border-color: rgb(255, 128.411023622, 50.2);
  color: rgb(255, 128.411023622, 50.2);
}
.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
  border: 1px solid #fe6100;
  color: #fe6100;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: rgb(255, 128.411023622, 50.2);
  color: rgb(255, 128.411023622, 50.2);
}
.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
  border: 1px solid #ff8032;
  color: #ff8032;
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: rgb(255, 153.4, 91);
  color: rgb(255, 153.4, 91);
}
.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {
  border: 1px solid #08b200;
  color: #08b200;
}
.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: rgb(10.9842696629, 244.4, 0);
  color: rgb(10.9842696629, 244.4, 0);
}
.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {
  border: 1px solid #ffba00;
  color: #ffba00;
}
.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: rgb(255, 199.8, 51);
  color: rgb(255, 199.8, 51);
}
.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {
  border: 1px solid #a00000;
  color: #a00000;
}
.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: #e60000;
  color: #e60000;
}
.button.hollow.offwhite, .button.hollow.offwhite.disabled, .button.hollow.offwhite[disabled], .button.hollow.offwhite.disabled:hover, .button.hollow.offwhite[disabled]:hover, .button.hollow.offwhite.disabled:focus, .button.hollow.offwhite[disabled]:focus {
  border: 1px solid #f0f0f0;
  color: #f0f0f0;
}
.button.hollow.offwhite:hover, .button.hollow.offwhite:focus {
  border-color: #f3f3f3;
  color: #f3f3f3;
}
.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}
.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
  color: #fe6100;
}
.button.clear:hover, .button.clear:focus {
  color: rgb(255, 128.411023622, 50.2);
}
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
  color: #fe6100;
}
.button.clear.primary:hover, .button.clear.primary:focus {
  color: rgb(255, 128.411023622, 50.2);
}
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
  color: #ff8032;
}
.button.clear.secondary:hover, .button.clear.secondary:focus {
  color: rgb(255, 153.4, 91);
}
.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {
  color: #08b200;
}
.button.clear.success:hover, .button.clear.success:focus {
  color: rgb(10.9842696629, 244.4, 0);
}
.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {
  color: #ffba00;
}
.button.clear.warning:hover, .button.clear.warning:focus {
  color: rgb(255, 199.8, 51);
}
.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {
  color: #a00000;
}
.button.clear.alert:hover, .button.clear.alert:focus {
  color: #e60000;
}
.button.clear.offwhite, .button.clear.offwhite.disabled, .button.clear.offwhite[disabled], .button.clear.offwhite.disabled:hover, .button.clear.offwhite[disabled]:hover, .button.clear.offwhite.disabled:focus, .button.clear.offwhite[disabled]:focus {
  color: #f0f0f0;
}
.button.clear.offwhite:hover, .button.clear.offwhite:focus {
  color: #f3f3f3;
}
.button.disabled, .button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.dropdown::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4em;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #fff transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 2em;
}
.button.dropdown.hollow::after, .button.dropdown.clear::after {
  border-top-color: #fe6100;
}
.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
  border-top-color: #fe6100;
}
.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
  border-top-color: #ff8032;
}
.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {
  border-top-color: #08b200;
}
.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {
  border-top-color: #ffba00;
}
.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {
  border-top-color: #a00000;
}
.button.dropdown.hollow.offwhite::after, .button.dropdown.clear.offwhite::after {
  border-top-color: #f0f0f0;
}
.button.arrow-only::after {
  top: -0.1em;
  float: none;
  margin-left: 0;
}

a.button:hover, a.button:focus {
  text-decoration: none;
}

[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 2px solid #fff;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: none;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #000;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  appearance: none;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
  outline: none;
  border: 2px solid #fe6100;
  background-color: #fff;
  box-shadow: 0 0 5px #989898;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea {
  max-width: 100%;
}
textarea[rows] {
  height: auto;
}

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e5e5e5;
  cursor: not-allowed;
}

[type=submit],
[type=button] {
  appearance: none;
  border-radius: 8px;
}

input[type=search] {
  box-sizing: border-box;
}

::placeholder {
  color: #c2c2c2;
}

[type=file],
[type=checkbox],
[type=radio] {
  margin: 0 0 1rem;
}

[type=checkbox] + label,
[type=radio] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
}
[type=checkbox] + label[for],
[type=radio] + label[for] {
  cursor: pointer;
}

label > [type=checkbox],
label > [type=radio] {
  margin-right: 0.5rem;
}

[type=file] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.8;
  color: #333;
}
label.middle {
  margin: 0 0 1rem;
  padding: 0.625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #000;
}

.input-group {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  align-items: stretch;
}
.input-group > :first-child, .input-group > :first-child.input-group-button > * {
  border-radius: 8px 0 0 8px;
}
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
  border-radius: 0 8px 8px 0;
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label, .input-group-button, .input-group-field, .input-group-label {
  margin: 0;
  white-space: nowrap;
}

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #989898;
  background: #e5e5e5;
  color: #000;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}
.input-group-label:first-child {
  border-right: 0;
}
.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  min-width: 0;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex: 0 0 auto;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  align-self: stretch;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  max-width: 100%;
  margin-bottom: 0.5rem;
}

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #989898;
}
.fieldset legend {
  margin: 0;
  margin-left: -0.1875rem;
  padding: 0 0.1875rem;
}

select {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  appearance: none;
  border: 2px solid #fff;
  border-radius: 8px;
  background-color: #fff;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #000;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2851, 51, 51%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
@media screen and (min-width: 0\0 ) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}
select:focus {
  outline: none;
  border: 2px solid #fe6100;
  background-color: #fff;
  box-shadow: 0 0 5px #989898;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
select:disabled {
  background-color: #e5e5e5;
  cursor: not-allowed;
}
select::-ms-expand {
  display: none;
}
select[multiple] {
  height: auto;
  background-image: none;
}
select:not([multiple]) {
  padding-top: 0;
  padding-bottom: 0;
}

.is-invalid-input:not(:focus) {
  border-color: #a00000;
  background-color: rgb(245.5, 229.5, 229.5);
}
.is-invalid-input:not(:focus)::placeholder {
  color: #a00000;
}

.is-invalid-label {
  color: #a00000;
}

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #a00000;
}
.form-error.is-visible {
  display: block;
}

.accordion {
  margin-left: 0;
  background: #fff;
  list-style-type: none;
}
.accordion[disabled] .accordion-title {
  cursor: not-allowed;
}

.accordion-item:first-child > :first-child {
  border-radius: 8px 8px 0 0;
}
.accordion-item:last-child > :last-child {
  border-radius: 0 0 8px 8px;
}

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
  font-size: 0.75rem;
  line-height: 1;
  color: #fe6100;
}
:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px solid #e5e5e5;
  border-radius: 0 0 8px 8px;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #e5e5e5;
}
.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
}
.is-active > .accordion-title::before {
  content: "–";
}

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
  background-color: #fff;
  color: #333;
}
:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #e5e5e5;
}

.accordion-menu li {
  width: 100%;
}
.accordion-menu a {
  padding: 0.7rem 1rem;
}
.accordion-menu .is-accordion-submenu a {
  padding: 0.7rem 1rem;
}
.accordion-menu .nested.is-accordion-submenu {
  margin-right: 0;
  margin-left: 1rem;
}
.accordion-menu.align-right .nested.is-accordion-submenu {
  margin-right: 1rem;
  margin-left: 0;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  position: relative;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #fe6100 transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 1rem;
}
.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
  right: 1rem;
  left: auto;
}
.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
  right: auto;
  left: 1rem;
}
.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {
  transform: rotate(180deg);
  transform-origin: 50% 50%;
}

.is-accordion-submenu-parent {
  position: relative;
}

.has-submenu-toggle > a {
  margin-right: 40px;
}

.submenu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.submenu-toggle::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #fe6100 transparent transparent;
  top: 0;
  bottom: 0;
  margin: auto;
}

.submenu-toggle[aria-expanded=true]::after {
  transform: scaleY(-1);
  transform-origin: 50% 50%;
}

.submenu-toggle-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #fe6100;
  color: #fff;
}
.badge.primary {
  background: #fe6100;
  color: #000;
}
.badge.secondary {
  background: #ff8032;
  color: #000;
}
.badge.success {
  background: #08b200;
  color: #000;
}
.badge.warning {
  background: #ffba00;
  color: #000;
}
.badge.alert {
  background: #a00000;
  color: #fff;
}

.breadcrumbs {
  margin: 0 0 1rem 0;
  list-style: none;
}
.breadcrumbs::before, .breadcrumbs::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.breadcrumbs::after {
  clear: both;
}
.breadcrumbs li {
  float: left;
  font-size: 0.6875rem;
  color: #000;
  cursor: default;
  text-transform: uppercase;
}
.breadcrumbs li:not(:last-child)::after {
  position: relative;
  margin: 0 0.75rem;
  opacity: 1;
  content: "/";
  color: #989898;
}
.breadcrumbs a {
  color: #fe6100;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs .disabled {
  color: #989898;
  cursor: not-allowed;
}

.button-group {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}
.button-group::before, .button-group::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.button-group::after {
  clear: both;
}
.button-group .button {
  margin: 0;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: 1.1rem;
  flex: 0 0 auto;
}
.button-group .button:last-child {
  margin-right: 0;
}
.button-group.tiny .button {
  font-size: 0.8rem;
}
.button-group.small .button {
  font-size: 0.95rem;
}
.button-group.large .button {
  font-size: 1.25rem;
}
.button-group.expanded .button {
  flex: 1 1 0px;
}
.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus {
  background-color: #fe6100;
  color: #fff;
}
.button-group.primary .button:hover, .button-group.primary .button:focus {
  background-color: rgb(255, 128.411023622, 50.2);
  color: #fff;
}
.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus {
  background-color: #ff8032;
  color: #fff;
}
.button-group.secondary .button:hover, .button-group.secondary .button:focus {
  background-color: rgb(255, 153.4, 91);
  color: #fff;
}
.button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus {
  background-color: #08b200;
  color: #fff;
}
.button-group.success .button:hover, .button-group.success .button:focus {
  background-color: rgb(10.9842696629, 244.4, 0);
  color: #fff;
}
.button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus {
  background-color: #ffba00;
  color: #fff;
}
.button-group.warning .button:hover, .button-group.warning .button:focus {
  background-color: rgb(255, 199.8, 51);
  color: #fff;
}
.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus {
  background-color: #a00000;
  color: #fff;
}
.button-group.alert .button:hover, .button-group.alert .button:focus {
  background-color: #e60000;
  color: #fff;
}
.button-group.offwhite .button, .button-group.offwhite .button.disabled, .button-group.offwhite .button[disabled], .button-group.offwhite .button.disabled:hover, .button-group.offwhite .button[disabled]:hover, .button-group.offwhite .button.disabled:focus, .button-group.offwhite .button[disabled]:focus {
  background-color: #f0f0f0;
  color: #fff;
}
.button-group.offwhite .button:hover, .button-group.offwhite .button:focus {
  background-color: #f3f3f3;
  color: #fff;
}
.button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus {
  background-color: transparent;
}
.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus {
  border: 1px solid #fe6100;
  color: #fe6100;
}
.button-group.hollow .button:hover, .button-group.hollow .button:focus {
  border-color: rgb(255, 128.411023622, 50.2);
  color: rgb(255, 128.411023622, 50.2);
}
.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus {
  border: 1px solid #fe6100;
  color: #fe6100;
}
.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus {
  border-color: rgb(255, 128.411023622, 50.2);
  color: rgb(255, 128.411023622, 50.2);
}
.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus {
  border: 1px solid #ff8032;
  color: #ff8032;
}
.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus {
  border-color: rgb(255, 153.4, 91);
  color: rgb(255, 153.4, 91);
}
.button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus {
  border: 1px solid #08b200;
  color: #08b200;
}
.button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus {
  border-color: rgb(10.9842696629, 244.4, 0);
  color: rgb(10.9842696629, 244.4, 0);
}
.button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus {
  border: 1px solid #ffba00;
  color: #ffba00;
}
.button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus {
  border-color: rgb(255, 199.8, 51);
  color: rgb(255, 199.8, 51);
}
.button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus {
  border: 1px solid #a00000;
  color: #a00000;
}
.button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus {
  border-color: #e60000;
  color: #e60000;
}
.button-group.hollow.offwhite .button, .button-group.hollow.offwhite .button.disabled, .button-group.hollow.offwhite .button[disabled], .button-group.hollow.offwhite .button.disabled:hover, .button-group.hollow.offwhite .button[disabled]:hover, .button-group.hollow.offwhite .button.disabled:focus, .button-group.hollow.offwhite .button[disabled]:focus, .button-group.hollow .button.offwhite, .button-group.hollow .button.offwhite.disabled, .button-group.hollow .button.offwhite[disabled], .button-group.hollow .button.offwhite.disabled:hover, .button-group.hollow .button.offwhite[disabled]:hover, .button-group.hollow .button.offwhite.disabled:focus, .button-group.hollow .button.offwhite[disabled]:focus {
  border: 1px solid #f0f0f0;
  color: #f0f0f0;
}
.button-group.hollow.offwhite .button:hover, .button-group.hollow.offwhite .button:focus, .button-group.hollow .button.offwhite:hover, .button-group.hollow .button.offwhite:focus {
  border-color: #f3f3f3;
  color: #f3f3f3;
}
.button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}
.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus {
  color: #fe6100;
}
.button-group.clear .button:hover, .button-group.clear .button:focus {
  color: rgb(255, 128.411023622, 50.2);
}
.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus {
  color: #fe6100;
}
.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus {
  color: rgb(255, 128.411023622, 50.2);
}
.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus {
  color: #ff8032;
}
.button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus {
  color: rgb(255, 153.4, 91);
}
.button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus {
  color: #08b200;
}
.button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus {
  color: rgb(10.9842696629, 244.4, 0);
}
.button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus {
  color: #ffba00;
}
.button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus {
  color: rgb(255, 199.8, 51);
}
.button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus {
  color: #a00000;
}
.button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus {
  color: #e60000;
}
.button-group.clear.offwhite .button, .button-group.clear.offwhite .button.disabled, .button-group.clear.offwhite .button[disabled], .button-group.clear.offwhite .button.disabled:hover, .button-group.clear.offwhite .button[disabled]:hover, .button-group.clear.offwhite .button.disabled:focus, .button-group.clear.offwhite .button[disabled]:focus, .button-group.clear .button.offwhite, .button-group.clear .button.offwhite.disabled, .button-group.clear .button.offwhite[disabled], .button-group.clear .button.offwhite.disabled:hover, .button-group.clear .button.offwhite[disabled]:hover, .button-group.clear .button.offwhite.disabled:focus, .button-group.clear .button.offwhite[disabled]:focus {
  color: #f0f0f0;
}
.button-group.clear.offwhite .button:hover, .button-group.clear.offwhite .button:focus, .button-group.clear .button.offwhite:hover, .button-group.clear .button.offwhite:focus {
  color: #f3f3f3;
}
.button-group.no-gaps .button {
  margin-right: -0.0625rem;
}
.button-group.no-gaps .button + .button {
  border-left-color: transparent;
}
.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
  flex-wrap: wrap;
}
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
  flex: 0 0 100%;
}
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
  margin-bottom: 0;
}
.button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button {
  flex: 1 1 0px;
}
@media print, screen and (min-width: 40em) {
  .button-group.stacked-for-small .button {
    flex: 0 0 auto;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .button-group.stacked-for-medium .button {
    flex: 0 0 auto;
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .button-group.stacked-for-small.expanded {
    display: block;
  }
  .button-group.stacked-for-small.expanded .button {
    display: block;
    margin-right: 0;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .button-group.stacked-for-medium.expanded {
    display: block;
  }
  .button-group.stacked-for-medium.expanded .button {
    display: block;
    margin-right: 0;
  }
}

.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  background-color: white;
  color: #333;
}
.callout > :first-child {
  margin-top: 0;
}
.callout > :last-child {
  margin-bottom: 0;
}
.callout.primary {
  background-color: rgb(255, 231.2645669291, 216.6);
  color: #333;
}
.callout.secondary {
  background-color: rgb(255, 235.95, 224.25);
  color: #333;
}
.callout.success {
  background-color: rgb(207.4382022472, 255, 205.2);
  color: #333;
}
.callout.warning {
  background-color: rgb(255, 244.65, 216.75);
  color: #333;
}
.callout.alert {
  background-color: rgb(255, 202.5, 202.5);
  color: #333;
}
.callout.small {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}
.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

.card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 1rem;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
  overflow: hidden;
  color: #333;
}
.card > :last-child {
  margin-bottom: 0;
}

.card-divider {
  display: flex;
  flex: 0 1 auto;
  padding: 1rem;
  background: #e5e5e5;
}
.card-divider > :last-child {
  margin-bottom: 0;
}

.card-section {
  flex: 1 0 auto;
  padding: 1rem;
}
.card-section > :last-child {
  margin-bottom: 0;
}

.card-image {
  min-height: 1px;
}

.close-button {
  position: absolute;
  z-index: 10;
  color: #989898;
  cursor: pointer;
}
[data-whatinput=mouse] .close-button {
  outline: 0;
}
.close-button:hover, .close-button:focus {
  color: #333;
}
.close-button.small {
  right: 0.66rem;
  top: 0.33em;
  font-size: 1.1em;
  line-height: 1;
}

.close-button, .close-button.medium {
  right: 1rem;
  top: 0.5rem;
  font-size: 1.5em;
  line-height: 1;
}

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
[data-whatinput=mouse] .menu li {
  outline: 0;
}
.menu a,
.menu .button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 0.7rem 1rem;
}
.menu input,
.menu select,
.menu a,
.menu button {
  margin-bottom: 0;
}
.menu input {
  display: inline-block;
}
.menu, .menu.horizontal {
  flex-wrap: wrap;
  flex-direction: row;
}
.menu.vertical {
  flex-wrap: nowrap;
  flex-direction: column;
}
.menu.expanded li {
  flex: 1 1 0px;
}
.menu.simple {
  align-items: center;
}
.menu.simple li + li {
  margin-left: 1rem;
}
.menu.simple a {
  padding: 0;
}
@media print, screen and (min-width: 40em) {
  .menu.medium-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.medium-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.medium-expanded li {
    flex: 1 1 0px;
  }
  .menu.medium-simple li {
    flex: 1 1 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .menu.large-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.large-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.large-expanded li {
    flex: 1 1 0px;
  }
  .menu.large-simple li {
    flex: 1 1 0px;
  }
}
.menu.nested {
  margin-right: 0;
  margin-left: 1rem;
}
.menu.icons a {
  display: flex;
}
.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
  display: flex;
}
.menu.icon-left li a {
  flex-flow: row nowrap;
}
.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg {
  margin-right: 1rem;
}
.menu.icon-right li a {
  flex-flow: row nowrap;
}
.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg {
  margin-left: 1rem;
}
.menu.icon-top li a {
  flex-flow: column nowrap;
}
.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg {
  align-self: stretch;
  margin-bottom: 1rem;
  text-align: center;
}
.menu.icon-bottom li a {
  flex-flow: column nowrap;
}
.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg {
  align-self: stretch;
  margin-bottom: 1rem;
  text-align: center;
}
.menu .is-active > a {
  background: #fe6100;
  color: #000;
}
.menu .active > a {
  background: #fe6100;
  color: #000;
}
.menu.align-left {
  justify-content: flex-start;
}
.menu.align-right li {
  display: flex;
  justify-content: flex-end;
}
.menu.align-right li .submenu li {
  justify-content: flex-start;
}
.menu.align-right.vertical li {
  display: block;
  text-align: right;
}
.menu.align-right.vertical li .submenu li {
  text-align: right;
}
.menu.align-right .nested {
  margin-right: 1rem;
  margin-left: 0;
}
.menu.align-center li {
  display: flex;
  justify-content: center;
}
.menu.align-center li .submenu li {
  justify-content: flex-start;
}
.menu .menu-text {
  padding: 0.7rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}

.menu-centered > .menu {
  justify-content: center;
}
.menu-centered > .menu li {
  display: flex;
  justify-content: center;
}
.menu-centered > .menu li .submenu li {
  justify-content: flex-start;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
  content: "";
}
.menu-icon:hover::after {
  background: #989898;
  box-shadow: 0 7px 0 #989898, 0 14px 0 #989898;
}

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon.dark::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  box-shadow: 0 7px 0 #000, 0 14px 0 #000;
  content: "";
}
.menu-icon.dark:hover::after {
  background: #333;
  box-shadow: 0 7px 0 #333, 0 14px 0 #333;
}

.is-drilldown {
  position: relative;
  overflow: hidden;
}
.is-drilldown li {
  display: block;
}
.is-drilldown.animate-height {
  transition: height 0.5s;
}

.drilldown a {
  padding: 0.7rem 1rem;
  background: #fff;
}
.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fff;
  transition: transform 0.15s linear;
}
.drilldown .is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  transform: translateX(-100%);
}
.drilldown .is-drilldown-submenu.is-closing {
  transform: translateX(100%);
}
.drilldown .is-drilldown-submenu a {
  padding: 0.7rem 1rem;
}
.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%;
}
.drilldown .is-drilldown-submenu-parent > a {
  position: relative;
}
.drilldown .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #fe6100;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem;
}
.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #fe6100;
  right: 1rem;
  left: auto;
}
.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #fe6100 transparent transparent;
  right: auto;
  left: 1rem;
}
.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #fe6100 transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
}

.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  background-color: #fff;
  font-size: 1rem;
}
.dropdown-pane.is-opening {
  display: block;
}
.dropdown-pane.is-open {
  display: block;
  visibility: visible;
}

.dropdown-pane.tiny {
  width: 100px;
}

.dropdown-pane.small {
  width: 200px;
}

.dropdown-pane.large {
  width: 400px;
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #fe6100 transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px;
}
[data-whatinput=mouse] .dropdown.menu a {
  outline: 0;
}
.dropdown.menu > li > a {
  background: #fff;
  padding: 0.7rem 1rem;
}
.dropdown.menu > li.is-active > a {
  background: transparent;
  color: #fe6100;
}
.no-js .dropdown.menu ul {
  display: none;
}
.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0;
}
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  top: 0;
  right: 100%;
  left: auto;
}
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}
.dropdown.menu.vertical > li > a::after {
  right: 14px;
}
.dropdown.menu.vertical > li.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #fe6100 transparent transparent;
  right: auto;
  left: 5px;
}
.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #fe6100;
}
@media print, screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fe6100 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #fe6100 transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #fe6100;
  }
}
@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fe6100 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #fe6100 transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #fe6100;
  }
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto;
}

.is-dropdown-menu.vertical {
  width: 100px;
}
.is-dropdown-menu.vertical.align-right {
  float: right;
}

.is-dropdown-submenu-parent {
  position: relative;
}
.is-dropdown-submenu-parent a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  left: auto;
  margin-top: -6px;
}
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
  top: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #989898;
  background: #fff;
}
.dropdown .is-dropdown-submenu a {
  padding: 0.7rem 1rem;
}
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
  right: 14px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #fe6100 transparent transparent;
  right: auto;
  left: 5px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #fe6100;
}
.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px;
}
.is-dropdown-submenu > li {
  width: 100%;
}
.is-dropdown-submenu.js-dropdown-active {
  display: block;
}

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden;
}
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive-embed.widescreen,
.flex-video.widescreen {
  padding-bottom: 56.25%;
}

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 8px;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #fe6100;
  color: #fff;
}
.label.primary {
  background: #fe6100;
  color: #000;
}
.label.secondary {
  background: #ff8032;
  color: #000;
}
.label.success {
  background: #08b200;
  color: #000;
}
.label.warning {
  background: #ffba00;
  color: #000;
}
.label.alert {
  background: #a00000;
  color: #fff;
}

.media-object {
  display: flex;
  margin-bottom: 1rem;
  flex-wrap: nowrap;
}
.media-object img {
  max-width: none;
}
@media print, screen and (max-width: 39.99875em) {
  .media-object.stack-for-small {
    flex-wrap: wrap;
  }
}

.media-object-section {
  flex: 0 1 auto;
}
.media-object-section:first-child {
  padding-right: 1rem;
}
.media-object-section:last-child:not(:nth-child(2)) {
  padding-left: 1rem;
}
.media-object-section > :last-child {
  margin-bottom: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .stack-for-small .media-object-section {
    padding: 0;
    padding-bottom: 1rem;
    flex-basis: 100%;
    max-width: 100%;
  }
  .stack-for-small .media-object-section img {
    width: 100%;
  }
}
.media-object-section.main-section {
  flex: 1 1 0px;
}

.is-off-canvas-open {
  overflow: hidden;
}

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(255, 255, 255, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.js-off-canvas-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}
.js-off-canvas-overlay.is-closable {
  cursor: pointer;
}
.js-off-canvas-overlay.is-overlay-absolute {
  position: absolute;
}
.js-off-canvas-overlay.is-overlay-fixed {
  position: fixed;
}

.off-canvas-wrapper {
  position: relative;
  overflow: hidden;
}

.off-canvas {
  position: fixed;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #232323;
}
[data-whatinput=mouse] .off-canvas {
  outline: 0;
}
.off-canvas.is-transition-push {
  z-index: 12;
}
.off-canvas.is-closed {
  visibility: hidden;
}
.off-canvas.is-transition-overlap {
  z-index: 13;
}
.off-canvas.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
.off-canvas.is-open {
  transform: translate(0, 0);
}
.off-canvas-absolute {
  position: absolute;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #232323;
}
[data-whatinput=mouse] .off-canvas-absolute {
  outline: 0;
}
.off-canvas-absolute.is-transition-push {
  z-index: 12;
}
.off-canvas-absolute.is-closed {
  visibility: hidden;
}
.off-canvas-absolute.is-transition-overlap {
  z-index: 13;
}
.off-canvas-absolute.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
.off-canvas-absolute.is-open {
  transform: translate(0, 0);
}

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  width: 300px;
  transform: translateX(-300px);
}
@media print, screen and (min-width: 40em) {
  .position-left {
    width: 300px;
    transform: translateX(-300px);
  }
}
.off-canvas-content .off-canvas.position-left {
  transform: translateX(-300px);
}
@media print, screen and (min-width: 40em) {
  .off-canvas-content .off-canvas.position-left {
    transform: translateX(-300px);
  }
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-left.has-transition-push {
  transform: translateX(300px);
}
@media print, screen and (min-width: 40em) {
  .off-canvas-content.is-open-left.has-transition-push {
    transform: translateX(300px);
  }
}

.position-left.is-transition-push {
  box-shadow: inset -13px 0 20px -13px rgba(0, 0, 0, 0.25);
}

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  width: 300px;
  transform: translateX(300px);
}
@media print, screen and (min-width: 40em) {
  .position-right {
    width: 300px;
    transform: translateX(300px);
  }
}
.off-canvas-content .off-canvas.position-right {
  transform: translateX(300px);
}
@media print, screen and (min-width: 40em) {
  .off-canvas-content .off-canvas.position-right {
    transform: translateX(300px);
  }
}
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-right.has-transition-push {
  transform: translateX(-300px);
}
@media print, screen and (min-width: 40em) {
  .off-canvas-content.is-open-right.has-transition-push {
    transform: translateX(-300px);
  }
}

.position-right.is-transition-push {
  box-shadow: inset 13px 0 20px -13px rgba(0, 0, 0, 0.25);
}

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 300px;
  transform: translateY(-300px);
}
@media print, screen and (min-width: 40em) {
  .position-top {
    height: 300px;
    transform: translateY(-300px);
  }
}
.off-canvas-content .off-canvas.position-top {
  transform: translateY(-300px);
}
@media print, screen and (min-width: 40em) {
  .off-canvas-content .off-canvas.position-top {
    transform: translateY(-300px);
  }
}
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-top.has-transition-push {
  transform: translateY(300px);
}
@media print, screen and (min-width: 40em) {
  .off-canvas-content.is-open-top.has-transition-push {
    transform: translateY(300px);
  }
}

.position-top.is-transition-push {
  box-shadow: inset 0 -13px 20px -13px rgba(0, 0, 0, 0.25);
}

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 300px;
  transform: translateY(300px);
}
@media print, screen and (min-width: 40em) {
  .position-bottom {
    height: 300px;
    transform: translateY(300px);
  }
}
.off-canvas-content .off-canvas.position-bottom {
  transform: translateY(300px);
}
@media print, screen and (min-width: 40em) {
  .off-canvas-content .off-canvas.position-bottom {
    transform: translateY(300px);
  }
}
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-bottom.has-transition-push {
  transform: translateY(-300px);
}
@media print, screen and (min-width: 40em) {
  .off-canvas-content.is-open-bottom.has-transition-push {
    transform: translateY(-300px);
  }
}

.position-bottom.is-transition-push {
  box-shadow: inset 0 13px 20px -13px rgba(0, 0, 0, 0.25);
}

.off-canvas-content {
  transform: none;
  backface-visibility: hidden;
}
.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
  transition: transform 0.5s ease;
}
.off-canvas-content.has-transition-push {
  transform: translate(0, 0);
}
.off-canvas-content .off-canvas.is-open {
  transform: translate(0, 0);
}

@media print, screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 300px;
  }
  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 300px;
  }
  .position-right.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 300px;
  }
  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 300px;
  }
  .position-top.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 300px;
  }
  .position-top.reveal-for-medium ~ .off-canvas-content {
    margin-top: 300px;
  }
  .position-bottom.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 300px;
  }
  .position-bottom.reveal-for-medium ~ .off-canvas-content {
    margin-bottom: 300px;
  }
}
@media print, screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 300px;
  }
  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 300px;
  }
  .position-right.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 300px;
  }
  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 300px;
  }
  .position-top.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 300px;
  }
  .position-top.reveal-for-large ~ .off-canvas-content {
    margin-top: 300px;
  }
  .position-bottom.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 300px;
  }
  .position-bottom.reveal-for-large ~ .off-canvas-content {
    margin-bottom: 300px;
  }
}
@media print, screen and (min-width: 40em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-medium .close-button {
    display: none;
  }
}
@media print, screen and (min-width: 64em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-large .close-button {
    display: none;
  }
}
.orbit {
  position: relative;
}

.orbit-container {
  position: relative;
  height: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
}

.orbit-slide {
  width: 100%;
  position: absolute;
}
.orbit-slide.no-motionui.is-active {
  top: 0;
  left: 0;
}

.orbit-figure {
  margin: 0;
}

.orbit-image {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.orbit-next, .orbit-previous {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fff;
}
[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous {
  outline: 0;
}
.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus {
  background-color: rgba(0, 0, 0, 0.5);
}

.orbit-previous {
  left: 0;
}

.orbit-next {
  left: auto;
  right: 0;
}

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center;
}
[data-whatinput=mouse] .orbit-bullets {
  outline: 0;
}
.orbit-bullets button {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.1rem;
  border-radius: 50%;
  background-color: #989898;
}
.orbit-bullets button:hover {
  background-color: #333;
}
.orbit-bullets button.is-active {
  background-color: #333;
}

.pagination {
  margin-left: 0;
  margin-bottom: 1rem;
}
.pagination::before, .pagination::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.pagination::after {
  clear: both;
}
.pagination li {
  margin-right: 0.5rem;
  border-radius: 8px;
  font-size: 0.95rem;
  display: none;
}
.pagination li:last-child, .pagination li:first-child {
  display: inline-block;
}
@media print, screen and (min-width: 40em) {
  .pagination li {
    display: inline-block;
  }
}
.pagination a,
.pagination button {
  display: block;
  padding: 0.2rem 0.8rem;
  border-radius: 8px;
  color: #333;
}
.pagination a:hover,
.pagination button:hover {
  background: #f0f0f0;
}
.pagination .current {
  padding: 0.2rem 0.8rem;
  background: #fe6100;
  color: #fff;
  cursor: default;
}
.pagination .disabled {
  padding: 0.2rem 0.8rem;
  color: #c2c2c2;
  cursor: not-allowed;
}
.pagination .disabled:hover {
  background: transparent;
}
.pagination .ellipsis::after {
  padding: 0.2rem 0.8rem;
  content: "…";
  color: #c2c2c2;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: "«";
}

.pagination-next a::after,
.pagination-next.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: "»";
}

.progress {
  height: 0.5rem;
  margin-bottom: 1rem;
  border-radius: 8px;
  background-color: #f0f0f0;
}
.progress.primary .progress-meter {
  background-color: #fe6100;
}
.progress.secondary .progress-meter {
  background-color: #ff8032;
}
.progress.success .progress-meter {
  background-color: #08b200;
}
.progress.warning .progress-meter {
  background-color: #ffba00;
}
.progress.alert .progress-meter {
  background-color: #a00000;
}

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #fe6100;
  border-radius: 8px;
}

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  border-radius: 8px;
}

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e5e5e5;
  cursor: pointer;
  user-select: none;
  touch-action: none;
}

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #989898;
  transition: all 0.2s ease-in-out;
}
.slider-fill.is-dragging {
  transition: all 0s linear;
}

.slider-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 8px;
  background-color: #fe6100;
  transition: all 0.2s ease-in-out;
  touch-action: manipulation;
}
[data-whatinput=mouse] .slider-handle {
  outline: 0;
}
.slider-handle:hover {
  background-color: rgb(215.9, 82.45, 0);
}
.slider-handle.is-dragging {
  transition: all 0s linear;
}

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scale(1, -1);
}
.slider.vertical .slider-fill {
  top: 0;
  width: 0.5rem;
  max-height: 100%;
}
.slider.vertical .slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  transform: translateX(-50%);
}

.sticky-container {
  position: relative;
}

.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0);
}

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%;
}
.sticky.is-stuck.is-at-top {
  top: 0;
}
.sticky.is-stuck.is-at-bottom {
  bottom: 0;
}

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto;
}
.sticky.is-anchored.is-at-bottom {
  bottom: 0;
}

html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden;
}
html.is-reveal-open.zf-has-scroll {
  overflow-y: scroll;
}
html.is-reveal-open body {
  overflow-y: hidden;
}

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(0, 0, 0, 0.45);
  overflow-y: auto;
}

.reveal {
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: #fff;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
}
[data-whatinput=mouse] .reveal {
  outline: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}
.reveal .column, .reveal .columns {
  min-width: 0;
}
.reveal > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    width: 500px;
    max-width: 68.75rem;
  }
}
.reveal.collapse {
  padding: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 68.75rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 68.75rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 68.75rem;
  }
}
.reveal.full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .reveal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
}
.reveal.without-overlay {
  position: fixed;
}

.switch {
  height: 2rem;
  position: relative;
  margin-bottom: 1rem;
  outline: 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: #fff;
  user-select: none;
}

.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0;
}

.switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  border-radius: 8px;
  background: #989898;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
}
input + .switch-paddle {
  margin: 0;
}
.switch-paddle::after {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  transform: translate3d(0, 0, 0);
  border-radius: 8px;
  background: #fff;
  transition: all 0.25s ease-out;
  content: "";
}
input:checked ~ .switch-paddle {
  background: #fe6100;
}
input:checked ~ .switch-paddle::after {
  left: 2.25rem;
}
input:disabled ~ .switch-paddle {
  cursor: not-allowed;
  opacity: 0.5;
}
[data-whatinput=mouse] input:focus ~ .switch-paddle {
  outline: 0;
}

.switch-inactive, .switch-active {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.switch-active {
  left: 8%;
  display: none;
}
input:checked + label > .switch-active {
  display: block;
}

.switch-inactive {
  right: 15%;
}
input:checked + label > .switch-inactive {
  display: none;
}

.switch.tiny {
  height: 1.5rem;
}
.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem;
}
.switch.tiny .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1rem;
  height: 1rem;
}
.switch.tiny input:checked ~ .switch-paddle::after {
  left: 1.75rem;
}

.switch.small {
  height: 1.75rem;
}
.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem;
}
.switch.small .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
.switch.small input:checked ~ .switch-paddle::after {
  left: 2rem;
}

.switch.large {
  height: 2.5rem;
}
.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem;
}
.switch.large .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 2rem;
  height: 2rem;
}
.switch.large input:checked ~ .switch-paddle::after {
  left: 2.75rem;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 8px;
}
thead,
tbody,
tfoot {
  border: 1px solid rgb(242.25, 242.25, 242.25);
  background-color: #fff;
}

caption {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
}

thead {
  background: #e5e5e5;
  color: #333;
}

tfoot {
  background: rgb(242.25, 242.25, 242.25);
  color: #333;
}

thead tr,
tfoot tr {
  background: transparent;
}
thead th,
thead td,
tfoot th,
tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

tbody th,
tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: rgb(242.25, 242.25, 242.25);
}

table.unstriped tbody {
  background-color: #fff;
}
table.unstriped tbody tr {
  border-bottom: 0;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
  background-color: #fff;
}

@media print, screen and (max-width: 63.99875em) {
  table.stack thead {
    display: none;
  }
  table.stack tfoot {
    display: none;
  }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
  }
  table.stack td {
    border-top: 0;
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover thead tr:hover {
  background-color: rgb(223.9, 223.9, 223.9);
}
table.hover tfoot tr:hover {
  background-color: rgb(237.15, 237.15, 237.15);
}
table.hover tbody tr:hover {
  background-color: rgb(249.9, 249.9, 249.9);
}
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: rgb(237.15, 237.15, 237.15);
}

.table-scroll {
  overflow-x: auto;
}

.tabs {
  margin: 0;
  border: 1px solid none;
  background: #f0f0f0;
  list-style-type: none;
}
.tabs::before, .tabs::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.tabs::after {
  clear: both;
}

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto;
}

.tabs.simple > li > a {
  padding: 0;
}
.tabs.simple > li > a:hover {
  background: transparent;
}

.tabs.primary {
  background: #fe6100;
}
.tabs.primary > li > a {
  color: #000;
}
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
  background: rgb(241.3, 92.15, 0);
}

.tabs-title {
  float: left;
}
.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  font-size: 0.95rem;
  line-height: 1;
  color: #fe6100;
}
[data-whatinput=mouse] .tabs-title > a {
  outline: 0;
}
.tabs-title > a:hover {
  background: #fff;
  color: rgb(218.44, 83.42, 0);
}
.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
  background: #fff;
  color: #fe6100;
}

.tabs-content {
  border: 1px solid none;
  border-top: 0;
  background: #fff;
  color: #333;
  transition: all 0.5s ease;
}

.tabs-content.vertical {
  border: 1px solid none;
  border-left: 0;
}

.tabs-panel {
  display: none;
  padding: 1rem;
}
.tabs-panel.is-active {
  display: block;
}

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 1rem;
  border: solid 4px #fff;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  line-height: 0;
}

a.thumbnail {
  transition: box-shadow 200ms ease-out;
}
a.thumbnail:hover, a.thumbnail:focus {
  box-shadow: 0 0 6px 1px rgba(254, 97, 0, 0.5);
}
a.thumbnail image {
  box-shadow: none;
}

.title-bar {
  padding: 1rem;
  background: #232323;
  color: #f0f0f0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.title-bar-left,
.title-bar-right {
  flex: 1 1 0px;
}

.title-bar-right {
  text-align: right;
}

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: none;
  font-weight: bold;
  cursor: help;
}

.tooltip {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 10rem;
  padding: 0.75rem;
  border-radius: 8px;
  background-color: #777;
  font-size: 80%;
  color: #f0f0f0;
}
.tooltip::before {
  position: absolute;
}
.tooltip.bottom::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: "";
  border-top-width: 0;
  border-bottom-style: solid;
  border-color: transparent transparent #777;
  bottom: 100%;
}
.tooltip.bottom.align-center::before {
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.top::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #777 transparent transparent;
  top: 100%;
  bottom: auto;
}
.tooltip.top.align-center::before {
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.left::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #777;
  left: 100%;
}
.tooltip.left.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.right::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #777 transparent transparent;
  right: 100%;
  left: auto;
}
.tooltip.right.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.align-top::before {
  bottom: auto;
  top: 10%;
}
.tooltip.align-bottom::before {
  bottom: 10%;
  top: auto;
}
.tooltip.align-left::before {
  left: 10%;
  right: auto;
}
.tooltip.align-right::before {
  left: auto;
  right: 10%;
}

.top-bar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  flex-wrap: wrap;
}
.top-bar,
.top-bar ul {
  background-color: #e5e5e5;
}
.top-bar input {
  max-width: 200px;
  margin-right: 1rem;
}
.top-bar .input-group-field {
  width: 100%;
  margin-right: 0;
}
.top-bar input.button {
  width: auto;
}
.top-bar .top-bar-left,
.top-bar .top-bar-right {
  flex: 0 0 100%;
  max-width: 100%;
}
@media print, screen and (min-width: 40em) {
  .top-bar {
    flex-wrap: nowrap;
  }
  .top-bar .top-bar-left {
    flex: 1 1 auto;
    margin-right: auto;
  }
  .top-bar .top-bar-right {
    flex: 0 1 auto;
    margin-left: auto;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .top-bar.stacked-for-medium {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-medium .top-bar-left,
  .top-bar.stacked-for-medium .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .top-bar.stacked-for-large {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-large .top-bar-left,
  .top-bar.stacked-for-large .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.top-bar-title {
  flex: 0 0 auto;
  margin: 0.5rem 1rem 0.5rem 0;
}

.top-bar-left,
.top-bar-right {
  flex: 0 0 auto;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

@media print, screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 39.99875em) {
  .show-for-medium {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

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

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

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.clearfix::before, .clearfix::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.clearfix::after {
  clear: both;
}

.slide-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-down.mui-enter.mui-enter-active {
  transform: translateY(0);
}

.slide-in-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-left.mui-enter.mui-enter-active {
  transform: translateX(0);
}

.slide-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-up.mui-enter.mui-enter-active {
  transform: translateY(0);
}

.slide-in-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-right.mui-enter.mui-enter-active {
  transform: translateX(0);
}

.slide-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-down.mui-leave.mui-leave-active {
  transform: translateY(100%);
}

.slide-out-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-right.mui-leave.mui-leave-active {
  transform: translateX(100%);
}

.slide-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-up.mui-leave.mui-leave-active {
  transform: translateY(-100%);
}

.slide-out-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-left.mui-leave.mui-leave-active {
  transform: translateX(-100%);
}

.fade-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 0;
  transition-property: opacity;
}

.fade-in.mui-enter.mui-enter-active {
  opacity: 1;
}

.fade-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 1;
  transition-property: opacity;
}

.fade-out.mui-leave.mui-leave-active {
  opacity: 0;
}

.hinge-in-from-top.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-top.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-right.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-bottom.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(90deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(90deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-left.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-x.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-y.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-out-from-top.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-top.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}

.hinge-out-from-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-right.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0;
}

.hinge-out-from-bottom.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0;
}

.hinge-out-from-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-left.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0;
}

.hinge-out-from-middle-x.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}

.hinge-out-from-middle-y.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0;
}

.scale-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(0.5);
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-up.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1;
}

.scale-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1.5);
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-down.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1;
}

.scale-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-up.mui-leave.mui-leave-active {
  transform: scale(1.5);
  opacity: 0;
}

.scale-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-down.mui-leave.mui-leave-active {
  transform: scale(0.5);
  opacity: 0;
}

.spin-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(-0.75turn);
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1;
}

.spin-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out.mui-leave.mui-leave-active {
  transform: rotate(0.75turn);
  opacity: 0;
}

.spin-in-ccw.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0.75turn);
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in-ccw.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1;
}

.spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out-ccw.mui-leave.mui-leave-active {
  transform: rotate(-0.75turn);
  opacity: 0;
}

.slow {
  transition-duration: 750ms !important;
}

.fast {
  transition-duration: 250ms !important;
}

.linear {
  transition-timing-function: linear !important;
}

.ease {
  transition-timing-function: ease !important;
}

.ease-in {
  transition-timing-function: ease-in !important;
}

.ease-out {
  transition-timing-function: ease-out !important;
}

.ease-in-out {
  transition-timing-function: ease-in-out !important;
}

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
  transition-delay: 300ms !important;
}

.long-delay {
  transition-delay: 700ms !important;
}

.shake {
  animation-name: shake-7;
}
@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    transform: translateX(7%);
  }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: translateX(-7%);
  }
}

.spin-cw {
  animation-name: spin-cw-1turn;
}
@keyframes spin-cw-1turn {
  0% {
    transform: rotate(-1turn);
  }
  100% {
    transform: rotate(0);
  }
}

.spin-ccw {
  animation-name: spin-cw-1turn;
}
@keyframes spin-cw-1turn {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}

.wiggle {
  animation-name: wiggle-7deg;
}
@keyframes wiggle-7deg {
  40%, 50%, 60% {
    transform: rotate(7deg);
  }
  35%, 45%, 55%, 65% {
    transform: rotate(-7deg);
  }
  0%, 30%, 70%, 100% {
    transform: rotate(0);
  }
}

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
  animation-duration: 500ms;
}

.infinite {
  animation-iteration-count: infinite;
}

.slow {
  animation-duration: 750ms !important;
}

.fast {
  animation-duration: 250ms !important;
}

.linear {
  animation-timing-function: linear !important;
}

.ease {
  animation-timing-function: ease !important;
}

.ease-in {
  animation-timing-function: ease-in !important;
}

.ease-out {
  animation-timing-function: ease-out !important;
}

.ease-in-out {
  animation-timing-function: ease-in-out !important;
}

.bounce-in {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
  animation-delay: 300ms !important;
}

.long-delay {
  animation-delay: 700ms !important;
}

/* common elements through the site, like forms or buttons */
@-ms-viewport {
  width: device-width;
}
html {
  scroll-behavior: smooth;
}

body#news .comment-respond .comment-form, body#news .comments-area .reply, body#news .comments-area article .comment-content, body#news footer[role=contentinfo], body#news .widget-area .widget .widget-body, body#news .site, body#news .box-header, body#news .comment-respond h3#reply-title, body#news .widget-area .widget h3.widget-title, body#subscription #join-testimonials h1, .container {
  max-width: 68.75rem;
  margin: 0 auto;
}
@media print, screen and (max-width: 63.99875em) {
  body#news .comment-respond .comment-form, body#news .comments-area .reply, body#news .comments-area article .comment-content, body#news footer[role=contentinfo], body#news .widget-area .widget .widget-body, body#news .site, body#news .box-header, body#news .comment-respond h3#reply-title, body#news .widget-area .widget h3.widget-title, body#subscription #join-testimonials h1, .container {
    padding: 0 1rem;
  }
}

.container.inverse {
  color: #fff;
}

div#wide_container {
  width: 100%;
}

.common-longmenu {
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (max-width: 63.99875em) {
  .common-longmenu {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  .common-longmenu {
    justify-content: space-between;
    padding-top: 3rem;
    padding-bottom: 6rem;
  }
}
.common-longmenu > h1 {
  color: #111;
  width: 100%;
}
@media print, screen and (max-width: 63.99875em) {
  .common-longmenu > h1 {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  .common-longmenu > h1 {
    margin-bottom: 2rem;
  }
}
.common-longmenu .common-longmenu-toc {
  background-color: #f0f0f0;
  padding: 1rem;
  border-radius: 8px;
}
@media print, screen and (min-width: 64em) {
  .common-longmenu .common-longmenu-toc {
    width: 30%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .common-longmenu .common-longmenu-container {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .common-longmenu .common-longmenu-container {
    width: 67%;
  }
}

h1 {
  letter-spacing: 0.05rem;
}

h3 {
  font-weight: 200;
  letter-spacing: 0.02rem;
}

h4 {
  font-weight: 600;
  letter-spacing: 0.02rem;
}
h4 strong {
  font-weight: 900;
  letter-spacing: 0;
}

h5 {
  font-weight: 300;
}

p {
  letter-spacing: 0.02rem;
}

a:hover, a:focus {
  color: rgb(255, 128.411023622, 50.2);
}

.common-graymenu {
  background-color: #555;
  padding: 0.7rem 0;
  z-index: 1;
}
.common-graymenu ul.container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  .common-graymenu ul.container {
    justify-content: space-between;
    align-items: center;
  }
}
@media print, screen and (min-width: 64em) {
  .common-graymenu ul.container {
    justify-content: flex-start;
    align-items: center;
  }
}
.common-graymenu ul.container li {
  list-style-type: none;
  font-size: 0.9rem;
  color: #c2c2c2;
}
@media print, screen and (min-width: 64em) {
  .common-graymenu ul.container li {
    margin-right: 3rem;
  }
}
.common-graymenu ul.container li a {
  font-weight: 600;
  color: #f0f0f0;
}
.common-graymenu ul.container li a:hover, .common-graymenu ul.container li a:active, .common-graymenu ul.container li a:focus {
  color: #fff;
}

ul.common-square-inverse {
  list-style-type: none;
  text-align: justify;
  font-size: 0.95rem;
  line-height: 1.5rem;
  letter-spacing: 0.03rem;
}
ul.common-square-inverse li {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEycHgiIGhlaWdodD0iMTJweCIgZmlsbD0iI2ZlNjEwMCIgLz4NCjwvc3ZnPg==);
  background-size: 12px 12px;
  -webkit-background-size: 12px 12px;
  background-position: center left;
  background-repeat: no-repeat;
  padding: 0 0 0 2.5rem;
  margin-bottom: 1.5rem;
}

ul.common-square {
  list-style-type: none;
  text-align: justify;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.03rem;
}
ul.common-square li {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEycHgiIGhlaWdodD0iMTJweCIgZmlsbD0iI2ZlNjEwMCIgLz4NCjwvc3ZnPg==);
  background-size: 12px 12px;
  -webkit-background-size: 12px 12px;
  background-position: 0 0.4rem;
  background-repeat: no-repeat;
  padding: 0 0 0 2.5rem;
  margin-bottom: 1.5rem;
}

ul.common-icon {
  list-style-type: none;
  text-align: justify;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.03rem;
}
ul.common-icon li {
  background-size: 40px 40px;
  -webkit-background-size: 40px 40px;
  background-position: 0 0.2rem;
  background-repeat: no-repeat;
  margin-bottom: 1.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  ul.common-icon li {
    padding: 0 0 0 3.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  ul.common-icon li {
    padding: 0 0 0 5rem;
  }
}

dl dt {
  font-size: 1.01em;
  font-weight: 700;
  margin-bottom: 0.1rem;
}
@media print, screen and (max-width: 63.99875em) {
  dl dd {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  dl dd {
    margin-bottom: 1.5rem;
  }
}
dl dd p {
  margin-bottom: 0.5rem;
}

ol.common-color {
  list-style: none;
  counter-reset: olcounter;
  margin-left: 3rem;
}
ol.common-color li {
  counter-increment: olcounter;
  margin-bottom: 0.5rem;
}
ol.common-color li::before {
  float: left;
  margin-left: -3rem;
  content: counter(olcounter) ". ";
  color: #fe6100;
  font-weight: 900;
}

ol.common-round-color {
  list-style: none;
  counter-reset: olroundcounter;
  margin-left: 3rem;
}
ol.common-round-color li {
  counter-increment: olroundcounter;
  margin-bottom: 0.5rem;
}
ol.common-round-color li::before {
  float: left;
  margin-left: -3rem;
  content: counter(olroundcounter);
  background-color: #fe6100;
  color: #fff;
  font-weight: 900;
  padding: 0 0.6rem;
  border-radius: 1.2rem;
}
ol.common-round-color.column2 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 64em) {
  ol.common-round-color.column2 li {
    width: 45%;
  }
}

ol.common-gray {
  list-style: none;
  counter-reset: olcounter;
  margin-left: 1.5rem;
}
ol.common-gray li {
  counter-increment: olcounter;
  margin-bottom: 0.5rem;
}
ol.common-gray li::before {
  float: left;
  margin-left: -1.5rem;
  content: counter(olcounter) ". ";
  color: #989898;
  font-weight: 300;
  font-size: 0.8em;
  line-height: 2.2em;
}

table {
  font-size: 0.95em;
}

.common-important {
  border-left: 6px solid #fe6100;
  background-color: #fff;
  padding: 0.7rem 1rem;
  font-weight: 600;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
.common-important.inverse {
  background-color: #f0f0f0;
}
.common-important p:last-child {
  margin-bottom: 0;
}
.common-important strong, .common-important b {
  font-weight: 900;
}

.common-error {
  border-left: 6px solid #a00000;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #fff;
  color: #a00000;
  padding: 0.7rem 1rem;
  font-weight: 600;
}
.common-error.inverse {
  background-color: #f0f0f0;
}
.common-error p:last-child {
  margin-bottom: 0;
}
.common-error strong, .common-error b {
  font-weight: 900;
}

.common-warning {
  border-left: 6px solid #ffba00;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #fff;
  padding: 0.7rem 1rem;
  font-weight: 600;
}
.common-warning.inverse {
  background-color: #f0f0f0;
}
.common-warning p:last-child {
  margin-bottom: 0;
}
.common-warning strong, .common-warning b {
  font-weight: 900;
}

.common-success {
  border-left: 6px solid #08b200;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #fff;
  padding: 0.7rem 1rem;
  font-weight: 600;
}
.common-success.inverse {
  background-color: #f0f0f0;
}
.common-success p:last-child {
  margin-bottom: 0;
}
.common-success strong, .common-success b {
  font-weight: 900;
}

.common-other {
  border-left: 6px solid #e5e5e5;
  background-color: #fff;
  padding: 0.7rem 1rem;
  font-weight: 600;
}
.common-other p:last-child {
  margin-bottom: 0;
}
.common-other strong, .common-other b {
  font-weight: 900;
}

.form-error {
  border-top: 4px solid #a00000;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: -1rem;
}

select:invalid {
  color: #c2c2c2;
}
select:invalid option {
  color: #000;
}

select:disabled {
  background: none;
  border-color: #e5e5e5;
  color: #e5e5e5;
}

input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
  border-color: #e5e5e5;
  color: #555;
}

.common-singleentry {
  height: 6rem;
}
.common-singleentry .form-error {
  margin-top: -1.6rem;
  margin-left: 0;
  margin-right: 0;
}

.common-iconbox {
  height: 4.1rem;
  position: relative;
}
.common-iconbox .icon {
  position: absolute;
  content: "";
  display: block;
  height: 1.8rem;
  width: 2.5rem;
  top: 0.35rem;
  left: 0;
  z-index: 6;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 1.875rem 5.625rem;
}
.common-iconbox input {
  padding-left: 2.5rem;
}
.common-iconbox.valid .icon {
  background-position: 50% -1.875rem;
}
.common-iconbox.valid input {
  color: #08b200;
}
.common-iconbox.invalid .icon {
  background-position: 50% -3.75rem;
}
.common-iconbox.invalid input {
  color: #a00000;
}
.common-iconbox.email .icon {
  background-image: url("/images/form/form-email.svg");
}
.common-iconbox.user .icon {
  background-image: url("/images/form/form-user.svg");
}
.common-iconbox.password .icon {
  background-image: url("/images/form/form-password.svg");
}
.common-iconbox.name .icon {
  background-image: url("/images/form/form-name.svg");
}

.common-regularbox {
  height: 4.1rem;
}

input.common-inverse,
textarea.common-inverse,
select.common-inverse {
  background-color: #f0f0f0;
  border: 2px solid #f0f0f0;
}
input.common-inverse:focus,
textarea.common-inverse:focus,
select.common-inverse:focus {
  border: 2px solid #fe6100;
}
input.common-inverse::placeholder,
textarea.common-inverse::placeholder,
select.common-inverse::placeholder {
  color: #989898;
}

input.common-gray,
select.common-gray {
  background-color: #777;
  color: #fff;
  border: 1px solid #777;
}
input.common-gray:focus,
select.common-gray:focus {
  background-color: #989898;
  box-shadow: none;
  border: 1px solid #fff;
}

input.common-dark {
  background-color: #333;
  color: #fff;
  border: 1px solid #333;
}
input.common-dark.button {
  background-color: #555;
  color: #f0f0f0;
}
input.common-dark:focus {
  background-color: #555;
  box-shadow: none;
  border: 1px solid #fff;
}

label.common-checkbox {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: row-reverse;
  cursor: pointer;
}
label.common-checkbox .description {
  font-weight: 400;
}
label.common-checkbox .description p {
  font-size: 0.79rem;
  line-height: 1.3;
  margin-bottom: 0.1rem;
}
label.common-checkbox .checkbox {
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  flex-shrink: 0;
  margin-right: 1.5rem;
  margin-top: 0.1rem;
}
label.common-checkbox .checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  top: 0;
  left: 0;
}
label.common-checkbox .checkbox input:checked ~ .image {
  background-size: 0.7rem 0.7rem;
  -webkit-background-size: 0.7rem 0.7rem;
}
label.common-checkbox .checkbox .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "qqq";
  border: 2px solid #fe6100;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEycHgiIGhlaWdodD0iMTJweCIgZmlsbD0iI2ZlNjEwMCIgLz4NCjwvc3ZnPg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 0.01rem 0.01rem;
  transition: background-size 0.15s ease-in-out;
}
label.common-checkbox:hover .checkbox input ~ .image, label.common-checkbox .checkbox input:focus ~ .image {
  box-shadow: 0px 0px 8px 0px #c2c2c2;
}
label.common-checkbox.required .checkbox .image {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEycHgiIGhlaWdodD0iMTJweCIgZmlsbD0iIzA4YjIwMCIgLz4NCjwvc3ZnPg==);
}
label.common-checkbox.required .checkbox input:checked ~ .image {
  border: 2px solid #08b200;
  background-size: 0.7rem 0.7rem;
  -webkit-background-size: 0.7rem 0.7rem;
}
label.common-checkbox.required.invalid .checkbox .image {
  border: 2px solid #a00000;
}
label.common-checkbox.success .checkbox .image {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEycHgiIGhlaWdodD0iMTJweCIgZmlsbD0iIzA4YjIwMCIgLz4NCjwvc3ZnPg==);
  border: 2px solid #08b200;
}

/* The toggler - the box around the slider */
.common-toggle {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  /* Hide default HTML checkbox */
  /* The slider */
}
.common-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.common-toggle .toggler {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  /* Rounded sliders */
}
.common-toggle .toggler:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.common-toggle .toggler.round {
  border-radius: 34px;
}
.common-toggle .toggler.round:before {
  border-radius: 50%;
}
.common-toggle input:checked + .toggler {
  background-color: #fe6100;
}
.common-toggle input:focus + .toggler {
  box-shadow: 0 0 1px #fe6100;
}
.common-toggle input:checked + .toggler:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

label.common-radio {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: row-reverse;
  cursor: pointer;
}
label.common-radio .description {
  font-weight: 400;
}
label.common-radio .description p {
  font-size: 0.79rem;
  line-height: 1.3;
  margin-bottom: 0.1rem;
}
label.common-radio .radio {
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  flex-shrink: 0;
  margin-right: 1.5rem;
  margin-top: 0.1rem;
}
label.common-radio .radio input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  top: 0;
  left: 0;
}
label.common-radio .radio input:checked ~ .image {
  background-size: 0.7rem 0.7rem;
  -webkit-background-size: 0.7rem 0.7rem;
}
label.common-radio .radio .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "qqq";
  border: 2px solid #fe6100;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEycHgiIGhlaWdodD0iMTJweCIgZmlsbD0iI2ZlNjEwMCIgLz4NCjwvc3ZnPg==);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 0.01rem 0.01rem;
  transition: background-size 0.15s ease-in-out;
}
label.common-radio:hover .radio input ~ .image, label.common-radio .radio input:focus ~ .image {
  box-shadow: 0px 0px 8px 0px #c2c2c2;
}
label.common-radio.required .radio .image {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEycHgiIGhlaWdodD0iMTJweCIgZmlsbD0iIzA4YjIwMCIgLz4NCjwvc3ZnPg==);
}
label.common-radio.required .radio input:checked ~ .image {
  border: 2px solid #08b200;
  background-size: 0.7rem 0.7rem;
  -webkit-background-size: 0.7rem 0.7rem;
}
label.common-radio.invalid .radio .image {
  border: 2px solid #a00000;
}
label.common-radio.success .radio .image {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEycHgiIGhlaWdodD0iMTJweCIgZmlsbD0iIzA4YjIwMCIgLz4NCjwvc3ZnPg==);
  border: 2px solid #08b200;
}

form.common-wide h4 {
  border-bottom: 2px solid #e5e5e5;
  margin-bottom: 1.5rem;
}
form.common-wide .explanation {
  font-size: 0.85rem;
  margin-bottom: 1.5rem;
  margin-top: -1rem;
}
form.common-wide p {
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
form.common-wide p.small {
  font-size: 0.75rem;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #ff8032;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

input.common-inverse:-webkit-autofill,
input.common-inverse:-webkit-autofill:hover,
input.common-inverse:-webkit-autofill:focus,
input.common-inverse:-webkit-autofill,
textarea.common-inverse:-webkit-autofill,
textarea.common-inverse:-webkit-autofill:hover,
textarea.common-inverse:-webkit-autofill:focus,
select.common-inverse:-webkit-autofill,
select.common-inverse:-webkit-autofill:hover,
select.common-inverse:-webkit-autofill:focus {
  -webkit-text-fill-color: #ff8032;
  -webkit-box-shadow: 0 0 0px 1000px #f0f0f0 inset;
  transition: background-color 5000s ease-in-out 0s;
}

.common-cursor-wait {
  cursor: wait !important;
}

.common-dataline > div {
  font-weight: 600;
  font-size: 1.1rem;
}

.common-messagebox, .reveal {
  background-color: #fff;
  border-radius: 8px;
}
.common-messagebox .titlebar, .reveal .titlebar {
  background-color: #e5e5e5;
  padding: 0.5rem 0.625rem 0.5rem 1.25rem;
  font-size: 1.4rem;
  font-weight: 600;
  border-left: 1.25rem solid #fe6100;
  text-align: left;
}
.common-messagebox .titlebar div, .reveal .titlebar div {
  margin-right: 1.875rem;
}
.common-messagebox .titlebar strong, .reveal .titlebar strong {
  font-weight: 900;
}
.common-messagebox .content, .reveal .content {
  padding: 1.875rem 2.5rem 1.25rem 2.5rem;
  text-align: left;
}
.common-messagebox .content .buttons, .reveal .content .buttons {
  display: flex;
  justify-content: space-between;
}

.reveal.error .titlebar {
  border-color: #a00000;
}
.reveal.success .titlebar {
  border-color: #08b200;
}

.common-messagebox {
  box-shadow: 0px 0px 8px 0px #c2c2c2;
  overflow: hidden;
}
.common-messagebox.inverse {
  background-color: #f0f0f0;
  box-shadow: 0px 0px 8px 0px #e5e5e5;
}
.common-messagebox.inverse .titlebar {
  background-color: #e5e5e5;
}
.common-messagebox.error .titlebar {
  border-color: #a00000;
}
.common-messagebox.success .titlebar {
  border-color: #08b200;
}

.dropdown-pane {
  box-shadow: 0px 0px 8px 0px #c2c2c2;
}

body#news .comment-respond .comment-form .form-submit .submit, body#news .menu-toggle,
body#news input[type=submit],
body#news input[type=button],
body#news input[type=reset],
body#news article.post-password-required input[type=submit],
body#news .bypostauthor cite span, .common-google, .common-facebook, .button.loading, .button {
  font-weight: 600;
  letter-spacing: 0.05rem;
}

.button.success:focus, .button.success:hover {
  background-color: #08b200;
}

.button.loading {
  background-color: rgb(255, 175.8818897638, 127);
  background-image: url("/images/icons/other/loader-lightorange-full.gif");
  background-position: 5% 50%;
  background-repeat: no-repeat;
  cursor: wait;
}
.button.loading.hollow {
  background-color: none;
  border-color: rgb(255, 175.8818897638, 127);
  background-image: url("/images/icons/other/loader-lightorange-hollow.gif");
}

.button.disabled, .button[disabled] {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
.button.disabled.hollow:hover, .button.disabled.hollow:focus, .button[disabled].hollow:hover, .button[disabled].hollow:focus {
  background-color: transparent;
  color: #fe6100;
}

.button.oneliner {
  height: 2.4375rem;
  padding: 0.5rem;
}

@property --p {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;
}
.button.orangeglass {
  background: linear-gradient(135deg, transparent 0% calc(100% - var(--p) * 1.1), rgba(255, 255, 255, 0.3) calc(100% - var(--p) * 1.1) calc(110% - var(--p) * 1.1), transparent calc(110% - var(--p) * 1.1)), linear-gradient(135deg, transparent calc((100% - var(--p) * 2) / 2), rgba(255, 255, 255, 0.2) calc((100% - var(--p) * 2) / 2), rgba(255, 255, 255, 0.15)), linear-gradient(135deg, transparent, rgba(255, 255, 255, 0.1) calc(100% - var(--p)), transparent calc((200% - var(--p)) / 2), rgba(255, 255, 255, 0.2) calc((200% - var(--p)) / 2), rgba(255, 255, 255, 0.15)), linear-gradient(180deg, #fe6100 0%, #fe6100 100%);
  transition: all 0.3s;
}
.button.orangeglass:hover {
  animation: animateit 0.4s ease-in-out forwards;
}

.pagination {
  font-weight: 600;
}
.pagination li a {
  background-color: #f0f0f0;
}
.pagination li.pagination-previous a, .pagination li.pagination-next a {
  background-color: inherit;
}

.tabs .tabs-title {
  background-color: rgba(255, 255, 255, 0.5);
  font-weight: 600;
}
@media print, screen and (max-width: 63.99875em) {
  .tabs .tabs-title {
    border-left: 3px solid #c2c2c2;
    width: 70%;
  }
}
@media print, screen and (min-width: 64em) {
  .tabs .tabs-title {
    border-top: 3px solid #c2c2c2;
    border-bottom: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .tabs .tabs-title.is-active {
    border-left: 3px solid #fe6100;
    color: #333;
  }
}
@media print, screen and (min-width: 64em) {
  .tabs .tabs-title.is-active {
    border-top: 3px solid #fe6100;
    border-bottom-color: #fff;
    border-left-color: #fff;
    border-right-color: #fff;
  }
}
.tabs.vertical {
  box-shadow: 0px 0px 5px 0px #e5e5e5;
}
.tabs.vertical .tabs-title {
  background-color: #f0f0f0;
  font-weight: 600;
}
@media print, screen and (max-width: 63.99875em) {
  .tabs.vertical .tabs-title {
    border-left: 3px solid #c2c2c2;
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .tabs.vertical .tabs-title {
    border-top: none;
    border-left: 3px solid #c2c2c2;
  }
}
.tabs.vertical .tabs-title.is-active {
  font-weight: 700;
}
@media print, screen and (max-width: 63.99875em) {
  .tabs.vertical .tabs-title.is-active {
    border-left: 3px solid #fe6100;
    color: #333;
  }
}
@media print, screen and (min-width: 64em) {
  .tabs.vertical .tabs-title.is-active {
    border-top: none;
    border-left: 3px solid #fe6100;
  }
}

@media print, screen and (max-width: 63.99875em) {
  .tabs-content {
    border-left: 3px solid #fe6100;
  }
}
@media print, screen and (min-width: 64em) {
  .tabs-content {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}

.common-3screens {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  .common-3screens {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  .common-3screens {
    justify-content: space-between;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .common-3screens > div {
    width: 100%;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  .common-3screens > div {
    width: 19.375rem;
  }
}
.common-3screens > div img {
  border-radius: 8px;
}
@media print, screen and (max-width: 63.99875em) {
  .common-3screens > div img {
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  .common-3screens > div img {
    max-width: 18.75rem;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  .common-3screens > div p {
    font-size: 0.95rem;
  }
}

.common-icons-2columns {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.common-icons-2columns > div {
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  .common-icons-2columns > div {
    width: 100%;
    padding: 0 0 1.25rem 3.125rem;
    background-size: 35px 35px;
    -webkit-background-size: 35px 35px;
  }
}
@media print, screen and (min-width: 64rem) {
  .common-icons-2columns > div {
    padding: 0 0 3.125rem 5rem;
    width: 31.25rem;
    background-size: 48px 48px;
    -webkit-background-size: 48px 48px;
  }
}
.common-icons-2columns > div p {
  font-size: 0.95rem;
}
.common-icons-2columns > div h3 {
  font-size: 0.95rem;
}
.common-icons-2columns > div h6.new:before {
  content: "NEW";
  color: #fe6100;
  font-size: 0.9rem;
  font-weight: 700;
  display: block;
}

.common-icons-3columns {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.common-icons-3columns > div {
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  .common-icons-3columns > div {
    width: 100%;
    padding: 0 0 1.25rem 3.125rem;
    background-size: 35px 35px;
    -webkit-background-size: 35px 35px;
  }
}
@media print, screen and (min-width: 64rem) {
  .common-icons-3columns > div {
    padding: 0 0 3.125rem 5rem;
    width: 21.875rem;
    background-size: 48px 48px;
    -webkit-background-size: 48px 48px;
  }
}
.common-icons-3columns > div p {
  font-size: 0.95rem;
}
.common-icons-3columns > div h3 {
  font-size: 0.95rem;
}
.common-icons-3columns > div h6.new:before {
  content: "NEW";
  color: #fe6100;
  font-size: 0.9rem;
  font-weight: 700;
  display: block;
}

body#news .comments-area article, .common-comment-single {
  background-color: #f0f0f0;
}
body#news .comments-area article .comment-meta, .common-comment-single .comment-meta {
  background-color: #e5e5e5;
  padding: 0.5rem;
  line-height: 1.3rem;
}
body#news .comments-area article .comment-meta img, .common-comment-single .comment-meta img {
  float: left;
  background-color: #c2c2c2;
  background-image: url("/images/members/common/avatar-userdefault.svg");
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
  background-position: 50% 50%;
  height: 2.5rem;
  width: 2.5rem;
  content: "";
  margin-right: 1rem;
}
body#news .comments-area article .comment-meta b, .common-comment-single .comment-meta b, body#news .comments-area article .comment-meta strong, .common-comment-single .comment-meta strong {
  font-weight: 600;
  font-size: 0.95rem;
}
body#news .comments-area article .comment-meta .time, .common-comment-single .comment-meta .time, body#news .comments-area article .comment-meta time, .common-comment-single .comment-meta time {
  font-size: 0.8rem;
  font-weight: 300;
}
body#news .comments-area article .comment-meta.small, .common-comment-single .comment-meta.small {
  display: flex;
}
body#news .comments-area article .comment-meta.small img, .common-comment-single .comment-meta.small img {
  background-size: 1.2rem 1.2rem;
  height: 1.5rem;
  width: 1.5rem;
}
body#news .comments-area article .comment-meta.small .time, .common-comment-single .comment-meta.small .time, body#news .comments-area article .comment-meta.small time, .common-comment-single .comment-meta.small time {
  margin-left: 0.5rem;
  line-height: 1.4rem;
}
body#news .comments-area article .comment-meta.small .time::before, .common-comment-single .comment-meta.small .time::before, body#news .comments-area article .comment-meta.small time::before, .common-comment-single .comment-meta.small time::before {
  content: "(";
}
body#news .comments-area article .comment-meta.small .time::after, .common-comment-single .comment-meta.small .time::after, body#news .comments-area article .comment-meta.small time::after, .common-comment-single .comment-meta.small time::after {
  content: ")";
}
body#news .comments-area article .comment-content, .common-comment-single .comment-content {
  padding: 0.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#news .comments-area article .comment-content.small, .common-comment-single .comment-content.small {
    padding: 0.5rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body#news .comments-area article .comment-content.small, .common-comment-single .comment-content.small {
    padding: 0.5rem 0.5rem 0.5rem 3rem;
  }
}

.common-loader .loadingcircle.big {
  border: 16px solid #e5e5e5;
  border-top: 16px solid #fe6100;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  margin: 0 auto;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.common-stars {
  display: flex;
  justify-content: space-between;
  width: 7rem;
  margin-bottom: 0.5rem;
}
.common-stars .star {
  height: 1.1rem;
  width: 1.1rem;
  background-image: url("/images/icons/orange/stars.svg");
  background-size: 1.1rem 2.2rem;
  -webkit-background-size: 1.1rem 2.2rem;
}
.common-stars .star-full {
  background-position: 0 0;
}
.common-stars .star-empty {
  background-position: 0 1.1rem;
}

.common-facebook {
  background-color: #3b5998;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iV2Fyc3R3YV8xIiBkYXRhLW5hbWU9IldhcnN0d2EgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAgMTAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48dGl0bGU+bG9naW4tc29jaWFsbWVkaWEtZmI8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUuNiw5VjUuMzVINi43OEw3LDMuOTNINS42VjNjMC0uNDEuMTEtLjY5LjY3LS42OUg3VjEuMDVBOS42Myw5LjYzLDAsMCwwLDUuOTQsMSwxLjY4LDEuNjgsMCwwLDAsNC4xOSwyLjg4djFIM1Y1LjM1SDQuMTlWOVoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
  -webkit-background-size: 2rem 2rem;
  background-position: 0.5rem, 50%;
}
.common-facebook:hover, .common-facebook:focus {
  background-color: rgb(71.9156398104, 108.0507109005, 183.9343601896);
}

.common-google {
  background-color: #d34836;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iV2Fyc3R3YV8xIiBkYXRhLW5hbWU9IldhcnN0d2EgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAgMTAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO2ZpbGwtcnVsZTpldmVub2RkO308L3N0eWxlPjwvZGVmcz48dGl0bGU+bG9naW4tc29jaWFsbWVkaWEtZzwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMy4zMzIsNC40NjF2MS4xSDQuOTQ4QTEuNTI0LDEuNTI0LDAsMCwxLDMuMzM1LDYuODE1YTEuODEyLDEuODEyLDAsMCwxLDAtMy42MjMsMS42LDEuNiwwLDAsMSwxLjEyOS40MzhMNS4zLDIuODEyQTIuOCwyLjgsMCwwLDAsMy4zMzUsMi4wNGEyLjk2LDIuOTYsMCwwLDAsMCw1LjkyMUEyLjcyLDIuNzIsMCwwLDAsNi4xNTEsNS4wNjhhMi42LDIuNiwwLDAsMC0uMDc0LS42MDdaTTguNTgsNC41MVYzLjQ2SDcuODg2VjQuNTFINi44Njd2LjcxNGgxLjAydjEuMDVIOC41OFY1LjIyNEg5LjZWNC41MVoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
  -webkit-background-size: 2rem 2rem;
  background-position: 0.5rem, 50%;
}
.common-google:hover, .common-google:focus {
  background-color: rgb(217.6, 99.45, 84.15);
}

.common-or {
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEwMCIgaGVpZ2h0PSIyIiB2ZXJzaW9uPSIxLjEiIGJhc2VQcm9maWxlPSJmdWxsIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZTVlNWU1IiAvPg0KPC9zdmc+);
  background-repeat: no-repeat;
  background-position: 0 50%;
}
@media print, screen and (max-width: 63.99875em) {
  .common-or {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
@media print, screen and (min-width: 64rem) {
  .common-or {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
.common-or .circle {
  height: 1.8rem;
  width: 1.8rem;
  background-color: #fe6100;
  border-radius: 50%;
  margin: 0 auto;
  font-size: 0.8rem;
  font-weight: 600;
  color: #fff;
  padding: 0.3rem;
}

#newsletter-popup {
  overflow: hidden;
  /* This container is needed to position the front and back side */
  background-color: transparent;
  outline: none !important;
  width: calc(500px + 10em);
  /* Do an horizontal flip when you move the mouse over the flip box container */
}
#newsletter-popup .flip-main {
  perspective: 1000px;
  padding: 5em;
  height: 33em;
  overflow: hidden;
}
#newsletter-popup .flip-main .flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.4s;
  transform-style: preserve-3d;
  /* Position the front and back side */
  /* Style the front side (fallback if image is missing) */
  /* Style the back side */
}
#newsletter-popup .flip-main .flip-inner .flip-fore, #newsletter-popup .flip-main .flip-inner .flip-back {
  background-color: #fff;
  border-radius: 8px;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  overflow: hidden;
}
@media print, screen and (min-width: 64em) {
  #newsletter-popup .flip-main .flip-inner .flip-fore .content {
    margin-right: 40%;
  }
}
#newsletter-popup .flip-main .flip-inner .flip-fore .content .buttons .button {
  width: 100%;
}
#newsletter-popup .flip-main .flip-inner .flip-fore .content .buttons .button:last-child {
  margin-top: 1rem;
}
#newsletter-popup .flip-main .flip-inner .flip-back {
  transform: rotateY(180deg);
}
#newsletter-popup .flip-main .flip-inner .flip-back .content .buttons {
  width: 100%;
}
#newsletter-popup .flip-main .flip-inner .flip-back .content .buttons .button {
  width: 45%;
  margin-right: 5%;
}
#newsletter-popup.flipped .flip-inner {
  transform: rotateY(180deg);
}
@media print, screen and (max-width: 63.99875em) {
  #newsletter-popup .promoimg {
    margin: 0 auto;
    margin-top: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  #newsletter-popup .promoimg {
    position: absolute;
    top: 1rem;
    right: -4rem;
    width: 60%;
  }
}

.ui-autocomplete {
  max-height: 20.3125rem;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0.95rem;
}

.ui-autocomplete-category {
  font-weight: bold;
  padding: 0.2em 0.4em;
  margin: 0.8em 0 0.2em;
  line-height: 1.5;
}

.ui-widget-content {
  background-color: #fff;
  color: #333;
  border: 1px solid #f0f0f0;
}

.ui-menu .ui-menu-item {
  padding: 0.2rem 0.5rem;
}
.ui-menu .ui-menu-item a {
  padding: 0;
  border-color: #fff;
}

/*********************** WOWHEAD TOOLTIPS **********************/
.wowhead-tooltip {
  text-align: center;
  background-color: rgba(51, 51, 51, 0.6);
  background-image: none;
  box-shadow: 0px 0px 8px 0px #111;
}
.wowhead-tooltip table {
  margin-bottom: 0;
  background-color: inherit;
  border: none;
}
.wowhead-tooltip table tbody {
  background-color: inherit;
  border: none;
}
.wowhead-tooltip table tbody tr:nth-child(even) {
  background-color: inherit;
}
.wowhead-tooltip td, .wowhead-tooltip th {
  background-image: none !important;
  color: #f0f0f0;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.85rem;
}

body::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url("/images/icons/other/loader-lightorange-full.gif") url("/images/icons/other/loader-lightorange-hollow.gif") url("/images/form/form-email.svg") url("/images/form/form-user.svg") url("/images/form/form-password.svg") url("/images/form/form-name.svg");
}

/* header, menus, footer */
#navigation-top, #navbar-offcanvas {
  /* Guides navigation bar */
  /* END OF Guides navigation bar */
  /* Members menu navigation bar */
  /* END OF Members menu navigation bar */
}
#navigation-top .menu-entry > a, #navbar-offcanvas .menu-entry > a {
  display: flex;
  height: 45px;
  align-items: center;
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 0.9em;
  padding: 0px 20px;
  letter-spacing: 0.05rem;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
#navigation-top .menu-entry > a:active, #navigation-top .menu-entry > a:focus, #navigation-top .menu-entry > a:hover, #navbar-offcanvas .menu-entry > a:active, #navbar-offcanvas .menu-entry > a:focus, #navbar-offcanvas .menu-entry > a:hover {
  background-color: #333;
}
#navigation-top .menu-entry > a, #navigation-top .menu-entry > a:visited, #navigation-top .menu-entry > a:active, #navbar-offcanvas .menu-entry > a, #navbar-offcanvas .menu-entry > a:visited, #navbar-offcanvas .menu-entry > a:active {
  color: #f0f0f0;
  text-decoration: none;
}
#navigation-top .user, #navbar-offcanvas .user {
  display: flex;
  align-items: center;
}
#navigation-top .user .avatar, #navbar-offcanvas .user .avatar {
  height: 2.5em;
  width: 2.5em;
  margin-right: 15px;
}
#navigation-top .user .default, #navbar-offcanvas .user .default {
  background: url("/images/navigation/navbar-main-userdefault.svg") no-repeat left center;
}
#navigation-top .user .custom, #navbar-offcanvas .user .custom {
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #fff;
  clip-path: circle(50%);
}
#navigation-top .user .custom img, #navbar-offcanvas .user .custom img {
  width: 87%;
  height: 87%;
  clip-path: circle(50%);
  margin-right: 0;
}
#navigation-top .guidesmenu, #navbar-offcanvas .guidesmenu {
  background-color: #333;
  padding-top: 15px;
}
#navigation-top .guidesmenu .container, #navbar-offcanvas .guidesmenu .container {
  display: flex;
  width: 68.75rem;
  position: relative;
  margin: 0 auto;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#navigation-top .guidesmenu .gametitle, #navbar-offcanvas .guidesmenu .gametitle {
  display: block;
  color: #fe6100;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.8px;
  border-bottom: 1px solid #fe6100;
  margin-bottom: 7px;
  text-transform: uppercase;
}
#navigation-top .guidesmenu .guidelist, #navbar-offcanvas .guidesmenu .guidelist {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 15px;
}
#navigation-top .guidesmenu .guidelist .guide, #navbar-offcanvas .guidesmenu .guidelist .guide {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 36px;
  background: url("/images/navigation/navbar-icons-guides-white.svg") no-repeat left center;
  background-size: 36px 252px;
  -webkit-background-size: 36px 252px;
  padding: 0px 0px 0px 50px;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #ebebeb;
  line-height: 17px;
  text-decoration: none;
  transition: background-image 0.15s ease-in-out, color 0.15s ease-in-out;
}
#navigation-top .guidesmenu .guidelist .wow-ll, #navbar-offcanvas .guidesmenu .guidelist .wow-ll {
  background-position: 0px 0px;
}
#navigation-top .guidesmenu .guidelist .wow-dg, #navbar-offcanvas .guidesmenu .guidelist .wow-dg {
  background-position: 0px -36px;
}
#navigation-top .guidesmenu .guidelist .wow-dr, #navbar-offcanvas .guidesmenu .guidelist .wow-dr {
  background-position: 0px -72px;
}
#navigation-top .guidesmenu .guidelist .wow-gp, #navbar-offcanvas .guidesmenu .guidelist .wow-gp {
  background-position: 0px -108px;
}
#navigation-top .guidesmenu .guidelist .wow-pm, #navbar-offcanvas .guidesmenu .guidelist .wow-pm {
  background-position: 0px -144px;
}
#navigation-top .guidesmenu .guidelist .wow-ta, #navbar-offcanvas .guidesmenu .guidelist .wow-ta {
  background-position: 0px -180px;
}
#navigation-top .guidesmenu .guidelist .classic-l, #navbar-offcanvas .guidesmenu .guidelist .classic-l {
  background-position: 0px 0px;
}
#navigation-top .guidesmenu .guidelist .classic-dg, #navbar-offcanvas .guidesmenu .guidelist .classic-dg {
  background-position: 0px -36px;
}
#navigation-top .guidesmenu .guidelist .classic-gp, #navbar-offcanvas .guidesmenu .guidelist .classic-gp {
  background-position: 0px -108px;
}
#navigation-top .guidesmenu .guidelist .classictbc-l, #navbar-offcanvas .guidesmenu .guidelist .classictbc-l {
  background-position: 0px 0px;
}
#navigation-top .guidesmenu .guidelist .classictbc-dg, #navbar-offcanvas .guidesmenu .guidelist .classictbc-dg {
  background-position: 0px -36px;
}
#navigation-top .guidesmenu .guidelist .classictbc-gp, #navbar-offcanvas .guidesmenu .guidelist .classictbc-gp {
  background-position: 0px -108px;
}
#navigation-top .guidesmenu .guidelist .classicwotlk-l, #navbar-offcanvas .guidesmenu .guidelist .classicwotlk-l {
  background-position: 0px 0px;
}
#navigation-top .guidesmenu .guidelist .classicwotlk-dg, #navbar-offcanvas .guidesmenu .guidelist .classicwotlk-dg {
  background-position: 0px -36px;
}
#navigation-top .guidesmenu .guidelist .classicwotlk-dr, #navbar-offcanvas .guidesmenu .guidelist .classicwotlk-dr {
  background-position: 0px -72px;
}
#navigation-top .guidesmenu .guidelist .classicwotlk-gp, #navbar-offcanvas .guidesmenu .guidelist .classicwotlk-gp {
  background-position: 0px -108px;
}
#navigation-top .guidesmenu .guidelist .classiccata-l, #navbar-offcanvas .guidesmenu .guidelist .classiccata-l {
  background-position: 0px 0px;
}
#navigation-top .guidesmenu .guidelist .classiccata-dg, #navbar-offcanvas .guidesmenu .guidelist .classiccata-dg {
  background-position: 0px -36px;
}
#navigation-top .guidesmenu .guidelist .classiccata-dr, #navbar-offcanvas .guidesmenu .guidelist .classiccata-dr {
  background-position: 0px -72px;
}
#navigation-top .guidesmenu .guidelist .classiccata-gp, #navbar-offcanvas .guidesmenu .guidelist .classiccata-gp {
  background-position: 0px -108px;
}
#navigation-top .guidesmenu .guidelist .comingsoon-tww, #navbar-offcanvas .guidesmenu .guidelist .comingsoon-tww {
  background: url("/images/navigation/navbar-icons-games-wow-white.svg") no-repeat left center;
  background-size: 36px 36px;
  -webkit-background-size: 36px 36px;
}
#navigation-top .guidesmenu .guidelist .comingsoon-classichardcore, #navbar-offcanvas .guidesmenu .guidelist .comingsoon-classichardcore {
  background: url("/images/navigation/navbar-icons-guides-classichardcore-white.svg") no-repeat left center;
  background-size: 36px 36px;
  -webkit-background-size: 36px 36px;
}
#navigation-top .guidesmenu .guidelist .comingsoon-classicsod, #navbar-offcanvas .guidesmenu .guidelist .comingsoon-classicsod {
  background: url("/images/navigation/navbar-icons-guides-classicsod-white.svg") no-repeat left center;
  background-size: 36px 36px;
  -webkit-background-size: 36px 36px;
}
#navigation-top .guidesmenu .guidelist .comingsoon-classiccata, #navbar-offcanvas .guidesmenu .guidelist .comingsoon-classiccata {
  background: url("/images/navigation/navbar-icons-games-wow-white.svg") no-repeat left center;
  background-size: 36px 36px;
  -webkit-background-size: 36px 36px;
}
#navigation-top .guidesmenu .guidelist .comingsoon-classicmop, #navbar-offcanvas .guidesmenu .guidelist .comingsoon-classicmop {
  background: url("/images/navigation/navbar-icons-games-wow-white.svg") no-repeat left center;
  background-size: 36px 36px;
  -webkit-background-size: 36px 36px;
}
#navigation-top .guidesmenu .guidelist .filler-classic, #navbar-offcanvas .guidesmenu .guidelist .filler-classic {
  width: 42.5%;
}
#navigation-top .guidesmenu .guidelist .filler-classiccata, #navbar-offcanvas .guidesmenu .guidelist .filler-classiccata {
  width: 22%;
}
#navigation-top .guidesmenu .guidelist .filler-comingsoon, #navbar-offcanvas .guidesmenu .guidelist .filler-comingsoon {
  width: 13%;
}
#navigation-top .guidesmenu.game_collapsing, #navbar-offcanvas .guidesmenu.game_collapsing {
  display: flex;
}
#navigation-top .hide-for-large.guidesmenu, #navbar-offcanvas .hide-for-large.guidesmenu {
  padding-left: 40px;
}
#navigation-top .hide-for-large.guidesmenu li, #navbar-offcanvas .hide-for-large.guidesmenu li {
  margin-bottom: 15px;
}
#navigation-top .membersmenu, #navbar-offcanvas .membersmenu {
  background-color: #555;
}
#navigation-top .membersmenu .top-bar, #navbar-offcanvas .membersmenu .top-bar {
  width: 68.75rem;
  margin: 0 auto;
}
#navigation-top .membersmenu .top-bar ul, #navbar-offcanvas .membersmenu .top-bar ul {
  background-color: #555;
}
#navigation-top .membersmenu .menu .menu-entry, #navbar-offcanvas .membersmenu .menu .menu-entry {
  background-color: #555;
}
#navigation-top .membersmenu .menu .menu-entry > a::before, #navbar-offcanvas .membersmenu .menu .menu-entry > a::before {
  background: url("/images/navigation/navbar-icons-members.svg") no-repeat left center;
  content: "";
}
#navigation-top .membersmenu .menu .menu-entry > a:active::before, #navigation-top .membersmenu .menu .menu-entry > a:focus::before, #navigation-top .membersmenu .menu .menu-entry > a:hover::before, #navbar-offcanvas .membersmenu .menu .menu-entry > a:active::before, #navbar-offcanvas .membersmenu .menu .menu-entry > a:focus::before, #navbar-offcanvas .membersmenu .menu .menu-entry > a:hover::before {
  background-image: url("/images/navigation/navbar-icons-members-hl.svg");
}
#navigation-top .membersmenu .menu .menu-entry.active a, #navbar-offcanvas .membersmenu .menu .menu-entry.active a {
  background-color: #777;
  text-decoration: none;
}
#navigation-top .membersmenu .menu .menu-entry a:hover, #navbar-offcanvas .membersmenu .menu .menu-entry a:hover {
  background-color: #666;
}

/* Highlighting of guide types basing on specific page */
#navigation-top .guidesmenu .guidelist .guide:hover,
#navbar-offcanvas .guidesmenu .guidelist .guide:hover {
  background-image: url("/images/navigation/navbar-icons-guides-color.svg");
  color: #fff;
  background-size: 36px 252px;
  -webkit-background-size: 36px 252px;
}

#navigation-top .guidesmenu .guidelist .guide.comingsoon-tww:hover,
#navbar-offcanvas .guidesmenu .guidelist .guide.comingsoon-tww:hover {
  background: url("/images/navigation/navbar-icons-games-wow-tww-color.svg") no-repeat left center;
  background-size: 36px 36px;
  -webkit-background-size: 36px 36px;
}

#navigation-top .guidesmenu .guidelist .guide.comingsoon-classichardcore:hover,
#navbar-offcanvas .guidesmenu .guidelist .guide.comingsoon-classichardcore:hover {
  background: url("/images/navigation/navbar-icons-guides-classichardcore-color.svg") no-repeat left center;
  background-size: 36px 36px;
  -webkit-background-size: 36px 36px;
}

#navigation-top .guidesmenu .guidelist .guide.comingsoon-classicsod:hover,
#navbar-offcanvas .guidesmenu .guidelist .guide.comingsoon-classicsod:hover {
  background: url("/images/navigation/navbar-icons-guides-classicsod-color.svg") no-repeat left center;
  background-size: 36px 36px;
  -webkit-background-size: 36px 36px;
}

#navigation-top .guidesmenu .guidelist .guide.comingsoon-classiccata:hover,
#navbar-offcanvas .guidesmenu .guidelist .guide.comingsoon-classiccata:hover {
  background: url("/images/navigation/navbar-icons-games-wow-classiccata-color.svg") no-repeat left center;
  background-size: 36px 36px;
  -webkit-background-size: 36px 36px;
}

#navigation-top .guidesmenu .guidelist .guide.comingsoon-classicmop:hover,
#navbar-offcanvas .guidesmenu .guidelist .guide.comingsoon-classicmop:hover {
  background: url("/images/navigation/navbar-icons-games-wow-classicmop-color.svg") no-repeat left center;
  background-size: 36px 36px;
  -webkit-background-size: 36px 36px;
}

#navbar-offcanvas .userbar {
  display: block;
  border-bottom: 1px solid #333;
}
#navbar-offcanvas .userbar .user {
  min-height: 50px;
  padding: 25px;
}
#navbar-offcanvas .userbar .user .avatar {
  height: 3em;
  width: 3em;
  margin-right: 20px;
}
#navbar-offcanvas .userbar .user .description {
  flex-direction: column;
  -webkit-flex-direction: column;
  text-decoration: none;
}
#navbar-offcanvas .userbar .user .description .welcome {
  font-weight: 300;
  color: #f0f0f0;
  width: 100%;
  letter-spacing: 0.05em;
}
#navbar-offcanvas .userbar .user .description .username {
  font-weight: 700;
  font-size: 1.2em;
  color: #f0f0f0;
  width: 100%;
  letter-spacing: 0.1em;
}
#navbar-offcanvas .userbar .guest {
  display: flex;
  letter-spacing: 0.05em;
}
#navbar-offcanvas .userbar .guest .login {
  flex-grow: 1;
  color: #f0f0f0;
  font-weight: 600;
  padding: 0px 0px 10px 25px;
}
#navbar-offcanvas .userbar .guest .join {
  flex-grow: 1;
  color: #fe6100;
  font-weight: 700;
  text-align: right;
  padding: 0px 25px 10px 0px;
}
#navbar-offcanvas .userbar.member {
  background-size: 12px 12px;
  -webkit-background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: 98% 96%;
}
#navbar-offcanvas .userbar.member:hover {
  background-color: #333;
  cursor: pointer;
}
#navbar-offcanvas .userbar.open {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ljk0bW0iIGhlaWdodD0iNC41OW1tIiB2aWV3Qm94PSIwIDAgMTQgMTMuMDEiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojNTU1NTU1O2ZpbGwtcnVsZTpldmVub2RkO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNCw2TDcsMTMsMCw2VjBMNyw3bDctN1Y2WiIvPjwvc3ZnPg==);
}
#navbar-offcanvas .userbar.close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ljk0bW0iIGhlaWdodD0iNC41OW1tIiB2aWV3Qm94PSIwIDAgMTQgMTMuMDEiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojNTU1NTU1O2ZpbGwtcnVsZTpldmVub2RkO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNCwxM0w3LDYsMCwxM1Y3TDcsMGw3LDd2NloiLz48L3N2Zz4=);
}
#navbar-offcanvas #navbar-membersmenu-slidersmall .menu-entry > a {
  font-size: 1em;
}
#navbar-offcanvas #navbar-membersmenu-slidersmall .menu-entry > a::before {
  background-size: 30px 210px;
  -webkit-background-size: 30px 210px;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
#navbar-offcanvas #navbar-membersmenu-slidersmall .menu-entry > a.overview::before {
  background-position: 0px 0px;
}
#navbar-offcanvas #navbar-membersmenu-slidersmall .menu-entry > a.membership::before {
  background-position: 0px -30px;
}
#navbar-offcanvas #navbar-membersmenu-slidersmall .menu-entry > a.guides::before {
  background-position: 0px -60px;
}
#navbar-offcanvas #navbar-membersmenu-slidersmall .menu-entry > a.referrals::before {
  background-position: 0px -90px;
}
#navbar-offcanvas #navbar-membersmenu-slidersmall .menu-entry > a.feedback::before {
  background-position: 0px -120px;
}
#navbar-offcanvas #navbar-membersmenu-slidersmall .menu-entry > a.account::before {
  background-position: 0px -150px;
}
#navbar-offcanvas #navbar-membersmenu-slidersmall .menu-entry > a.logout::before {
  background-position: 0px -180px;
}
#navbar-offcanvas #navbar-membersmenu-slidersmall .menu-entry > a.deprecated::before {
  background: none;
}
#navbar-offcanvas #general-menu .menu-entry > a {
  font-size: 1.2em;
  color: #f0f0f0;
}
#navbar-offcanvas #general-menu .menu-entry > a:active, #navbar-offcanvas #general-menu .menu-entry > a:focus {
  background-color: #333;
}
#navbar-offcanvas #general-menu .menu-entry > a::before {
  background: url("/images/navigation/navbar-icons-main.svg") no-repeat left center;
  content: "";
  transition: background-image 0.15s ease-in-out;
  background-size: 1.875rem 15rem;
  -webkit-background-size: 1.875rem 15rem;
  width: 1.875rem;
  height: 1.875rem;
  margin-right: 0.625rem;
}
#navbar-offcanvas #general-menu .menu-entry > a:active::before, #navbar-offcanvas #general-menu .menu-entry > a:focus::before {
  background-image: url("/images/navigation/navbar-icons-main-hl.svg");
}
#navbar-offcanvas #general-menu .menu-entry > a.home::before {
  background-position: 0px 0px;
}
#navbar-offcanvas #general-menu .menu-entry > a.guides::before {
  background-position: 0px -30px;
}
#navbar-offcanvas #general-menu .menu-entry > a.forum::before {
  background-position: 0px -60px;
}
#navbar-offcanvas #general-menu .menu-entry > a.support::before {
  background-position: 0px -90px;
}
#navbar-offcanvas #general-menu .menu-entry > a.blog::before {
  background-position: 0px -120px;
}
#navbar-offcanvas #general-menu .menu-entry > a.members::before {
  background-position: 0px -150px;
}
#navbar-offcanvas #general-menu .menu-entry > a.merch::before {
  background-position: 0px -210px;
}
#navbar-offcanvas #general-menu .menu-entry > a.giveaway {
  color: #fe6100;
}
#navbar-offcanvas #general-menu .menu-entry > a.giveaway::before {
  background-image: url("/images/icons/orange/exclamation.svg");
}

#navigation-ghost {
  background-color: #232323;
}
@media print, screen and (max-width: 63.99875em) {
  #navigation-ghost {
    height: 64px;
  }
}
@media print, screen and (min-width: 64em) {
  #navigation-ghost {
    height: 45px;
  }
}

#navigation-top {
  background-color: #232323;
  color: #f0f0f0;
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.2);
  z-index: 5;
  /*

  &.is-stuck {     // style for Foundation class at the top.
  	.zygorlogo {
  		height: 17px;
  		width: 53px;
  		margin-right: 53px;	
  	}

  	.generalmenu, #navbar-user {
  		.menu-entry {	
  			&>a {
  				height: 30px;
  			}
  		}
  	}
  	.avatar {
  		height: 1.25em;
  		width: 1.25em;	
  	}
  }

  */
}
#navigation-top .zygorlogo {
  background: url("../images/zygorlogo.svg") no-repeat scroll left top transparent;
  height: 30px;
  width: 94px;
  display: inline-block;
  text-indent: -5000px;
  vertical-align: top;
  transition: all 0.2s linear;
}
#navigation-top .zygorlogo-mobile {
  background: url("../images/zygorlogo-mobile.svg") no-repeat scroll left top transparent;
  height: 32px;
  width: 140px;
  display: inline-block;
  text-indent: -5000px;
  vertical-align: top;
}
#navigation-top .top-bar, #navigation-top .top-bar ul {
  padding: 0rem;
  background: #232323;
}
#navigation-top .top-bar-title {
  margin: 0 1rem 0 0;
}
#navigation-top .menu-entry > a {
  transition: all 0.2s linear;
}
#navigation-top .menu-entry > a:active, #navigation-top .menu-entry > a:focus {
  background-color: #333;
}
#navigation-top .menu-entry > a::before {
  background-size: 20px 160px;
  -webkit-background-size: 20px 160px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
#navigation-top .menu-entry > a.guides::before {
  background-position: 0px -20px;
}
#navigation-top .menu-entry > a.forum::before {
  background-position: 0px -40px;
}
#navigation-top .menu-entry > a.support::before {
  background-position: 0px -60px;
}
#navigation-top .menu-entry > a.blog::before {
  background-position: 0px -80px;
}
#navigation-top .menu-entry > a.members::before {
  background-position: 0px -100px;
}
#navigation-top .menu-entry > a.logout::before {
  background-position: 0px -120px;
}
#navigation-top .menu-entry > a.signup::before, #navigation-top .menu-entry > a.login::before, #navigation-top .menu-entry > a.user::before {
  display: none;
}
#navigation-top .menu-entry > a.giveaway {
  color: #fe6100;
}
#navigation-top .membersmenu .menu .menu-entry > a::before {
  background-size: 20px 140px;
  -webkit-background-size: 20px 140px;
  width: 20px;
  height: 20px;
}
#navigation-top .membersmenu .menu .menu-entry > a.overview::before {
  background-position: 0px 0px;
}
#navigation-top .membersmenu .menu .menu-entry > a.membership::before {
  background-position: 0px -20px;
}
#navigation-top .membersmenu .menu .menu-entry > a.guides::before {
  background-position: 0px -40px;
}
#navigation-top .membersmenu .menu .menu-entry > a.referrals::before {
  background-position: 0px -60px;
}
#navigation-top .membersmenu .menu .menu-entry > a.feedback::before {
  background-position: 0px -80px;
}
#navigation-top .membersmenu .menu .menu-entry > a.account::before {
  background-position: 0px -100px;
}
#navigation-top .membersmenu .menu .menu-entry > a.logout::before {
  background-position: 0px -120px;
}
#navigation-top .membersmenu .menu .menu-entry > a.deprecated::before {
  display: none;
}
#navigation-top #navbar-user .menu > li > a {
  align-items: center;
}
#navigation-top #navbar-user .user .avatar {
  transition: all 0.2s linear;
}
#navigation-top #navbar-user .user::after {
  content: "";
  height: 100%;
  width: 1rem;
  margin-left: 0.5rem;
  background-repeat: no-repeat;
  background-size: 0.8rem auto;
  background-position: 0 50%;
}
#navigation-top #navbar-user .user.open::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ljk0bW0iIGhlaWdodD0iNC41OW1tIiB2aWV3Qm94PSIwIDAgMTQgMTMuMDEiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojNTU1NTU1O2ZpbGwtcnVsZTpldmVub2RkO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNCw2TDcsMTMsMCw2VjBMNyw3bDctN1Y2WiIvPjwvc3ZnPg==);
}
#navigation-top #navbar-user .user.close::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ljk0bW0iIGhlaWdodD0iNC41OW1tIiB2aWV3Qm94PSIwIDAgMTQgMTMuMDEiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojNTU1NTU1O2ZpbGwtcnVsZTpldmVub2RkO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNCwxM0w3LDYsMCwxM1Y3TDcsMGw3LDd2NloiLz48L3N2Zz4=);
}
#navigation-top #navbar-usermenu {
  background-color: #232323;
  border: 1px solid #232323;
  box-shadow: 0px 0px 8px 0px #232323;
  padding: 0;
}
#navigation-top #navbar-usermenu .menu-entry > a::before {
  background-image: url("/images/navigation/navbar-icons-main.svg");
  content: "";
}
#navigation-top #navbar-usermenu .menu-entry > a:hover::before, #navigation-top #navbar-usermenu .menu-entry > a:active::before, #navigation-top #navbar-usermenu .menu-entry > a:focus::before {
  background-image: url("/images/navigation/navbar-icons-main-hl.svg");
}

#forum #header .logo {
  margin-left: 20px;
}

#navigation-bottom-sitemap {
  background: #232323;
  color: #e5e5e5;
  padding: 1.25rem 0 1.25rem 0;
}
#navigation-bottom-sitemap ul {
  margin: 0;
  list-style: none outside none;
}
#navigation-bottom-sitemap ul li {
  width: 100%;
  margin-bottom: 0.625rem;
}
#navigation-bottom-sitemap ul li a {
  color: #e5e5e5;
  font-weight: 300;
  letter-spacing: 0.05rem;
}
#navigation-bottom-sitemap ul li a:hover, #navigation-bottom-sitemap ul li a:active {
  color: #fff;
}
#navigation-bottom-sitemap ul li.header {
  color: #989898;
  font-weight: 600;
  letter-spacing: 0.06rem;
  margin: 0 0 0.875rem;
  cursor: pointer;
}
#navigation-bottom-sitemap ul li.subheader {
  color: #989898;
  font-weight: 600;
  letter-spacing: 0.05rem;
  margin: 0 0 0.875rem;
}
#navigation-bottom-sitemap ul.sublist {
  margin-bottom: 1.5rem;
}
#navigation-bottom-sitemap .newsletter {
  display: flex;
}
#navigation-bottom-sitemap .newsletter input.email {
  font-size: 0.875rem;
  height: auto;
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
}
#navigation-bottom-sitemap .newsletter input.button {
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.5rem 1.25rem;
  margin-left: 0.1875rem;
}
#navigation-bottom-sitemap .socialmedia {
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
#navigation-bottom-sitemap .socialmedia a {
  display: block;
  background-image: url("/images/navigation/navbar-bottom-socialmedia.svg");
  overflow: hidden;
  text-indent: -900px;
}
#navigation-bottom-sitemap .socialmedia a:active, #navigation-bottom-sitemap .socialmedia a:focus, #navigation-bottom-sitemap .socialmedia a:hover {
  background-image: url("/images/navigation/navbar-bottom-socialmedia-hl.svg");
  transition: background-image 0.25s ease-in-out;
}
@media print, screen and (max-width: 63.99875em) {
  #navigation-bottom-sitemap .mainlist {
    padding: 0 1rem;
  }
  #navigation-bottom-sitemap .mainlist li a {
    font-size: 1.125rem;
  }
  #navigation-bottom-sitemap .mainlist li.header {
    font-size: 1.375rem;
    border-bottom: 1px solid #333;
    background-size: 0.75rem 0.75rem;
    -webkit-background-size: 0.75rem 0.75rem;
    background-repeat: no-repeat;
    background-position: 98% 50%;
  }
  #navigation-bottom-sitemap .mainlist li.header.open {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ljk0bW0iIGhlaWdodD0iNC41OW1tIiB2aWV3Qm94PSIwIDAgMTQgMTMuMDEiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojNTU1NTU1O2ZpbGwtcnVsZTpldmVub2RkO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNCw2TDcsMTMsMCw2VjBMNyw3bDctN1Y2WiIvPjwvc3ZnPg==);
  }
  #navigation-bottom-sitemap .mainlist li.header.close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ljk0bW0iIGhlaWdodD0iNC41OW1tIiB2aWV3Qm94PSIwIDAgMTQgMTMuMDEiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojNTU1NTU1O2ZpbGwtcnVsZTpldmVub2RkO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNCwxM0w3LDYsMCwxM1Y3TDcsMGw3LDd2NloiLz48L3N2Zz4=);
  }
  #navigation-bottom-sitemap .mainlist li.subheader {
    font-size: 1.125rem;
  }
  #navigation-bottom-sitemap .newsletter input.email {
    font-size: 1rem;
  }
  #navigation-bottom-sitemap .newsletter input.button {
    font-size: 1rem;
  }
  #navigation-bottom-sitemap .socialmedia {
    width: 100%;
  }
  #navigation-bottom-sitemap .socialmedia a {
    background-size: 2.5rem 10rem;
    -webkit-background-size: 2.5rem 10rem;
    width: 2.5rem;
    height: 2.5rem;
  }
  #navigation-bottom-sitemap .socialmedia a.facebook {
    background-position: 0 0;
  }
  #navigation-bottom-sitemap .socialmedia a.twitter {
    background-position: 0 -2.5rem;
  }
  #navigation-bottom-sitemap .socialmedia a.youtube {
    background-position: 0 -5rem;
  }
  #navigation-bottom-sitemap .socialmedia a.discord {
    background-position: 0 -7.5rem;
  }
  #navigation-bottom-sitemap *[data-manually-slided] {
    display: none;
  }
}
@media print, screen and (min-width: 64em) {
  #navigation-bottom-sitemap .mainlist {
    padding: 0;
  }
  #navigation-bottom-sitemap .mainlist li a {
    font-size: 0.875rem;
  }
  #navigation-bottom-sitemap .mainlist li.header {
    font-size: 1rem;
  }
  #navigation-bottom-sitemap .mainlist li.subheader {
    font-size: 0.875rem;
  }
  #navigation-bottom-sitemap .newsletter input.email {
    font-size: 0.875rem;
  }
  #navigation-bottom-sitemap .newsletter input.button {
    font-size: 0.875rem;
  }
  #navigation-bottom-sitemap .socialmedia {
    width: 16.875rem;
  }
  #navigation-bottom-sitemap .socialmedia a {
    background-size: 1.875rem 7.5rem;
    -webkit-background-size: 1.875rem 7.5rem;
    width: 1.875rem;
    height: 1.875rem;
  }
  #navigation-bottom-sitemap .socialmedia a.facebook {
    background-position: 0 0;
  }
  #navigation-bottom-sitemap .socialmedia a.twitter {
    background-position: 0 -1.875rem;
  }
  #navigation-bottom-sitemap .socialmedia a.youtube {
    background-position: 0 -3.75rem;
  }
  #navigation-bottom-sitemap .socialmedia a.discord {
    background-position: 0 -5.625rem;
  }
}

#navigation-bottom-copyright {
  background: #111;
  color: #989898;
  padding-top: 1rem;
  font-weight: 300;
  letter-spacing: 0.05rem;
}
#navigation-bottom-copyright .linkbox {
  display: flex;
  justify-content: space-between;
}
#navigation-bottom-copyright .linkbox a {
  display: block;
  color: #e5e5e5;
}
#navigation-bottom-copyright .linkbox a:hover, #navigation-bottom-copyright .linkbox a:active {
  color: #fff;
}
@media print, screen and (max-width: 63.99875em) {
  #navigation-bottom-copyright .row {
    padding: 0 1rem;
    font-size: 1rem;
  }
  #navigation-bottom-copyright .linkbox {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #navigation-bottom-copyright .linkbox a {
    width: 50%;
    padding-top: 1rem;
  }
  #navigation-bottom-copyright .linkbox a:nth-child(even) {
    text-align: right;
  }
  #navigation-bottom-copyright .smallprint {
    font-size: 0.8125rem;
    padding: 1rem 0;
  }
}
@media print, screen and (min-width: 64em) {
  #navigation-bottom-copyright {
    font-size: 0.875rem;
  }
  #navigation-bottom-copyright .smallprint {
    font-size: 0.75rem;
    padding: 0.5rem 0 1rem 0;
  }
}

#navigation-bottom-tour {
  background-color: #333;
}
#navigation-bottom-tour .container {
  display: flex;
  justify-content: space-between;
}
@media print, screen and (min-width: 64em) {
  #navigation-bottom-tour .container {
    padding: 2rem 0;
  }
}
@media print, screen and (max-width: 63.99875em) {
  #navigation-bottom-tour .container {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
#navigation-bottom-tour .container a {
  display: block;
  color: #989898;
  font-size: 0.8rem;
  letter-spacing: 0.02rem;
}
#navigation-bottom-tour .container a strong {
  display: block;
  color: #e5e5e5;
  font-size: 0.875rem;
  letter-spacing: 0.05rem;
  font-weight: 600;
}
#navigation-bottom-tour .container a.next {
  text-align: right;
}

.navigation-toc li {
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.3rem;
  list-style-type: none;
  margin-bottom: 0.7rem;
  padding-left: 1.5rem;
  background-size: 1.2rem;
  background-position: 0 50%;
  background-repeat: no-repeat;
}
.navigation-toc ul.level-1 {
  margin-bottom: 1.5rem;
  margin-left: 1.5rem;
}
.navigation-toc ul.level-1 li {
  font-size: 1rem;
  font-weight: normal;
  list-style-type: none;
  padding-left: 0;
}
.navigation-toc ul.level-1 li.header {
  font-weight: 600;
}
.navigation-toc ul.level-1 li .subtitle {
  display: block;
  font-size: 0.9em;
}
.navigation-toc ul.level-1 ul.level-2 {
  margin-bottom: 0;
  margin-left: 1.5rem;
}
.navigation-toc ul.level-1 ul.level-2 li {
  font-size: 0.95rem;
}
.navigation-toc img {
  vertical-align: middle;
}
.navigation-toc a.active {
  font-weight: bold;
}

.navigation-longmenu-hamburger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f0f0f0;
  padding: 1rem;
  width: 100%;
}
.navigation-longmenu-hamburger h1 {
  color: #111;
}
.navigation-longmenu-hamburger button {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 20px;
  cursor: pointer;
}
.navigation-longmenu-hamburger button::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 3px;
  background: #fe6100;
  box-shadow: 0 8px 0 #fe6100, 0 16px 0 #fe6100;
  content: "";
}
.navigation-longmenu-hamburger button:hover::after {
  background: #ff8032;
  box-shadow: 0 8px 0 #ff8032, 0 16px 0 #ff8032;
}

.navigation-offcanvas-right {
  background-color: #f0f0f0;
  padding: 1rem;
}

body::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url("/images/navigation/navbar-main-userdefault.svg") url("/images/navigation/navbar-icons-guides-white.svg") url("/images/navigation/navbar-icons-members.svg") url("/images/navigation/navbar-icons-members-hl.svg") url("/images/navigation/navbar-icons-guides-color.svg") url("/images/navigation/navbar-icons-main.svg") url("/images/navigation/navbar-icons-main-hl.svg") url("/images/navigation/navbar-icons-members.svg") url("../images/zygorlogo.svg") url("../images/zygorlogo-mobile.svg") url("/images/navigation/navbar-bottom-socialmedia.svg") url("/images/navigation/navbar-bottom-socialmedia-hl.svg");
}

#loginpanel .loginway {
  margin-bottom: 0.8rem;
  font-size: 1.05rem;
}
#loginpanel .socialmedia {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#loginpanel .socialmedia .button {
  width: 49%;
}
#loginpanel .inputbox {
  height: 4.1rem;
}
#loginpanel .inputbox .user, #loginpanel .inputbox .password {
  position: relative;
}
#loginpanel .inputbox .user input, #loginpanel .inputbox .password input {
  padding-left: 2.5em;
}
#loginpanel .inputbox .valid.user input, #loginpanel .inputbox .valid.password input {
  color: #08b200;
}
#loginpanel .inputbox .invalid.user input, #loginpanel .inputbox .invalid.password input {
  color: #a00000;
}
#loginpanel .inputbox .user::before, #loginpanel .inputbox .password::before {
  content: "";
  display: block;
  height: 100%;
  width: 2.5em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1006;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 1.8em;
}
#loginpanel .inputbox .user::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iV2Fyc3R3YV8xIiBkYXRhLW5hbWU9IldhcnN0d2EgMSIKICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjguMzEgMjguMzEiPgogICAgPGRlZnM+CiAgICAgICAgPHN0eWxlPgogICAgICAgIC5jbHMtMSwuY2xzLTN7ZmlsbDojOTg5ODk4O30KICAgICAgICA8L3N0eWxlPgogICAgPC9kZWZzPgogICAgPGcgaWQ9ImhlYWQiIGRhdGEtbmFtZT0iaGVhZCI+CiAgICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTguNzgsNy40MmE0LjgxLDQuODEsMCwwLDAtOS42MiwwdjJhNC44MSw0LjgxLDAsMCwwLDkuNjIsMFoiLz4KICAgIDwvZz4KICAgIDxnIGlkPSJib2R5IiBkYXRhLW5hbWU9ImJvZHkiPgogICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTIzLjIxLDIxLjQ2YS43Ny43NywwLDAsMCwwLS4xNVYxOS42YTMuNDMsMy40MywwLDAsMC0zLjQ2LTMuNDFIMTcuMThjLS42MS0uMjktLjc3LTEuMDYtLjgxLTEuODdhNC43Myw0LjczLDAsMCwxLTUuMi0uMjVjMCwuOS0uMTYsMS44LS44MiwyLjEySDguMjVBMy40MiwzLjQyLDAsMCwwLDQuOCwxOS42djEuNjRhMS4xNSwxLjE1LDAsMCwwLS4wOC40MWMwLDEuODEsNC4xNCwzLjI3LDkuMjYsMy4yN3M5LjI2LTEuNDYsOS4yNi0zLjI3QTEuMDgsMS4wOCwwLDAsMCwyMy4yMSwyMS40NloiLz4KICAgIDwvZz4KPC9zdmc+);
}
#loginpanel .inputbox .password::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOS45OW1tIiBoZWlnaHQ9IjkuOTltbSIgdmlld0JveD0iMCAwIDI4LjMxIDI4LjMxIj48ZGVmcz48c3R5bGU+LmNscy0xe21hc2s6dXJsKCNtYXNrKTt9LmNscy0ye2lzb2xhdGlvbjppc29sYXRlO30uY2xzLTN7ZmlsbDojOTg5ODk4O308L3N0eWxlPjxtYXNrIGlkPSJtYXNrIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiPjxnIGlkPSJXYXJzdHdhXzNfa29waWFNYXNrYV9rcnlqxIVjYSIgZGF0YS1uYW1lPSJXYXJzdHdhIDMga29waWFNYXNrYSBrcnlqxIVjYSI+PGltYWdlIGlkPSJXYXJzdHdhXzNfa29waWFNYXNrYV9rcnlqxIVjYS0yIiBkYXRhLW5hbWU9IldhcnN0d2EgMyBrb3BpYU1hc2thIGtyeWrEhWNhIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQ1FBQUFBa0NBSUFBQUJ1WWcvUEFBQUFDWEJJV1hNQUFBc1NBQUFMRWdIUzNYNzhBQUFBTmtsRVFWUklTKzNOc1EwQU1BakFNUDUvdWoyQnhXS0s1MGlaZDJpMlFHcEdOQ09hRWMySVprUXpvaG5SakdoR05DT2FFYWV6RDFUOEliSmRUWjZUQUFBQUFFbEZUa1N1UW1DQyIvPjwvZz48L21hc2s+PC9kZWZzPjx0aXRsZT5sb2dpbi1wYXNzd29yZDwvdGl0bGU+PGcgaWQ9ImZhY2Vfc2lsaHVldHRlIiBkYXRhLW5hbWU9ImZhY2Ugc2lsaHVldHRlIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik00LjIxLDEzLjVWMjQuMzFIMjQuMTRWMTMuNUg0LjIxWm0xMS4wNyw2LjgxSDEyLjg2VjE2LjIzaDIuNDJ2NC4wOFoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik00LjIxLDEzLjcyYTEwLDEwLDAsMSwxLDE5LjkzLDBtLTIsMGE4LDgsMCwwLDAtMTUuOTEsMCIvPjwvZz48L3N2Zz4=);
}
#loginpanel .inputbox .valid.user::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iV2Fyc3R3YV8xIiBkYXRhLW5hbWU9IldhcnN0d2EgMSIKICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjguMzEgMjguMzEiPgogICAgPGRlZnM+CiAgICAgICAgPHN0eWxlPgogICAgICAgIC5jbHMtMSwuY2xzLTN7ZmlsbDojMDhiMjAwO30KICAgICAgICA8L3N0eWxlPgogICAgPC9kZWZzPgogICAgPGcgaWQ9ImhlYWQiIGRhdGEtbmFtZT0iaGVhZCI+CiAgICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTguNzgsNy40MmE0LjgxLDQuODEsMCwwLDAtOS42MiwwdjJhNC44MSw0LjgxLDAsMCwwLDkuNjIsMFoiLz4KICAgIDwvZz4KICAgIDxnIGlkPSJib2R5IiBkYXRhLW5hbWU9ImJvZHkiPgogICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTIzLjIxLDIxLjQ2YS43Ny43NywwLDAsMCwwLS4xNVYxOS42YTMuNDMsMy40MywwLDAsMC0zLjQ2LTMuNDFIMTcuMThjLS42MS0uMjktLjc3LTEuMDYtLjgxLTEuODdhNC43Myw0LjczLDAsMCwxLTUuMi0uMjVjMCwuOS0uMTYsMS44LS44MiwyLjEySDguMjVBMy40MiwzLjQyLDAsMCwwLDQuOCwxOS42djEuNjRhMS4xNSwxLjE1LDAsMCwwLS4wOC40MWMwLDEuODEsNC4xNCwzLjI3LDkuMjYsMy4yN3M5LjI2LTEuNDYsOS4yNi0zLjI3QTEuMDgsMS4wOCwwLDAsMCwyMy4yMSwyMS40NloiLz4KICAgIDwvZz4KPC9zdmc+);
}
#loginpanel .inputbox .valid.password::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOS45OW1tIiBoZWlnaHQ9IjkuOTltbSIgdmlld0JveD0iMCAwIDI4LjMxIDI4LjMxIj48ZGVmcz48c3R5bGU+LmNscy0xe21hc2s6dXJsKCNtYXNrKTt9LmNscy0ye2lzb2xhdGlvbjppc29sYXRlO30uY2xzLTN7ZmlsbDojMDhiMjAwO308L3N0eWxlPjxtYXNrIGlkPSJtYXNrIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiPjxnIGlkPSJXYXJzdHdhXzNfa29waWFNYXNrYV9rcnlqxIVjYSIgZGF0YS1uYW1lPSJXYXJzdHdhIDMga29waWFNYXNrYSBrcnlqxIVjYSI+PGltYWdlIGlkPSJXYXJzdHdhXzNfa29waWFNYXNrYV9rcnlqxIVjYS0yIiBkYXRhLW5hbWU9IldhcnN0d2EgMyBrb3BpYU1hc2thIGtyeWrEhWNhIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQ1FBQUFBa0NBSUFBQUJ1WWcvUEFBQUFDWEJJV1hNQUFBc1NBQUFMRWdIUzNYNzhBQUFBTmtsRVFWUklTKzNOc1EwQU1BakFNUDUvdWoyQnhXS0s1MGlaZDJpMlFHcEdOQ09hRWMySVprUXpvaG5SakdoR05DT2FFYWV6RDFUOEliSmRUWjZUQUFBQUFFbEZUa1N1UW1DQyIvPjwvZz48L21hc2s+PC9kZWZzPjx0aXRsZT5sb2dpbi1wYXNzd29yZDwvdGl0bGU+PGcgaWQ9ImZhY2Vfc2lsaHVldHRlIiBkYXRhLW5hbWU9ImZhY2Ugc2lsaHVldHRlIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik00LjIxLDEzLjVWMjQuMzFIMjQuMTRWMTMuNUg0LjIxWm0xMS4wNyw2LjgxSDEyLjg2VjE2LjIzaDIuNDJ2NC4wOFoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik00LjIxLDEzLjcyYTEwLDEwLDAsMSwxLDE5LjkzLDBtLTIsMGE4LDgsMCwwLDAtMTUuOTEsMCIvPjwvZz48L3N2Zz4=);
}
#loginpanel .inputbox .invalid.user::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iV2Fyc3R3YV8xIiBkYXRhLW5hbWU9IldhcnN0d2EgMSIKICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjguMzEgMjguMzEiPgogICAgPGRlZnM+CiAgICAgICAgPHN0eWxlPgogICAgICAgIC5jbHMtMSwuY2xzLTN7ZmlsbDojYTAwMDAwO30KICAgICAgICA8L3N0eWxlPgogICAgPC9kZWZzPgogICAgPGcgaWQ9ImhlYWQiIGRhdGEtbmFtZT0iaGVhZCI+CiAgICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTguNzgsNy40MmE0LjgxLDQuODEsMCwwLDAtOS42MiwwdjJhNC44MSw0LjgxLDAsMCwwLDkuNjIsMFoiLz4KICAgIDwvZz4KICAgIDxnIGlkPSJib2R5IiBkYXRhLW5hbWU9ImJvZHkiPgogICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTIzLjIxLDIxLjQ2YS43Ny43NywwLDAsMCwwLS4xNVYxOS42YTMuNDMsMy40MywwLDAsMC0zLjQ2LTMuNDFIMTcuMThjLS42MS0uMjktLjc3LTEuMDYtLjgxLTEuODdhNC43Myw0LjczLDAsMCwxLTUuMi0uMjVjMCwuOS0uMTYsMS44LS44MiwyLjEySDguMjVBMy40MiwzLjQyLDAsMCwwLDQuOCwxOS42djEuNjRhMS4xNSwxLjE1LDAsMCwwLS4wOC40MWMwLDEuODEsNC4xNCwzLjI3LDkuMjYsMy4yN3M5LjI2LTEuNDYsOS4yNi0zLjI3QTEuMDgsMS4wOCwwLDAsMCwyMy4yMSwyMS40NloiLz4KICAgIDwvZz4KPC9zdmc+);
}
#loginpanel .inputbox .invalid.password::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOS45OW1tIiBoZWlnaHQ9IjkuOTltbSIgdmlld0JveD0iMCAwIDI4LjMxIDI4LjMxIj48ZGVmcz48c3R5bGU+LmNscy0xe21hc2s6dXJsKCNtYXNrKTt9LmNscy0ye2lzb2xhdGlvbjppc29sYXRlO30uY2xzLTN7ZmlsbDojYTAwMDAwO308L3N0eWxlPjxtYXNrIGlkPSJtYXNrIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiPjxnIGlkPSJXYXJzdHdhXzNfa29waWFNYXNrYV9rcnlqxIVjYSIgZGF0YS1uYW1lPSJXYXJzdHdhIDMga29waWFNYXNrYSBrcnlqxIVjYSI+PGltYWdlIGlkPSJXYXJzdHdhXzNfa29waWFNYXNrYV9rcnlqxIVjYS0yIiBkYXRhLW5hbWU9IldhcnN0d2EgMyBrb3BpYU1hc2thIGtyeWrEhWNhIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQ1FBQUFBa0NBSUFBQUJ1WWcvUEFBQUFDWEJJV1hNQUFBc1NBQUFMRWdIUzNYNzhBQUFBTmtsRVFWUklTKzNOc1EwQU1BakFNUDUvdWoyQnhXS0s1MGlaZDJpMlFHcEdOQ09hRWMySVprUXpvaG5SakdoR05DT2FFYWV6RDFUOEliSmRUWjZUQUFBQUFFbEZUa1N1UW1DQyIvPjwvZz48L21hc2s+PC9kZWZzPjx0aXRsZT5sb2dpbi1wYXNzd29yZDwvdGl0bGU+PGcgaWQ9ImZhY2Vfc2lsaHVldHRlIiBkYXRhLW5hbWU9ImZhY2Ugc2lsaHVldHRlIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik00LjIxLDEzLjVWMjQuMzFIMjQuMTRWMTMuNUg0LjIxWm0xMS4wNyw2LjgxSDEyLjg2VjE2LjIzaDIuNDJ2NC4wOFoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik00LjIxLDEzLjcyYTEwLDEwLDAsMSwxLDE5LjkzLDBtLTIsMGE4LDgsMCwwLDAtMTUuOTEsMCIvPjwvZz48L3N2Zz4=);
}
#loginpanel .additionalbox {
  display: flex;
  justify-content: space-between;
  font-size: 0.8em;
  margin-bottom: 0.3125rem;
  margin-top: 0.4rem;
}
#loginpanel .additionalbox .remember {
  font-size: 0.8rem;
  line-height: 1rem;
}
#loginpanel .additionalbox .remember .checkbox {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 1rem;
}
#loginpanel .additionalbox .remember .checkbox input:checked ~ .image {
  background-size: 0.5rem 0.5rem;
  -webkit-background-size: 0.5rem 0.5rem;
}
#loginpanel .submit .button {
  width: 100%;
  margin-top: 0.625rem;
}
#loginpanel p {
  font-size: 0.9em;
}
#loginpanel p a {
  font-weight: 700;
}
#loginpanel p.confirmation strong {
  color: #08b200;
}

/* AMEMBER message, error or not */
@media print, screen and (max-width: 63.99875em) {
  body.msg .message {
    margin-top: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.msg .message {
    margin-top: 3rem;
  }
}
body.msg .message h4 {
  text-align: center;
}
body.msg .message .short {
  text-align: center;
}
@media print, screen and (max-width: 63.99875em) {
  body.msg .message .long {
    margin-top: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.msg .message .long {
    margin-top: 2rem;
  }
}
body.msg .message .long ol {
  margin-left: 1rem;
}
body.msg .message .long ol li {
  padding-left: 2rem;
}
body.msg .message .buttons {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body.msg .message .buttons {
    flex-direction: column;
    margin-top: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.msg .message .buttons {
    justify-content: space-around;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body.msg .message .buttons .button {
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.msg .message .buttons .button {
    width: 30%;
  }
}

/* Server message */
body.server .message {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body.server .message {
    margin-top: 1rem;
    margin-bottom: 1rem;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body.server .message {
    margin-top: 3rem;
    margin-bottom: 3rem;
    justify-content: space-between;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body.server .message .left {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body.server .message .left {
    width: 60%;
  }
}
body.server .message .left h1 {
  color: #a00000;
}
@media print, screen and (max-width: 63.99875em) {
  body.server .message .right {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body.server .message .right {
    width: 35%;
  }
}
@media print, screen and (min-width: 64em) {
  body.server .message .right h3 {
    margin-top: 0.5rem;
  }
}
body.server .message .content {
  background-color: #f0f0f0;
  padding: 1rem;
  margin-bottom: 1rem;
}

/* HOME page */
@property --p {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;
}
@keyframes spinleft {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@keyframes spinright {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.fira-sans-condensed-thin {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.fira-sans-condensed-extralight {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.fira-sans-condensed-light {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.fira-sans-condensed-regular {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.fira-sans-condensed-medium {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.fira-sans-condensed-semibold {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.fira-sans-condensed-bold {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.fira-sans-condensed-extrabold {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.fira-sans-condensed-black {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.fira-sans-condensed-thin-italic {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.fira-sans-condensed-extralight-italic {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.fira-sans-condensed-light-italic {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.fira-sans-condensed-regular-italic {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.fira-sans-condensed-medium-italic {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.fira-sans-condensed-semibold-italic {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.fira-sans-condensed-bold-italic {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.fira-sans-condensed-extrabold-italic {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.fira-sans-condensed-black-italic {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 900;
  font-style: italic;
}

#home-df-banner {
  background-image: linear-gradient(180deg, #101733 5%, #152852 95%);
  display: flex;
  align-items: center;
}
#home-df-banner .blackbar {
  width: 100%;
  height: 100%;
  position: absolute;
  height: 70px;
  background-image: radial-gradient(ellipse 100% 2000% at center, black 600px, transparent 50%);
}
#home-df-banner .container {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/images/home/tww/comingsoon/banner-bgr-image.png");
  content: "";
  height: 200px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
#home-df-banner .container .bar {
  position: absolute;
  width: 100%;
}
#home-df-banner .container .bar .bar-contents {
  width: 100%;
  height: 70px;
  background: black;
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#home-df-banner .container .bar .bar-contents .bar-text {
  color: white;
}
#home-df-banner .container .bar .bar-contents .bar-text strong {
  font-size: 1.15em;
}
#home-df-banner .container .bar .bar-contents .bar-left {
  border-right: 5px solid #fe6100;
  padding-right: 1em;
  text-align: right;
}
#home-df-banner .container .bar .bar-contents .bar-right {
  border-left: 5px solid #fe6100;
  padding-left: 1em;
  margin-left: 20em;
}
#home-df-banner .container .tww-logo-cont {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
}
#home-df-banner .container .tww-logo-cont .tww-logo {
  height: 180px;
  width: 180px;
  margin: auto;
  position: relative;
}
#home-df-banner .container .tww-logo-cont .tww-logo a.twwlink img {
  height: 180px;
  transition: filter 1s, transform 1s;
}
#home-df-banner .container .tww-logo-cont .tww-logo a.twwlink img:hover {
  filter: brightness(1.1);
  transform: scale(1.02);
}
#home-df-banner .container .tww-logo-cont .tww-logo .tww-logo-glow {
  background: url("/images/home/tww/comingsoon/banner-glow.png");
  background-size: 100% auto;
  mix-blend-mode: screen;
  filter: sepia(100%) hue-rotate(340deg) brightness(80%) saturate(420%);
  width: 345px;
  height: 345px;
  position: absolute;
  left: -82px;
  top: -79px;
  transition: opacity 1s;
  pointer-events: none;
  z-index: 3;
}
#home-df-banner .container .tww-logo-cont .tww-logo .tww-logo-glow1 {
  animation: spinleft 40s linear infinite;
  opacity: 0.25;
}
#home-df-banner .container .tww-logo-cont .tww-logo .tww-logo-glow2 {
  animation: spinright 67s linear infinite;
  opacity: 0.2;
}

#home-df-intro {
  background-size: cover;
  background-position: center center;
  background-color: #333;
  background-image: url("/images/home/df/nixxiom-bgr2.jpg");
}
@media print, screen and (min-width: 64em) {
  #home-df-intro {
    background-position-y: 60%;
  }
}
#home-df-intro .container {
  position: relative;
  display: grid;
  /*
  .text {

  	@include breakpoint(large) { // for desktop
  		margin-top: 3rem;
  	}

  	@include breakpoint(medium down) { // for mobiles 
  		margin-bottom: 1.5rem;
  	}

  	h1 {
  		color: $white;
  		text-shadow: -1px -1px 1px rgba(0,0,0,0.2), 1px -1px 1px rgba(0,0,0,0.2), -1px 1px 1px rgba(0,0,0,0.2), 1px 1px 1px rgba(0,0,0,0.2);
  		font-weight: 400;	

  		@include breakpoint(medium down) { // for mobiles 
  			font-size: 1.3rem;
  		}

  		@include breakpoint(large) { // for desktop
  			font-size: 2.75rem;
  		}

  		.incl {
  			display: inline-block;
  			font-size: 0.4em;
  			color:#cfcbd9;

  			small {
  				display: inline-block;
  				margin-bottom: 0.3em;
  				color: #cfcbd9;
  				font-size: 0.7em;
  			}
  		}
  	}
  	h2 {
  		color: $white;
  		text-shadow: -1px -1px 1px rgba(0,0,0,0.2), 1px -1px 1px rgba(0,0,0,0.2), -1px 1px 1px rgba(0,0,0,0.2), 1px 1px 1px rgba(0,0,0,0.2);
  		font-weight: 400;	
  		margin-bottom: 0;

  		@include breakpoint(medium down) { // for mobiles 
  			font-size: 1.1rem;
  		}

  		@include breakpoint(large) { // for desktop
  			font-size: 2.07rem;	
  		}
  	}

  	.buttons {
  		@include flex;
  		@include flex-align(justify, middle);

  		@include breakpoint(large) { // for desktop
  			margin-top: 3rem;
  			width: 60%;
  		}	
  	}
  }

  */
  /*
  .viewer {
  	max-width: 400px;

  	@include breakpoint(large) { // for desktop
  		margin-top: -3rem;
  	}

  	img {
  		@include breakpoint(medium down) { // for mobiles 
  		}
  	}
  }
  */
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-intro .container {
    padding-top: 2rem;
    padding-bottom: 1rem;
    grid-template-columns: auto;
    grid-template-rows: auto auto 1rem auto 1rem auto 1rem auto 1rem auto auto;
    grid-template-areas: "title" "tww" "." "classic" "." "wotlk" "." "classichardcore" "." "video" "buttons";
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-intro .container {
    grid-template-columns: 640px auto 420px;
    grid-template-rows: auto 70px auto 70px auto 70px auto 70px auto;
    grid-template-areas: "title . ." "video . tww" "video . ." "video . classic" "video . ." "video . wotlk" "video . ." "video . classichardcore" "buttons . .";
  }
}
#home-df-intro .container .title {
  grid-area: title;
  margin-bottom: 1.5rem;
}
#home-df-intro .container .title h3 {
  text-align: center;
  margin: auto;
  color: #fff;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), 1px -1px 1px rgba(0, 0, 0, 0.2), -1px 1px 1px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-weight: 400;
}
@media print, screen and (min-width: 64em) {
  #home-df-intro .container .title h3 {
    padding-top: 1.5rem;
    font-size: 2.2rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-intro .container .title h3 {
    margin-bottom: 0.5rem;
  }
}
#home-df-intro .container .title h1 {
  text-align: center;
  font-weight: 900;
  background-image: linear-gradient(90deg, #ff7a0e 0%, #ffbd00 40%, #ffffff 50%, #ffbd00 60%, #ff7a0e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-intro .container .title h1 {
    font-size: 2rem;
    line-height: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-intro .container .title h1 {
    font-size: 3rem;
    line-height: 3rem;
  }
}
#home-df-intro .container .embedvideo {
  grid-area: video;
  display: block;
  margin: auto;
  overflow: hidden;
  border-radius: 8px;
  border: 2px solid #000;
  box-shadow: -1px -1px 10px rgba(0, 0, 0, 0.2), 1px -1px 10px rgba(0, 0, 0, 0.2), -1px 1px 10px rgba(0, 0, 0, 0.2), 1px 1px 10px rgba(0, 0, 0, 0.2);
  position: relative;
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-intro .container .embedvideo {
    width: 100%;
    padding-bottom: 56.25%;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-intro .container .embedvideo {
    width: 640px;
    height: 360px;
  }
}
#home-df-intro .container .embedvideo iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#home-df-intro .container .buttons {
  grid-area: buttons;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-intro .container .buttons {
    margin: auto;
    margin-top: 1rem;
    padding-bottom: 2rem;
    width: 300px;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-intro .container .buttons {
    margin: auto;
    margin-top: 1.5rem;
    padding-bottom: 2rem;
    width: 300px;
  }
}
#home-df-intro .container .games a {
  display: block;
  border-radius: 8px;
  overflow: hidden;
  border: 2px solid #000;
  box-shadow: -1px -1px 10px rgba(0, 0, 0, 0.2), 1px -1px 10px rgba(0, 0, 0, 0.2), -1px 1px 10px rgba(0, 0, 0, 0.2), 1px 1px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
}
#home-df-intro .container .games a:hover {
  filter: brightness(120%);
}
#home-df-intro .container .games-tww {
  grid-area: tww;
}
#home-df-intro .container .games-classic {
  grid-area: classic;
}
#home-df-intro .container .games-wotlk {
  grid-area: wotlk;
}
#home-df-intro .container .games-classichardcore {
  grid-area: classichardcore;
}
#home-df-intro .container .new {
  display: block;
  background-color: #2d243f;
  background-image: linear-gradient(135deg, transparent 50%, rgba(255, 255, 255, 0.1) 51%, rgba(255, 255, 255, 0.01) 100%);
  color: #f0f0f0;
  border-radius: 8px;
  box-shadow: -1px -1px 10px rgba(0, 0, 0, 0.2), 1px -1px 10px rgba(0, 0, 0, 0.2), -1px 1px 10px rgba(0, 0, 0, 0.2), 1px 1px 10px rgba(0, 0, 0, 0.2);
  padding: 0.5rem 0.8rem;
  padding-right: 6rem;
  transition: background-color 0.15s ease-in-out;
  cursor: pointer;
  font-size: 0.8rem;
  @import url("https://fonts.googleapis.com/css?family=Alegreya+Sans+SC&display=swap");
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-intro .container .new {
    margin: 0 auto;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    width: 100%;
    position: relative;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-intro .container .new {
    position: absolute;
    top: 2rem;
    left: 0;
  }
}
#home-df-intro .container .new:hover {
  background-color: #403752;
}
#home-df-intro .container .new:after {
  position: absolute;
  top: 1rem;
  right: 1rem;
  content: "";
  width: 3rem;
  height: 3rem;
  background-image: url("/images/icons/color/guides/classic-hardcore-guides.svg");
  background-size: 3rem;
  background-position: center right;
  background-repeat: no-repeat;
}
#home-df-intro .container .new .title {
  font-weight: 700;
  color: #fe6100;
  width: 100%;
  background-image: url("/images/icons/orange/star-8arms.svg");
  background-size: 0.8rem;
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 1rem;
}
#home-df-intro .container .new .content {
  font-family: "Alegreya Sans SC";
  font-size: 1rem;
}

#home-sl-whatare {
  background-color: #f0f0f0;
}
#home-sl-whatare .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  #home-sl-whatare .container {
    flex-direction: column;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  #home-sl-whatare .container {
    justify-content: space-between;
    align-items: center;
    height: 26.25rem;
  }
}
@media print, screen and (min-width: 64em) {
  #home-sl-whatare .container .text {
    width: 420px;
  }
}
@media print, screen and (min-width: 64em) {
  #home-sl-whatare .container .guideslist {
    width: 600px;
  }
}
#home-sl-animation {
  padding-top: 4rem;
  overflow: hidden;
}
#home-sl-animation .entry {
  display: flex;
}
@media print, screen and (min-width: 64em) {
  #home-sl-animation .entry {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  #home-sl-animation .entry {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  #home-sl-animation .entry .video {
    position: relative;
    height: 13.5rem;
    width: 24rem;
  }
}
#home-sl-animation .entry .video .shadow {
  position: absolute;
  top: -0.5rem;
  background-repeat: no-repeat;
  z-index: -1;
  width: 44rem;
  height: 20rem;
}
#home-sl-animation .entry .video .video-src {
  border-radius: 8px;
}
@media print, screen and (min-width: 64em) {
  #home-sl-animation .entry .video .video-src {
    height: 13.5rem;
    width: 24rem;
  }
}
@media print, screen and (min-width: 64em) {
  #home-sl-animation .entry .desc {
    width: 30rem;
  }
}
#home-sl-animation .entry.left .video .shadow {
  right: -0.5rem;
  background-image: url("/images/home/sl/shadow-left.svg");
}
@media print, screen and (min-width: 64em) {
  #home-sl-animation .entry.left .desc {
    margin-left: 5rem;
  }
}
@media print, screen and (min-width: 64em) {
  #home-sl-animation .entry.right {
    flex-direction: row-reverse;
  }
}
#home-sl-animation .entry.right .video .shadow {
  left: -0.5rem;
  background-image: url("/images/home/sl/shadow-right.svg");
}
@media print, screen and (min-width: 64em) {
  #home-sl-animation .entry.right .desc {
    margin-right: 5rem;
    text-align: right;
  }
}

#home-tww-content {
  background: #0c0c12 url("/images/home/tww/tww-about-bgr.jpg") center center no-repeat;
  background-size: cover;
}
@media print, screen and (min-width: 64em) {
  #home-tww-content {
    background-position-y: 50%;
  }
}
#home-tww-content .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  #home-tww-content .container {
    flex-direction: column;
    padding-top: 1rem;
    padding-bottom: 1rem;
    overflow: hidden;
  }
}
@media print, screen and (min-width: 64em) {
  #home-tww-content .container {
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
}
#home-tww-content .container .text {
  color: #fff;
}
@media print, screen and (min-width: 64em) {
  #home-tww-content .container .text {
    margin-top: 4rem;
    margin-bottom: 2rem;
    width: 65%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  #home-tww-content .container .text {
    margin-bottom: 0;
  }
}
#home-tww-content .container .text h1 {
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), 1px -1px 1px rgba(0, 0, 0, 0.2), -1px 1px 1px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-weight: 300;
}
@media print, screen and (max-width: 63.99875em) {
  #home-tww-content .container .text h1 {
    margin-bottom: 1.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  #home-tww-content .container .text h1 {
    margin-bottom: 1.5rem;
  }
}
#home-tww-content .container .text .blurb {
  display: flex;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  #home-tww-content .container .text .blurb {
    flex-direction: column;
    margin-bottom: 1rem;
  }
  #home-tww-content .container .text .blurb:last-child {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 64em) {
  #home-tww-content .container .text .blurb {
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 1.5rem;
    margin-left: -7.5rem;
  }
}
#home-tww-content .container .text .blurb .img {
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
#home-tww-content .container .text .blurb .img img {
  border-radius: 35px;
  outline: 2px solid rgba(255, 255, 255, 0.4);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), transparent);
  width: 50px;
  height: 50px;
  padding: 0.3rem;
}
@media print, screen and (max-width: 63.99875em) {
  #home-tww-content .container .text .blurb .img {
    min-height: 5rem;
    max-height: 5rem;
    background-position-y: 50%;
  }
}
@media print, screen and (min-width: 64em) {
  #home-tww-content .container .text .blurb .img {
    min-width: 7.5rem;
    max-width: 7.5rem;
    background-position-x: center;
  }
}
#home-tww-content .container .text .blurb .content {
  padding: 1rem;
  border-radius: 2px;
}
#home-tww-content .container .text .blurb .content h4 {
  margin-bottom: 0.3rem;
}
#home-tww-content .container .text .blurb .content p {
  font-size: 0.95rem;
}
#home-tww-content .container .text .blurb .content p:last-child {
  margin-bottom: 0;
}
#home-tww-content .container .text .blurb.leveling .content {
  padding-right: 6rem;
}
@media print, screen and (min-width: 64em) {
  #home-tww-content .container .text .blurb.leveling .content {
    background-image: linear-gradient(to right, #615376, transparent);
  }
}
@media print, screen and (max-width: 63.99875em) {
  #home-tww-content .container .text .blurb.leveling .content {
    background-image: linear-gradient(to bottom, #615376, transparent);
  }
}
#home-tww-content .container .text .blurb.dailies .content {
  padding-right: 12rem;
}
@media print, screen and (min-width: 64em) {
  #home-tww-content .container .text .blurb.dailies .content {
    background-image: linear-gradient(to right, #547fd1, transparent);
  }
}
@media print, screen and (max-width: 63.99875em) {
  #home-tww-content .container .text .blurb.dailies .content {
    background-image: linear-gradient(to bottom, #547fd1, transparent);
  }
}
#home-tww-content .container .text .blurb.glyphs .content {
  padding-right: 5rem;
}
@media print, screen and (min-width: 64em) {
  #home-tww-content .container .text .blurb.glyphs .content {
    background-image: linear-gradient(to right, #615376, transparent);
  }
}
@media print, screen and (max-width: 63.99875em) {
  #home-tww-content .container .text .blurb.glyphs .content {
    background-image: linear-gradient(to bottom, #615376, transparent);
  }
}
@media print, screen and (max-width: 63.99875em) {
  #home-tww-content .container .mascot {
    height: 12rem;
  }
}
@media print, screen and (min-width: 64em) {
  #home-tww-content .container .mascot {
    position: absolute;
    right: -225px;
    bottom: 0;
  }
}
@media print, screen and (max-width: 63.99875em) {
  #home-tww-content .container .mascot img {
    margin-top: -1rem;
  }
}

#home-df-screens {
  background-color: #fff;
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-screens {
    padding-top: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-screens {
    padding-top: 6rem;
    padding-bottom: 5rem;
  }
}

@media print, screen and (min-width: 64em) {
  #home-df-more {
    position: relative;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-more:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
    background-image: url("/images/home/tww/background-more-tww.jpg");
    background-size: cover;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-more:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
    background-image: url("/images/home/classiccata/background-more-classiccata.jpg");
  }
}
#home-df-more .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-more .container {
    flex-direction: column;
    padding-top: 1rem;
    padding-bottom: 1rem;
    overflow: hidden;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-more .container {
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
}
#home-df-more .container .game {
  color: #fff;
}
@media print, screen and (min-width: 64em) {
  #home-df-more .container .game {
    margin-top: 4rem;
    margin-bottom: 2rem;
    width: 100%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-more .container .game {
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 1rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-more .container .game.dragonflight {
    background-image: url("/images/home/tww/background-more-tww.jpg");
    border-bottom: 8px solid #000;
  }
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-more .container .game.classiccata {
    background-image: url("/images/home/classiccata/background-more-classiccata.jpg");
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-more .container .game.classiccata {
    padding-left: 10%;
  }
}
#home-df-more .container .game.classiccata .button {
  padding: 0.8em 1.3em;
}
#home-df-more .container .game .title {
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), 1px -1px 1px rgba(0, 0, 0, 0.2), -1px 1px 1px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-weight: 300;
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-more .container .game .title {
    margin-bottom: 1.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-more .container .game .title {
    height: 5rem;
  }
}
#home-df-more .container .game .title h2, #home-df-more .container .game .title h3 {
  margin-bottom: 0;
}
#home-df-more .container .game .text {
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), 1px -1px 1px rgba(0, 0, 0, 0.2), -1px 1px 1px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 0.95rem;
}
@media print, screen and (min-width: 64em) {
  #home-df-more .container .game .text {
    width: 90%;
    height: 12rem;
  }
}

#home-df-features {
  background-color: #fff;
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-features {
    padding-top: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-features {
    padding-top: 3rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-features h2 {
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-features h2 {
    padding-bottom: 1.5rem;
  }
}
#home-df-features .common-icons-2columns .quest {
  background-image: url("/images/icons/orange/star-full.svg");
}
#home-df-features .common-icons-2columns .autoselect {
  background-image: url("/images/icons/orange/forum.svg");
}

#home-df-keyfeature {
  background: #2e2836 url("/images/home/df/background-keyfeature.jpg") center center no-repeat;
  background-size: cover;
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-keyfeature {
    padding-top: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-keyfeature {
    background-position-y: 50%;
    padding-top: 3rem;
  }
}
#home-df-keyfeature .homescreen {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-keyfeature .homescreen {
    flex-direction: column;
    padding-top: 1rem;
    padding-bottom: 1rem;
    overflow: hidden;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-keyfeature .homescreen {
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-bottom: 2rem;
  }
}
#home-df-keyfeature .homescreen .text {
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), 1px -1px 1px rgba(0, 0, 0, 0.2), -1px 1px 1px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 0.95rem;
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-keyfeature .homescreen .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-keyfeature .homescreen .text {
    width: 50%;
  }
}
#home-df-keyfeature .homescreen .text h2 {
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), 1px -1px 1px rgba(0, 0, 0, 0.2), -1px 1px 1px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.2);
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-keyfeature .homescreen .text h2 {
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-keyfeature .homescreen .text h2 {
    padding-bottom: 1.5rem;
  }
}
#home-df-keyfeature .homescreen .text h2::before {
  content: "KEY NEW FEATURE";
  color: #fe6100;
  font-size: 0.8em;
  font-weight: 700;
  display: block;
}
#home-df-keyfeature .homescreen .screen {
  text-align: center;
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-keyfeature .homescreen .screen {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-keyfeature .homescreen .screen {
    width: 45%;
  }
}
#home-df-keyfeature .homescreen .screen img {
  border-radius: 8px;
  box-shadow: -1px -1px 10px rgba(0, 0, 0, 0.2), 1px -1px 10px rgba(0, 0, 0, 0.2), -1px 1px 10px rgba(0, 0, 0, 0.2), 1px 1px 10px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  margin-bottom: 0.5rem;
  transition: all 0.3s;
}
#home-df-keyfeature .homescreen .screen img:hover {
  filter: brightness(120%);
}
#home-df-keyfeature .homescreen .screen small {
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), 1px -1px 1px rgba(0, 0, 0, 0.2), -1px 1px 1px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.2);
  color: #958da1;
}
#home-df-keyfeature .common-icons-3columns > div {
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
  background-color: #2e2836;
  background-position: 1rem 1rem;
  border-radius: 8px;
  box-shadow: -1px -1px 10px rgba(0, 0, 0, 0.2), 1px -1px 10px rgba(0, 0, 0, 0.2), -1px 1px 10px rgba(0, 0, 0, 0.2), 1px 1px 10px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), 1px -1px 1px rgba(0, 0, 0, 0.2), -1px 1px 1px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.2);
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-keyfeature .common-icons-3columns > div {
    margin-bottom: 0.5rem;
    background-size: 24px 24px;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-keyfeature .common-icons-3columns > div {
    margin: 0.5rem;
    background-size: 32px 32px;
  }
}
#home-df-keyfeature .common-icons-3columns .level {
  background-image: url("/images/icons/orange/around-the-clock.svg");
}
#home-df-keyfeature .common-icons-3columns .gold {
  background-image: url("/images/icons/orange/goldcoin.svg");
}
#home-df-keyfeature .common-icons-3columns .bank {
  background-image: url("/images/icons/orange/bag-detail.svg");
}
#home-df-keyfeature .morewidgets {
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), 1px -1px 1px rgba(0, 0, 0, 0.2), -1px 1px 1px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 0.95rem;
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-keyfeature .morewidgets {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-keyfeature .morewidgets {
    padding: 1.5rem 3rem 1.5rem 3rem;
    text-align: center;
  }
}

#home-safe {
  background-color: #f0f0f0;
}
#home-safe .container {
  text-align: center;
}
@media print, screen and (max-width: 63.99875em) {
  #home-safe .container {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media print, screen and (min-width: 64em) {
  #home-safe .container {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  #home-safe .container h2 {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  #home-safe .container h2 {
    margin-bottom: 3rem;
  }
}
#home-safe .container .text {
  text-align: left;
}
@media print, screen and (min-width: 64em) {
  #home-safe .container .text {
    width: 50rem;
    margin: 0 auto;
  }
}
#home-safe .container .blizzard {
  display: inline-block;
  max-width: 800px;
  text-align: right;
}
#home-safe .container .blizzard img {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
#home-safe .container .blizzard a {
  font-size: 85%;
  font-weight: 600;
}

#home-df-join {
  background-color: #fff;
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-join {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-join {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-join h2 {
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-join h2 {
    padding-bottom: 1.5rem;
    text-align: center;
  }
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-join .join-intro {
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-join .join-intro {
    width: 45%;
    margin: auto;
    margin-bottom: 1.5rem;
    text-align: center;
  }
}
#home-df-join .join-bigbutton {
  margin: 0 auto;
  background-size: cover;
  border-radius: 8px;
  transition: all 0.3s;
  cursor: pointer;
  background: linear-gradient(135deg, transparent 0% calc(100% - var(--p) * 1.1), rgba(255, 255, 255, 0.3) calc(100% - var(--p) * 1.1) calc(110% - var(--p) * 1.1), transparent calc(110% - var(--p) * 1.1)), linear-gradient(135deg, rgba(255, 255, 255, 0.1), transparent calc((100% - var(--p) * 2) / 2), rgba(255, 255, 255, 0.2) calc((100% - var(--p) * 2) / 2), rgba(255, 255, 255, 0.15)), linear-gradient(135deg, transparent, rgba(255, 255, 255, 0.1) calc(100% - var(--p)), transparent calc((200% - var(--p)) / 2), rgba(255, 255, 255, 0.2) calc((200% - var(--p)) / 2), rgba(255, 255, 255, 0.15)), linear-gradient(180deg, #232323 0%, #232323 50%, #ff8032 50%, #fe6100 100%);
  -webkit-font-smoothing: antialiased;
  will-change: transform;
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-join .join-bigbutton {
    height: 7.5rem;
    width: 21.25rem;
    max-width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  #home-df-join .join-bigbutton {
    height: 7.5rem;
    width: 21.25rem;
  }
}
#home-df-join .join-bigbutton:hover {
  animation: animateit 0.4s ease-in-out forwards;
  transform: scale(1.05);
  box-shadow: 1px 1px 10px #c2c2c2, 1px -1px 10px #c2c2c2, -1px 1px 10px #c2c2c2, -1px -1px 10px #c2c2c2;
}
@keyframes animateit {
  0% {
    --p:0%;
  }
  100% {
    --p:100%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  #home-df-join .join-bigbutton:first-child {
    margin-bottom: 1.5rem;
  }
}
#home-df-join .join-bigbutton .line1 {
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 0.8rem;
}
#home-df-join .join-bigbutton .line2 {
  color: #fff;
  text-align: center;
  font-size: 2.6rem;
  font-family: "Fira Sans Condensed";
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  letter-spacing: 0.1rem;
  font-weight: 800;
  line-height: 3.6rem;
}

@media print, screen and (max-width: 63.99875em) {
  #home-df-keyfeature-video-popup video {
    max-width: 90vw;
  }
}

/* commons for all guide files. */
body.guides {
  /* Modifiers */
  /* Intro */
  /* Description */
  /* Blurbs */
  /* Content overview */
  /* Key Features */
}
body.guides .container.inverse {
  color: #fff;
}
@media print, screen and (max-width: 63.99875em) {
  body.guides .intro {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.guides .intro {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
}
body.guides .intro .titlebar {
  position: relative;
}
body.guides .intro .titlebar img {
  width: 100px;
  float: left;
  margin: -8px 5px 0px -10px;
}
body.guides .intro .titlebar .guide {
  font-weight: bold;
  color: #111;
  letter-spacing: 0.003125rem;
  border-bottom: 1px solid #c2c2c2;
  line-height: 27px;
}
@media print, screen and (max-width: 63.99875em) {
  body.guides .intro .titlebar .guide {
    font-size: 1.5rem;
    padding: 0px 0 8px 0;
  }
}
@media print, screen and (min-width: 64em) {
  body.guides .intro .titlebar .guide {
    font-size: 2rem;
    padding: 0px 0 13px 0;
  }
}
body.guides .intro .titlebar .game {
  font-weight: 400;
  letter-spacing: 0.05px;
}
@media print, screen and (max-width: 63.99875em) {
  body.guides .intro .titlebar .game {
    font-size: 1.25rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.guides .intro .titlebar .game {
    font-size: 1.5rem;
    margin-bottom: 3px;
  }
}
body.guides .intro .titlebar .platform {
  position: absolute;
  bottom: -1.5625rem;
  right: 0;
  font-weight: normal;
  font-size: 0.875rem;
  color: #555;
  width: 2500px;
  padding: 6px 0 0 0;
  letter-spacing: -0.5px;
  text-align: right;
}
body.guides .intro .titlebar .platform strong {
  font-weight: 600;
  color: #111;
}
body.guides .intro .description {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media print, screen and (max-width: 63.99875em) {
  body.guides .intro .description {
    flex-direction: column;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.guides .intro .description {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
body.guides .intro .description .box {
  width: 190px;
  margin: -20px 0 0 -35px;
  height: auto;
  padding: 0;
  border: none;
  background-color: transparent;
}
body.guides .intro .description .main {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media print, screen and (min-width: 64em) {
  body.guides .intro .description .main {
    width: 400px;
    margin: 0 0 0 -40px;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body.guides .intro .description .main {
    margin-top: 2rem;
  }
}
body.guides .intro .description .main .buttons {
  display: flex;
  justify-content: space-between;
}
@media print, screen and (min-width: 64em) {
  body.guides .intro .description .main .buttons {
    width: 85%;
  }
}
body.guides .intro .description .main .buttons .button {
  margin: 1rem 0 0 0;
  font-size: 1rem;
}
body.guides .intro .description .video {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-self: stretch;
  position: relative;
}
@media print, screen and (max-width: 63.99875em) {
  body.guides .intro .description .video {
    margin-top: 2rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body.guides .intro .description .video img {
    width: 100%;
    height: auto;
  }
}
@media print, screen and (min-width: 64em) {
  body.guides .intro .description .video img {
    display: none;
  }
}
body.guides .intro .description .video iframe {
  border: 0 none;
}
@media print, screen and (max-width: 63.99875em) {
  body.guides .intro .description .video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body.guides .intro .description .video iframe {
    height: 280px;
    width: 495px;
  }
}
body.guides .about .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body.guides .about .container {
    flex-direction: column;
    padding-top: 3rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.guides .about .container {
    justify-content: space-between;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 5rem;
    padding-bottom: 6rem;
  }
}
body.guides .about .container h1 {
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  body.guides .about .container h1 {
    width: 100%;
  }
}
body.guides .about .container .viewer-2-small {
  margin: 2rem auto;
}
body.guides .about .container .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media print, screen and (max-width: 63.99875em) {
  body.guides .about .container .info {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.guides .about .container .info {
    width: 415px;
  }
}
body.guides .about .container .info h2 {
  letter-spacing: 0.05rem;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  padding: 0 0 5px 0;
}
body.guides .about .container .info p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  text-align: left;
  line-height: 30px;
}
body.guides .about .container .images {
  position: relative;
}
@media print, screen and (max-width: 63.99875em) {
  body.guides .about .container .images {
    text-align: center;
  }
}
body.guides .about .container .images .viewer-1 {
  filter: drop-shadow(0.2rem 0.2rem 0.25rem rgba(0, 0, 0, 0.2)) drop-shadow(-0.2rem -0.2rem 0.25rem rgba(0, 0, 0, 0.2));
}
@media print, screen and (min-width: 64em) {
  body.guides .about .container .images .viewer-1 {
    max-width: 600px;
  }
}
body.guides .about .container .images .viewer-2-large {
  filter: drop-shadow(0.2rem 0.2rem 0.25rem rgba(0, 0, 0, 0.2)) drop-shadow(-0.2rem -0.2rem 0.25rem rgba(0, 0, 0, 0.2));
}
@media print, screen and (min-width: 64em) {
  body.guides .about .container .images .viewer-2-large {
    max-width: 320px;
  }
}
body.guides .blurbs {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 63.99875em) {
  body.guides .blurbs {
    padding-top: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.guides .blurbs {
    padding-top: 6rem;
    padding-bottom: 5rem;
  }
}
body.guides .content {
  background-color: #fff;
}
@media print, screen and (max-width: 63.99875em) {
  body.guides .content {
    padding-top: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.guides .content {
    padding-top: 3rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body.guides .content h2 {
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.guides .content h2 {
    padding-bottom: 4rem;
  }
}
body.guides .features-key .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body.guides .features-key .container {
    flex-direction: column;
    padding-top: 3rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.guides .features-key .container {
    justify-content: space-between;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 4rem;
    padding-bottom: 4rem;
    min-height: 603px;
  }
}
body.guides .features-key .container h1 {
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
@media print, screen and (max-width: 63.99875em) {
  body.guides .features-key .container h1 {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.guides .features-key .container h1 {
    width: 100%;
    margin-bottom: 2rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body.guides .features-key .container .image {
    margin-top: 1rem;
    order: 1;
  }
}
@media print, screen and (min-width: 64em) {
  body.guides .features-key .container .image {
    max-width: 50%;
  }
}
body.guides .features-key .container .image img {
  border-radius: 8px;
  filter: drop-shadow(0.2rem 0.2rem 0.25rem rgba(0, 0, 0, 0.2)) drop-shadow(-0.2rem -0.2rem 0.25rem rgba(0, 0, 0, 0.2));
}
body.guides .features-key .container .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media print, screen and (min-width: 64em) {
  body.guides .features-key .container .info {
    width: 500px;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body.guides .features-key .container .info {
    width: 100%;
  }
}
body.guides .features-key .container .info h2 {
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  letter-spacing: 0.05rem;
}
body.guides .features-key .container .info p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
@media print, screen and (max-width: 63.99875em) {
  body.guides .features-other {
    padding-top: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.guides .features-other {
    padding-top: 6rem;
    padding-bottom: 5rem;
  }
}
body.guides .buy {
  background-color: #f0f0f0;
}
@media print, screen and (min-width: 64em) {
  body.guides .buy {
    padding-top: 3rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body.guides .buy {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
body.guides .buy .container {
  text-align: center;
}
@media print, screen and (max-width: 63.99875em) {
  body.guides .buy .container .button {
    width: 100%;
  }
}

/*  */
body#guides-eso-leveling .about {
  background: #0c1417 url("/images/eso/leveling/background_1.jpg") top center no-repeat;
}
@media print, screen and (min-width: 64rem) {
  body#guides-eso-leveling .about .container {
    min-height: 600px;
  }
}
body#guides-eso-leveling .about .container .viewer-2-large {
  position: absolute;
  top: 235px;
  left: -72px;
}
body#guides-eso-leveling #guides-eso-leveling-content-starter {
  background-image: url("/images/icons_small/plus.png");
}
body#guides-eso-leveling #guides-eso-leveling-content-factions {
  background-image: url("/images/icons_small/esotriplecircle.png");
}
body#guides-eso-leveling #guides-eso-leveling-content-dlc {
  background-image: url("/images/icons/orange/dlc.svg");
}
body#guides-eso-leveling #guides-eso-leveling-content-bonus {
  background-image: url("/images/icons_small/globe.png");
}
body#guides-eso-leveling #guides-eso-leveling-content-delves {
  background-image: url("/images/icons/orange/delves.svg");
}
body#guides-eso-leveling .features {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 64rem) {
  body#guides-eso-leveling .features {
    padding-top: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body#guides-eso-leveling .features {
    padding-top: 4rem;
  }
}
@media print, screen and (max-width: 64rem) {
  body#guides-eso-leveling .features h2 {
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body#guides-eso-leveling .features h2 {
    padding-bottom: 4rem;
    text-align: center;
  }
}

/*  */
body#guides-wow-leveling .about {
  background: #3f4656 url("/images/guides/wow/leveling/background_1.jpg") top center no-repeat;
  background-size: cover;
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-leveling .about {
    background-position-y: 70%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-leveling .about .container {
    min-height: 660px;
  }
}
body#guides-wow-leveling .about .container .viewer-2-large {
  position: absolute;
  top: 380px;
  left: -72px;
}
body#guides-wow-leveling #guides-wow-leveling-content-starter {
  background-image: url("/images/icons/orange/pointyears-hq.svg");
}
body#guides-wow-leveling #guides-wow-leveling-content-zones {
  background-image: url("/images/icons/orange/maptarget.svg");
}
body#guides-wow-leveling #guides-wow-leveling-content-story {
  background-image: url("/images/icons/orange/exclamation.svg");
}
body#guides-wow-leveling #guides-wow-leveling-content-lore {
  background-image: url("/images/icons/orange/book.svg");
}
body#guides-wow-leveling #guides-wow-leveling-content-glyphs {
  background-image: url("/images/icons/orange/dragonglyph.svg");
}
body#guides-wow-leveling .features-key {
  background: #48575a url("/images/guides/wow/leveling/background_2.jpg") top center no-repeat;
  background-size: cover;
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-leveling .features-key {
    background-position-y: 70%;
  }
}
body#guides-wow-leveling .pandaria-remix {
  background: #1c3a33 url("/images/guides/wow/leveling/mop-bgr.jpg") top center no-repeat;
  background-size: cover;
}
body#guides-wow-leveling .pandaria-remix .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-wow-leveling .pandaria-remix .container {
    flex-direction: column;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-leveling .pandaria-remix .container {
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
}
body#guides-wow-leveling .pandaria-remix .container .text {
  color: #fff;
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-leveling .pandaria-remix .container .text {
    margin-top: 4rem;
    margin-bottom: 2rem;
    width: 65%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-wow-leveling .pandaria-remix .container .text {
    margin-bottom: 0;
  }
}
body#guides-wow-leveling .pandaria-remix .container .text h1 {
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), 1px -1px 1px rgba(0, 0, 0, 0.2), -1px 1px 1px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-weight: 300;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-wow-leveling .pandaria-remix .container .text h1 {
    margin-bottom: 1.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-leveling .pandaria-remix .container .text h1 {
    margin-left: 8.5rem;
    margin-bottom: 1.5rem;
  }
}
body#guides-wow-leveling .pandaria-remix .container .text .blurb {
  display: flex;
  border-radius: 8px;
  box-shadow: -1px -1px 10px rgba(0, 0, 0, 0.28), 1px -1px 10px rgba(0, 0, 0, 0.28), -1px 1px 10px rgba(0, 0, 0, 0.28), 1px 1px 10px rgba(0, 0, 0, 0.28);
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-wow-leveling .pandaria-remix .container .text .blurb {
    flex-direction: column;
    margin-bottom: 1rem;
  }
  body#guides-wow-leveling .pandaria-remix .container .text .blurb:last-child {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-leveling .pandaria-remix .container .text .blurb {
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 1.5rem;
  }
}
body#guides-wow-leveling .pandaria-remix .container .text .blurb .img {
  background-size: cover;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-wow-leveling .pandaria-remix .container .text .blurb .img {
    display: none;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-leveling .pandaria-remix .container .text .blurb .img {
    min-width: 7.5rem;
    max-width: 7.5rem;
    background-position-x: center;
  }
}
body#guides-wow-leveling .pandaria-remix .container .text .blurb .cnt {
  padding: 1rem;
}
body#guides-wow-leveling .pandaria-remix .container .text .blurb .cnt h4 {
  margin-bottom: 0;
}
body#guides-wow-leveling .pandaria-remix .container .text .blurb .cnt p {
  font-size: 0.95rem;
}
body#guides-wow-leveling .pandaria-remix .container .text .blurb .cnt p:last-child {
  margin-bottom: 0;
}
body#guides-wow-leveling .pandaria-remix .container .text .blurb.mop {
  background-color: #44989b;
}
body#guides-wow-leveling .pandaria-remix .container .text .blurb.mop .img {
  background-image: url("/images/guides/wow/leveling/mop-blurb-about.jpg");
}
body#guides-wow-leveling .pandaria-remix .container .text .blurb.guides {
  background-color: #327557;
}
body#guides-wow-leveling .pandaria-remix .container .text .blurb.guides .img {
  background-image: url("/images/guides/wow/leveling/mop-blurb-xp.jpg");
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-wow-leveling .pandaria-remix .container .dragon {
    height: 12rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-leveling .pandaria-remix .container .dragon {
    position: absolute;
    right: -50px;
    top: -130px;
    max-width: 617px;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-wow-leveling .pandaria-remix .container .dragon img {
    margin-top: -1rem;
  }
}

/*  */
body#guides-wow-dungeons .about {
  background: #3f667b url("/images/guides/wow/dungeons/background_1.jpg") top center no-repeat;
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-dungeons .about {
    background-position-y: center;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-dungeons .about .container {
    min-height: 650px;
  }
}
body#guides-wow-dungeons .about .container .viewer-2-large {
  position: absolute;
  top: 260px;
  left: -76px;
}
body#guides-wow-dungeons #guides-wow-dungeons-content-dungeons {
  background-image: url("/images/icons/orange/portal.svg");
}
body#guides-wow-dungeons #guides-wow-dungeons-content-pastdungeons {
  background-image: url("/images/icons/orange/portal.svg");
}
body#guides-wow-dungeons #guides-wow-dungeons-content-raids {
  background-image: url("/images/icons/orange/skull.svg");
}
body#guides-wow-dungeons #guides-wow-dungeons-content-quest {
  background-image: url("/images/icons/orange/exclamation.svg");
}
body#guides-wow-dungeons #guides-wow-dungeons-content-strat {
  background-image: url("/images/icons/orange/sword.svg");
}
body#guides-wow-dungeons #guides-wow-dungeons-content-gear {
  background-image: url("/images/icons/orange/helmet.svg");
}
body#guides-wow-dungeons .features-key {
  background: #3a2121 url("/images/guides/wow/dungeons/background_2.jpg") top center no-repeat;
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-dungeons .features-key {
    background-position-y: 70%;
  }
}
body#guides-wow-dungeons .features-key .image {
  border: none;
}

/*  */
body#guides-wow-dailies .about {
  background: #375556 url("/images/guides/wow/dailies/background_1.jpg") top center no-repeat;
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-dailies .about {
    background-position-y: 75%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-dailies .about .container {
    min-height: 643px;
  }
}
body#guides-wow-dailies .about .container .viewer-2-large {
  position: absolute;
  top: 370px;
  left: -72px;
}
body#guides-wow-dailies #guides-wow-dailies-content-new {
  background-image: url("/images/icons/orange/worldquest.svg");
}
body#guides-wow-dailies #guides-wow-dailies-content-legacy {
  background-image: url("/images/icons/orange/exclamation.svg");
}
body#guides-wow-dailies #guides-wow-dailies-content-seasonal {
  background-image: url("/images/icons/orange/wreath.svg");
}
body#guides-wow-dailies #guides-wow-dailies-content-dmf {
  background-image: url("/images/icons/orange/darkmoon-eye.svg");
}
body#guides-wow-dailies #guides-wow-dailies-content-draenor {
  background-image: url("/images/icons/orange/heart.svg");
}
body#guides-wow-dailies #guides-wow-dailies-content-classic {
  background-image: url("/images/icons/orange/heart.svg");
}
body#guides-wow-dailies .features-key {
  background: #2d2c3c url("/images/guides/wow/dailies/background_2.jpg") top center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-wow-dailies .features-key {
    background-position-y: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-dailies .features-key {
    background-position-y: 100%;
  }
}
body#guides-wow-dailies .features-key .container {
  position: relative;
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-dailies .features-key .container {
    padding-bottom: 6rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-dailies .features-key .container .image {
    max-width: 90%;
    margin: auto;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-dailies .features-key .container .info {
    position: absolute;
    top: 0%;
    top: 65%;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    background-color: rgba(30, 30, 30, 0.8);
    backdrop-filter: blur(4px);
    box-shadow: -1px -1px 10px rgba(0, 0, 0, 0.2), 1px -1px 10px rgba(0, 0, 0, 0.2), -1px 1px 10px rgba(0, 0, 0, 0.2), 1px 1px 10px rgba(0, 0, 0, 0.2);
  }
}

/*  */
body#guides-wow-gold .addonmenu {
  background-color: #f0f0f0;
}
body#guides-wow-gold .addonmenu h2 {
  padding-top: 35px;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-wow-gold .addonmenu h2 {
    padding-top: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-gold .addonmenu h2 {
    padding-top: 4rem;
  }
}
body#guides-wow-gold .addonmenu .sections {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-wow-gold .addonmenu .sections {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-gold .addonmenu .sections {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
body#guides-wow-gold .addonmenu .sections a {
  display: block;
  text-align: center;
  width: 19%;
  transition: 0.5s all;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-wow-gold .addonmenu .sections a {
    font-size: 0.75rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-gold .addonmenu .sections a {
    font-size: 1.1875rem;
    padding: 1rem 2rem;
    border: 1px solid transparent;
  }
}
body#guides-wow-gold .addonmenu .sections a:hover, body#guides-wow-gold .addonmenu .sections a a:focus {
  color: #fe6100;
  filter: brightness(150%);
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-wow-gold .addonmenu .sections a img {
    width: 50%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-gold .addonmenu .sections a img {
    width: 64px;
  }
}
body#guides-wow-gold .addonmenu .sections a p {
  margin-bottom: 0;
}
body#guides-wow-gold .basics {
  min-height: 520px;
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-wow-gold .basics {
    flex-direction: column;
    padding-top: 3rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-gold .basics {
    justify-content: space-between;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
body#guides-wow-gold .basics .viewer-2-small {
  margin-bottom: 1rem;
}
body#guides-wow-gold .basics .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-wow-gold .basics .info {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-gold .basics .info {
    width: 415px;
  }
}
body#guides-wow-gold .basics .info h2 {
  letter-spacing: 0.05rem;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  padding: 0 0 5px 0;
}
body#guides-wow-gold .basics .info p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  text-align: left;
  line-height: 30px;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-wow-gold .basics .info .buttons {
    font-size: 1rem;
    font-weight: 600;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-gold .basics .info .buttons {
    font-size: 1.2rem;
    font-weight: 300;
  }
}
body#guides-wow-gold .basics .images {
  position: relative;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-wow-gold .basics .images {
    text-align: center;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-gold .basics .images {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-gold .basics .images .viewer-1 {
    max-width: 600px;
  }
}
body#guides-wow-gold .basics .images .viewer-2-large {
  max-width: 320px;
  position: absolute;
  bottom: 4%;
  left: -10%;
}
body#guides-wow-gold .basics .images .imglabel {
  font-size: 0.8rem;
  letter-spacing: 0.03rem;
  font-weight: 600;
  text-align: center;
  padding-top: 0.5rem;
}
body#guides-wow-gold .details {
  background-color: #fff;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-wow-gold .details {
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-gold .details {
    padding-top: 5rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-gold .details .common-3screens {
    padding-bottom: 2rem;
  }
}
body#guides-wow-gold #guides-wow-gold-professions {
  background: #61443e url("/images/guides/wow/gold/professions_background.jpg") top center no-repeat;
  background-position-y: 55%;
  background-size: cover;
}
body#guides-wow-gold #tour_gold_professions_features_1 {
  background-image: url("/images/icons_big/coins.png");
}
body#guides-wow-gold #tour_gold_professions_features_2 {
  background-image: url("/images/icons_big/clock.png");
}
body#guides-wow-gold #tour_gold_professions_features_3 {
  background-image: url("/images/icons_big/refresh.png");
}
body#guides-wow-gold #guides-wow-gold-farming {
  background: #531f11 url("/images/guides/wow/gold/farming_background.jpg") top center no-repeat;
  background-size: cover;
}
body#guides-wow-gold #tour_gold_farming_features_1 {
  background-image: url("/images/icons/orange/crown.svg");
}
body#guides-wow-gold #tour_gold_farming_features_2 {
  background-image: url("/images/icons/orange/die.svg");
}
body#guides-wow-gold #tour_gold_farming_features_3 {
  background-image: url("/images/icons/orange/meter.svg");
}
body#guides-wow-gold #guides-wow-gold-gathering {
  background: #2a2939 url("/images/guides/wow/gold/gathering_background.jpg") top center no-repeat;
  background-size: cover;
}
body#guides-wow-gold #tour_gold_gathering_features_1 {
  background-image: url("/images/icons/orange/place.svg");
}
body#guides-wow-gold #tour_gold_gathering_features_2 {
  background-image: url("/images/icons/orange/measure.svg");
}
body#guides-wow-gold #tour_gold_gathering_features_3 {
  background-image: url("/images/icons/orange/route.svg");
}
body#guides-wow-gold #guides-wow-gold-crafting {
  background: #3a2814 url("/images/guides/wow/gold/crafting_background.jpg") top center no-repeat;
  background-size: cover;
}
body#guides-wow-gold #tour_gold_crafting_features_1 {
  background-image: url("/images/icons/orange/checklist.svg");
}
body#guides-wow-gold #tour_gold_crafting_features_2 {
  background-image: url("/images/icons/orange/basket.svg");
}
body#guides-wow-gold #tour_gold_crafting_features_3 {
  background-image: url("/images/icons/orange/calculator.svg");
}
body#guides-wow-gold #guides-wow-gold-auctions {
  background: #261414 url("/images/guides/wow/gold/auctions_background.jpg") top center no-repeat;
  background-size: cover;
}
body#guides-wow-gold #tour_gold_auctions_features_1 {
  background-image: url("/images/icons/orange/scale.svg");
}
body#guides-wow-gold #tour_gold_auctions_features_2 {
  background-image: url("/images/icons/orange/indicator.svg");
}
body#guides-wow-gold #tour_gold_auctions_features_3 {
  background-image: url("/images/icons/orange/search.svg");
}
body#guides-wow-gold #guides-wow-gold-auctiontools {
  background: #442314 url("/images/guides/wow/gold/auctiontools_background.jpg") top center no-repeat;
  background-size: cover;
}
body#guides-wow-gold #tour_gold_auctiontools_features_1 {
  background-image: url("/images/icons/orange/pricetag.svg");
}
body#guides-wow-gold #tour_gold_auctiontools_features_2 {
  background-image: url("/images/icons/orange/list-pointed.svg");
}
body#guides-wow-gold #tour_gold_auctiontools_features_3 {
  background-image: url("/images/icons/orange/auction.svg");
}
body#guides-wow-gold #guides-wow-gold-mailtools {
  background: #1d2031 url("/images/guides/wow/gold/mailtools_background.jpg") top center no-repeat;
  background-size: cover;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-wow-gold #guides-wow-gold-mailtools .images {
    display: flex;
    justify-content: space-between;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-gold #guides-wow-gold-mailtools .images .viewer-2 {
    position: absolute;
    left: -105%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-wow-gold #guides-wow-gold-mailtools .images img {
    width: 95%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-gold #guides-wow-gold-mailtools .images img {
    max-width: 320px;
  }
}
body#guides-wow-gold #tour_gold_mailtools_features_1 {
  background-image: url("/images/icons_big/buttonclick.png");
}
body#guides-wow-gold #tour_gold_mailtools_features_2 {
  background-image: url("/images/icons_big/paperclip.png");
}
body#guides-wow-gold #tour_gold_mailtools_features_3 {
  background-image: url("/images/icons_big/mail.png");
}
body#guides-wow-gold #guides-wow-gold-deepserver {
  background: #e89c0a url("/images/guides/wow/gold/server_background.jpg") top center no-repeat;
  background-size: cover;
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-gold #guides-wow-gold-deepserver .imglabel {
    position: absolute;
    bottom: 10.5%;
    width: 582px;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-wow-gold .buy {
    padding-top: 1rem;
  }
}

/*  */
body#guides-wow-pets .about {
  background: #2b2320 url("/images/guides/wow/pets/background_1.jpg") top center no-repeat;
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-pets .about {
    background-position-y: 35%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-pets .about .container {
    min-height: 643px;
  }
}
body#guides-wow-pets .about .container .viewer-2-large {
  position: absolute;
  top: 288px;
  left: -72px;
  max-width: 340px;
}
body#guides-wow-pets #guides-wow-pets-content-quest {
  background-image: url("/images/icons/orange/exclamation.svg");
}
body#guides-wow-pets #guides-wow-pets-content-dailies {
  background-image: url("/images/icons/orange/exclamation.svg");
}
body#guides-wow-pets #guides-wow-pets-content-guides {
  background-image: url("/images/icons/orange/guides/wow-pets.svg");
}
body#guides-wow-pets #guides-wow-pets-content-mounts {
  background-image: url("/images/icons/orange/horse.svg");
}
body#guides-wow-pets #guides-wow-pets-content-hunter {
  background-image: url("/images/icons/orange/pawprint-claws.svg");
}
body#guides-wow-pets #guides-wow-pets-content-new {
  background-image: url("/images/icons_small/new.png");
}
body#guides-wow-pets .features-key {
  background: #573c31 url("/images/guides/wow/pets/background_2.jpg") top center no-repeat;
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-pets .features-key {
    background-position-y: 30%;
  }
}
body#guides-wow-pets .features-key .image {
  border: none;
}

/*  */
body#guides-wow-titles .about {
  background: #1d4738 url("/images/guides/wow/titles/background_1.jpg") top center no-repeat;
  background-size: cover;
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-titles .about {
    background-position-y: 60%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-titles .about .container {
    min-height: 643px;
  }
}
body#guides-wow-titles .about .container .viewer-2-large {
  position: absolute;
  top: 313px;
  left: -72px;
}
body#guides-wow-titles #guides-wow-titles-content-new {
  background-image: url("/images/icons_small/new.png");
}
body#guides-wow-titles #guides-wow-titles-content-titles {
  background-image: url("/images/icons/orange/guides/wow-titles.svg");
}
body#guides-wow-titles #guides-wow-titles-content-achieves {
  background-image: url("/images/icons/orange/shield.svg");
}
body#guides-wow-titles .features-key {
  background: #6c6473 url("/images/guides/wow/titles/background_2.jpg") top center no-repeat;
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-titles .features-key {
    background-position-y: center;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-wow-titles .features-key .info {
    width: 450px;
  }
}
body#guides-wow-titles .features-key .image {
  border: none;
}

body#guides-classic-leveling .general {
  background: url("/images/guides/classic/leveling/bgr-classic.jpg") bottom center no-repeat;
  color: #fff;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-leveling .general {
    background-color: #202125;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-leveling .general {
    height: 44rem;
    background-color: #000;
  }
}
body#guides-classic-leveling .general .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body#guides-classic-leveling .general .container h1 {
  width: 100%;
  font-weight: 300;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  text-align: left;
  letter-spacing: 0.05px;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-leveling .general .container h1 {
    padding-top: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-leveling .general .container h1 {
    padding-top: 3rem;
  }
}
body#guides-classic-leveling .general .container h1 strong {
  font-weight: 600;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-leveling .general .container .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-leveling .general .container .text {
    width: 31rem;
  }
}
body#guides-classic-leveling .general .container .text p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
body#guides-classic-leveling .general .container .text .button {
  display: block;
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-leveling .general .container .text .button {
    line-height: 1.5rem;
  }
}
body#guides-classic-leveling .general .container .text .button.elite {
  border-color: #f0f0f0;
  color: #f0f0f0;
}
body#guides-classic-leveling .general .container .text .button.elite small {
  line-height: 1.2rem;
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-leveling .general .container .text .blurb {
    margin-bottom: 3rem;
  }
}
body#guides-classic-leveling .general .container .mascot {
  background-image: url("/images/guides/classic/leveling/mascot-classic.png");
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-leveling .general .container .mascot {
    width: 100%;
    height: 15rem;
    background-size: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-leveling .general .container .mascot {
    align-self: flex-end;
    height: 41.4375rem;
    width: 37.5rem;
    margin-right: -3rem;
    margin-top: -6rem;
  }
}
body#guides-classic-leveling .features-key {
  background: #2d2c3c url("/images/guides/classic/leveling/bgr-viewer.jpg") top center no-repeat;
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-leveling .features-key {
    background-position-y: 75%;
  }
}
body#guides-classic-leveling .features-key .container {
  min-height: unset;
}
body#guides-classic-leveling .features-key .container .image {
  border: none;
}
body#guides-classic-leveling .hardcore-guides {
  background: #2d2c3c url("/images/guides/classic/leveling/hardcore-guides.jpg") top center no-repeat;
  background-size: cover;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-leveling .hardcore-guides {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-leveling .hardcore-guides {
    padding-top: 4rem;
    padding-bottom: 5rem;
    background-position-y: 25%;
  }
}
body#guides-classic-leveling .hardcore-guides h1 {
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), 1px -1px 1px rgba(0, 0, 0, 0.2), -1px 1px 1px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.2);
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-leveling .hardcore-guides h1 {
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-leveling .hardcore-guides h1 {
    padding-bottom: 1.5rem;
  }
}
body#guides-classic-leveling .hardcore-guides h1::before {
  content: "NEW";
  color: #fe6100;
  font-size: 0.8em;
  font-weight: 700;
  display: block;
}
body#guides-classic-leveling .hardcore-guides .text {
  padding: 1rem 1rem 0.5rem 1rem;
  font-size: 0.95rem;
  background-color: rgba(21, 27, 30, 0.8);
  border-radius: 8px;
  border: 1px solid #304448;
  backdrop-filter: blur(1px);
  box-shadow: -1px -1px 10px rgba(0, 0, 0, 0.2), 1px -1px 10px rgba(0, 0, 0, 0.2), -1px 1px 10px rgba(0, 0, 0, 0.2), 1px 1px 10px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), 1px -1px 1px rgba(0, 0, 0, 0.2), -1px 1px 1px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.2);
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-leveling .hardcore-guides .text {
    width: 100%;
    margin: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-leveling .hardcore-guides .text {
    width: 45%;
  }
}
body#guides-classic-leveling .hardcore-guides .container {
  min-height: unset;
}
body#guides-classic-leveling .hardcore-guides .container .image {
  border: none;
}
body#guides-classic-leveling .zgv-details {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-leveling .zgv-details {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-leveling .zgv-details {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
body#guides-classic-leveling .zgv-details .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-leveling .zgv-details .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-leveling .zgv-details .container {
    justify-content: space-between;
  }
}
body#guides-classic-leveling .zgv-details .container .videobox {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-leveling .zgv-details .container .videobox {
    width: 45%;
  }
}
body#guides-classic-leveling .zgv-details .container .videobox .video {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-self: stretch;
  position: relative;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-leveling .zgv-details .container .videobox .video {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-leveling .zgv-details .container .videobox .video {
    margin-bottom: 2rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-leveling .zgv-details .container .videobox .video img {
    width: 100%;
    height: auto;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-leveling .zgv-details .container .videobox .video img {
    display: none;
  }
}
body#guides-classic-leveling .zgv-details .container .videobox .video iframe {
  border: 0 none;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-leveling .zgv-details .container .videobox .video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-leveling .zgv-details .container .videobox .video iframe {
    height: 280px;
    width: 495px;
  }
}
body#guides-classic-leveling .content .common-icons-2columns .guides {
  background-image: url("/images/icons/orange/exclamation.svg");
}
body#guides-classic-leveling .content .common-icons-2columns .features {
  background-image: url("/images/icons/orange/guide-arrow.svg");
}
body#guides-classic-leveling .content .common-icons-2columns .cost {
  background-image: url("/images/icons/orange/goldcoin.svg");
}
body#guides-classic-leveling .content .common-icons-2columns .free {
  background-image: url("/images/icons/orange/book.svg");
}
body#guides-classic-leveling .content .common-icons-2columns .standalone {
  background-image: url("/images/icons/orange/user.svg");
}
body#guides-classic-leveling .season-of-discovery {
  background: #652a24 url("/images/guides/classic/leveling/season-of-discovery-bgr.jpg") top center no-repeat;
  background-size: cover;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-leveling .season-of-discovery {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-leveling .season-of-discovery {
    padding-top: 4rem;
    padding-bottom: 5rem;
    background-position-y: 25%;
  }
}
body#guides-classic-leveling .season-of-discovery .container {
  min-height: unset;
  display: grid;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-leveling .season-of-discovery .container {
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    grid-template-areas: "header" "image" "text";
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-leveling .season-of-discovery .container {
    grid-template-columns: 45% 5% 50%;
    grid-template-rows: auto;
    grid-template-areas: "header . image" "text . image";
  }
}
body#guides-classic-leveling .season-of-discovery .container h1 {
  grid-area: header;
  display: block;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), 1px -1px 1px rgba(0, 0, 0, 0.2), -1px 1px 1px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.2);
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-leveling .season-of-discovery .container h1 {
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-leveling .season-of-discovery .container h1 {
    padding-bottom: 1.5rem;
  }
}
body#guides-classic-leveling .season-of-discovery .container h1::before {
  content: "NEW";
  color: #fe6100;
  font-size: 0.8em;
  font-weight: 700;
  display: block;
}
body#guides-classic-leveling .season-of-discovery .container .text {
  grid-area: text;
  padding: 1rem 1rem 0.5rem 1rem;
  font-size: 0.95rem;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(1px);
  box-shadow: -1px -1px 10px rgba(0, 0, 0, 0.2), 1px -1px 10px rgba(0, 0, 0, 0.2), -1px 1px 10px rgba(0, 0, 0, 0.2), 1px 1px 10px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), 1px -1px 1px rgba(0, 0, 0, 0.2), -1px 1px 1px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.2);
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-leveling .season-of-discovery .container .text {
    margin: 1rem;
  }
}
body#guides-classic-leveling .season-of-discovery .container .text .asterix {
  color: #fe6100;
}
body#guides-classic-leveling .season-of-discovery .container .text .small {
  font-size: 0.8rem;
}
body#guides-classic-leveling .season-of-discovery .container .image {
  grid-area: image;
  border: none;
}

body#guides-classic-gold .screenbox {
  color: #fff;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-gold .screenbox {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-gold .screenbox {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
body#guides-classic-gold .screenbox .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-gold .screenbox .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-gold .screenbox .container {
    justify-content: space-between;
    align-items: center;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-gold .screenbox .container .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-gold .screenbox .container .text {
    width: 27rem;
  }
}
body#guides-classic-gold .screenbox .container .text h1 {
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  letter-spacing: 0.05px;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-gold .screenbox .container .text h1 {
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-gold .screenbox .container .text h1 {
    padding-bottom: 1.5rem;
  }
}
body#guides-classic-gold .screenbox .container .text p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-gold .screenbox .container .screens {
    display: flex;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-gold .screenbox .container .screens {
    position: relative;
  }
}
body#guides-classic-gold .screenbox .container .screens .screen-1 {
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-gold .screenbox .container .screens .screen-1 {
    width: 100%;
    height: 15rem;
    background-position-x: 50%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-gold .screenbox .container .screens .screen-1 {
    height: 25rem;
    width: 37rem;
  }
}
body#guides-classic-gold .screenbox .container .screens .screen-2 {
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-gold .screenbox .container .screens .screen-2 {
    width: 100%;
    height: 10rem;
    background-position-x: 50%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-gold .screenbox .container .screens .screen-2 {
    position: absolute;
    bottom: -2.5rem;
    left: -3rem;
    height: 10rem;
    width: 20rem;
  }
}
body#guides-classic-gold .screenbox.professions {
  background: url("/images/guides/classic/gold/profession-bgr.jpg") bottom center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-gold .screenbox.professions {
    background-color: #000;
    background-size: cover;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-gold .screenbox.professions {
    background-color: #000;
    background-size: cover;
    background-position-y: 75%;
  }
}
body#guides-classic-gold .screenbox.professions .container .screens .screen-1 {
  background-image: url("/images/guides/classic/gold/professions-screen-1.png");
}
body#guides-classic-gold .screenbox.professions .container .screens .screen-2 {
  background-image: url("/images/guides/classic/gold/professions-screen-2.png");
}
body#guides-classic-gold .screenbox.bestselling {
  background: url("/images/guides/classic/gold/bestselling-bgr.jpg") bottom center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-gold .screenbox.bestselling {
    background-color: #39180f;
    background-size: cover;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-gold .screenbox.bestselling {
    background-color: #39180f;
    background-size: cover;
    background-position-y: 40%;
  }
}
body#guides-classic-gold .screenbox.bestselling .container .screens .screen-1 {
  background-image: url("/images/guides/classic/gold/bestselling-screen.png");
}
body#guides-classic-gold .content .common-icons-2columns .farming {
  background-image: url("/images/icons/orange/bag-detail.svg");
}
body#guides-classic-gold .content .common-icons-2columns .gathering {
  background-image: url("/images/icons/orange/flowers.svg");
}
body#guides-classic-gold .content .common-icons-2columns .crafting {
  background-image: url("/images/icons/orange/bottle.svg");
}
body#guides-classic-gold .content .common-icons-2columns .auctions {
  background-image: url("/images/icons/orange/auction.svg");
}

body#guides-classic-dungeons .screenbox {
  color: #fff;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-dungeons .screenbox {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-dungeons .screenbox {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
}
body#guides-classic-dungeons .screenbox .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-dungeons .screenbox .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-dungeons .screenbox .container {
    justify-content: space-between;
    align-items: center;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-dungeons .screenbox .container .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-dungeons .screenbox .container .text {
    width: 27rem;
  }
}
body#guides-classic-dungeons .screenbox .container .text h1 {
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  letter-spacing: 0.05px;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-dungeons .screenbox .container .text h1 {
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-dungeons .screenbox .container .text h1 {
    padding-bottom: 1.5rem;
  }
}
body#guides-classic-dungeons .screenbox .container .text p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-dungeons .screenbox .container .screens {
    display: flex;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-dungeons .screenbox .container .screens {
    position: relative;
  }
}
body#guides-classic-dungeons .screenbox .container .screens .screen-1 {
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-dungeons .screenbox .container .screens .screen-1 {
    width: 100%;
    height: 15rem;
    background-position-x: 50%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-dungeons .screenbox .container .screens .screen-1 {
    height: 25rem;
    width: 37rem;
  }
}
body#guides-classic-dungeons .screenbox .container .screens .screen-2 {
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-dungeons .screenbox .container .screens .screen-2 {
    width: 100%;
    height: 10rem;
    background-position-x: 50%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-dungeons .screenbox .container .screens .screen-2 {
    position: absolute;
    bottom: -2rem;
    left: -3rem;
    height: 15rem;
    width: 30rem;
  }
}
body#guides-classic-dungeons .screenbox.dungeon {
  background: url("/images/guides/classic/dungeons/dungeon-bgr.jpg") bottom center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-dungeons .screenbox.dungeon {
    background-color: #000;
    background-size: cover;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-dungeons .screenbox.dungeon {
    background-color: #000;
    background-size: cover;
    background-position-y: 50%;
  }
}
body#guides-classic-dungeons .screenbox.dungeon .container .screens .screen-1 {
  background-image: url("/images/guides/classic/dungeons/dungeon-screen-1.png");
}
body#guides-classic-dungeons .screenbox.dungeon .container .screens .screen-2 {
  background-image: url("/images/guides/classic/dungeons/dungeon-screen-2.png");
}
body#guides-classic-dungeons .screenbox.gearfinder {
  background: url("/images/guides/classic/dungeons/gearfinder-bgr.jpg") bottom center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classic-dungeons .screenbox.gearfinder {
    background-color: #39180f;
    background-size: cover;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classic-dungeons .screenbox.gearfinder {
    background-color: #39180f;
    background-size: cover;
    background-position-y: 60%;
  }
}
body#guides-classic-dungeons .screenbox.gearfinder .container .screens .screen-1 {
  background-image: url("/images/guides/classic/dungeons/gearfinder-screen.png");
}
body#guides-classic-dungeons .content .common-icons-2columns .guides {
  background-image: url("/images/icons/orange/exclamation.svg");
}
body#guides-classic-dungeons .content .common-icons-2columns .features {
  background-image: url("/images/icons/orange/guide-arrow.svg");
}
body#guides-classic-dungeons .content .common-icons-2columns .cost {
  background-image: url("/images/icons/orange/goldcoin.svg");
}
body#guides-classic-dungeons .content .common-icons-2columns .free {
  background-image: url("/images/icons/orange/book.svg");
}
body#guides-classic-dungeons .content .common-icons-2columns .standalone {
  background-image: url("/images/icons/orange/user.svg");
}

body#guides-classictbc-leveling .general {
  background: url("/images/guides/classictbc/leveling/bgr-classic-tbc.jpg") bottom center no-repeat;
  color: #fff;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-leveling .general {
    background-color: #202125;
    background-position-x: 25%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-leveling .general {
    background-position-y: 62%;
    height: 38rem;
    background-color: #000;
  }
}
body#guides-classictbc-leveling .general .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
body#guides-classictbc-leveling .general .container h1 {
  width: 100%;
  font-weight: 300;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  letter-spacing: 0.05px;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-leveling .general .container h1 {
    padding-top: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-leveling .general .container h1 {
    padding-top: 3rem;
    position: absolute;
  }
}
body#guides-classictbc-leveling .general .container h1 strong {
  font-weight: 600;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-leveling .general .container .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-leveling .general .container .text {
    width: 31rem;
    margin-top: 9rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-leveling .general .container .text .bubble {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 1rem;
    border-radius: 8px;
  }
}
body#guides-classictbc-leveling .general .container .text p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
body#guides-classictbc-leveling .general .container .text .button {
  display: block;
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-leveling .general .container .text .button {
    line-height: 1.5rem;
  }
}
body#guides-classictbc-leveling .general .container .text .button.elite {
  border-color: #f0f0f0;
  color: #f0f0f0;
}
body#guides-classictbc-leveling .general .container .text .button.elite small {
  line-height: 1.2rem;
}
body#guides-classictbc-leveling .general .container .mascot {
  background-image: url("/images/guides/classictbc/leveling/mascot-classic-tbc.png");
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-leveling .general .container .mascot {
    width: 100%;
    height: 15rem;
    background-size: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-leveling .general .container .mascot {
    align-self: flex-end;
    height: 46.375rem;
    width: 37.5rem;
    margin-right: -3rem;
    margin-top: -2rem;
  }
}
body#guides-classictbc-leveling .features-key {
  background: #2d2c3c url("/images/guides/classictbc/leveling/bgr-viewer.jpg") top center no-repeat;
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-leveling .features-key {
    background-position-y: center;
  }
}
body#guides-classictbc-leveling .features-key .image {
  border: none;
}
body#guides-classictbc-leveling .zgv-details {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-leveling .zgv-details {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-leveling .zgv-details {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
body#guides-classictbc-leveling .zgv-details .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-leveling .zgv-details .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-leveling .zgv-details .container {
    justify-content: space-between;
  }
}
body#guides-classictbc-leveling .zgv-details .container .videobox {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-leveling .zgv-details .container .videobox {
    width: 45%;
  }
}
body#guides-classictbc-leveling .zgv-details .container .videobox .video {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-self: stretch;
  position: relative;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-leveling .zgv-details .container .videobox .video {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-leveling .zgv-details .container .videobox .video {
    margin-bottom: 2rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-leveling .zgv-details .container .videobox .video img {
    width: 100%;
    height: auto;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-leveling .zgv-details .container .videobox .video img {
    display: none;
  }
}
body#guides-classictbc-leveling .zgv-details .container .videobox .video iframe {
  border: 0 none;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-leveling .zgv-details .container .videobox .video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-leveling .zgv-details .container .videobox .video iframe {
    height: 280px;
    width: 495px;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-leveling .content .common-icons-3columns {
    margin-top: 4rem;
  }
}
body#guides-classictbc-leveling .content .common-icons-3columns .faction {
  background-image: url("/images/icons/orange/exclamation.svg");
}
body#guides-classictbc-leveling .content .common-icons-3columns .gold {
  background-image: url("/images/icons/orange/goldcoin.svg");
}
body#guides-classictbc-leveling .content .common-icons-3columns .flying {
  background-image: url("/images/icons/orange/wing.svg");
}

body#guides-classictbc-gold .screenbox {
  color: #fff;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-gold .screenbox {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-gold .screenbox {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
body#guides-classictbc-gold .screenbox .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-gold .screenbox .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-gold .screenbox .container {
    justify-content: space-between;
    align-items: center;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-gold .screenbox .container .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-gold .screenbox .container .text {
    width: 26rem;
  }
}
body#guides-classictbc-gold .screenbox .container .text h1 {
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  letter-spacing: 0.05px;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-gold .screenbox .container .text h1 {
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-gold .screenbox .container .text h1 {
    padding-bottom: 1.5rem;
  }
}
body#guides-classictbc-gold .screenbox .container .text p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-gold .screenbox .container .screens {
    display: flex;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-gold .screenbox .container .screens {
    position: relative;
  }
}
body#guides-classictbc-gold .screenbox .container .screens .screen-1 {
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-gold .screenbox .container .screens .screen-1 {
    width: 100%;
    height: 15rem;
    background-position-x: 50%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-gold .screenbox .container .screens .screen-1 {
    height: 29rem;
    width: 40rem;
  }
}
body#guides-classictbc-gold .screenbox .container .screens .screen-2 {
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-gold .screenbox .container .screens .screen-2 {
    width: 100%;
    height: 10rem;
    background-position-x: 50%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-gold .screenbox .container .screens .screen-2 {
    position: absolute;
    bottom: -2.5rem;
    left: -2rem;
    height: 10rem;
    width: 20rem;
  }
}
body#guides-classictbc-gold .screenbox.professions {
  background: url("/images/guides/classictbc/gold/profession-bgr.jpg") bottom center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-gold .screenbox.professions {
    background-color: #000;
    background-size: cover;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-gold .screenbox.professions {
    background-color: #000;
    background-size: cover;
    background-position-y: 75%;
  }
}
body#guides-classictbc-gold .screenbox.professions .container .screens .screen-1 {
  background-image: url("/images/guides/classictbc/gold/professions-screen-1.png");
}
body#guides-classictbc-gold .screenbox.professions .container .screens .screen-2 {
  background-image: url("/images/guides/classictbc/gold/professions-screen-2.png");
}
body#guides-classictbc-gold .screenbox.bestselling {
  background: url("/images/guides/classictbc/gold/bestselling-bgr.jpg") bottom center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-gold .screenbox.bestselling {
    background-color: #39180f;
    background-size: cover;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-gold .screenbox.bestselling {
    background-color: #39180f;
    background-size: cover;
    background-position-y: 40%;
  }
}
body#guides-classictbc-gold .screenbox.bestselling .container .screens .screen-1 {
  background-image: url("/images/guides/classictbc/gold/bestselling-screen.png");
}
body#guides-classictbc-gold .content .common-icons-2columns .farming {
  background-image: url("/images/icons/orange/bag-detail.svg");
}
body#guides-classictbc-gold .content .common-icons-2columns .gathering {
  background-image: url("/images/icons/orange/flowers.svg");
}
body#guides-classictbc-gold .content .common-icons-2columns .crafting {
  background-image: url("/images/icons/orange/bottle.svg");
}
body#guides-classictbc-gold .content .common-icons-2columns .auctions {
  background-image: url("/images/icons/orange/auction.svg");
}

body#guides-classictbc-dungeons .screenbox {
  color: #fff;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-dungeons .screenbox {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-dungeons .screenbox {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
}
body#guides-classictbc-dungeons .screenbox .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-dungeons .screenbox .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-dungeons .screenbox .container {
    justify-content: space-between;
    align-items: center;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-dungeons .screenbox .container .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-dungeons .screenbox .container .text {
    width: 27rem;
  }
}
body#guides-classictbc-dungeons .screenbox .container .text h1 {
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  letter-spacing: 0.05px;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-dungeons .screenbox .container .text h1 {
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-dungeons .screenbox .container .text h1 {
    padding-bottom: 1.5rem;
  }
}
body#guides-classictbc-dungeons .screenbox .container .text p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-dungeons .screenbox .container .screens {
    display: flex;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-dungeons .screenbox .container .screens {
    position: relative;
  }
}
body#guides-classictbc-dungeons .screenbox .container .screens .screen-1 {
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-dungeons .screenbox .container .screens .screen-1 {
    width: 100%;
    height: 15rem;
    background-position-x: 50%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-dungeons .screenbox .container .screens .screen-1 {
    height: 30rem;
    width: 40rem;
  }
}
body#guides-classictbc-dungeons .screenbox .container .screens .screen-2 {
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-dungeons .screenbox .container .screens .screen-2 {
    width: 100%;
    height: 10rem;
    background-position-x: 50%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-dungeons .screenbox .container .screens .screen-2 {
    position: absolute;
    bottom: -2rem;
    left: -3rem;
    height: 15rem;
    width: 30rem;
  }
}
body#guides-classictbc-dungeons .screenbox.dungeon {
  background: url("/images/guides/classictbc/dungeons/dungeon-bgr.jpg") bottom center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-dungeons .screenbox.dungeon {
    background-color: #000;
    background-size: cover;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-dungeons .screenbox.dungeon {
    background-color: #000;
    background-size: cover;
    background-position-y: 50%;
  }
}
body#guides-classictbc-dungeons .screenbox.dungeon .container .text .asterisk {
  color: #fe6100;
}
body#guides-classictbc-dungeons .screenbox.dungeon .container .text .small {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  padding: 0.6rem 1rem;
  font-size: 0.8rem;
  position: relative;
}
body#guides-classictbc-dungeons .screenbox.dungeon .container .text .small::before {
  content: "*";
  font-size: 1.2rem;
  color: #fe6100;
  position: absolute;
  top: -0.3rem;
  left: 0.3rem;
}
body#guides-classictbc-dungeons .screenbox.dungeon .container .screens .screen-1 {
  background-image: url("/images/guides/classictbc/dungeons/dungeon-screen-1.png");
}
body#guides-classictbc-dungeons .screenbox.gearfinder {
  background: url("/images/guides/classictbc/dungeons/gearfinder-bgr.jpg") bottom center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classictbc-dungeons .screenbox.gearfinder {
    background-color: #39180f;
    background-size: cover;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-dungeons .screenbox.gearfinder {
    background-color: #39180f;
    background-size: cover;
    background-position-y: 60%;
  }
}
body#guides-classictbc-dungeons .screenbox.gearfinder .container .screens .screen-1 {
  background-image: url("/images/guides/classictbc/dungeons/gearfinder-screen.png");
}
@media print, screen and (min-width: 64em) {
  body#guides-classictbc-dungeons .screenbox.gearfinder .container .screens .screen-1 {
    height: 29rem;
  }
}
body#guides-classictbc-dungeons .content .common-icons-2columns .guides {
  background-image: url("/images/icons/orange/exclamation.svg");
}
body#guides-classictbc-dungeons .content .common-icons-2columns .features {
  background-image: url("/images/icons/orange/guide-arrow.svg");
}
body#guides-classictbc-dungeons .content .common-icons-2columns .cost {
  background-image: url("/images/icons/orange/goldcoin.svg");
}
body#guides-classictbc-dungeons .content .common-icons-2columns .free {
  background-image: url("/images/icons/orange/book.svg");
}
body#guides-classictbc-dungeons .content .common-icons-2columns .standalone {
  background-image: url("/images/icons/orange/user.svg");
}

body#guides-classicwotlk-leveling .general {
  background: url("/images/preorder/classic-wotlk/bgr-wotlk.jpg") bottom center no-repeat;
  color: #fff;
  background-size: cover;
  background-position-y: 90%;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-leveling .general {
    background-color: #202125;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-leveling .general {
    height: 46rem;
    background-color: #000;
  }
}
body#guides-classicwotlk-leveling .general .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-leveling .general .container .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-leveling .general .container .text {
    width: 30rem;
  }
}
body#guides-classicwotlk-leveling .general .container .text h1 {
  width: 100%;
  font-weight: 300;
  text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000;
  letter-spacing: 0.05px;
  text-align: center;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-leveling .general .container .text h1 {
    padding-top: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-leveling .general .container .text h1 {
    padding-top: 3rem;
  }
}
body#guides-classicwotlk-leveling .general .container .text h1 strong {
  font-weight: 600;
}
body#guides-classicwotlk-leveling .general .container .text .text-box {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  padding: 0.5rem 1rem;
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-leveling .general .container .text .text-box {
    margin-top: 3rem;
  }
}
body#guides-classicwotlk-leveling .general .container .text .text-box p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000;
}
body#guides-classicwotlk-leveling .general .container .text .text-box .button {
  display: block;
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-leveling .general .container .text .text-box .button {
    line-height: 1.5rem;
  }
}
body#guides-classicwotlk-leveling .general .container .text .text-box .button.elite {
  border-color: #f0f0f0;
  color: #f0f0f0;
}
body#guides-classicwotlk-leveling .general .container .text .text-box .button.elite small {
  line-height: 1.2rem;
}
body#guides-classicwotlk-leveling .general .container .mascot {
  background-image: url("/images/preorder/classic-wotlk/mascot-classic-wotlk.png");
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-leveling .general .container .mascot {
    width: 100%;
    height: 30rem;
    background-size: contain;
    background-position: center center;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-leveling .general .container .mascot {
    align-self: flex-end;
    height: 46.0625rem;
    width: 34.375rem;
    margin-right: -3rem;
    margin-top: 0.5rem;
  }
}
body#guides-classicwotlk-leveling .blurbs {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-leveling .blurbs {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-leveling .blurbs {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-leveling .blurbs h2 {
    margin-bottom: 2rem;
  }
}
body#guides-classicwotlk-leveling .features-key {
  background: #2d2c3c url("/images/guides/classicwotlk/leveling/bgr-talent.jpg") top center no-repeat;
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-leveling .features-key {
    background-position-y: center;
  }
}
body#guides-classicwotlk-leveling .features-key .image {
  border: none;
}
body#guides-classicwotlk-leveling .zgv-details {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-leveling .zgv-details {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-leveling .zgv-details {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
body#guides-classicwotlk-leveling .zgv-details .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-leveling .zgv-details .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-leveling .zgv-details .container {
    justify-content: space-between;
  }
}
body#guides-classicwotlk-leveling .zgv-details .container .videobox {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-leveling .zgv-details .container .videobox {
    width: 45%;
  }
}
body#guides-classicwotlk-leveling .zgv-details .container .videobox .video {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-self: stretch;
  position: relative;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-leveling .zgv-details .container .videobox .video {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-leveling .zgv-details .container .videobox .video {
    margin-bottom: 2rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-leveling .zgv-details .container .videobox .video img {
    width: 100%;
    height: auto;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-leveling .zgv-details .container .videobox .video img {
    display: none;
  }
}
body#guides-classicwotlk-leveling .zgv-details .container .videobox .video iframe {
  border: 0 none;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-leveling .zgv-details .container .videobox .video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-leveling .zgv-details .container .videobox .video iframe {
    height: 280px;
    width: 495px;
  }
}
body#guides-classicwotlk-leveling .features-additional {
  background-color: #fff;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-leveling .features-additional {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-leveling .features-additional {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-leveling .features-additional .common-icons-3columns {
    margin-top: 4rem;
  }
}
body#guides-classicwotlk-leveling .features-additional .common-icons-3columns .dailies {
  background-image: url("/images/icons/orange/exclamation.svg");
}
body#guides-classicwotlk-leveling .features-additional .common-icons-3columns .argent {
  background-image: url("/images/icons/orange/argent.svg");
}
body#guides-classicwotlk-leveling .features-additional .common-icons-3columns .profession {
  background-image: url("/images/icons/orange/graduation-hat.svg");
}

body#guides-classicwotlk-gold .screenbox {
  color: #fff;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-gold .screenbox {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-gold .screenbox {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
body#guides-classicwotlk-gold .screenbox .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-gold .screenbox .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-gold .screenbox .container {
    justify-content: space-between;
    align-items: center;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-gold .screenbox .container .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-gold .screenbox .container .text {
    width: 26rem;
  }
}
body#guides-classicwotlk-gold .screenbox .container .text h1 {
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  letter-spacing: 0.05px;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-gold .screenbox .container .text h1 {
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-gold .screenbox .container .text h1 {
    padding-bottom: 1.5rem;
  }
}
body#guides-classicwotlk-gold .screenbox .container .text p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-gold .screenbox .container .screens {
    display: flex;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-gold .screenbox .container .screens {
    position: relative;
  }
}
body#guides-classicwotlk-gold .screenbox .container .screens .screen-1 {
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-gold .screenbox .container .screens .screen-1 {
    width: 100%;
    height: 15rem;
    background-position-x: 50%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-gold .screenbox .container .screens .screen-1 {
    height: 29rem;
    width: 40rem;
  }
}
body#guides-classicwotlk-gold .screenbox .container .screens .screen-2 {
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-gold .screenbox .container .screens .screen-2 {
    width: 100%;
    height: 10rem;
    background-position-x: 50%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-gold .screenbox .container .screens .screen-2 {
    position: absolute;
    bottom: -2.5rem;
    left: -2rem;
    height: 10rem;
    width: 20rem;
  }
}
body#guides-classicwotlk-gold .screenbox.professions {
  background: url("/images/guides/classicwotlk/gold/profession-bgr.jpg") bottom center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-gold .screenbox.professions {
    background-color: #000;
    background-size: cover;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-gold .screenbox.professions {
    background-color: #000;
    background-size: cover;
    background-position-y: 40%;
  }
}
body#guides-classicwotlk-gold .screenbox.professions .container .screens .screen-1 {
  background-image: url("/images/guides/classicwotlk/gold/professions-screen-1.png");
}
body#guides-classicwotlk-gold .screenbox.professions .container .screens .screen-2 {
  background-image: url("/images/guides/classicwotlk/gold/professions-screen-2.png");
}
body#guides-classicwotlk-gold .screenbox.bestselling {
  background: url("/images/guides/classicwotlk/gold/bestselling-bgr.jpg") bottom center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-gold .screenbox.bestselling {
    background-color: #39180f;
    background-size: cover;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-gold .screenbox.bestselling {
    background-color: #39180f;
    background-size: cover;
    background-position-y: 50%;
  }
}
body#guides-classicwotlk-gold .screenbox.bestselling .container .screens .screen-1 {
  background-image: url("/images/guides/classicwotlk/gold/bestselling-screen.png");
}
body#guides-classicwotlk-gold .content .common-icons-2columns .farming {
  background-image: url("/images/icons/orange/bag-detail.svg");
}
body#guides-classicwotlk-gold .content .common-icons-2columns .gathering {
  background-image: url("/images/icons/orange/flowers.svg");
}
body#guides-classicwotlk-gold .content .common-icons-2columns .crafting {
  background-image: url("/images/icons/orange/bottle.svg");
}
body#guides-classicwotlk-gold .content .common-icons-2columns .auctions {
  background-image: url("/images/icons/orange/auction.svg");
}

body#guides-classicwotlk-dungeons .screenbox {
  color: #fff;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-dungeons .screenbox {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-dungeons .screenbox {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
}
body#guides-classicwotlk-dungeons .screenbox .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-dungeons .screenbox .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-dungeons .screenbox .container {
    justify-content: space-between;
    align-items: center;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-dungeons .screenbox .container .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-dungeons .screenbox .container .text {
    width: 25rem;
  }
}
body#guides-classicwotlk-dungeons .screenbox .container .text h1 {
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  letter-spacing: 0.05px;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-dungeons .screenbox .container .text h1 {
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-dungeons .screenbox .container .text h1 {
    padding-bottom: 1.5rem;
  }
}
body#guides-classicwotlk-dungeons .screenbox .container .text p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-dungeons .screenbox .container .screens {
    display: flex;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-dungeons .screenbox .container .screens {
    position: relative;
  }
}
body#guides-classicwotlk-dungeons .screenbox .container .screens .screen-1 {
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-dungeons .screenbox .container .screens .screen-1 {
    width: 100%;
    height: 15rem;
    background-position-x: 50%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-dungeons .screenbox .container .screens .screen-1 {
    height: 30rem;
    width: 40rem;
  }
}
body#guides-classicwotlk-dungeons .screenbox .container .screens .screen-2 {
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-dungeons .screenbox .container .screens .screen-2 {
    width: 100%;
    height: 10rem;
    background-position-x: 50%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-dungeons .screenbox .container .screens .screen-2 {
    position: absolute;
    bottom: -2rem;
    left: -3rem;
    height: 15rem;
    width: 30rem;
  }
}
body#guides-classicwotlk-dungeons .screenbox.dungeon {
  background: url("/images/guides/classicwotlk/dungeons/dungeon-bgr.jpg") bottom center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-dungeons .screenbox.dungeon {
    background-color: #000;
    background-size: cover;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-dungeons .screenbox.dungeon {
    background-color: #000;
    background-size: cover;
    background-position-y: 60%;
  }
}
body#guides-classicwotlk-dungeons .screenbox.dungeon .container .text .asterisk {
  color: #fe6100;
}
body#guides-classicwotlk-dungeons .screenbox.dungeon .container .text .small {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  padding: 0.6rem 1rem;
  font-size: 0.8rem;
  position: relative;
}
body#guides-classicwotlk-dungeons .screenbox.dungeon .container .text .small::before {
  content: "*";
  font-size: 1.2rem;
  color: #fe6100;
  position: absolute;
  top: -0.3rem;
  left: 0.3rem;
}
body#guides-classicwotlk-dungeons .screenbox.dungeon .container .screens .screen-1 {
  background-image: url("/images/guides/classicwotlk/dungeons/dungeon-screen-1.jpg");
}
body#guides-classicwotlk-dungeons .screenbox.dungeon .container .screens .screen-2 {
  background-image: url("/images/guides/classicwotlk/dungeons/dungeon-screen-2.png");
}
body#guides-classicwotlk-dungeons .screenbox.gearfinder {
  background: url("/images/guides/classicwotlk/dungeons/gearfinder-bgr.jpg") bottom center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-dungeons .screenbox.gearfinder {
    background-color: #39180f;
    background-size: cover;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-dungeons .screenbox.gearfinder {
    background-color: #39180f;
    background-size: cover;
    background-position-y: 60%;
  }
}
body#guides-classicwotlk-dungeons .screenbox.gearfinder .container .screens .screen-1 {
  background-image: url("/images/guides/classicwotlk/dungeons/gearfinder-screen.png");
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-dungeons .screenbox.gearfinder .container .screens .screen-1 {
    height: 29rem;
  }
}
body#guides-classicwotlk-dungeons .content .common-icons-2columns .guides {
  background-image: url("/images/icons/orange/exclamation.svg");
}
body#guides-classicwotlk-dungeons .content .common-icons-2columns .features {
  background-image: url("/images/icons/orange/guide-arrow.svg");
}
body#guides-classicwotlk-dungeons .content .common-icons-2columns .cost {
  background-image: url("/images/icons/orange/goldcoin.svg");
}
body#guides-classicwotlk-dungeons .content .common-icons-2columns .free {
  background-image: url("/images/icons/orange/book.svg");
}
body#guides-classicwotlk-dungeons .content .common-icons-2columns .standalone {
  background-image: url("/images/icons/orange/user.svg");
}

body#guides-classicwotlk-dailies .screenbox {
  color: #fff;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-dailies .screenbox {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-dailies .screenbox {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
}
body#guides-classicwotlk-dailies .screenbox .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-dailies .screenbox .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-dailies .screenbox .container {
    justify-content: space-between;
    align-items: center;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-dailies .screenbox .container .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-dailies .screenbox .container .text {
    width: 25rem;
  }
}
body#guides-classicwotlk-dailies .screenbox .container .text h1 {
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  letter-spacing: 0.05px;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-dailies .screenbox .container .text h1 {
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-dailies .screenbox .container .text h1 {
    padding-bottom: 1.5rem;
  }
}
body#guides-classicwotlk-dailies .screenbox .container .text p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-dailies .screenbox .container .screens {
    display: flex;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-dailies .screenbox .container .screens {
    position: relative;
  }
}
body#guides-classicwotlk-dailies .screenbox .container .screens .screen-1 {
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-dailies .screenbox .container .screens .screen-1 {
    width: 100%;
    height: 15rem;
    background-position-x: 50%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-dailies .screenbox .container .screens .screen-1 {
    height: 30rem;
    width: 40rem;
  }
}
body#guides-classicwotlk-dailies .screenbox .container .screens .screen-2 {
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-dailies .screenbox .container .screens .screen-2 {
    width: 100%;
    height: 10rem;
    background-position-x: 50%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-dailies .screenbox .container .screens .screen-2 {
    position: absolute;
    bottom: -7rem;
    left: -3rem;
    height: 15rem;
    width: 21rem;
  }
}
body#guides-classicwotlk-dailies .screenbox.endgame {
  background: url("/images/guides/classicwotlk/dailies/endgame-bgr.jpg") bottom center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-dailies .screenbox.endgame {
    background-color: #000;
    background-size: cover;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-dailies .screenbox.endgame {
    background-color: #000;
    background-size: cover;
    background-position-y: 60%;
  }
}
body#guides-classicwotlk-dailies .screenbox.endgame .container .text .asterisk {
  color: #fe6100;
}
body#guides-classicwotlk-dailies .screenbox.endgame .container .text .small {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  padding: 0.6rem 1rem;
  font-size: 0.8rem;
  position: relative;
}
body#guides-classicwotlk-dailies .screenbox.endgame .container .text .small::before {
  content: "*";
  font-size: 1.2rem;
  color: #fe6100;
  position: absolute;
  top: -0.3rem;
  left: 0.3rem;
}
body#guides-classicwotlk-dailies .screenbox.endgame .container .screens .screen-1 {
  background-image: url("/images/guides/classicwotlk/dailies/endgame-screen-1.png");
}
body#guides-classicwotlk-dailies .screenbox.endgame .container .screens .screen-2 {
  background-image: url("/images/guides/classicwotlk/dailies/endgame-screen-2.png");
}
body#guides-classicwotlk-dailies .screenbox.argent {
  background: url("/images/guides/classicwotlk/dailies/argent-bgr.jpg") bottom center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classicwotlk-dailies .screenbox.argent {
    background-color: #39180f;
    background-size: cover;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-dailies .screenbox.argent {
    background-color: #39180f;
    background-size: cover;
    background-position-y: 60%;
  }
}
body#guides-classicwotlk-dailies .screenbox.argent .container .screens .screen-1 {
  background-image: url("/images/guides/classicwotlk/dailies/argent-screen.png");
}
@media print, screen and (min-width: 64em) {
  body#guides-classicwotlk-dailies .screenbox.argent .container .screens .screen-1 {
    height: 29rem;
  }
}
body#guides-classicwotlk-dailies .content .common-icons-2columns .guides {
  background-image: url("/images/icons/orange/exclamation.svg");
}
body#guides-classicwotlk-dailies .content .common-icons-2columns .features {
  background-image: url("/images/icons/orange/guide-arrow.svg");
}
body#guides-classicwotlk-dailies .content .common-icons-2columns .cost {
  background-image: url("/images/icons/orange/goldcoin.svg");
}
body#guides-classicwotlk-dailies .content .common-icons-2columns .free {
  background-image: url("/images/icons/orange/book.svg");
}
body#guides-classicwotlk-dailies .content .common-icons-2columns .standalone {
  background-image: url("/images/icons/orange/user.svg");
}

body#guides-classiccata-leveling .general {
  background: url("/images/guides/classiccata/leveling/bgr-cata.jpg") bottom center no-repeat;
  color: #fff;
  background-size: cover;
  background-position-y: 60%;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-leveling .general {
    background-color: #202125;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-leveling .general {
    height: 43rem;
    background-color: #000;
  }
}
body#guides-classiccata-leveling .general .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-leveling .general .container .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-leveling .general .container .text {
    width: 31rem;
  }
}
body#guides-classiccata-leveling .general .container .text h1 {
  width: 100%;
  font-weight: 300;
  text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000;
  letter-spacing: 0.05px;
  text-align: center;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-leveling .general .container .text h1 {
    padding-top: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-leveling .general .container .text h1 {
    padding-top: 3rem;
  }
}
body#guides-classiccata-leveling .general .container .text h1 strong {
  font-weight: 600;
}
body#guides-classiccata-leveling .general .container .text h3 {
  text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000;
  letter-spacing: 0.05px;
  text-align: center;
}
body#guides-classiccata-leveling .general .container .text .text-box {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  padding: 0.5rem 1.5rem;
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-leveling .general .container .text .text-box {
    margin-top: 3rem;
  }
}
body#guides-classiccata-leveling .general .container .text .text-box p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000;
}
body#guides-classiccata-leveling .general .container .text .button-box {
  width: 100%;
  margin: auto;
  margin-top: 2.5rem;
  margin-bottom: 0.5rem;
}
body#guides-classiccata-leveling .general .container .text .button-box .button {
  display: block;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-leveling .general .container .text .button-box .button {
    line-height: 1.5rem;
  }
}
body#guides-classiccata-leveling .general .container .text .button-box .button.elite {
  border-color: #f0f0f0;
  color: #f0f0f0;
}
body#guides-classiccata-leveling .general .container .text .button-box .button.elite small {
  line-height: 1.2rem;
}
body#guides-classiccata-leveling .general .container .mascot {
  background-image: url("/images/guides/classiccata/leveling/mascot-classic-cata.png");
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-leveling .general .container .mascot {
    width: 100%;
    height: 30rem;
    background-size: contain;
    background-position: center center;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-leveling .general .container .mascot {
    align-self: flex-end;
    height: 38.125rem;
    width: 34.375rem;
    margin-right: -3rem;
    margin-top: 2.5rem;
  }
}
body#guides-classiccata-leveling .blurbs {
  background-color: #fff;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-leveling .blurbs {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-leveling .blurbs {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-leveling .blurbs h2 {
    margin-bottom: 2rem;
  }
}
body#guides-classiccata-leveling .updates {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-leveling .updates {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-leveling .updates {
    padding-top: 3rem;
    padding-bottom: 2rem;
  }
}
body#guides-classiccata-leveling .updates .common-icons-2columns .updatesicon {
  background-image: url("/images/icons/orange/exclamation.svg");
  margin: auto;
  padding-bottom: 0;
}
body#guides-classiccata-leveling .buy {
  background-color: #fff;
}

body#guides-classiccata-gold .intro .description .main {
  width: 575px;
  margin: 0 340px 0 0px;
}
body#guides-classiccata-gold .intro .description .main .buttons {
  width: 96%;
}
body#guides-classiccata-gold .intro .description .video {
  display: none;
}
body#guides-classiccata-gold .screenbox {
  color: #fff;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-gold .screenbox {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-gold .screenbox {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
body#guides-classiccata-gold .screenbox .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-gold .screenbox .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-gold .screenbox .container {
    justify-content: space-between;
    align-items: center;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-gold .screenbox .container .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-gold .screenbox .container .text {
    width: 26rem;
  }
}
body#guides-classiccata-gold .screenbox .container .text h1 {
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  letter-spacing: 0.05px;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-gold .screenbox .container .text h1 {
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-gold .screenbox .container .text h1 {
    padding-bottom: 1.5rem;
  }
}
body#guides-classiccata-gold .screenbox .container .text p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-gold .screenbox .container .screens {
    display: flex;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-gold .screenbox .container .screens {
    position: relative;
  }
}
body#guides-classiccata-gold .screenbox .container .screens .screen-1 {
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-gold .screenbox .container .screens .screen-1 {
    width: 100%;
    height: 15rem;
    background-position-x: 50%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-gold .screenbox .container .screens .screen-1 {
    height: 29rem;
    width: 40rem;
  }
}
body#guides-classiccata-gold .screenbox .container .screens .screen-2 {
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-gold .screenbox .container .screens .screen-2 {
    width: 100%;
    height: 10rem;
    background-position-x: 50%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-gold .screenbox .container .screens .screen-2 {
    position: absolute;
    bottom: -2.5rem;
    left: -2rem;
    height: 10rem;
    width: 20rem;
  }
}
body#guides-classiccata-gold .screenbox.professions {
  background: url("/images/guides/classiccata/gold/profession-bgr.jpg") bottom center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-gold .screenbox.professions {
    background-color: #000;
    background-size: cover;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-gold .screenbox.professions {
    background-color: #000;
    background-size: cover;
    background-position-y: 10%;
  }
}
body#guides-classiccata-gold .screenbox.professions .container .screens .screen-1 {
  background-image: url("/images/guides/classiccata/gold/professions-screen-1.png");
}
body#guides-classiccata-gold .screenbox.professions .container .screens .screen-2 {
  background-image: url("/images/guides/classiccata/gold/professions-screen-2.png");
}
body#guides-classiccata-gold .screenbox.bestselling {
  background: url("/images/guides/classiccata/gold/bestselling-bgr.jpg") bottom center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-gold .screenbox.bestselling {
    background-color: #39180f;
    background-size: cover;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-gold .screenbox.bestselling {
    background-color: #39180f;
    background-size: cover;
    background-position-y: 50%;
  }
}
body#guides-classiccata-gold .screenbox.bestselling .container .screens .screen-1 {
  background-image: url("/images/guides/classiccata/gold/bestselling-screen.png");
}
body#guides-classiccata-gold .content .common-icons-2columns .farming {
  background-image: url("/images/icons/orange/bag-detail.svg");
}
body#guides-classiccata-gold .content .common-icons-2columns .gathering {
  background-image: url("/images/icons/orange/flowers.svg");
}
body#guides-classiccata-gold .content .common-icons-2columns .crafting {
  background-image: url("/images/icons/orange/bottle.svg");
}
body#guides-classiccata-gold .content .common-icons-2columns .auctions {
  background-image: url("/images/icons/orange/auction.svg");
}

body#guides-classiccata-dungeons .intro .description .main {
  width: 575px;
  margin: 0 340px 0 0px;
}
body#guides-classiccata-dungeons .intro .description .main .buttons {
  width: 96%;
}
body#guides-classiccata-dungeons .intro .description .video {
  display: none;
}
body#guides-classiccata-dungeons .screenbox {
  color: #fff;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-dungeons .screenbox {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-dungeons .screenbox {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
}
body#guides-classiccata-dungeons .screenbox .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-dungeons .screenbox .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-dungeons .screenbox .container {
    justify-content: space-between;
    align-items: center;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-dungeons .screenbox .container .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-dungeons .screenbox .container .text {
    width: 25rem;
  }
}
body#guides-classiccata-dungeons .screenbox .container .text h1 {
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  letter-spacing: 0.05px;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-dungeons .screenbox .container .text h1 {
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-dungeons .screenbox .container .text h1 {
    padding-bottom: 1.5rem;
  }
}
body#guides-classiccata-dungeons .screenbox .container .text p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-dungeons .screenbox .container .screens {
    display: flex;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-dungeons .screenbox .container .screens {
    position: relative;
  }
}
body#guides-classiccata-dungeons .screenbox .container .screens .screen-1 {
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-dungeons .screenbox .container .screens .screen-1 {
    width: 100%;
    height: 15rem;
    background-position-x: 50%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-dungeons .screenbox .container .screens .screen-1 {
    height: 30rem;
    width: 40rem;
  }
}
body#guides-classiccata-dungeons .screenbox .container .screens .screen-2 {
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-dungeons .screenbox .container .screens .screen-2 {
    width: 100%;
    height: 10rem;
    background-position-x: 50%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-dungeons .screenbox .container .screens .screen-2 {
    position: absolute;
    bottom: -5rem;
    left: -3rem;
    height: 15rem;
    width: 26rem;
  }
}
body#guides-classiccata-dungeons .screenbox.dungeon {
  background: url("/images/guides/classiccata/dungeons/dungeon-bgr.jpg") bottom center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-dungeons .screenbox.dungeon {
    background-color: #000;
    background-size: cover;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-dungeons .screenbox.dungeon {
    background-color: #000;
    background-size: cover;
    background-position-y: 60%;
  }
}
body#guides-classiccata-dungeons .screenbox.dungeon .container .text .asterisk {
  color: #fe6100;
}
body#guides-classiccata-dungeons .screenbox.dungeon .container .text .small {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  padding: 0.6rem 1rem;
  font-size: 0.8rem;
  position: relative;
}
body#guides-classiccata-dungeons .screenbox.dungeon .container .text .small::before {
  content: "*";
  font-size: 1.2rem;
  color: #fe6100;
  position: absolute;
  top: -0.3rem;
  left: 0.3rem;
}
body#guides-classiccata-dungeons .screenbox.dungeon .container .screens .screen-1 {
  background-image: url("/images/guides/classiccata/dungeons/dungeon-screen-1.png");
}
body#guides-classiccata-dungeons .screenbox.dungeon .container .screens .screen-2 {
  background-image: url("/images/guides/classiccata/dungeons/dungeon-screen-2.png");
}
body#guides-classiccata-dungeons .screenbox.gearfinder {
  background: url("/images/guides/classiccata/dungeons/gearfinder-bgr.jpg") bottom center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-dungeons .screenbox.gearfinder {
    background-color: #39180f;
    background-size: cover;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-dungeons .screenbox.gearfinder {
    background-color: #39180f;
    background-size: cover;
    background-position-y: 60%;
  }
}
body#guides-classiccata-dungeons .screenbox.gearfinder .container .screens .screen-1 {
  background-image: url("/images/guides/classiccata/dungeons/gearfinder-screen.png");
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-dungeons .screenbox.gearfinder .container .screens .screen-1 {
    height: 29rem;
  }
}
body#guides-classiccata-dungeons .content .common-icons-2columns .guides {
  background-image: url("/images/icons/orange/exclamation.svg");
}
body#guides-classiccata-dungeons .content .common-icons-2columns .features {
  background-image: url("/images/icons/orange/guide-arrow.svg");
}
body#guides-classiccata-dungeons .content .common-icons-2columns .cost {
  background-image: url("/images/icons/orange/goldcoin.svg");
}
body#guides-classiccata-dungeons .content .common-icons-2columns .free {
  background-image: url("/images/icons/orange/book.svg");
}
body#guides-classiccata-dungeons .content .common-icons-2columns .standalone {
  background-image: url("/images/icons/orange/user.svg");
}

body#guides-classiccata-dailies .intro .description .main {
  width: 575px;
  margin: 0 340px 0 0px;
}
body#guides-classiccata-dailies .intro .description .main .buttons {
  width: 96%;
}
body#guides-classiccata-dailies .intro .description .video {
  display: none;
}
body#guides-classiccata-dailies .screenbox {
  color: #fff;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-dailies .screenbox {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-dailies .screenbox {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
}
body#guides-classiccata-dailies .screenbox .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-dailies .screenbox .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-dailies .screenbox .container {
    justify-content: space-between;
    align-items: center;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-dailies .screenbox .container .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-dailies .screenbox .container .text {
    width: 25rem;
  }
}
body#guides-classiccata-dailies .screenbox .container .text h1 {
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  letter-spacing: 0.05px;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-dailies .screenbox .container .text h1 {
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-dailies .screenbox .container .text h1 {
    padding-bottom: 1.5rem;
  }
}
body#guides-classiccata-dailies .screenbox .container .text p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-dailies .screenbox .container .screens {
    display: flex;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-dailies .screenbox .container .screens {
    position: relative;
  }
}
body#guides-classiccata-dailies .screenbox .container .screens .screen-1 {
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-dailies .screenbox .container .screens .screen-1 {
    width: 100%;
    height: 15rem;
    background-position-x: 50%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-dailies .screenbox .container .screens .screen-1 {
    height: 30rem;
    width: 40rem;
  }
}
body#guides-classiccata-dailies .screenbox .container .screens .screen-2 {
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-dailies .screenbox .container .screens .screen-2 {
    width: 100%;
    height: 10rem;
    background-position-x: 50%;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-dailies .screenbox .container .screens .screen-2 {
    position: absolute;
    bottom: -7rem;
    left: -3rem;
    height: 15rem;
    width: 21rem;
  }
}
body#guides-classiccata-dailies .screenbox.endgame {
  background: url("/images/guides/classiccata/dailies/endgame-bgr.jpg") bottom center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-dailies .screenbox.endgame {
    background-color: #000;
    background-size: cover;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-dailies .screenbox.endgame {
    background-color: #000;
    background-size: cover;
    background-position-y: 60%;
  }
}
body#guides-classiccata-dailies .screenbox.endgame .container .text .asterisk {
  color: #fe6100;
}
body#guides-classiccata-dailies .screenbox.endgame .container .text .small {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  padding: 0.6rem 1rem;
  font-size: 0.8rem;
  position: relative;
}
body#guides-classiccata-dailies .screenbox.endgame .container .text .small::before {
  content: "*";
  font-size: 1.2rem;
  color: #fe6100;
  position: absolute;
  top: -0.3rem;
  left: 0.3rem;
}
body#guides-classiccata-dailies .screenbox.endgame .container .screens .screen-1 {
  background-image: url("/images/guides/classiccata/dailies/endgame-screen-1.png");
}
body#guides-classiccata-dailies .screenbox.endgame .container .screens .screen-2 {
  background-image: url("/images/guides/classiccata/dailies/endgame-screen-2.png");
}
body#guides-classiccata-dailies .screenbox.tolbarad {
  background: url("/images/guides/classiccata/dailies/tolbarad-bgr.jpg") bottom center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides-classiccata-dailies .screenbox.tolbarad {
    background-color: #39180f;
    background-size: cover;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-dailies .screenbox.tolbarad {
    background-color: #39180f;
    background-size: cover;
    background-position-y: 60%;
  }
}
body#guides-classiccata-dailies .screenbox.tolbarad .container .screens .screen-1 {
  background-image: url("/images/guides/classiccata/dailies/tolbarad-screen.png");
}
@media print, screen and (min-width: 64em) {
  body#guides-classiccata-dailies .screenbox.tolbarad .container .screens .screen-1 {
    height: 29rem;
  }
}
body#guides-classiccata-dailies .content .common-icons-2columns .guides {
  background-image: url("/images/icons/orange/exclamation.svg");
}
body#guides-classiccata-dailies .content .common-icons-2columns .features {
  background-image: url("/images/icons/orange/guide-arrow.svg");
}
body#guides-classiccata-dailies .content .common-icons-2columns .cost {
  background-image: url("/images/icons/orange/goldcoin.svg");
}
body#guides-classiccata-dailies .content .common-icons-2columns .free {
  background-image: url("/images/icons/orange/book.svg");
}
body#guides-classiccata-dailies .content .common-icons-2columns .standalone {
  background-image: url("/images/icons/orange/user.svg");
}

body.webguides-wow .webguides-guideslist {
  display: inline-block;
  background-image: url("/images/icons/lightgray/menu.svg");
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 0;
  content: "";
}
body.webguides-wow .webguides-search {
  display: flex;
  justify-content: flex-end;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow .webguides-search {
    width: 50%;
    transition: all 0.5s;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow .webguides-search {
    width: 30%;
  }
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow .webguides-search.folded {
    width: 2.5rem;
  }
}
body.webguides-wow .webguides-search.folded .field {
  width: 0;
  border: none;
  padding: 0;
  background: none;
}
body.webguides-wow .webguides-search.folded .submit {
  margin: 0;
}
body.webguides-wow .webguides-search .field {
  margin-bottom: 0;
  width: 80%;
  transition: all 0.5s;
}
body.webguides-wow .webguides-search .submit {
  display: inline-block;
  background-color: transparent;
  background-image: url("/images/icons/lightgray/search.svg");
  width: 2.5rem;
  border: none;
  margin-bottom: 0;
  margin-left: 0.5rem;
}
body.webguides-wow#webguides-wow-intro {
  /*
  .general {
  	background-color: #202125;
  	background-image: url("/images/webguides/intro-bgr.jpg");
  	background-size: cover;
  	overflow: hidden;

  	@media print, screen and (min-width: rem-calc(map-get($breakpoints,large))) { // for desktop 
  		background-position-y: 60%;
  		height: 36rem;
  	}

  	.container {
  		@include flex;

  		@media print, screen and (max-width: rem-calc(map-get($breakpoints,large))) { // for mobiles 
  			@include flex-direction(column);
  			padding-top: 3rem;
  			padding-bottom: 0;
  		}

  		@media print, screen and (min-width: rem-calc(map-get($breakpoints,large))) { // for desktop 
  			@include flex-align(justify, stretch);
  			-webkit-flex-wrap: wrap;
  			flex-wrap: wrap;
  			padding-top: 5rem;
  			padding-bottom: 6rem;
  		}

  		h1 {				
  			text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  			text-align: center;

  			@media print, screen and (max-width: rem-calc(map-get($breakpoints,large))) { // for mobiles 
  				margin-bottom: 1.5rem;
  			}

  			@media print, screen and (min-width: rem-calc(map-get($breakpoints,large))) { // for desktop 
  				width: 100%;
  				margin-bottom: 3rem;					
  			}

  		}

  		.info {
  			@include flex;
  			@include flex-direction(column);
  			@include flex-align(center, null);

  			@media print, screen and (max-width: rem-calc(map-get($breakpoints,large))) { // for mobiles 
  				margin-bottom: 1rem;
  			}

  			@media print, screen and (min-width: rem-calc(map-get($breakpoints,large))) { // for desktop 
  				width: 415px;
  			}

  			h4 {
  				letter-spacing: 0.05rem;
  				text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  				padding: 0 0 5px 0;
  			}

  			p {
  				font-size: 0.95rem;
  				text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  				text-align: left;
  				line-height: 30px;
  			}

  		}

  		.mascot {
  			background-image:url("/images/webguides/intro-mascot-classic.png");
  			background-repeat:no-repeat;

  			@media print, screen and (max-width: rem-calc(map-get($breakpoints,large))) { // for mobiles 
  				width:100%;
  				height: 15rem;
  				background-size: 100%;
  			}

  			@media print, screen and (min-width: rem-calc(map-get($breakpoints,large))) { // for desktop 
  				@include flex-align-self(bottom);
  				height:28rem;
  				width:rem-calc(600px);
  				margin-top: -2rem;
  			}
  		}
  	}
  }
  */
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-intro .titlebar {
    margin-top: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-intro .titlebar {
    margin-top: 3rem;
  }
}
body.webguides-wow#webguides-wow-intro .titlebar h3 {
  margin-bottom: 0.5rem;
}
body.webguides-wow#webguides-wow-intro .titlebar .guide {
  letter-spacing: 0.003125rem;
  border-bottom: 1px solid #c2c2c2;
  line-height: 27px;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-intro .titlebar .guide {
    font-size: 1.5rem;
    padding: 0px 0 8px 0;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-intro .titlebar .guide {
    font-size: 2rem;
    padding: 0px 0 13px 0;
  }
}
body.webguides-wow#webguides-wow-intro .chooseguide {
  background-color: #fff;
}
body.webguides-wow#webguides-wow-intro .chooseguide .container {
  display: flex;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-intro .chooseguide .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-intro .chooseguide .container {
    justify-content: space-between;
    align-items: flex-start;
  }
}
body.webguides-wow#webguides-wow-intro .chooseguide .selector {
  display: flex;
  flex-direction: column;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-intro .chooseguide .selector {
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-intro .chooseguide .selector {
    justify-content: flex-start;
    align-items: stretch;
    width: 30%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
body.webguides-wow#webguides-wow-intro .chooseguide .selector h2 {
  width: 100%;
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-intro .chooseguide .selector h2 {
    padding-bottom: 1rem;
  }
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-intro .chooseguide .selector .character {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-intro .chooseguide .selector .character {
    width: 100%;
    margin-bottom: 3rem;
  }
}
body.webguides-wow#webguides-wow-intro .chooseguide .selector .character .bigdropdown {
  position: relative;
}
body.webguides-wow#webguides-wow-intro .chooseguide .selector .character .bigdropdown select {
  border: 1px solid #fe6100;
  color: #fe6100;
  font-weight: 600;
  font-size: 1.1rem;
  height: 3rem;
  padding-left: 4rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iV2Fyc3R3YV8xIiBkYXRhLW5hbWU9IldhcnN0d2EgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgOSA4LjMiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmU2MTAwO2ZpbGwtcnVsZTpldmVub2RkO308L3N0eWxlPjwvZGVmcz48dGl0bGU+YXJyb3ctc21hbGwtZG93bjwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMCwwLDQuNSw0LjMzLDksMFYzLjY3TDQuNSw4LDAsMy42N1oiLz48L3N2Zz4=);
  background-size: 0.6rem;
  background-position: right -0.8rem center;
}
body.webguides-wow#webguides-wow-intro .chooseguide .selector .character .bigdropdown .icon {
  position: absolute;
  top: 0.7rem;
  left: 1.5rem;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}
body.webguides-wow#webguides-wow-intro .chooseguide .selector .character .bigdropdown.race .icon {
  background-image: url("/images/icons/orange/pointyears.svg");
}
body.webguides-wow#webguides-wow-intro .chooseguide .selector .character .bigdropdown.class .icon {
  background-image: url("/images/icons/orange/hat.svg");
}
body.webguides-wow#webguides-wow-intro .chooseguide .selector .character .bigdropdown.level .icon {
  background-image: url("/images/icons/orange/exclamation.svg");
}
body.webguides-wow#webguides-wow-intro .chooseguide .selector .suggestion {
  width: 100%;
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-intro .chooseguide .selector .suggestion {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
body.webguides-wow#webguides-wow-intro .chooseguide .selector .suggestion .yourguide {
  width: 100%;
  padding: 1rem;
  margin-bottom: 1rem;
  background-color: #f0f0f0;
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-intro .chooseguide .selector .suggestion .yourguide {
    flex-grow: 3;
  }
}
body.webguides-wow#webguides-wow-intro .chooseguide .selector .suggestion .yourguide .name {
  font-size: 1.1rem;
  font-weight: 600;
}
body.webguides-wow#webguides-wow-intro .chooseguide .selector .suggestion .yourguide.disabled {
  color: #989898;
}
body.webguides-wow#webguides-wow-intro .chooseguide .selector .suggestion .button {
  width: 100%;
}
body.webguides-wow#webguides-wow-intro .chooseguide .webguidelist {
  display: flex;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-intro .chooseguide .webguidelist {
    flex-direction: column;
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-intro .chooseguide .webguidelist {
    justify-content: flex-start;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 55%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
body.webguides-wow#webguides-wow-intro .chooseguide .webguidelist h2 {
  width: 100%;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-intro .chooseguide .webguidelist .alliance {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-intro .chooseguide .webguidelist .alliance {
    width: 50%;
  }
}
body.webguides-wow#webguides-wow-intro .chooseguide .webguidelist ul {
  list-style-type: none;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-intro .chooseguide .webguidelist ul li {
    font-size: 0.85rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-intro .chooseguide .webguidelist ul li {
    font-size: 0.95rem;
  }
}
body.webguides-wow#webguides-wow-singleguide {
  /*********************** GENERAL **********************/
  /*
  #singleguide-help {

  	ul.map {

  		li.position {
  			background-image: url("/images/icons/orange/maptarget.svg");
  		}

  		li.copy {
  			background-image: url("/images/icons/orange/copy.svg");
  		}
  	}

  	.buttons {
  		@include flex;
  		@include flex-align(justify, null);

  		a {
  			width: 48%;
  		}
  	}
  }
  */
  /*********************** GENERAL CONTENT **********************/
  /*********************** STEPS **********************/
  /*********************** MAP **********************/
  /*********************** SLIDER **********************/
  /*********************** ADS  **************************/
  /*********************** FILTERS  **********************/
}
body.webguides-wow#webguides-wow-singleguide.theme-dark {
  background-color: #111;
}
body.webguides-wow#webguides-wow-singleguide.theme-dark label.common-checkbox {
  color: #e5e5e5;
}
body.webguides-wow#webguides-wow-singleguide.theme-dark label.common-checkbox:hover .checkbox input ~ .image, body.webguides-wow#webguides-wow-singleguide.theme-dark label.common-checkbox .checkbox input:focus ~ .image {
  box-shadow: 0px 0px 8px 0px #333;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-imagebar {
  background-color: #333;
  background-image: url("/webguides/images/example-big-top.jpg");
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-imagebar {
    background-size: cover;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-imagebar {
    height: 18.75rem;
  }
}
body.webguides-wow#webguides-wow-singleguide #singleguide-imagebar .container {
  display: flex;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-imagebar .container {
    flex-direction: column-reverse;
    justify-content: space-between;
    min-height: 15rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-imagebar .container {
    justify-content: space-between;
    height: 100%;
  }
}
body.webguides-wow#webguides-wow-singleguide #singleguide-imagebar .container .guideinfo {
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-imagebar .container .guideinfo {
    align-self: flex-end;
  }
}
body.webguides-wow#webguides-wow-singleguide #singleguide-imagebar .container .guideinfo .game {
  margin-bottom: 0;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-imagebar .container .generalinfo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0.7rem 0;
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-imagebar .container .generalinfo {
    align-self: center;
    text-align: center;
  }
}
body.webguides-wow#webguides-wow-singleguide #singleguide-imagebar .container .generalinfo p {
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-imagebar .container .generalinfo .ad img {
    float: right;
    width: 5rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-imagebar .container .generalinfo .ad img {
    width: 6rem;
    margin-bottom: 0.5rem;
  }
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-imagebar .container .generalinfo .ad .button {
    width: 100%;
  }
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar {
  background-color: #555;
  padding: 0.7rem 0;
  z-index: 1;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .navbar-dropdown {
  background-color: #555;
  border-color: #555;
  box-shadow: 0px 0px 8px 0px #555;
  padding: 1rem;
  color: #e5e5e5;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .navbar-dropdown::-webkit-scrollbar {
  width: 1rem;
  background-color: #555;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .navbar-dropdown::-webkit-scrollbar-thumb {
  background-color: #777;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .navbar-dropdown label.common-checkbox {
  color: #e5e5e5;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container #singleguide-guideslist-dropdown {
  width: 360px;
  height: 500px;
  overflow-y: scroll;
  overflow-x: hidden;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container #singleguide-guideslist-dropdown .list {
  display: flex;
  justify-content: space-between;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container #singleguide-guideslist-dropdown .list ul {
  list-style-type: none;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container #singleguide-guideslist-dropdown a {
  color: #f0f0f0;
  font-weight: 600;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container #singleguide-guideslist-dropdown a:hover, body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container #singleguide-guideslist-dropdown a:active, body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container #singleguide-guideslist-dropdown a:focus {
  color: #fff;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container #singleguide-guideslist-dropdown .wizard {
  width: 100%;
  border-color: #f0f0f0;
  margin-bottom: 1rem;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container #singleguide-guideslist-dropdown .wizard:hover, body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container #singleguide-guideslist-dropdown .wizard:active, body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container #singleguide-guideslist-dropdown .wizard:focus {
  border-color: #fff;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .settings select {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iV2Fyc3R3YV8xIiBkYXRhLW5hbWU9IldhcnN0d2EgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgOSA4LjMiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO2ZpbGwtcnVsZTpldmVub2RkO308L3N0eWxlPjwvZGVmcz48dGl0bGU+YXJyb3ctc21hbGwtZG93bjwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMCwwLDQuNSw0LjMzLDksMFYzLjY3TDQuNSw4LDAsMy42N1oiLz48L3N2Zz4=);
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .settings select {
    margin-bottom: 1rem;
    width: 14.375rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .settings select {
    width: 6.25rem;
    margin-right: 1rem;
    margin-bottom: 0;
  }
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .settings label {
  color: #e5e5e5;
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .settings label {
    display: inline-block;
    margin-right: 0.3rem;
  }
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .settings .steps {
  display: inline-block;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .settings .steps {
    margin-left: -0.8rem;
  }
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .settings .steps .arrow {
  display: inline-block;
  width: 0.6rem;
  height: 0.7rem;
  content: "";
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .settings .steps .arrow.previous {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iV2Fyc3R3YV8xIiBkYXRhLW5hbWU9IldhcnN0d2EgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgOC4wMSA5Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2U1ZTVlNTtmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93LXNtYWxsLWxlZnQ8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTgsMCwzLjY3LDQuNSw4LDlINC4zM0wwLDQuNSw0LjMzLDBaIi8+PC9zdmc+);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .settings .steps .arrow.next {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iV2Fyc3R3YV8xIiBkYXRhLW5hbWU9IldhcnN0d2EgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgOC4wMSA5Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2U1ZTVlNTtmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93LXNtYWxsLXJpZ2h0PC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zLjY3LDAsOCw0LjUsMy42Nyw5SDBMNC4zMyw0LjUsMCwwWiIvPjwvc3ZnPg==);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .settings .steps .numbers {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  height: 2.4375rem;
  background-color: #777;
  border-radius: 8px;
  padding: 0.5rem;
  color: #fff;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .settings .steps .numbers {
    width: 14.375rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .settings .steps .numbers {
    width: 6.25rem;
  }
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .settings .steps .numbers .current {
    width: 3.125rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .settings .steps .numbers .current {
    width: 2.5rem;
    padding: 2px;
  }
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .settings .steps .numbers .change input {
  margin-bottom: 0;
  padding: 0.2rem;
  border: none;
  outline: 2px solid #fff;
  background-color: #c2c2c2;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .settings .steps .numbers .change input {
    width: 3.125rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .settings .steps .numbers .change input {
    width: 2.5rem;
  }
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .settings .settings-inline {
  width: 70%;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .settings-change {
  display: inline-block;
  background-image: url("/images/icons/lightgray/pointyears.svg");
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 0;
  content: "";
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container #singleguide-settings-dropdown {
  display: flex;
  flex-direction: column;
  padding: 1rem 1rem 2rem 2rem;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container .visual {
  display: inline-block;
  background-image: url("/images/icons/lightgray/gear.svg");
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 0;
  content: "";
}
body.webguides-wow#webguides-wow-singleguide #singleguide-navbar .container #singleguide-visual-dropdown label {
  margin-bottom: 0.5rem;
}
body.webguides-wow#webguides-wow-singleguide .step_prev, body.webguides-wow#webguides-wow-singleguide .step_next {
  cursor: pointer;
  cursor: hand;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-loader {
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-align: center;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-content {
    padding-top: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-content {
    display: flex;
    justify-content: space-between;
    padding-top: 2.5rem;
  }
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-content .common-checkbox.expandall {
    margin-bottom: 1rem;
  }
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light {
  background-color: #fff;
  color: #333;
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light {
    width: 34.375rem;
  }
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .zygorprompt {
  text-align: center;
  margin-top: 4rem;
  margin-bottom: 2rem;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .zygorad-inguide {
  text-align: center;
  margin-bottom: 1rem;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step {
  position: relative;
  margin-bottom: 1.5rem;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step h4 {
  margin-bottom: 0.3rem;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .condition {
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 0.85rem;
  font-weight: 600;
  color: #538a51;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step.active .goals .collapsedgotos-none {
  border-left: 5px solid #c2c2c2 !important;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step.active .goals .collapsedgotos-block .collapsedgotos-collapse, body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step.active .goals .collapsedgotos-block .collapsedgotos-expand {
  border-left: 5px solid #c2c2c2 !important;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step.active .goals .goal {
  border-left: 5px solid #c2c2c2;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step.active .goals .goal.currentgoal {
  border-left: 5px solid #fe6100;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step.active .stepsettings {
  border-left: 5px solid #c2c2c2;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step.completed {
  filter: grayscale(100%);
  filter: hue-rotate(80deg);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step.completed .goals {
  background-color: rgb(255, 243.9234645669, 237.08);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step.completed .goals .collapsedgotos-none {
  background-color: rgb(255, 228.0998425197, 211.48);
  border-left: 5px solid #fe6100 !important;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step.completed .goals .collapsedgotos-block .collapsedgotos-collapse, body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step.completed .goals .collapsedgotos-block .collapsedgotos-expand {
  background-color: rgb(255, 228.0998425197, 211.48);
  border-left: 5px solid #fe6100 !important;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step.completed .goals .collapsedgotos-block .collapsedgotos-collapse:hover, body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step.completed .goals .collapsedgotos-block .collapsedgotos-expand:hover {
  background-color: rgb(255, 223.3527559055, 203.8);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step.completed .goals .collapsedgotos-block .goal {
  background-color: rgb(255, 228.0998425197, 211.48);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step.completed .goals .collapsedgotos-block .goal:hover {
  background-color: rgb(255, 223.3527559055, 203.8);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step.completed .goals .goal {
  border-color: #fe6100 !important;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step.completed .goals .goal:hover {
  background-color: rgb(255, 239.1763779528, 229.4);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step.completed .stepsettings {
  border-left: 5px solid #fe6100 !important;
  background-color: rgb(255, 228.0998425197, 211.48);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step.completed .stepsettings:hover {
  background-color: rgb(255, 223.3527559055, 203.8);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step.completed a {
  color: #fe6100 !important;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals {
  background-color: #f0f0f0;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .sticky {
  display: block;
  background-color: #c2c2c2;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals:not(.active) .sticky {
  display: none;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .collapsedgotos-none {
  background-color: #e5e5e5;
  border-left: 5px solid #e5e5e5;
  min-height: 5px;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .collapsedgotos-block {
  background-color: #e5e5e5;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .collapsedgotos-block .collapsedgotos-collapse, body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .collapsedgotos-block .collapsedgotos-expand {
  border-left: 5px solid #e5e5e5;
  cursor: pointer;
  text-align: center;
  font-size: 0.85rem;
  font-weight: 600;
  color: #989898;
  padding: 0.3rem 0;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .collapsedgotos-block .collapsedgotos-collapse:hover, body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .collapsedgotos-block .collapsedgotos-expand:hover {
  background-color: rgb(224.42, 224.42, 224.42);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .collapsedgotos-block .goal:hover {
  background-color: rgb(224.42, 224.42, 224.42);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal {
  border-left: 5px solid #e5e5e5;
  position: relative;
  padding: 0.3rem 1.5rem 0.3rem 3.2rem;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: 0.8rem 0.3rem;
  margin-bottom: 0;
  line-height: 1.5rem;
  /*********************** GOAL TYPES **********************/
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal:hover {
  background-color: rgb(235.2, 235.2, 235.2);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal a {
  font-weight: 600;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal .cdb_outlink {
  display: inline-block;
  content: "";
  width: 1rem;
  height: 1rem;
  background-image: url("/images/icons/orange/external.svg");
  margin-left: 0.5rem;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal .navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal .navigation {
    width: 1.5rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal .navigation {
    width: 3rem;
    cursor: pointer;
    cursor: hand;
  }
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal .navigation .maptarget {
  content: "";
  height: 1.5rem;
  width: 1.5rem;
  background-image: url("/images/icons/orange/maptarget.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal .navigation .copycoords {
  content: "";
  height: 1.3rem;
  width: 1.3rem;
  background-image: url("/images/icons/orange/copy.svg");
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal .navigation .copycoords {
    display: none;
  }
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal.goal_webheader {
  font-size: 1, 1rem;
  font-weight: 600;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal.goal_webinfo {
  font-size: 0.9rem;
  color: #989898;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal.goal_webimage img {
  max-width: 100%;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal.goal_level {
  background-image: url("/images/icons/orange/crown.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal.goal_click {
  background-image: url("/images/icons/orange/gear.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal.goal_get {
  background-image: url("/images/icons/orange/bag.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal.goal_home {
  background-image: url("/images/icons/orange/home.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal.goal_fpath {
  background-image: url("/images/icons/orange/wing.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal.goal_talk {
  background-image: url("/images/icons/orange/forum.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal.goal_talk a {
  color: #8abc04;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal.goal_turnin {
  background-image: url("/images/icons/orange/questionmark.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal.goal_turnin a {
  color: #bd62c8;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal.goal_accept {
  background-image: url("/images/icons/orange/exclamation.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal.goal_accept a {
  color: #bd62c8;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal.goal_goto {
  background-image: url("/images/icons/orange/guide-arrow.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal.goal_goto a {
  color: #8abc04;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal.goal_kill {
  background-image: url("/images/icons/orange/sword.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .step .goals .goal.goal_kill a {
  color: #eb2d48;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .stepsettings {
  background-color: #e5e5e5;
  border-left: 5px solid #e5e5e5;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .stepsettings:hover {
  background-color: rgb(224.42, 224.42, 224.42);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .stepsettings .common-checkbox.completed {
  flex-direction: row;
  padding: 0.3rem 0.6rem;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .stepsettings .common-checkbox.completed::before {
  content: "Mark step as completed";
  margin-left: 1.2rem;
  color: #989898;
  font-size: 0.85rem;
  font-weight: 600;
  width: 100%;
  text-align: center;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-light .stepsettings .common-checkbox.completed .checkbox {
  margin-right: 0;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark {
  background-color: #111;
  color: #e5e5e5;
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark {
    width: 34.375rem;
  }
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .zygorprompt {
  text-align: center;
  margin-top: 4rem;
  margin-bottom: 2rem;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .zygorad-inguide {
  text-align: center;
  margin-bottom: 1rem;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step {
  position: relative;
  margin-bottom: 1.5rem;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step h4 {
  margin-bottom: 0.3rem;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .condition {
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 0.85rem;
  font-weight: 600;
  color: #71b96e;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step.active .goals .collapsedgotos-none {
  border-left: 5px solid #555 !important;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step.active .goals .collapsedgotos-block .collapsedgotos-collapse, body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step.active .goals .collapsedgotos-block .collapsedgotos-expand {
  border-left: 5px solid #555 !important;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step.active .goals .goal {
  border-left: 5px solid #555;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step.active .goals .goal.currentgoal {
  border-left: 5px solid #fe6100;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step.active .stepsettings {
  border-left: 5px solid #555;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step.completed {
  filter: grayscale(100%);
  filter: hue-rotate(80deg);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step.completed .goals {
  background-color: rgb(68.58, 26.19, 0);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step.completed .goals .collapsedgotos-none {
  background-color: rgb(93.98, 35.89, 0);
  border-left: 5px solid #fe6100 !important;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step.completed .goals .collapsedgotos-block .collapsedgotos-collapse, body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step.completed .goals .collapsedgotos-block .collapsedgotos-expand {
  background-color: rgb(93.98, 35.89, 0);
  border-left: 5px solid #fe6100 !important;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step.completed .goals .collapsedgotos-block .collapsedgotos-collapse:hover, body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step.completed .goals .collapsedgotos-block .collapsedgotos-expand:hover {
  background-color: rgb(101.6, 38.8, 0);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step.completed .goals .collapsedgotos-block .goal {
  background-color: rgb(93.98, 35.89, 0);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step.completed .goals .collapsedgotos-block .goal:hover {
  background-color: rgb(101.6, 38.8, 0);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step.completed .goals .goal {
  border-color: #fe6100 !important;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step.completed .goals .goal:hover {
  background-color: rgb(76.2, 29.1, 0);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step.completed .stepsettings {
  border-left: 5px solid #fe6100 !important;
  background-color: rgb(93.98, 35.89, 0);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step.completed .stepsettings:hover {
  background-color: rgb(101.6, 38.8, 0);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step.completed a {
  color: #fe6100 !important;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals {
  background-color: #232323;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .sticky {
  display: block;
  background-color: #555;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals:not(.active) .sticky {
  display: none;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .collapsedgotos-none {
  background-color: #333;
  border-left: 5px solid #333;
  min-height: 5px;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .collapsedgotos-block {
  background-color: #333;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .collapsedgotos-block .collapsedgotos-collapse, body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .collapsedgotos-block .collapsedgotos-expand {
  border-left: 5px solid #333;
  cursor: pointer;
  text-align: center;
  font-size: 0.85rem;
  font-weight: 600;
  color: #989898;
  padding: 0.3rem 0;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .collapsedgotos-block .collapsedgotos-collapse:hover, body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .collapsedgotos-block .collapsedgotos-expand:hover {
  background-color: rgb(55.08, 55.08, 55.08);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .collapsedgotos-block .goal:hover {
  background-color: rgb(55.08, 55.08, 55.08);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal {
  border-left: 5px solid #333;
  position: relative;
  padding: 0.3rem 1.5rem 0.3rem 3.2rem;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: 0.8rem 0.3rem;
  margin-bottom: 0;
  line-height: 1.5rem;
  /*********************** GOAL TYPES **********************/
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal:hover {
  background-color: rgb(39.4, 39.4, 39.4);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal a {
  font-weight: 600;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal .cdb_outlink {
  display: inline-block;
  content: "";
  width: 1rem;
  height: 1rem;
  background-image: url("/images/icons/orange/external.svg");
  margin-left: 0.5rem;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal .navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal .navigation {
    width: 1.5rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal .navigation {
    width: 3rem;
    cursor: pointer;
    cursor: hand;
  }
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal .navigation .maptarget {
  content: "";
  height: 1.5rem;
  width: 1.5rem;
  background-image: url("/images/icons/orange/maptarget.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal .navigation .copycoords {
  content: "";
  height: 1.3rem;
  width: 1.3rem;
  background-image: url("/images/icons/orange/copy.svg");
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal .navigation .copycoords {
    display: none;
  }
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal.goal_webheader {
  font-size: 1, 1rem;
  font-weight: 600;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal.goal_webinfo {
  font-size: 0.9rem;
  color: #989898;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal.goal_webimage img {
  max-width: 100%;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal.goal_level {
  background-image: url("/images/icons/orange/crown.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal.goal_click {
  background-image: url("/images/icons/orange/gear.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal.goal_get {
  background-image: url("/images/icons/orange/bag.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal.goal_home {
  background-image: url("/images/icons/orange/home.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal.goal_fpath {
  background-image: url("/images/icons/orange/wing.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal.goal_talk {
  background-image: url("/images/icons/orange/forum.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal.goal_talk a {
  color: #b4eb1f;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal.goal_turnin {
  background-image: url("/images/icons/orange/questionmark.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal.goal_turnin a {
  color: #f38dff;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal.goal_accept {
  background-image: url("/images/icons/orange/exclamation.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal.goal_accept a {
  color: #f38dff;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal.goal_goto {
  background-image: url("/images/icons/orange/guide-arrow.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal.goal_goto a {
  color: #b4eb1f;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal.goal_kill {
  background-image: url("/images/icons/orange/sword.svg");
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .step .goals .goal.goal_kill a {
  color: #ff8495;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .stepsettings {
  background-color: #333;
  border-left: 5px solid #333;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .stepsettings:hover {
  background-color: rgb(55.08, 55.08, 55.08);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .stepsettings .common-checkbox.completed {
  flex-direction: row;
  padding: 0.3rem 0.6rem;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .stepsettings .common-checkbox.completed::before {
  content: "Mark step as completed";
  margin-left: 1.2rem;
  color: #989898;
  font-size: 0.85rem;
  font-weight: 600;
  width: 100%;
  text-align: center;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-steps.theme-dark .stepsettings .common-checkbox.completed .checkbox {
  margin-right: 0;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-map-inline {
  width: 29.6875rem;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-map-inline {
    display: none;
  }
}
body.webguides-wow#webguides-wow-singleguide #singleguide-map-inline.theme-dark {
  color: #e5e5e5;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-map-inline.theme-dark .map-content {
  filter: contrast(1.3) brightness(0.8);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-map-inline.theme-dark .slider {
  background: #333;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-map-inline.theme-dark .map-area .zygorad-large .button {
  color: #e5e5e5;
  border-color: #e5e5e5;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-map-inline .map-area {
  padding-bottom: 2.5rem;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-map-inline .map-area .settings {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-map-inline .map-area .settings {
    margin-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-map-inline .map-area .settings label.expandall, body.webguides-wow#webguides-wow-singleguide #singleguide-map-inline .map-area .settings label.theme {
    width: 60%;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide #singleguide-map-inline .map-area .settings label.autoscroll, body.webguides-wow#webguides-wow-singleguide #singleguide-map-inline .map-area .settings label.autocopy {
    width: 40%;
  }
}
body.webguides-wow#webguides-wow-singleguide #singleguide-map-inline .map-area .zygorad-large .banner {
  filter: drop-shadow(0.1rem 0.1rem 0.1rem #333);
}
body.webguides-wow#webguides-wow-singleguide #singleguide-map-inline .map-area .zygorad-large .button {
  font-weight: 400;
  text-align: left;
  line-height: 1.5rem;
  margin-top: 0.5rem;
  margin-right: 7px;
  color: #333;
  border-color: #333;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-map-inline .map-area .zygorad-large .button strong {
  color: #fe6100;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-map-popup {
  background-color: transparent;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-map-popup.theme-dark {
  color: #e5e5e5;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-map-popup.theme-dark .close-button {
  color: #e5e5e5;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-map-popup.theme-dark .map-area {
  background-color: #555;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-map-popup.theme-dark .map-settings {
  background-color: #555;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-map-popup.theme-dark .slider {
  background: #777;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-map-popup .close-button {
  color: #fff;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-map-popup .map-area {
  background-color: #fff;
  padding: 0.5rem;
  margin-top: 2.5rem;
}
body.webguides-wow#webguides-wow-singleguide #singleguide-map-popup .map-settings {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 0.5rem;
}
body.webguides-wow#webguides-wow-singleguide .map-widget .map-container {
  border: 1px solid black;
  display: inline-block;
  overflow: hidden;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide .map-widget .map-container {
    width: 100%;
    height: 20rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-singleguide .map-widget .map-container {
    width: 29.6875rem;
    height: 20rem;
  }
}
body.webguides-wow#webguides-wow-singleguide .map-widget .map-container .map-content {
  background: none top left no-repeat;
  background-size: 100% 100%;
  width: 4088px; /* org 1022 */
  height: 2672px; /* org 668 */
}
body.webguides-wow#webguides-wow-singleguide .map-widget .map-container .map-pin {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
body.webguides-wow#webguides-wow-singleguide .map-widget .map-container .map-pin.currentpin {
  transform: scale(1.5);
}
body.webguides-wow#webguides-wow-singleguide .map-zoom {
  width: 100%;
}
body.webguides-wow#webguides-wow-singleguide .map-zoom .slidecontainer {
  width: 100%; /* Width of the outside container */
}
body.webguides-wow#webguides-wow-singleguide .map-zoom .slidecontainer small {
  display: block;
  margin-top: 0.1rem;
}
body.webguides-wow#webguides-wow-singleguide .map-zoom .slidecontainer .slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 15px;
  margin-top: 0.1rem;
  margin-bottom: 0;
  background: #f0f0f0;
  outline: none;
}
body.webguides-wow#webguides-wow-singleguide .map-zoom .slidecontainer .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  background: #fe6100;
  cursor: pointer;
}
body.webguides-wow#webguides-wow-singleguide .map-zoom .slidecontainer .slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  background: #fe6100;
  cursor: pointer;
}
body.webguides-wow#webguides-wow-singleguide .Druid_hidden, body.webguides-wow#webguides-wow-singleguide .Hunter_hidden, body.webguides-wow#webguides-wow-singleguide .Mage_hidden, body.webguides-wow#webguides-wow-singleguide .Paladin_hidden, body.webguides-wow#webguides-wow-singleguide .Priest_hidden, body.webguides-wow#webguides-wow-singleguide .Rogue_hidden, body.webguides-wow#webguides-wow-singleguide .Shaman_hidden, body.webguides-wow#webguides-wow-singleguide .Warlock_hidden, body.webguides-wow#webguides-wow-singleguide .Warrior_hidden {
  display: none;
}
body.webguides-wow#webguides-wow-singleguide .Dwarf_hidden, body.webguides-wow#webguides-wow-singleguide .Gnome_hidden, body.webguides-wow#webguides-wow-singleguide .Human_hidden, body.webguides-wow#webguides-wow-singleguide .Nightelf_hidden, body.webguides-wow#webguides-wow-singleguide .Scourge_hidden, body.webguides-wow#webguides-wow-singleguide .Orc_hidden, body.webguides-wow#webguides-wow-singleguide .Tauren_hidden, body.webguides-wow#webguides-wow-singleguide .Troll_hidden {
  display: none;
}
body.webguides-wow#webguides-wow-search .search-navbar {
  background-color: #555;
  padding: 0.7rem 0;
}
body.webguides-wow#webguides-wow-search .search-navbar .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.webguides-wow#webguides-wow-search .search-navbar .container .choose a {
  color: #f0f0f0;
  font-weight: 600;
}
body.webguides-wow#webguides-wow-search .search-results {
  display: flex;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-search .search-results {
    flex-direction: column;
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-search .search-results {
    justify-content: space-between;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
body.webguides-wow#webguides-wow-search .search-results .title {
  width: 100%;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-search .search-results .title {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-search .search-results .title {
    margin-bottom: 3rem;
  }
}
body.webguides-wow#webguides-wow-search .search-results .title h2 {
  margin-bottom: 0;
}
body.webguides-wow#webguides-wow-search .search-results .title .query {
  font-size: 1.1rem;
  font-weight: 300;
}
body.webguides-wow#webguides-wow-search .search-results .title .query strong {
  color: #fe6100;
  font-weight: 600;
}
body.webguides-wow#webguides-wow-search .search-results .entries {
  list-style-type: none;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-search .search-results .entries {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-search .search-results .entries {
    width: 45%;
  }
}
body.webguides-wow#webguides-wow-search .search-results .entries h3 {
  margin-bottom: 1.5rem;
}
body.webguides-wow#webguides-wow-search .search-results .entries .entry-description {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
body.webguides-wow#webguides-wow-search .search-results .entries .entry-description h4 {
  margin-bottom: 0.3rem;
}
body.webguides-wow#webguides-wow-search .search-results .entries .entry-description small {
  color: #989898;
  margin-bottom: 0.3rem;
}
body.webguides-wow#webguides-wow-search .search-results .entries .entry-content {
  background-color: #f0f0f0;
  padding: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-help .imagebar .container.narrow, body.webguides-wow#webguides-wow-help .basicuse .container.narrow, body.webguides-wow#webguides-wow-help .usingviewer .container.narrow, body.webguides-wow#webguides-wow-help .eliteguides .container.narrow {
    width: 800px;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-help h2 {
    margin-bottom: 1.5rem;
  }
}
body.webguides-wow#webguides-wow-help .imagebar {
  background: url("/images/guides/classic/leveling/bgr-classic.jpg") bottom center no-repeat;
  color: #fff;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-help .imagebar {
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-help .imagebar {
    padding-top: 4rem;
    padding-bottom: 2rem;
  }
}
body.webguides-wow#webguides-wow-help .imagebar .container {
  text-align: center;
}
body.webguides-wow#webguides-wow-help .imagebar .container h1 {
  margin-bottom: 1.5rem;
}
body.webguides-wow#webguides-wow-help .imagebar .container .video {
  margin-bottom: 1rem;
  position: relative;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-help .imagebar .container .video img {
    width: 100%;
    height: auto;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-help .imagebar .container .video img {
    display: none;
  }
}
body.webguides-wow#webguides-wow-help .imagebar .container .video iframe {
  border: 0 none;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-help .imagebar .container .video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-help .imagebar .container .video iframe {
    height: 428px;
    width: 760px;
  }
}
body.webguides-wow#webguides-wow-help .imagebar .container .desc {
  text-align: left;
  font-size: 0.95rem;
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-help ul.guideicons li {
    background-size: 60px 60px;
  }
}
body.webguides-wow#webguides-wow-help ul.guideicons li.position {
  background-image: url("/images/icons/orange/maptarget.svg");
}
body.webguides-wow#webguides-wow-help ul.guideicons li.copy {
  background-image: url("/images/icons/orange/copy.svg");
}
body.webguides-wow#webguides-wow-help .basicuse {
  background-color: #fff;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-help .basicuse {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-help .basicuse {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-help .basicuse img.map {
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-help .basicuse img.map {
    float: right;
    width: 18rem;
    margin-left: 2rem;
    margin-bottom: 1rem;
  }
}
body.webguides-wow#webguides-wow-help .basicuse img.showpin {
  display: block;
  margin: 0 auto;
  margin-bottom: 1rem;
}
body.webguides-wow#webguides-wow-help .usingviewer {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-help .usingviewer {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-help .usingviewer {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-help .usingviewer img.arrow {
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-help .usingviewer img.arrow {
    float: right;
    margin-left: 2rem;
  }
}
body.webguides-wow#webguides-wow-help .usingviewer img.copycoords {
  display: block;
  margin: 0 auto;
  margin-bottom: 1rem;
}
body.webguides-wow#webguides-wow-help .eliteguides {
  background-color: #fff;
}
@media print, screen and (max-width: 64rem) {
  body.webguides-wow#webguides-wow-help .eliteguides {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body.webguides-wow#webguides-wow-help .eliteguides {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
body.webguides-wow#webguides-wow-help .eliteguides .buttons {
  text-align: center;
  margin-top: 1.5rem;
}

@media print, screen and (max-width: 63.99875em) {
  body.manual h4 {
    margin-top: 1.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.manual h4 {
    margin-top: 3rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body.manual h5 {
    margin-top: 1.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.manual h5 {
    margin-top: 2rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body.manual dl {
    padding-left: 0.5rem;
    border-left: 1px solid #f0f0f0;
  }
}
@media print, screen and (min-width: 64em) {
  body.manual dl {
    padding-left: 1rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body.manual dl.preview dt {
    margin-bottom: 0.5rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body.manual dl.preview dt .text {
    margin-bottom: 0.2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.manual dl.preview dt .text {
    display: inline-block;
    width: 25%;
    margin-bottom: 0.2rem;
  }
}
body.manual dl dl {
  font-size: 0.85rem;
}
body.manual ul.common-square li {
  margin-bottom: 1rem;
}
body.manual .common-other, body.manual .common-error, body.manual .common-important {
  margin: 1.5rem 0 1.5rem 0;
  background-color: #f0f0f0;
}
body.manual .common-important {
  font-size: 0.95rem;
}
body.manual .common-other {
  font-size: 0.85rem;
}

/* Support portal */
body#support #support-portal-general {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 63.99875em) {
  body#support #support-portal-general {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#support #support-portal-general {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#support #support-portal-general h1 {
    margin-bottom: 4rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#support #support-portal-general .search {
    width: 70%;
    text-align: center;
    margin: auto;
    margin-bottom: 5rem;
  }
}
body#support #support-portal-general .search .common-iconbox {
  margin-top: 1rem;
}
body#support #support-portal-general .search .common-iconbox .icon {
  top: 0.5rem;
  left: 0.3rem;
  background-image: url("/images/icons/lightgray/search.svg");
  background-size: 1.875rem 1.875rem;
}
body#support #support-portal-general .search .common-iconbox input {
  padding: 0.7rem;
  padding-left: 3rem;
  height: 3rem;
  font-size: 1.1rem;
}
body#support #support-portal-general .info {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media print, screen and (max-width: 63.99875em) {
  body#support #support-portal-general .info {
    flex-wrap: wrap;
  }
}
@media print, screen and (min-width: 64em) {
  body#support #support-portal-general .info {
    margin-top: 2rem;
  }
}
body#support #support-portal-general .info a {
  background-position: 50% 0%;
  background-repeat: no-repeat;
  font-size: 1.1rem;
  text-align: center;
}
@media print, screen and (max-width: 63.99875em) {
  body#support #support-portal-general .info a {
    width: 45%;
    padding-top: 4rem;
    background-size: 3rem 3rem;
    margin-top: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#support #support-portal-general .info a {
    padding-top: 6rem;
    background-size: 5rem 5rem;
  }
}
body#support #support-portal-general .info .changelog {
  background-image: url("/images/icons/orange/list.svg");
}
body#support #support-portal-general .info .manual {
  background-image: url("/images/icons/orange/book.svg");
}
body#support #support-portal-general .info .feedback {
  background-image: url("/images/icons/orange/feedback.svg");
}
body#support #support-portal-general .info .faq {
  background-image: url("/images/icons/orange/faq.svg");
}
@media print, screen and (max-width: 63.99875em) {
  body#support #support-portal-technical {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#support #support-portal-technical {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
body#support #support-portal-technical .help {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#support #support-portal-technical .help {
    flex-direction: column;
    margin-top: 1.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#support #support-portal-technical .help {
    justify-content: space-between;
    width: 100%;
    margin-top: 3rem;
  }
}
body#support #support-portal-technical .help a {
  padding-left: 3.5rem;
  min-height: 2rem;
  background-position: 0% 50%;
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
  font-size: 1.1rem;
  font-weight: 600;
}
@media print, screen and (max-width: 63.99875em) {
  body#support #support-portal-technical .help a {
    margin-bottom: 1rem;
  }
}
body#support #support-portal-technical .help .chat {
  background-image: url("/images/icons/orange/support.svg");
}
body#support #support-portal-technical .help .mail {
  background-image: url("/images/icons/orange/mail.svg");
}
body#support #support-portal-technical .help .forum {
  background-image: url("/images/icons/orange/forum.svg");
}
body#support #support-portal-form {
  height: 44rem;
}
body#support #support-portal-form .captchabox {
  margin-bottom: 1.5rem;
}
body#support #support-portal-form .captchabox #support-portal-form-captcha {
  display: inline-block;
  background-color: #e5e5e5;
  border: 1px solid #e5e5e5;
}
body#support #support-portal-form #support-portal-form-ticketform {
  background-color: #f0f0f0;
  padding: 1rem;
  margin-bottom: 5rem;
}

/* Changelog */
/* User manual */
body#support-manual .navigation-toc li.install {
  background-image: url("/images/icons/orange/dlc.svg");
}
body#support-manual .navigation-toc li.menu {
  background-image: url("/images/icons/orange/list.svg");
}
body#support-manual .navigation-toc li.viewer {
  background-image: url("/images/icons/orange/z-logo.svg");
}
body#support-manual .navigation-toc li.navigation {
  background-image: url("/images/icons/orange/guide-arrow.svg");
}
body#support-manual .navigation-toc li.features {
  background-image: url("/images/icons/orange/star-full.svg");
}
body#support-manual .navigation-toc li.guides {
  background-image: url("/images/icons/orange/book.svg");
}
body#support-manual .navigation-toc li.gold {
  background-image: url("/images/icons/orange/goldcoin.svg");
}
body#support-manual .navigation-toc li.help {
  background-image: url("/images/icons/orange/support.svg");
}
@media print, screen and (max-width: 63.99875em) {
  body#support-manual .common-longmenu-container .wistia_responsive_padding {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#support-manual .common-longmenu-container .wistia_responsive_padding {
    margin-bottom: 2rem;
  }
}
body#support-manual .common-longmenu-container .path {
  background-color: #f0f0f0;
  margin-left: 20px;
  padding: 10px;
  font-family: monospace;
}
body#support-manual #zz_frame::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.85);
  z-index: -1;
}
body#support-manual #zz_frame {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
}
body#support-manual #zz_media {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin: 0 auto;
  max-width: 500px;
  display: inline-block;
}
body#support-manual #zz_media img {
  width: 100%;
  box-shadow: 0px 0px 20px 1px rgb(0, 0, 0);
}
body#support-manual #zz_frame .zz_close {
  color: #fff;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 26px;
  background: transparent;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}
body#support-manual #zz_frame .zz_controls {
  color: #fff;
  position: absolute;
  left: 10px;
  top: 10px;
}
body#support-manual #zz_frame .zz_controls button {
  background: #000;
  border: 0;
  color: #fff;
  padding: 8px;
  margin-right: 5px;
}

@property --period-chosen {
  syntax: "<percentage>";
  initial-value: 0%;
  inherits: false;
}
body#subscription {
  /* Subscription process steps - JOIN Plans presentation */
  /* Subscription process steps - paid user account creation */
}
body#subscription .clickable {
  cursor: pointer;
}
body#subscription .subscription-paymentform .methods {
  display: flex;
  justify-content: space-between;
}
body#subscription .subscription-paymentform .methods .method {
  border: 1px solid #fe6100;
  border-radius: 8px;
  width: 45%;
  height: 4rem;
  cursor: pointer;
}
body#subscription .subscription-paymentform .methods .method.paypal {
  background: url("/images/subscription/paypal-orange.svg") no-repeat center center;
  background-size: 5.415rem 1.5rem;
  -webkit-background-size: 5.415rem 1.5rem;
  content: "";
}
body#subscription .subscription-paymentform .methods .method.paypal:hover, body#subscription .subscription-paymentform .methods .method.paypal:focus {
  background-image: url("/images/subscription/paypal-orange-hl.svg");
  border-color: rgb(255, 128.411023622, 50.2);
}
body#subscription .subscription-paymentform .methods .method.paypal.active {
  background-image: url("/images/subscription/paypal-white.svg");
  color: #fff;
  background-color: #fe6100;
}
body#subscription .subscription-paymentform .methods .method.credit {
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("/images/subscription/creditcard-orange.svg") no-repeat 10% center;
  background-size: 3.26rem 2rem;
  -webkit-background-size: 3.26rem 2rem;
  padding-left: 4rem;
  font-weight: 700;
  letter-spacing: 0.02rem;
  text-align: center;
}
body#subscription .subscription-paymentform .methods .method.credit:hover, body#subscription .subscription-paymentform .methods .method.credit:focus {
  background-image: url("/images/subscription/creditcard-orange-hl.svg");
  border-color: rgb(255, 128.411023622, 50.2);
}
body#subscription .subscription-paymentform .methods .method.credit.active {
  background-image: url("/images/subscription/creditcard-white.svg");
  color: #fff;
  background-color: #fe6100;
}
body#subscription .subscription-paymentform .details {
  margin-top: 1.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription .subscription-paymentform .details {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription .subscription-paymentform .details {
    height: 14rem;
  }
}
body#subscription .subscription-paymentform .details .number input {
  background-repeat: no-repeat;
  background-position: 98% 50%;
  background-size: auto 1.8rem;
}
body#subscription .subscription-paymentform .details .number input.mastercard {
  background-image: url("/images/icons/other/card-mastercard.svg");
}
body#subscription .subscription-paymentform .details .number input.visa {
  background-image: url("/images/icons/other/card-visa.svg");
}
body#subscription .subscription-paymentform .details .number input.jcb {
  background-image: url("/images/icons/other/card-jcb.svg");
}
body#subscription .subscription-paymentform .details .number input.discover {
  background-image: url("/images/icons/other/card-discover.svg");
}
body#subscription .subscription-paymentform .details .number input.diners {
  background-image: url("/images/icons/other/card-diners.svg");
}
body#subscription .subscription-paymentform .details .number input.amex {
  background-image: url("/images/icons/other/card-amex.svg");
}
body#subscription .subscription-paymentform .details .cvv {
  width: 30%;
}
body#subscription .subscription-paymentform .details .security {
  display: flex;
  justify-content: space-between;
}
body#subscription .subscription-paymentform .details .security .expiration {
  width: 65%;
}
body#subscription .subscription-paymentform .details .security .expiration .date {
  display: flex;
  justify-content: space-between;
}
body#subscription .subscription-paymentform .details .security .expiration .date > div {
  width: 46%;
}
body#subscription .subscription-paymentform .details.paypal .message {
  margin-bottom: 1rem;
}
body#subscription .subscription-paymentform .details.paypal .message p:first-child {
  margin-bottom: 0;
}
body#subscription .subscription-paymentform .details.paypal .message .small {
  font-weight: 400;
  line-height: 1.2rem;
  font-size: 0.75rem;
}
body#subscription .subscription-paymentform .details.paypal .common-important {
  display: none;
}
body#subscription .subscription-paymentform .details.paypal .button {
  width: 100%;
  border-color: #989898;
  color: #069fdf;
}
body#subscription .subscription-paymentform .details.paypal .button img {
  height: 1.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription .subscription-paymentform .details.paypal .button img {
    margin-top: 0.3rem;
  }
}
body#subscription .subscription-paymentform .details.paypal .form-error {
  margin: 0;
}
body#subscription .subscription-paymentform .address .precise {
  display: flex;
  justify-content: space-between;
}
body#subscription .subscription-paymentform .address .precise .street {
  width: 60%;
}
body#subscription .subscription-paymentform .address .precise .apt {
  width: 35%;
}
body#subscription .subscription-paymentform .address .local {
  display: flex;
  justify-content: space-between;
}
body#subscription .subscription-paymentform .address .local .city {
  width: 60%;
}
body#subscription .subscription-paymentform .address .local .postal {
  width: 35%;
}
body#subscription .subscription-paymentform .address .global {
  display: flex;
  justify-content: space-between;
}
body#subscription .subscription-paymentform .address .global .country {
  width: 47.5%;
}
body#subscription .subscription-paymentform .address .global .state {
  width: 47.5%;
}
body#subscription .subscription-paymentform > .button {
  width: 100%;
}
body#subscription .subscription-currentdata {
  display: flex;
  margin-bottom: 2rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription .subscription-currentdata {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription .subscription-currentdata {
    justify-content: space-between;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription .subscription-currentdata .main {
    margin-bottom: 1.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription .subscription-currentdata .main {
    width: 47%;
  }
}
body#subscription .subscription-currentdata .main .name {
  margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 64em) {
  body#subscription .subscription-currentdata .address {
    width: 47%;
  }
}
body#subscription .subscription-card {
  padding-left: 2.5em;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: 1.8em auto;
}
body#subscription .subscription-card.mastercard {
  background-image: url("/images/icons/other/card-mastercard.svg");
}
body#subscription .subscription-card.visa {
  background-image: url("/images/icons/other/card-visa.svg");
}
body#subscription .subscription-card.jcb {
  background-image: url("/images/icons/other/card-jcb.svg");
}
body#subscription .subscription-card.discover {
  background-image: url("/images/icons/other/card-discover.svg");
}
body#subscription .subscription-card.diners {
  background-image: url("/images/icons/other/card-diners.svg");
}
body#subscription .subscription-card.amex {
  background-image: url("/images/icons/other/card-amex.svg");
}
body#subscription .illustratedtext-left {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription .illustratedtext-left {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription .illustratedtext-left {
    justify-content: space-between;
    align-items: center;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription .illustratedtext-left .text {
    order: 1;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription .illustratedtext-left .image {
    order: 0;
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription .illustratedtext-left .image {
    min-width: 400px;
    margin-left: 6rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription .illustratedtext-left .image img {
    width: 100%;
  }
}
body#subscription .illustratedtext-right {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription .illustratedtext-right {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription .illustratedtext-right {
    justify-content: space-between;
    align-items: center;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription .illustratedtext-right .image {
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription .illustratedtext-right .image {
    min-width: 400px;
    margin-right: 6rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription .illustratedtext-right .image img {
    width: 100%;
  }
}
body#subscription #subscription-membership .info {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #subscription-membership .info {
    flex-wrap: wrap;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-membership .info {
    margin-top: 1rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #subscription-membership .info .common-dataline {
    width: 50%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-membership .info .common-dataline {
    width: 20%;
  }
}
body#subscription #subscription-membership .info .common-dataline .success {
  color: #08b200;
}
body#subscription #subscription-membership .info .common-dataline .alert {
  color: #a00000;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #subscription-elite {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-elite {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
}
body#subscription #subscription-elite .settings {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #subscription-elite .settings {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-elite .settings {
    justify-content: space-between;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-elite .settings h3 {
    margin-bottom: 1.5rem;
  }
}
body#subscription #subscription-elite .settings .panel {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #subscription-elite .settings .panel {
    padding: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-elite .settings .panel {
    padding: 2rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #subscription-elite .settings .payment {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-elite .settings .payment {
    width: 55%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #subscription-elite .settings .payment .current {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-elite .settings .payment .current {
    margin-bottom: 3rem;
  }
}
body#subscription #subscription-elite .settings .payment .new {
  position: relative;
}
body#subscription #subscription-elite .settings .payment .button {
  display: block;
  width: 100%;
}
body#subscription #subscription-elite .settings .side {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-elite .settings .side {
    width: 40%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #subscription-elite .settings .side .plan {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-elite .settings .side .plan {
    margin-bottom: 3rem;
  }
}
body#subscription #subscription-elite .settings .side .plan .button {
  display: block;
  width: 100%;
}
body#subscription #subscription-elite .settings .side .cancel .button {
  display: block;
  width: 100%;
}
body#subscription #subscription-elite .settings .side .cancel .common-error {
  display: block;
}
body#subscription #subscription-elite .settings .message {
  margin-bottom: 2rem;
}
body#subscription #subscription-elite .settings .message, body#subscription #subscription-elite .settings .message p {
  font-size: 0.875rem;
}
body#subscription #subscription-elite-cancellation .common-important {
  margin-bottom: 1rem;
}
body#subscription #subscription-elite-cancellation .button {
  display: block;
  width: 100%;
}
body#subscription #subscription-elite-cancellation textarea {
  height: 8rem;
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-elite-cancellation .common-inverse {
    margin-bottom: 1.5rem;
  }
}
body#subscription #subscription-elite-cancellation .message {
  margin-bottom: 1rem;
}
body#subscription #join-elite {
  background: linear-gradient(135deg, transparent 0%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, transparent 100%), linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.5)), #111;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #join-elite {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #join-elite {
    padding-top: 3rem;
    padding-bottom: 6rem;
  }
}
body#subscription #join-elite .container h1 {
  color: #fff;
  text-align: center;
  margin-bottom: 2rem;
}
body#subscription #join-elite .container .guide-icons {
  text-align: center;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #join-elite .container .guide-icons img {
    width: 12vw;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #join-elite .container .guide-icons img {
    width: 6rem;
    height: 4rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #join-planlist {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #join-planlist {
    padding-top: 3rem;
    padding-bottom: 6rem;
  }
}
body#subscription #join-planlist .container h1 {
  color: #111;
  width: 100%;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #join-planlist .container h1 {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #join-planlist .container h1 {
    margin-bottom: 2rem;
  }
}
body#subscription #join-planlist .container h3 {
  width: 100%;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #join-planlist .container h3 {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #join-planlist .container h3 {
    margin-bottom: 2.5rem;
  }
}
body#subscription #join-planlist .container .plans {
  display: flex;
  position: relative;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #join-planlist .container .plans {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #join-planlist .container .plans {
    justify-content: space-between;
    flex-wrap: wrap;
    width: 70%;
    margin: auto;
    margin-top: -6rem;
  }
}
body#subscription #join-planlist .container .plans .plan {
  background: linear-gradient(135deg, transparent 0%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, transparent 100%), linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.4)), #f0f0f0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  will-change: transform;
  transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #join-planlist .container .plans .plan {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #join-planlist .container .plans .plan {
    width: 45%;
    display: flex;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #join-planlist .container .plans .plan:last-child {
    margin-top: 2.5rem;
  }
}
body#subscription #join-planlist .container .plans .plan:hover {
  transform: scale(1.01);
  box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.1), 0px 0px 10px rgba(255, 255, 255, 0.1), 0px 0px 10px rgba(255, 255, 255, 0.1), 0px 0px 10px rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
body#subscription #join-planlist .container .plans .plan:hover .continue {
  animation: animateit 0.4s ease-in-out forwards;
}
body#subscription #join-planlist .container .plans .plan.p6m .title, body#subscription #join-planlist .container .plans .plan.p1m .title {
  background: linear-gradient(135deg, #00b5fc 0%, #0055e9 100%);
}
body#subscription #join-planlist .container .plans .plan.p12m .title, body#subscription #join-planlist .container .plans .plan.p3m .title {
  background: linear-gradient(135deg, #ffb703 0%, #cb610c 100%);
}
body#subscription #join-planlist .container .plans .plan .title {
  padding: 1rem 0 1rem 0;
  text-align: center;
  position: relative;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
body#subscription #join-planlist .container .plans .plan .title .name {
  color: #fff;
  font-weight: 600;
  font-family: "Open Sans Condensed";
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}
body#subscription #join-planlist .container .plans .plan .title .name strong {
  font-weight: 900;
  font-size: 1.6rem;
  font-family: "Open Sans Condensed Bold";
  letter-spacing: 0.05rem;
}
body#subscription #join-planlist .container .plans .plan .title .show-details, body#subscription #join-planlist .container .plans .plan .title .hide-details {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.7);
}
body#subscription #join-planlist .container .plans .plan .details {
  padding: 1rem;
}
body#subscription #join-planlist .container .plans .plan .details h4 {
  letter-spacing: 0;
  font-size: 0.95rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
body#subscription #join-planlist .container .plans .plan .details ul {
  list-style-type: none;
  font-size: 0.85rem;
}
body#subscription #join-planlist .container .plans .plan .details ul.games {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
body#subscription #join-planlist .container .plans .plan .details ul.games strong {
  font-weight: 600;
}
body#subscription #join-planlist .container .plans .plan .details ul.guides li {
  padding: 0.5rem 1rem 0.5rem 1rem;
}
body#subscription #join-planlist .container .plans .plan .details .etc {
  font-size: 0.85rem;
}
body#subscription #join-planlist .container .plans .plan .details .etc p {
  margin-bottom: 0;
}
body#subscription #join-planlist .container .plans .plan .buy {
  background: linear-gradient(135deg, #777 0%, #555 100%);
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  padding-bottom: 1rem;
}
body#subscription #join-planlist .container .plans .plan .buy .price {
  padding-top: 0.5rem;
  margin-bottom: 1.5rem;
  color: #fff;
  font-size: 1.625rem;
  line-height: 1.625rem;
  font-weight: 700;
  text-align: center;
}
body#subscription #join-planlist .container .plans .plan .buy .price.chosen, body#subscription #join-planlist .container .plans .plan .buy .price.static {
  display: block;
}
body#subscription #join-planlist .container .plans .plan .buy .price .billed {
  font-size: 0.6em;
  font-weight: 600;
}
body#subscription #join-planlist .container .plans .plan .buy .price .additional {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 300;
  line-height: 0.9rem;
}
body#subscription #join-planlist .container .plans .plan .continue {
  display: block;
  margin: 0 auto;
  box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.2);
}
body#subscription #join-planlist .container .basic {
  margin-top: 1.5rem;
  text-align: center;
  font-size: 0.85rem;
}
body#subscription #join-planlist .container .member .button {
  width: 100%;
}
body#subscription #join-whatiszygorelite {
  background: #0e110a url(/images/join/whatiszygorelite-bgr.jpg) center 75% no-repeat;
  color: #fff;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #join-whatiszygorelite {
    padding-top: 3rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #join-whatiszygorelite {
    padding-top: 3rem;
    padding-bottom: 6rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #join-whatiszygorelite .illustratedtext-left {
    flex-direction: column-reverse;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #join-whatiszygorelite .illustratedtext-left .text {
    margin-bottom: 2rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #join-whatiszygorelite .illustratedtext-left .image {
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #join-whatiszygorelite h1 {
    margin-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #join-whatiszygorelite h1 {
    margin-bottom: 3rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #join-gold {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #join-gold {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
body#subscription #join-gold .image {
  margin-bottom: 2.5rem;
}
body#subscription #join-community {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #join-community {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #join-community {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #join-community .illustratedtext-left .image {
    min-width: 520px;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #join-try {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #join-try {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
body#subscription #join-testimonials {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #join-testimonials {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #join-testimonials {
    padding-top: 3rem;
    padding-bottom: 6rem;
  }
}
body#subscription #join-testimonials h1 {
  color: #111;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #join-testimonials h1 {
    margin-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #join-testimonials h1 {
    margin-bottom: 3rem;
  }
}
body#subscription #join-testimonials .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #join-testimonials .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #join-testimonials .container {
    justify-content: space-between;
  }
}
body#subscription #join-testimonials .container .testimonial {
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 1rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #join-testimonials .container .testimonial {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #join-testimonials .container .testimonial {
    width: 30%;
  }
}
body#subscription #join-testimonials .container .testimonial .about {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
body#subscription #join-testimonials .container .testimonial .about .date {
  font-size: 70%;
}
body#subscription #join-testimonials .container .testimonial .about .user {
  font-size: 80%;
}
body#subscription #join-testimonials .container .testimonial h4 {
  margin-top: 0.5rem;
  width: 100%;
}
body#subscription #join-testimonials .container .testimonial .description {
  font-size: 0.9rem;
}
body#subscription #join-testimonials .container .testimonial .description p.readmore {
  font-size: 0.8rem;
  text-align: right;
}
body#subscription #join-testimonials .testimonial .testname {
  margin-top: 20px;
  text-align: right;
}
body#subscription #join-testimonials .testi1 {
  padding-left: 200px;
  background: url("/img/signupelite-testimonials-1.jpg") no-repeat left top;
}
body#subscription #join-testimonials .testi2 {
  padding-right: 200px;
  background: url("/img/signupelite-testimonials-2.jpg") no-repeat right top;
}
body#subscription #join-testimonials .testi3 {
  padding-left: 200px;
  background: url("/img/signupelite-testimonials-3.jpg") no-repeat left top;
}
body#subscription div#subscription-process h1 {
  margin-top: 3rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription div#subscription-process h1 {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription div#subscription-process h1 {
    margin-bottom: 2rem;
  }
}
body#subscription div#subscription-process .process {
  display: flex;
  max-width: 68.75rem;
  margin: 0 auto;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription div#subscription-process .process {
    flex-direction: column-reverse;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription div#subscription-process .process {
    justify-content: space-between;
    margin-bottom: 3rem;
  }
}
body#subscription div#subscription-process .process .process-box {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription div#subscription-process .process .process-box {
    flex-direction: column;
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription div#subscription-process .process .process-box {
    justify-content: space-between;
    width: 75%;
    border-radius: 8px;
    overflow: hidden;
  }
}
body#subscription div#subscription-process .process .process-box .step-list {
  background-color: #e5e5e5;
  margin-bottom: 0rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription div#subscription-process .process .process-box .step-list {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription div#subscription-process .process .process-box .step-list {
    width: 30%;
  }
}
body#subscription div#subscription-process .process .process-box .step-list.start {
  counter-reset: steplist;
}
body#subscription div#subscription-process .process .process-box .step-list .step {
  width: 100%;
  padding: 1rem;
  font-weight: 600;
  counter-increment: steplist;
  list-style-type: none;
  cursor: default;
}
body#subscription div#subscription-process .process .process-box .step-list .step::before {
  padding-right: 1rem;
  content: counter(steplist) ".";
}
body#subscription div#subscription-process .process .process-box .step-list .step.done {
  background-color: rgb(7.2, 160.2, 0);
  color: #fff;
}
body#subscription div#subscription-process .process .process-box .step-list .step.current {
  background-color: #fe6100;
  color: #fff;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription div#subscription-process .process .process-box .step-list .step.undone {
    display: none;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription div#subscription-process .process .process-box .step-list.hide-for-large .step.done {
    display: none;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription div#subscription-process .process .process-box .step-list.hide-for-large .step.current {
    display: none;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription div#subscription-process .process .process-box .step-list.hide-for-large .step.undone {
    display: block;
  }
}
body#subscription div#subscription-process .process .process-box .step-details {
  background-color: #f0f0f0;
  font-size: 0.95rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription div#subscription-process .process .process-box .step-details {
    width: 100%;
    padding: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription div#subscription-process .process .process-box .step-details {
    width: 70%;
    padding: 3.5rem;
  }
}
body#subscription div#subscription-process .process .process-plan {
  /*
  .coupon {
  	@include flex;
  	@include flex-align(justify, bottom);
  	padding: 0.1rem 0.7rem;

  	.about {
  		font-size: 0.8rem;

  		.coupondetails {
  			@include flex;
  			@include flex-align(justify, bottom);
  			margin-top: -0.2rem;
  			font-size: 0.8rem;

  			.couponname {
  				font-weight: 600;
  				color: $success-color;
  			}

  			.couponremove {
  				color: $light-gray2;
  				cursor: pointer;
  				margin-left: 0.5rem;
  			}
  		}
  	}

  	.amount {
  		font-size: 1.4rem;
  		font-weight: 700;
  		color: $success-color;

  		.mo {
  			font-size: 0.9rem;
  			font-weight:normal;
  		}
  	}
  }
  */
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription div#subscription-process .process .process-plan {
    padding: 0 1rem;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription div#subscription-process .process .process-plan {
    margin-left: 2rem;
    width: 23%;
  }
}
body#subscription div#subscription-process .process .process-plan .plan {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
  border: 1px solid #08b200;
  border-radius: 8px;
  color: #08b200;
  padding: 0.4rem 0.7rem 1.1rem 0.7rem;
  margin-top: 1.5rem;
}
body#subscription div#subscription-process .process .process-plan .plan .period {
  font-weight: 600;
  font-size: 1.1rem;
}
body#subscription div#subscription-process .process .process-plan .plan .price {
  font-size: 1.2rem;
  font-weight: 600;
}
body#subscription div#subscription-process .process .process-plan .plan .price .mo {
  font-size: 0.8rem;
  font-weight: normal;
}
body#subscription div#subscription-process .process .process-plan .plan .price.discounted {
  text-decoration: line-through;
  opacity: 0.4;
}
body#subscription div#subscription-process .process .process-plan .plan .billed {
  position: absolute;
  right: 5%;
  bottom: 8%;
  font-size: 0.72rem;
  font-weight: 400;
  line-height: 0.9rem;
}
body#subscription div#subscription-process .process .process-plan .plan .additional {
  display: inline-block;
}
body#subscription div#subscription-process .process .process-plan .plan .change {
  position: absolute;
  right: 0%;
  top: -45%;
  font-size: 0.8rem;
  color: #c2c2c2;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription div#subscription-process .process .process-plan .pricemod {
    margin-top: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription div#subscription-process .process .process-plan .pricemod {
    margin-top: 3rem;
  }
}
body#subscription div#subscription-process .process .process-plan .pricemod .line {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 0.9rem;
  /*
  &.coupondetails {
  	margin-top: -0.2rem;
  	font-size: 0.8rem;

  	.couponname {
  		font-weight: 600;
  		color: $success-color;
  	}

  	.couponremove {
  		color: $light-gray2;
  		cursor: pointer;	
  	}
  }
  */
}
body#subscription div#subscription-process .process .process-plan .pricemod .line .amount {
  font-weight: 600;
  font-size: 1.1rem;
  color: #08b200;
}
body#subscription div#subscription-process .process .process-plan .pricemod .line .amount .mo {
  font-size: 0.8rem;
  font-weight: normal;
}
body#subscription div#subscription-process .process .process-plan .pricemod .line.total {
  border-top: 1px solid #c2c2c2;
  margin-top: 0.5rem;
  font-size: 1.1rem;
  font-weight: 600;
}
body#subscription div#subscription-process .process .process-plan .pricemod .line.total .amount {
  font-size: 1.4rem;
  color: #fe6100;
  font-weight: 700;
}
body#subscription div#subscription-process .process .process-plan .pricemod .line.coupon {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
body#subscription div#subscription-process .process .process-plan .pricemod .line.coupon .couponlabel .coupondetails {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: -0.2rem;
  font-size: 0.8rem;
}
body#subscription div#subscription-process .process .process-plan .pricemod .line.coupon .couponlabel .coupondetails .couponname {
  font-weight: 600;
  color: #08b200;
}
body#subscription div#subscription-process .process .process-plan .pricemod .line.coupon .couponlabel .coupondetails .couponremove {
  color: #c2c2c2;
  cursor: pointer;
  margin-left: 0.5rem;
}
body#subscription div#subscription-process .process .process-plan .pricemod .line.coupon .amount {
  font-size: 1.4rem;
  font-weight: 600;
  color: #08b200;
}
body#subscription div#subscription-process .process .process-plan .pricemod .line.coupon .amount .mo {
  font-size: 0.9rem;
  font-weight: normal;
}
body#subscription div#subscription-process .process .process-plan .pricemod .line.anim-zoomland {
  transition: transform 0.2s, opacity 0.2s;
}
body#subscription div#subscription-process .process .process-plan .pricemod .line.anim-zoomland-is-out {
  transform: scale(1.2);
  opacity: 0;
}
body#subscription div#subscription-process .process .process-plan .pricemod.anim-zoomland {
  transition: transform 0.2s, opacity 0.2s;
}
body#subscription div#subscription-process .process .process-plan .pricemod.anim-zoomland-is-out {
  transform: scale(1.2);
  opacity: 0;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription div#subscription-process .process .process-plan .couponcode {
    margin-top: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription div#subscription-process .process .process-plan .couponcode {
    margin-top: 3rem;
  }
}
body#subscription div#subscription-process .process .process-plan .couponcode .couponbox {
  font-size: 0.8rem;
  background-color: #f0f0f0;
  border-radius: 8px;
  padding: 0.5rem;
  position: relative;
}
body#subscription div#subscription-process .process .process-plan .couponcode .couponbox .button {
  width: 100%;
}
body#subscription div#subscription-process .process .process-plan .couponcode .couponstatus {
  margin-top: 1rem;
  font-size: 0.8rem;
}
body#subscription div#subscription-process .process .process-plan .couponcode .couponstatus p {
  font-size: 0.8rem;
  line-height: 1.3;
  margin-bottom: 0.5rem;
}
body#subscription div#subscription-process .process .process-plan .couponcode .couponstatus p.additional {
  font-weight: 400;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription div#subscription-process .process .process-plan .variantbox {
    margin-top: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription div#subscription-process .process .process-plan .variantbox {
    margin-top: 3rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription div#subscription-process .process .process-plan .variantbox .guide {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  body#subscription div#subscription-process .process .process-plan .variantbox .guide img {
    width: 50%;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription div#subscription-process .process .process-plan .variantbox .guide {
    text-align: center;
  }
}
body#subscription div#subscription-process .message {
  margin-bottom: 2rem;
}
body#subscription div#subscription-process .message, body#subscription div#subscription-process .message p {
  font-size: 0.875rem;
}
@media print, screen and (min-width: 64em) {
  body#subscription div#subscription-process #process-step-create {
    padding: 3.5rem 6rem;
  }
}
body#subscription div#subscription-process #process-step-create .social .button {
  display: block;
  margin-top: 1rem;
}
body#subscription div#subscription-process #process-step-create .email .form-error {
  margin-left: 0;
  margin-right: 0;
  margin-top: -1.6rem;
  margin-bottom: 0.3rem;
  height: 1.3rem;
  font-size: 0.8rem;
}
body#subscription div#subscription-process #process-step-create .email .common-iconbox {
  margin-top: 1rem;
}
@media print, screen and (min-width: 64em) {
  body#subscription div#subscription-process #process-step-create .email .confirm {
    margin-left: -2.7rem;
  }
}
body#subscription div#subscription-process #process-step-create .email .confirm .terms {
  margin-bottom: 1.3rem;
}
body#subscription div#subscription-process #process-step-create .email .confirm .terms + .form-error {
  height: 1.3rem;
  margin-top: -1.3rem;
  margin-left: 2.7rem;
  margin-bottom: 0;
}
body#subscription div#subscription-process #process-step-create .email .alreadymember {
  margin-top: 1.5rem;
}
body#subscription div#subscription-process #process-step-create .email .alreadymember a {
  font-weight: 600;
}
body#subscription div#subscription-process #process-step-create .email .button {
  display: block;
  width: 100%;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription div#subscription-process #process-step-create .email .button {
    margin-top: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription div#subscription-process #process-step-create .email .button {
    margin-top: 2rem;
  }
}
body#subscription div#subscription-process #process-step-validate p {
  font-size: 0.875rem;
}
body#subscription div#subscription-process #process-step-validate img {
  display: block;
  background-color: #fff;
  width: 100%;
  content: "";
  margin-bottom: 1rem;
}
body#subscription div#subscription-process #process-step-data .button {
  width: 100%;
  margin-top: 1rem;
}
body#subscription div#subscription-process #process-step-payment .payment-olddata .subscription-currentdata {
  margin-bottom: 1.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription div#subscription-process #process-step-payment .payment-olddata .subscription-currentdata .main {
    margin-bottom: 0.5rem;
  }
}
body#subscription div#subscription-process #process-step-payment .payment-olddata .subscription-currentdata .main .name {
  margin-bottom: 0.5rem;
}
body#subscription div#subscription-process #process-step-payment .payment-olddata .subscription-currentdata .common-dataline div {
  font-size: 0.95rem;
  margin-bottom: 0;
}
body#subscription div#subscription-process #process-step-payment .payment-olddata .button {
  width: 100%;
}
body#subscription div#subscription-process #process-step-success .buttons {
  display: flex;
  margin-bottom: 1rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription div#subscription-process #process-step-success .buttons {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription div#subscription-process #process-step-success .buttons {
    justify-content: space-between;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription div#subscription-process #process-step-success .buttons .button:first-child {
    margin-bottom: 0.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription div#subscription-process #process-step-success .buttons .button {
    width: 48%;
  }
}
body#subscription div#subscription-process #process-step-success .buttons .button .small {
  font-size: 80%;
  line-height: 1.4em;
}
body#subscription div#subscription-process #process-step-success .buttons .button .big {
  line-height: 1.4em;
}
body#subscription div#subscription-process #process-step-success .buttons .button.small {
  padding: 0.5em 2em;
}
body#subscription div#subscription-process #process-step-success .instructions {
  width: 100%;
  display: block;
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-process-popup-order {
    width: 40.625rem;
    max-width: 40.625rem;
  }
}
body#subscription #subscription-process-popup-order .content {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #subscription-process-popup-order .content {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-process-popup-order .content {
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
body#subscription #subscription-process-popup-order .content .product {
  width: 100%;
  margin-bottom: 1.5rem;
}
body#subscription #subscription-process-popup-order .content .product h2 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 4px solid #fe6100;
  padding-bottom: 0.2rem;
  margin-bottom: 0.3rem;
}
body#subscription #subscription-process-popup-order .content .product h2 .plan {
  font-size: 1.3rem;
  font-weight: 300;
}
body#subscription #subscription-process-popup-order .content .product h2 .plan strong {
  font-weight: 700;
}
body#subscription #subscription-process-popup-order .content .dates {
  display: flex;
  width: 100%;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #subscription-process-popup-order .content .dates {
    flex-direction: column;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-process-popup-order .content .dates {
    justify-content: space-between;
    margin-bottom: 1.5rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #subscription-process-popup-order .content .dates .start {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-process-popup-order .content .dates .start {
    width: 48%;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-process-popup-order .content .dates .expiry {
    width: 48%;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-process-popup-order .content .dates .rebill {
    width: 48%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #subscription-process-popup-order .content .billing {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-process-popup-order .content .billing {
    width: 48%;
    margin-bottom: 1.5rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #subscription-process-popup-order .content .method {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-process-popup-order .content .method {
    width: 48%;
    margin-bottom: 1.5rem;
  }
}
body#subscription #subscription-process-popup-order .content .price {
  width: 100%;
}
body#subscription #subscription-process-popup-order .content .price .line {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0.2rem;
}
body#subscription #subscription-process-popup-order .content .price .line.pricepart {
  font-size: 0.9em;
}
body#subscription #subscription-process-popup-order .content .price .line.pricepart.coupon {
  color: #08b200;
}
body#subscription #subscription-process-popup-order .content .price .line.pricepart .amount {
  font-size: 1em;
}
body#subscription #subscription-process-popup-order .content .price .line.subtotal {
  font-weight: 600;
}
body#subscription #subscription-process-popup-order .content .price .line.last {
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #e5e5e5;
}
body#subscription #subscription-process-popup-order .content .price .line .amount {
  font-size: 1.1em;
  font-weight: 600;
}
body#subscription #subscription-process-popup-order .content .price .line.total {
  font-size: 1.2em;
  font-weight: 600;
}
body#subscription #subscription-process-popup-order .content .price .line.total .amount {
  font-size: 1.4rem;
  font-weight: 700;
  color: #fe6100;
}
body#subscription #subscription-process-popup-order .content .buttons {
  display: flex;
  width: 100%;
  margin-top: 1.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #subscription-process-popup-order .content .buttons {
    flex-direction: column-reverse;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-process-popup-order .content .buttons {
    justify-content: space-between;
  }
}
body#subscription #subscription-process-popup-order .content .buttons .button {
  display: block;
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-process-popup-order .content .buttons .button {
    width: 65%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#subscription #subscription-process-popup-order .content .buttons .button.hollow {
    margin-top: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#subscription #subscription-process-popup-order .content .buttons .button.hollow {
    width: 30%;
  }
}
body#subscription #subscription-process-popup-order p.line {
  margin-bottom: 0;
}
body#subscription #subscription-process-popup-order h4 {
  padding-bottom: 0.1rem;
  margin-bottom: 0.4rem;
  border-bottom: 2px solid #e5e5e5;
}
body#subscription::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url("/images/subscription/paypal-orange.svg") url("/images/subscription/paypal-orange-hl.svg") url("/images/subscription/paypal-white.svg") url("/images/subscription/creditcard-orange.svg") url("/images/subscription/creditcard-orange-hl.svg") url("/images/subscription/creditcard-white.svg") url("/images/icons/other/card-mastercard.svg") url("/images/icons/other/card-visa.svg") url("/images/icons/other/card-jcb.svg") url("/images/icons/other/card-discover.svg") url("/images/icons/other/card-diners.svg") url("/images/icons/other/card-amex.svg");
}

/* Common stuff for Members Area */
body.members .members-topinfo {
  background-color: #f0f0f0;
}
body.members .members-topinfo h2 {
  font-weight: 600;
  color: #111;
}
body.members .members-topinfo h2 strong, body.members .members-topinfo h2 b {
  font-weight: 900;
}
@media print, screen and (max-width: 63.99875em) {
  body.members .members-topinfo.small {
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.members .members-topinfo.small {
    padding-top: 4rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body.members .members-topinfo.big {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.members .members-topinfo.big {
    padding-top: 6rem;
    padding-bottom: 5rem;
  }
}
body.members .members-boxes {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body.members .members-boxes {
    flex-direction: column;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.members .members-boxes {
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
}
body.members .members-boxes .members-box {
  width: 47%;
}
@media print, screen and (max-width: 63.99875em) {
  body.members .members-boxes .members-box {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body.members .members-boxes .members-box {
    width: 47%;
  }
}
@media print, screen and (min-width: 64em) {
  body.members .members-boxes .members-box h3 {
    margin-bottom: 1.5rem;
  }
}
body.members .members-boxes .members-box > div {
  background-color: #f0f0f0;
  padding: 1rem;
  border-radius: 8px;
}
@media print, screen and (max-width: 63.99875em) {
  body.members .members-boxes .members-box > div {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body.members .members-boxes .members-box > div {
    margin-bottom: 2rem;
  }
}
body.members .members-boxes .members-box > div.empty {
  background-color: inherit;
  padding: 0;
}
body.members .members-boxes .members-box > div .button {
  width: 100%;
}
@media print, screen and (min-width: 64em) {
  body.members .members-boxes.alignedrow {
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
  }
}
body.members .members-boxes.alignedrow .members-box {
  display: flex;
  flex-direction: column;
}
body.members .members-boxes.alignedrow .members-box > div {
  flex-grow: 1;
}
body.members .members-boxes.column .members-box, body.members .members-boxes.columns .members-box {
  width: 100%;
}
body.members .button.members-platform {
  background-repeat: no-repeat;
  background-size: 1.5rem auto;
  background-position: 0.8rem 50%;
}
body.members .button.members-platform.windows {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSIjZmZmZmZmIj4NCgk8cGF0aCBkPSJNMCAxMi40OWwzNS43LTQuOXYzNC41SDBNNDAgNi45MUw4Ny4zIDBWNDEuOEg0ME0wIDQ1Ljc0aDM1Ljd2MzQuNkwwIDc1LjM0TTQwIDQ2LjJIODcuM3Y0MS40TDQwIDgwLjkiLz4NCjwvc3ZnPg==);
}
body.members .button.members-platform.mac {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwcHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE3MCAxNzAiIHZlcnNpb249IjEuMSIgaGVpZ2h0PSIxMDBweCIgZmlsbD0iI2ZmZmZmZiI+DQogPHBhdGggZD0ibTE1MC4zNyAxMzAuMjVjLTIuNDUgNS42Ni01LjM1IDEwLjg3LTguNzEgMTUuNjYtNC41OCA2LjUzLTguMzMgMTEuMDUtMTEuMjIgMTMuNTYtNC40OCA0LjEyLTkuMjggNi4yMy0xNC40MiA2LjM1LTMuNjkgMC04LjE0LTEuMDUtMTMuMzItMy4xOC01LjE5Ny0yLjEyLTkuOTczLTMuMTctMTQuMzQtMy4xNy00LjU4IDAtOS40OTIgMS4wNS0xNC43NDYgMy4xNy01LjI2MiAyLjEzLTkuNTAxIDMuMjQtMTIuNzQyIDMuMzUtNC45MjkgMC4yMS05Ljg0Mi0xLjk2LTE0Ljc0Ni02LjUyLTMuMTMtMi43My03LjA0NS03LjQxLTExLjczNS0xNC4wNC01LjAzMi03LjA4LTkuMTY5LTE1LjI5LTEyLjQxLTI0LjY1LTMuNDcxLTEwLjExLTUuMjExLTE5LjktNS4yMTEtMjkuMzc4IDAtMTAuODU3IDIuMzQ2LTIwLjIyMSA3LjA0NS0yOC4wNjggMy42OTMtNi4zMDMgOC42MDYtMTEuMjc1IDE0Ljc1NS0xNC45MjVzMTIuNzkzLTUuNTEgMTkuOTQ4LTUuNjI5YzMuOTE1IDAgOS4wNDkgMS4yMTEgMTUuNDI5IDMuNTkxIDYuMzYyIDIuMzg4IDEwLjQ0NyAzLjU5OSAxMi4yMzggMy41OTkgMS4zMzkgMCA1Ljg3Ny0xLjQxNiAxMy41Ny00LjIzOSA3LjI3NS0yLjYxOCAxMy40MTUtMy43MDIgMTguNDQ1LTMuMjc1IDEzLjYzIDEuMSAyMy44NyA2LjQ3MyAzMC42OCAxNi4xNTMtMTIuMTkgNy4zODYtMTguMjIgMTcuNzMxLTE4LjEgMzEuMDAyIDAuMTEgMTAuMzM3IDMuODYgMTguOTM5IDExLjIzIDI1Ljc2OSAzLjM0IDMuMTcgNy4wNyA1LjYyIDExLjIyIDcuMzYtMC45IDIuNjEtMS44NSA1LjExLTIuODYgNy41MXptLTMxLjI2LTEyMy4wMWMwIDguMTAyMS0yLjk2IDE1LjY2Ny04Ljg2IDIyLjY2OS03LjEyIDguMzI0LTE1LjczMiAxMy4xMzQtMjUuMDcxIDEyLjM3NS0wLjExOS0wLjk3Mi0wLjE4OC0xLjk5NS0wLjE4OC0zLjA3IDAtNy43NzggMy4zODYtMTYuMTAyIDkuMzk5LTIyLjkwOCAzLjAwMi0zLjQ0NiA2LjgyLTYuMzExMyAxMS40NS04LjU5NyA0LjYyLTIuMjUxNiA4Ljk5LTMuNDk2OCAxMy4xLTMuNzEgMC4xMiAxLjA4MzEgMC4xNyAyLjE2NjMgMC4xNyAzLjI0MDl6Ii8+DQo8L3N2Zz4=);
}
body.members .button.members-platform.hollow.windows {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSIjZmU2MTAwIj4NCgk8cGF0aCBkPSJNMCAxMi40OWwzNS43LTQuOXYzNC41SDBNNDAgNi45MUw4Ny4zIDBWNDEuOEg0ME0wIDQ1Ljc0aDM1Ljd2MzQuNkwwIDc1LjM0TTQwIDQ2LjJIODcuM3Y0MS40TDQwIDgwLjkiLz4NCjwvc3ZnPg==);
}
body.members .button.members-platform.hollow.mac {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwcHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE3MCAxNzAiIHZlcnNpb249IjEuMSIgaGVpZ2h0PSIxMDBweCIgZmlsbD0iI2ZlNjEwMCI+DQogPHBhdGggZD0ibTE1MC4zNyAxMzAuMjVjLTIuNDUgNS42Ni01LjM1IDEwLjg3LTguNzEgMTUuNjYtNC41OCA2LjUzLTguMzMgMTEuMDUtMTEuMjIgMTMuNTYtNC40OCA0LjEyLTkuMjggNi4yMy0xNC40MiA2LjM1LTMuNjkgMC04LjE0LTEuMDUtMTMuMzItMy4xOC01LjE5Ny0yLjEyLTkuOTczLTMuMTctMTQuMzQtMy4xNy00LjU4IDAtOS40OTIgMS4wNS0xNC43NDYgMy4xNy01LjI2MiAyLjEzLTkuNTAxIDMuMjQtMTIuNzQyIDMuMzUtNC45MjkgMC4yMS05Ljg0Mi0xLjk2LTE0Ljc0Ni02LjUyLTMuMTMtMi43My03LjA0NS03LjQxLTExLjczNS0xNC4wNC01LjAzMi03LjA4LTkuMTY5LTE1LjI5LTEyLjQxLTI0LjY1LTMuNDcxLTEwLjExLTUuMjExLTE5LjktNS4yMTEtMjkuMzc4IDAtMTAuODU3IDIuMzQ2LTIwLjIyMSA3LjA0NS0yOC4wNjggMy42OTMtNi4zMDMgOC42MDYtMTEuMjc1IDE0Ljc1NS0xNC45MjVzMTIuNzkzLTUuNTEgMTkuOTQ4LTUuNjI5YzMuOTE1IDAgOS4wNDkgMS4yMTEgMTUuNDI5IDMuNTkxIDYuMzYyIDIuMzg4IDEwLjQ0NyAzLjU5OSAxMi4yMzggMy41OTkgMS4zMzkgMCA1Ljg3Ny0xLjQxNiAxMy41Ny00LjIzOSA3LjI3NS0yLjYxOCAxMy40MTUtMy43MDIgMTguNDQ1LTMuMjc1IDEzLjYzIDEuMSAyMy44NyA2LjQ3MyAzMC42OCAxNi4xNTMtMTIuMTkgNy4zODYtMTguMjIgMTcuNzMxLTE4LjEgMzEuMDAyIDAuMTEgMTAuMzM3IDMuODYgMTguOTM5IDExLjIzIDI1Ljc2OSAzLjM0IDMuMTcgNy4wNyA1LjYyIDExLjIyIDcuMzYtMC45IDIuNjEtMS44NSA1LjExLTIuODYgNy41MXptLTMxLjI2LTEyMy4wMWMwIDguMTAyMS0yLjk2IDE1LjY2Ny04Ljg2IDIyLjY2OS03LjEyIDguMzI0LTE1LjczMiAxMy4xMzQtMjUuMDcxIDEyLjM3NS0wLjExOS0wLjk3Mi0wLjE4OC0xLjk5NS0wLjE4OC0zLjA3IDAtNy43NzggMy4zODYtMTYuMTAyIDkuMzk5LTIyLjkwOCAzLjAwMi0zLjQ0NiA2LjgyLTYuMzExMyAxMS40NS04LjU5NyA0LjYyLTIuMjUxNiA4Ljk5LTMuNDk2OCAxMy4xLTMuNzEgMC4xMiAxLjA4MzEgMC4xNyAyLjE2NjMgMC4xNyAzLjI0MDl6Ii8+DQo8L3N2Zz4=);
}

/* Overview panel */
body#overview #overview-general .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#overview #overview-general .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#overview #overview-general .container {
    justify-content: space-between;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#overview #overview-general .container .dataspace {
    margin-bottom: 1.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#overview #overview-general .container .dataspace {
    display: flex;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#overview #overview-general .container .dataspace h2 {
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 0.2rem;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#overview #overview-general .container .dataspace h2 {
    margin-bottom: 1.5rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#overview #overview-general .container .dataspace .data {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#overview #overview-general .container .dataspace .data {
    flex-grow: 1;
  }
}
body#overview #overview-general .container .dataspace .data .common-dataline {
  margin-bottom: 0.5rem;
}
body#overview #overview-general .container .dataspace .data .common-dataline .success {
  color: #08b200;
}
body#overview #overview-general .container .dataspace .data .common-dataline .alert {
  color: #a00000;
}
@media print, screen and (max-width: 63.99875em) {
  body#overview #overview-general .container .dataspace .button {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#overview #overview-general .container .dataspace .button {
    font-size: 0.95rem;
  }
}
body#overview #overview-general .container .account {
  overflow: hidden;
}
@media print, screen and (min-width: 64em) {
  body#overview #overview-general .container .account {
    margin-right: 1.5rem;
  }
}
body#overview #overview-general .container .account .data .general {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
body#overview #overview-general .container .account .data .general .avatar {
  padding-right: 2rem;
}
body#overview #overview-general .container .account .data .general .avatar img {
  background-color: #c2c2c2;
  background-image: url("/images/members/common/avatar-userdefault.svg");
  background-repeat: no-repeat;
  background-size: 4rem 4rem;
  background-position: 50% 50%;
  height: 5.5rem;
  width: 5.5rem;
  content: "";
}
@media print, screen and (min-width: 64em) {
  body#overview #overview-general .container .account .data .fullname {
    width: 100%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#overview #overview-general .container .membership .data {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#overview #overview-general .container .membership .data .common-dataline {
    width: 50%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#overview #overview-general .container .additional {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#overview #overview-general .container .additional {
    width: 35%;
  }
}
body#overview #overview-general .container .additional.complete ul {
  list-style-type: none;
}
body#overview #overview-general .container .additional.complete ul li {
  padding-left: 2rem;
  background-size: 1rem 1rem;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
body#overview #overview-general .container .additional.complete ul li.done {
  color: #08b200;
  background-image: url("/images/icons/green/checkmark.svg");
}
body#overview #overview-general .container .additional.complete ul li.undone {
  background-image: url("/images/icons/lightgray/circle-empty.svg");
}
body#overview #overview-general .container .additional.complete .progress {
  position: relative;
  margin-top: 2rem;
}
body#overview #overview-general .container .additional.complete .progress .completed {
  position: absolute;
  top: -1.3rem;
  left: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
body#overview #overview-general .container .additional.complete .progress .completed p {
  font-size: 0.8rem;
}
body#overview #overview-other .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#overview #overview-other .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#overview #overview-other .container {
    justify-content: space-between;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#overview #overview-other .container .column, body#overview #overview-other .container .columns {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#overview #overview-other .container .column, body#overview #overview-other .container .columns {
    width: 47%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#overview #overview-other .container .column:first-child, body#overview #overview-other .container .columns:first-child {
    padding-bottom: 0rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#overview #overview-other .container .column:last-child, body#overview #overview-other .container .columns:last-child {
    padding-top: 0rem;
  }
}
body#overview #overview-other .guides .game {
  padding-left: 4rem;
  background-position: 0% 50%;
  background-repeat: no-repeat;
  margin-bottom: 1rem;
}
body#overview #overview-other .guides .game.wow {
  background-image: url("/images/members/common/games/wow-shadowlands-icon.svg");
  background-size: 3rem 3rem;
}
body#overview #overview-other .guides .game.classic {
  background-image: url("/images/members/common/games/wow-classic-icon.svg");
  background-size: 3rem 3rem;
}
body#overview #overview-other .guides .game.classictbc {
  background-image: url("/images/members/common/games/wow-classictbc-icon.svg");
  background-size: 3rem 3rem;
}
body#overview #overview-other .guides .game.classicwotlk {
  background-image: url("/images/members/common/games/wow-classicwotlk-icon.svg");
  background-size: 3rem 3rem;
}
body#overview #overview-other .guides .game.eso {
  background: url("/images/navigation/navbar-icons-guides-color.svg") no-repeat 0;
  background-size: 3rem 21rem;
  background-position: 0 -18rem;
}
body#overview #overview-other .guides .game h6 {
  margin-bottom: 0;
}
body#overview #overview-other .install .buttons {
  display: flex;
  margin-bottom: 1rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#overview #overview-other .install .buttons {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#overview #overview-other .install .buttons {
    justify-content: space-between;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#overview #overview-other .install .buttons .button:first-child {
    margin-bottom: 0.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#overview #overview-other .install .buttons .button {
    width: 48%;
  }
}
body#overview #overview-other .install .buttons .button .small {
  font-size: 80%;
  line-height: 1.4em;
}
body#overview #overview-other .install .buttons .button .big {
  line-height: 1.4em;
}
body#overview #overview-other .install .buttons .button.small {
  padding: 0.5em 2em;
}
body#overview #overview-other .install .beta {
  margin-top: 1rem;
}
body#overview #overview-other .referrals .stats {
  display: flex;
  margin-bottom: 2rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#overview #overview-other .referrals .stats {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#overview #overview-other .referrals .stats {
    justify-content: space-between;
  }
}
body#overview #overview-other .referrals .stats .entry {
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media print, screen and (max-width: 63.99875em) {
  body#overview #overview-other .referrals .stats .entry {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#overview #overview-other .referrals .stats .entry {
    width: 45%;
  }
}
body#overview #overview-other .referrals .stats .entry .desc {
  font-weight: 600;
}
body#overview #overview-other .referrals .stats .entry .number {
  color: #fe6100;
  font-size: 2.4rem;
  line-height: 2.4rem;
  font-weight: 700;
}
body#overview #overview-other .referrals .stats .entry .disclaimer {
  font-size: 80%;
  position: absolute;
  bottom: -1.2rem;
  left: 0;
}
body#overview #overview-other .referrals .invite {
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 64em) {
  body#overview #overview-other .referrals .invite {
    display: flex;
    justify-content: space-between;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#overview #overview-other .referrals .invite .desc {
    margin-bottom: 0.3rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#overview #overview-other .referrals .invite .desc {
    margin-right: 1rem;
    font-size: 80%;
  }
}
body#overview #overview-other .referrals .invite .email {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
}
body#overview #overview-other .referrals .invite .email .button {
  width: 35%;
}

/* Plans management */
/* Guides panel */
body#guides ul {
  list-style-type: none;
  margin-left: 0;
}
body#guides.noscroll {
  margin-right: 17px !important;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides #guidemanager {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides #guidemanager {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
}
body#guides #guidemanager #legend {
  font: 13px "Open Sans", Arial, sans-serif;
  float: right;
}
body#guides #guidemanager #legend li {
  display: inline-block;
  margin-left: 20px;
  margin-top: 17px;
  padding-left: 18px;
}
body#guides #guidemanager #legend li#a {
  background: url("/img/membersarea-icon-a.png") no-repeat left center;
}
body#guides #guidemanager #legend li#h {
  background: url("/img/membersarea-icon-h.png") no-repeat left center;
}
body#guides #guidemanager #legend li#b {
  background: url("/img/membersarea-icon-b.png") no-repeat left center;
}
body#guides #guidemanager > h3 {
  margin-bottom: 2rem;
}
body#guides #guidemanager > h1 {
  margin-bottom: 2rem;
}
body#guides #guidemanager .guidelist {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides #guidemanager .guidelist {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides #guidemanager .guidelist {
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
body#guides #guidemanager .guidelist > li {
  background-color: #f0f0f0;
  transition: background-color 0.2s ease-in-out;
  vertical-align: top;
  border-radius: 8px;
}
@media print, screen and (max-width: 63.99875em) {
  body#guides #guidemanager .guidelist > li {
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides #guidemanager .guidelist > li {
    width: 31%;
    margin-bottom: 2.3rem;
  }
}
body#guides #guidemanager .guidelist > li img.icon {
  width: 153px;
  height: 220px;
  float: left;
  margin-left: -5px;
}
body#guides #guidemanager .guidelist > li h1 {
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0;
  padding-top: 15px;
  padding-bottom: 0;
}
body#guides #guidemanager .guidelist > li > h1.elite {
  margin-bottom: 15px;
}
body#guides #guidemanager .guidelist > li .h2container {
  padding-bottom: 10px;
}
body#guides #guidemanager .guidelist > li .h2container > h2 {
  font: 13px "Open Sans", Arial, sans-serif;
  font-weight: 600;
  color: #fe6100;
  display: inline-block;
  border: 1px solid #fe6100;
  padding: 5px 20px;
}
body#guides #guidemanager .guidelist > li .miniguidelist {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 0.5rem;
}
body#guides #guidemanager .guidelist > li .miniguidelist > li {
  font: 13px "Open Sans", Arial, sans-serif;
  font-weight: 400;
  margin-bottom: 2px;
  margin-left: 153px;
  padding-left: 25px;
}
body#guides #guidemanager .guidelist > li .miniguidelist > li.a {
  background: url("/img/membersarea-icon-a.png") no-repeat left center;
}
body#guides #guidemanager .guidelist > li .miniguidelist > li.h {
  background: url("/img/membersarea-icon-h.png") no-repeat left center;
}
body#guides #guidemanager .guidelist > li .miniguidelist > li.b {
  background: url("/img/membersarea-icon-b.png") no-repeat left center;
}
body#guides #guidemanager .guidelist > li .miniguidelist > li.n {
  color: #cdccc9;
  background: url("/img/membersarea-icon-n.png") no-repeat left center;
}
body#guides #guidemanager .guidelist .filler {
  content: "";
}
@media print, screen and (max-width: 63.99875em) {
  body#guides #guidemanager .guidelist .filler {
    display: none;
  }
}
@media print, screen and (min-width: 64em) {
  body#guides #guidemanager .guidelist .filler {
    width: 31%;
  }
}
body#guides #guidemanager .guidelist .legacybox-notwow-factions > li {
  font: 13px "Open Sans", Arial, sans-serif;
  font-weight: 400;
  margin-bottom: 2px;
  margin-left: 153px;
  padding-left: 25px;
}
body#guides #guidemanager .guidelist .legacybox-notwow-factions > li.y {
  background: url("/img/membersarea-icon-notwow.png") no-repeat left center;
}
body#guides #guidemanager .guidelist .legacybox-notwow-factions > li.n {
  color: #cdccc9;
  background: url("/img/membersarea-icon-n.png") no-repeat left center;
}

/* Referrals  */
body#referrals #referrals-status .basics {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#referrals #referrals-status .basics {
    flex-wrap: wrap;
  }
}
@media print, screen and (min-width: 64em) {
  body#referrals #referrals-status .basics {
    margin-top: 1rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#referrals #referrals-status .basics .common-dataline {
    width: 50%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#referrals #referrals-status .basics .common-dataline {
    width: 20%;
  }
}
body#referrals #referrals-status .basics .common-dataline .success {
  color: #08b200;
}
body#referrals #referrals-status .basics .common-dataline .alert {
  color: #a00000;
}
body#referrals #referrals-other .refer .common-success {
  margin-bottom: 1rem;
}
body#referrals #referrals-other .friends li {
  margin-bottom: 0.7rem;
}

/* Members Area - Account Management */
body#account h2 {
  margin-bottom: 2rem;
}
body#account .profile {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#account .profile {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#account .profile {
    justify-content: space-between;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#account .profile .identification {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#account .profile .identification {
    width: 47%;
  }
}
body#account .profile .identification .button {
  width: 100%;
}
body#account .profile .avatar {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin: 0 auto;
  margin-top: 1.5rem;
}
body#account .profile .avatar img {
  background-color: #c2c2c2;
  background-image: url("/images/members/common/avatar-userdefault.svg");
  background-repeat: no-repeat;
  background-size: 9rem 9rem;
  background-position: 50% 50%;
  height: 11rem;
  width: 11rem;
  content: "";
  margin-bottom: 1rem;
}
body#account .profile .avatar .button {
  display: block;
}
body#account .security .stretched {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
body#account .security .stretched .bottom {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  flex-grow: 1;
}
body#account .security .email .current {
  margin-bottom: 1rem;
}
body#account .security .email .message {
  margin-bottom: 2rem;
}
body#account .security .email .message, body#account .security .email .message p {
  font-size: 0.875rem;
}
body#account .settings .socialmedia .socialmedium {
  margin-bottom: 1rem;
}
body#account .settings .socialmedia .socialmedium .socialmedium-title {
  display: flex;
  align-items: center;
  background-image: url("/images/members/account/socialmedia-color.svg");
  background-size: 2.5rem 10rem;
  -webkit-background-size: 2.5rem 10rem;
  background-repeat: no-repeat;
  height: 2.5rem;
  padding-left: 3.75rem;
  font-size: 1.1rem;
  font-weight: 700;
}
body#account .settings .socialmedia .socialmedium.facebook .socialmedium-title {
  background-position: 0 0;
}
body#account .settings .socialmedia .socialmedium.google .socialmedium-title {
  background-position: 0 -5rem;
}
body#account .settings .socialmedia .socialmedium.discord .socialmedium-title {
  background-position: 0 -7.5rem;
}
body#account .settings .socialmedia .socialmedium .socialmedium-connection {
  padding-left: 3.75rem;
}
body#account .settings .socialmedia .socialmedium .socialmedium-connection a {
  font-weight: 600;
}
body#account .settings .othersettings .feedback-options {
  margin-top: 1rem;
  margin-left: 2.7rem;
  margin-bottom: 2rem;
}
body#account .settings .othersettings .feedback-options .common-checkbox {
  margin-bottom: 0.7rem;
}
body#account .settings .othersettings .region {
  display: flex;
  flex-wrap: wrap;
}
body#account .settings .othersettings .region .choice {
  margin-right: 1.5rem;
}
body#account .settings .othersettings .region .choice .button {
  width: auto;
}
body#account .settings .othersettings .region .choice .button:first-child {
  margin-right: 0.5rem;
}
body#account .settings .othersettings .region label {
  font-weight: 400;
}
body#account .settings .othersettings .region p {
  margin-top: 0.5rem;
}
body#account .settings .othersettings .message {
  height: 2rem;
}

/* User Feedback */
body#feedback ul {
  list-style-type: none;
  margin-left: 0;
}
body#feedback .feedback-votenr {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fe6100;
  padding-right: 1.5rem;
  background-image: url("/images/icons/orange/star-full.svg");
  background-size: 1.5rem auto;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
body#feedback .feedback-moreinfo {
  position: absolute;
  width: 1.5rem;
  height: 1rem;
  top: 0.3rem;
  right: 0.2rem;
  cursor: pointer;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MCAyMCI+DQogIDxjaXJjbGUgY3g9IjEwIiBjeT0iMTAiIHI9IjEwIiBmaWxsPSIjZmU2MTAwIiAvPg0KICA8Y2lyY2xlIGN4PSIzNSIgY3k9IjEwIiByPSIxMCIgZmlsbD0iI2ZlNjEwMCIgLz4NCiAgPGNpcmNsZSBjeD0iNjAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiNmZTYxMDAiIC8+DQo8L3N2Zz4=);
  background-repeat: no-repeat;
  border-radius: 0;
}
body#feedback .feedback-moreinfo:focus {
  outline: 0px;
}
body#feedback .feedback-dropdown .button {
  padding: 0.5em 2em;
}
body#feedback .feedback-dropdown .button:first-child {
  margin-bottom: 1rem;
}
body#feedback .feedback-dropdown .button:last-child {
  margin-bottom: 0;
}
body#feedback .feedback-deletebox .deletebuttons {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#feedback .feedback-deletebox .deletebuttons {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#feedback .feedback-deletebox .deletebuttons {
    justify-content: space-between;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#feedback .feedback-deletebox .deletebuttons button:first-child {
    margin-bottom: 1rem;
  }
}
body#feedback .feedback-addideabuttons {
  display: flex;
  margin-bottom: 1.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#feedback .feedback-addideabuttons {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#feedback .feedback-addideabuttons {
    justify-content: space-between;
    align-items: stretch;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#feedback .feedback-addideabuttons .addidea {
    margin-bottom: 0.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#feedback .feedback-addideabuttons .addidea {
    width: auto;
  }
}
body#feedback .feedback-addideabuttons .addidea.addideaguide {
  color: #dbba00;
  border: 1px solid #dbba00;
}
body#feedback .feedback-addideabuttons .addidea.addideaguide.addideaactive {
  color: #fff;
  background-color: #dbba00;
}
body#feedback .feedback-addideabuttons .addidea.addideafeature {
  color: #00a2e9;
  border: 1px solid #00a2e9;
}
body#feedback .feedback-addideabuttons .addidea.addideafeature.addideaactive {
  color: #fff;
  background-color: #00a2e9;
}
body#feedback .feedback-addideabuttons .addidea.addideaimprovement {
  color: #9239cb;
  border: 1px solid #9239cb;
}
body#feedback .feedback-addideabuttons .addidea.addideaimprovement.addideaactive {
  color: #fff;
  background-color: #9239cb;
}
body#feedback #feedback-header .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#feedback #feedback-header .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-header .container {
    justify-content: space-between;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#feedback #feedback-header .container .info {
    margin-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-header .container .info {
    width: 55%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#feedback #feedback-header .container .info h2 {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-header .container .info h2 {
    margin-bottom: 1.5rem;
  }
}
body#feedback #feedback-header .container .info .explanation {
  margin-bottom: 2rem;
}
body#feedback #feedback-header .container .info .explanation strong, body#feedback #feedback-header .container .info .explanation a {
  font-weight: 700;
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-header .container .list {
    width: 40%;
  }
}
body#feedback #feedback-header .container .list #ideasindevelopment, body#feedback #feedback-header .container .list #ideascompleted {
  margin-bottom: 1.5rem;
  font-weight: 600;
}
body#feedback #feedback-header .container .list #ideasindevelopment li, body#feedback #feedback-header .container .list #ideascompleted li {
  padding-left: 2rem;
}
body#feedback #feedback-header .container .list #ideasindevelopment li {
  background: url("/images/icons/orange/gear.svg") no-repeat left center;
  background-size: 1.3rem;
}
body#feedback #feedback-header .container .list #ideascompleted li {
  background: url("/images/icons/green/checkmark.svg") no-repeat left center;
  background-size: 1.3rem;
}
body#feedback #feedback-header .container .list #ideascompleted li a {
  color: #08b200;
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-main .members-box {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-main .side {
    width: 23%;
  }
}
body#feedback #feedback-main .side .ideapage {
  float: right;
  display: inline-block;
  padding-top: 0;
}
body#feedback #feedback-main .side #idea_all_categories {
  margin-bottom: 0.625rem;
}
body#feedback #feedback-main .side .ideas_categories ul {
  margin-bottom: 0.625rem;
}
body#feedback #feedback-main .side .ideas_categories ul li, body#feedback #feedback-main .side .ideas_categories h2 {
  font-size: 0.95rem;
  line-height: 1rem;
  margin-bottom: 0.3rem;
}
body#feedback #feedback-main .side .ideas_categories .idea_filter_active {
  font-weight: 700;
}
body#feedback #feedback-main .main {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-main .main {
    width: 73%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#feedback #feedback-main .main .search {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-main .main .search {
    width: 47.5%;
  }
}
body#feedback #feedback-main .main .search form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
body#feedback #feedback-main .main .search form .text {
  width: 100%;
}
body#feedback #feedback-main .main .search form .sort, body#feedback #feedback-main .main .search form .category {
  width: 47.5%;
}
@media print, screen and (max-width: 63.99875em) {
  body#feedback #feedback-main .main .yourfeedback {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-main .main .yourfeedback {
    width: 47.5%;
  }
}
body#feedback #feedback-main .main .yourfeedback .votespermonth {
  display: flex;
  justify-content: space-between;
}
body#feedback #feedback-main .main .yourfeedback .userlinks {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
body#feedback #feedback-main .main .ideas .return {
  display: block;
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
body#feedback #feedback-main .main .ideas .idea {
  background-color: #f0f0f0;
  border-top: 8px solid #f0f0f0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  body#feedback #feedback-main .main .ideas .idea {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-main .main .ideas .idea {
    margin-bottom: 2rem;
  }
}
body#feedback #feedback-main .main .ideas .idea.accepted {
  border-color: #fe6100;
}
body#feedback #feedback-main .main .ideas .idea.completed {
  border-color: #08b200;
}
body#feedback #feedback-main .main .ideas .idea.newguide {
  border-color: #dbba00;
}
body#feedback #feedback-main .main .ideas .idea.newguide .ideatype div {
  color: #dbba00;
}
body#feedback #feedback-main .main .ideas .idea.newfeature {
  border-color: #00a2e9;
}
body#feedback #feedback-main .main .ideas .idea.newfeature .ideatype div {
  color: #00a2e9;
}
body#feedback #feedback-main .main .ideas .idea.newimprovement {
  border-color: #9239cb;
}
body#feedback #feedback-main .main .ideas .idea.newimprovement .ideatype div {
  color: #9239cb;
}
body#feedback #feedback-main .main .ideas .idea .ideamain {
  display: flex;
  position: relative;
}
@media print, screen and (max-width: 63.99875em) {
  body#feedback #feedback-main .main .ideas .idea .ideamain {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-main .main .ideas .idea .ideamain {
    justify-content: flex-start;
    align-items: stretch;
  }
}
body#feedback #feedback-main .main .ideas .idea .ideamain .ideadetails {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#feedback #feedback-main .main .ideas .idea .ideamain .ideadetails {
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-main .main .ideas .idea .ideamain .ideadetails {
    flex-direction: column;
    margin-left: 0.5rem;
    margin-top: 0.5rem;
    width: 10rem;
    min-width: 10rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#feedback #feedback-main .main .ideas .idea .ideamain .ideadetails .common-dataline {
    width: 48%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-main .main .ideas .idea .ideamain .ideadetails .common-dataline {
    margin-bottom: 1.5rem;
  }
}
body#feedback #feedback-main .main .ideas .idea .ideamain .ideadetails .common-dataline > label {
  font-size: 0.8rem;
  line-height: 1.6;
}
body#feedback #feedback-main .main .ideas .idea .ideamain .ideadetails .common-dataline > div {
  font-size: 0.95rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#feedback #feedback-main .main .ideas .idea .ideamain .ideadetails .ideavote-status {
    display: flex;
    align-items: flex-end;
    width: 48%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-main .main .ideas .idea .ideamain .ideadetails .ideavote-status {
    margin-bottom: 0.5rem;
  }
}
body#feedback #feedback-main .main .ideas .idea .ideamain .ideadetails .ideavote-status .common-dataline {
  width: 100%;
  margin-bottom: 0;
}
body#feedback #feedback-main .main .ideas .idea .ideamain .ideadetails .ideavote-status .common-dataline > div {
  display: flex;
  align-items: center;
}
body#feedback #feedback-main .main .ideas .idea .ideamain .ideadetails .ideavote-status .common-dataline > div .icon {
  content: "";
  height: 1.3rem;
  min-width: 1.3rem;
  margin-right: 0.2rem;
}
body#feedback #feedback-main .main .ideas .idea .ideamain .ideadetails .ideavote-status .common-dataline.accepted > div {
  color: #fe6100;
}
body#feedback #feedback-main .main .ideas .idea .ideamain .ideadetails .ideavote-status .common-dataline.accepted > div .icon {
  background-image: url("/images/icons/orange/gear.svg");
}
body#feedback #feedback-main .main .ideas .idea .ideamain .ideadetails .ideavote-status .common-dataline.completed > div {
  color: #08b200;
}
body#feedback #feedback-main .main .ideas .idea .ideamain .ideadetails .ideavote-status .common-dataline.completed > div .icon {
  background-image: url("/images/icons/green/checkmark.svg");
}
body#feedback #feedback-main .main .ideas .idea .ideamain .ideadetails .ideavote-status .common-dataline.locked > div {
  color: #a00000;
}
body#feedback #feedback-main .main .ideas .idea .ideamain .ideadetails .ideavote-status .common-dataline.locked > div .icon {
  background-image: url("/images/icons/red/locked.svg");
}
body#feedback #feedback-main .main .ideas .idea .ideamain .ideadetails .ideavote-status .button {
  padding: 0.5em 2em;
}
body#feedback #feedback-main .main .ideas .idea .ideamain .ideadetails .ideavote-status[data-votable] {
  cursor: pointer;
}
body#feedback #feedback-main .main .ideas .idea .ideamain .ideatxt {
  min-height: 100px;
  width: 100%;
}
@media print, screen and (max-width: 63.99875em) {
  body#feedback #feedback-main .main .ideas .idea .ideamain .ideatxt {
    padding: 0rem 0.5rem 0.5rem 0.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-main .main .ideas .idea .ideamain .ideatxt {
    padding: 1.6rem 1rem 0.5rem 2rem;
  }
}
body#feedback #feedback-main .main .ideas .idea .ideamain .ideatxt .ideatitle {
  display: block;
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 1rem;
  cursor: pointer;
}
body#feedback #feedback-main .main .ideas .idea .ideamain .ideatxt.idea-edit .ideacontent-edit {
  min-height: 9.375rem;
}
body#feedback #feedback-main .main .ideas .idea .ideamain .ideatxt.idea-edit .controlbuttons {
  text-align: right;
  margin-top: 1rem;
}
body#feedback #feedback-main .main .ideas .idea .ideamain .ideatxt.idea-edit .controlbuttons .button {
  width: auto;
  padding: 0.5em 2em;
}
body#feedback #feedback-main .main .ideas .idea .ideamain .ideatxt.idea-edit .controlbuttons .cancel {
  float: left;
}
body#feedback #feedback-main .main .ideas .idea .ideavote .ideavote-icon {
  background: url("/img/feedback-idea-icons.png") no-repeat left top;
  height: 50px;
  width: 50px;
  margin: 20px auto;
}
body#feedback #feedback-main .main .ideas .idea .ideavote .ideavote-iconcompleted {
  background-position: 0px -150px;
}
body#feedback #feedback-main .main .ideas .idea .ideavote .ideavote-iconaccepted {
  background-position: 0px -100px;
}
body#feedback #feedback-main .main .ideas .idea .ideavote .ideavote-iconlocked {
  background-position: 0px -50px;
}
body#feedback #feedback-main .main .ideas .idea .ideavote .ideavote-iconvote {
  background-position: 0px 0px;
}
body#feedback #feedback-main .main .ideas .idea .ideavote .ideavote-status {
  margin-top: 10px;
}
body#feedback #feedback-main .main .ideas .idea .ideaabout {
  background-color: #e5e5e5;
  display: block;
}
body#feedback #feedback-main .main .ideas .idea .ideaabout .aboutbar {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#feedback #feedback-main .main .ideas .idea .ideaabout .aboutbar div.common-dataline {
    width: 48%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-main .main .ideas .idea .ideaabout .aboutbar div.common-dataline {
    margin-right: 3rem;
  }
}
body#feedback #feedback-main .main .ideas .idea .ideaabout .aboutbar div.common-dataline > label {
  font-size: 0.8rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#feedback #feedback-main .main .ideas .idea .ideaabout .aboutbar div.common-dataline > label {
    line-height: 1.6;
  }
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-main .main .ideas .idea .ideaabout .aboutbar div.common-dataline > label {
    display: inline-block;
  }
}
body#feedback #feedback-main .main .ideas .idea .ideaabout .aboutbar div.common-dataline > div {
  font-size: 0.85rem;
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-main .main .ideas .idea .ideaabout .aboutbar div.common-dataline > div {
    display: inline-block;
  }
}
body#feedback #feedback-main .main .ideas .idea .ideaabout .aboutbar .ideacomments {
  display: flex;
  flex-grow: 1;
  font-size: 0.85rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#feedback #feedback-main .main .ideas .idea .ideaabout .aboutbar .ideacomments {
    justify-content: flex-start;
    align-items: center;
  }
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-main .main .ideas .idea .ideaabout .aboutbar .ideacomments {
    justify-content: flex-end;
    align-items: center;
  }
}
body#feedback #feedback-main .main .ideas .idea .ideaabout .aboutbar .ideacomments .zygorcomment {
  height: 1rem;
  width: 1rem;
  background: url("/images/icons/orange/z-logo.svg") no-repeat left top;
  margin-left: 0.2rem;
}
body#feedback #feedback-main .main .ideas .idea .ideaabout .adminbar {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem;
  background-color: #000;
  color: #989898;
}
body#feedback #feedback-main .main .ideas .idea .ideaabout .adminbar > div {
  padding-right: 1rem;
}
body#feedback #feedback-main .main .ideas .idea .ideaabout .adminbar a {
  color: #fe6100;
  font-weight: 600;
  cursor: pointer;
}
body#feedback #feedback-main .main .ideas .commentlink {
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-main .main .ideas .commentlink {
    width: auto;
  }
}
body#feedback #feedback-main .main .ideas .ideacomment {
  position: relative;
  margin-bottom: 30px;
}
body#feedback #feedback-main .main .ideas .ideacomment .commenteditfield {
  display: block;
  width: 100%;
  min-height: 6.25rem;
}
body#feedback #feedback-main .main .ideas .ideacomment .controlbuttons {
  text-align: right;
  margin-top: 1rem;
}
body#feedback #feedback-main .main .ideas .ideacomment .controlbuttons .button {
  width: auto;
  padding: 0.5em 2em;
}
body#feedback #feedback-main .main .ideas .ideacomment .controlbuttons .cancel {
  float: left;
}
body#feedback #feedback-main .main .ideas .ideacomment.ideacommentzygor .comment-meta {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEycHgiIGhlaWdodD0iMTJweCIgZmlsbD0iI2ZlNjEwMCIgLz4NCjwvc3ZnPg==);
  background-size: 2.5rem;
  background-position: center left;
  background-repeat: no-repeat;
}
body#feedback #feedback-main .main .ideas .ideacomment.ideacommentsnotelite p {
  margin-bottom: 0px;
}
body#feedback #feedback-main .main .ideas .ideacomment.ideacommentsnotelite a {
  font-weight: 700;
}
@media print, screen and (max-width: 63.99875em) {
  body#feedback #feedback-main .main .ideas .replyform .commenttext {
    height: 5rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-main .main .ideas .replyform .commenttext {
    height: 7rem;
  }
}
body#feedback #feedback-addidea {
  display: none;
}
@media print, screen and (min-width: 40em) {
  body#feedback #feedback-addidea {
    width: 600px;
    max-width: 100%;
  }
}
body#feedback #feedback-addidea .common-important {
  margin-bottom: 1.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#feedback #feedback-addidea textarea {
    height: 5rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#feedback #feedback-addidea textarea {
    height: 7rem;
  }
}
body#feedback #feedback-addidea .submit {
  width: 100%;
}
body#feedback #feedback-addidea .addideanotelite {
  margin-bottom: 30px;
}
body#feedback #feedback-addidea .addideanotelite p {
  margin-bottom: 0px;
}
body#feedback #feedback-addidea .addideanotelite a {
  font-weight: 700;
}
body#feedback .feedback-idea-deletebox p:first-child {
  margin-bottom: 0;
}
body#feedback .feedback-idea-deletebox h4 {
  margin-bottom: 1rem;
}
body#feedback #feedback-idea-votedialog .votearea {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
body#feedback #feedback-idea-votedialog .votearea .votebutton {
  width: 2rem;
  height: 2rem;
  background-image: url("/images/icons/lightgray/star-empty.svg");
  background-repeat: no-repeat;
  cursor: pointer;
}
body#feedback #feedback-idea-votedialog .votearea .votebutton.oldvote {
  background-image: url("/images/icons/orange/stars.svg");
  background-size: 2rem 4rem;
}
body#feedback #feedback-idea-votedialog .votearea .votebutton.newvote {
  background-image: url("/images/icons/orange/stars.svg");
  background-size: 2rem 4rem;
  background-position: 0 100%;
}
body#feedback #feedback-idea-votedialog .button {
  width: 100%;
}
body#feedback #feedback-idea-votedialog .clearing {
  margin-bottom: 1rem;
}
body#feedback #feedback-idea-votedialog .remaining {
  font-size: 1.1rem;
  margin-bottom: 1rem;
}
body#feedback #feedback-idea-votedialog .remaining .remainingcount {
  font-weight: 700;
  font-size: 1.5rem;
  color: #fe6100;
}

/* Wordpress stylesheet that covers ZYGOR RESPONSIVE Wordpress theme */
/*
Theme Name: Zygor Responsive
Theme URI: https://wordpress.org/themes/twentytwelve/
Author: the WordPress team
Author URI: https://wordpress.org/
Template:     twentytwelve
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 2.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/

*/
body#news {
  /* =Repeatable patterns
  -------------------------------------------------------------- */
  /* Small headers */
  /* Shared Post Format styling */
  /* General text styles */
  /* Reset non-text input types */
  /* Buttons */
  /* Responsive images */
  /* Make sure videos and embeds fit their containers */
  /* Images */
  /* Navigation */
  /* Author profiles */
  /* =Basic structure
  -------------------------------------------------------------- */
  /* Body, links, basics */
  /* Assistive text */
  /* Page structure */
  /* Header */
  /* Navigation Menu */
  /* Banner */
  /* Sidebar */
  /* Footer */
  /* =Main content and comment content
  -------------------------------------------------------------- */
  /* =Archives
  -------------------------------------------------------------- */
  /* =Single audio/video attachment view
  -------------------------------------------------------------- */
  /* =Single image attachment view
  -------------------------------------------------------------- */
  /* =Aside post format
  -------------------------------------------------------------- */
  /* =Post formats
  -------------------------------------------------------------- */
  /* Image posts */
  /* Link posts */
  /* Quote posts */
  /* Status posts */
  /* =Comments
  -------------------------------------------------------------- */
  /* Comment form */
  /* =Front page template
  -------------------------------------------------------------- */
  /* =Widgets
  -------------------------------------------------------------- */
  /* =Plugins
  ----------------------------------------------- */
  /* =Media queries
  -------------------------------------------------------------- */
  /* Does the same thing as <meta name="viewport" content="width=device-width">,
   * but in the future W3C standard way. -ms- prefix is required for IE10+ to
   * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
   * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
   */
  /* Desktop width. */
  /* =Print
  ----------------------------------------------- */
}
body#news ul, body#news ol {
  list-style-type: none;
}
body#news .archive-title,
body#news .page-title,
body#news .entry-content th,
body#news .comment-content th {
  font-size: 1.3rem;
  font-weight: 300;
}
body#news .box-header, body#news .comment-respond h3#reply-title, body#news .widget-area .widget h3.widget-title {
  background-color: #e5e5e5;
  padding: 0.5rem 1rem;
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 0;
}
body#news article.format-quote footer.entry-meta,
body#news article.format-link footer.entry-meta,
body#news article.format-status footer.entry-meta {
  font-size: 11px;
  font-size: 0.785714286rem;
  line-height: 2.181818182;
}
@media print, screen and (min-width: 64em) {
  body#news p, body#news li {
    font-size: 0.95rem;
  }
}
body#news input[type=checkbox],
body#news input[type=radio],
body#news input[type=file],
body#news input[type=hidden],
body#news input[type=image],
body#news input[type=color] {
  border: 0;
  border-radius: 0;
  padding: 0;
}
body#news .menu-toggle,
body#news button,
body#news input[type=submit],
body#news input[type=button],
body#news input[type=reset] {
  cursor: pointer;
}
body#news button[disabled],
body#news input[disabled] {
  cursor: default;
}
body#news .bypostauthor cite span {
  color: #fff;
  background-color: #fe6100;
  background-image: none;
  border: 1px solid #fe6100;
  border-radius: 2px;
  box-shadow: none;
  padding: 0.1rem;
}
body#news .entry-content img,
body#news .comment-content img,
body#news .widget img {
  max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
body#news img[class*=align],
body#news img[class*=wp-image-],
body#news img[class*=attachment-] {
  height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
body#news img.size-full,
body#news img.size-large,
body#news img.header-image,
body#news img.wp-post-image {
  max-width: 100%;
  height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
body#news embed,
body#news iframe,
body#news object,
body#news video {
  max-width: 100%;
}
body#news .entry-content .twitter-tweet-rendered {
  max-width: 100% !important; /* Override the Twitter embed fixed width */
}
body#news .alignleft {
  float: left;
}
body#news .alignright {
  float: right;
}
body#news .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
body#news .entry-content img,
body#news .comment-content img,
body#news .widget img,
body#news img.header-image,
body#news .author-avatar img,
body#news img.wp-post-image {
  /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
body#news .entry-content img {
  margin-bottom: 1rem;
}
body#news .wp-caption {
  max-width: 100%; /* Keep wide captions from overflowing their container. */
  padding: 4px;
}
body#news .wp-caption .wp-caption-text,
body#news .gallery-caption,
body#news .entry-caption {
  font-style: italic;
  font-size: 12px;
  font-size: 0.857142857rem;
  line-height: 2;
  color: #757575;
}
body#news img.wp-smiley,
body#news .rsswidget img {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
body#news .entry-content dl.gallery-item {
  margin: 0;
}
body#news .gallery-item a,
body#news .gallery-caption {
  width: 90%;
}
body#news .gallery-item a {
  display: block;
}
body#news .gallery-caption a {
  display: inline;
}
body#news .gallery-columns-1 .gallery-item a {
  max-width: 100%;
  width: auto;
}
body#news .gallery .gallery-icon img {
  height: auto;
  max-width: 90%;
  padding: 5%;
}
body#news .gallery-columns-1 .gallery-icon img {
  padding: 3%;
}
body#news .site-content nav {
  clear: both;
  line-height: 2;
  overflow: hidden;
  font-size: 0.9rem;
  line-height: 1.1rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#news .site-content nav {
    padding: 0 1rem;
  }
}
body#news #nav-above {
  padding: 24px 0;
  padding: 1.714285714rem 0;
}
body#news #nav-above {
  display: none;
}
body#news .paged #nav-above {
  display: block;
}
body#news .nav-previous,
body#news .previous-image {
  float: left;
  width: 45%;
}
body#news .nav-next,
body#news .next-image {
  float: right;
  text-align: right;
  width: 45%;
}
body#news .nav-single + .comments-area,
body#news #comment-nav-above {
  margin: 48px 0;
  margin: 3.428571429rem 0;
}
body#news .author .archive-header {
  margin-bottom: 24px;
  margin-bottom: 1.714285714rem;
}
body#news .author-info {
  border-top: 1px solid #ededed;
  margin: 24px 0;
  margin: 1.714285714rem 0;
  padding-top: 24px;
  padding-top: 1.714285714rem;
  overflow: hidden;
}
body#news .author-description p {
  color: #757575;
  font-size: 13px;
  font-size: 0.928571429rem;
  line-height: 1.846153846;
}
body#news .author.archive .author-info {
  border-top: 0;
  margin: 0 0 48px;
  margin: 0 0 3.428571429rem;
}
body#news .author.archive .author-avatar {
  margin-top: 0;
}
body#news .assistive-text,
body#news .site .screen-reader-text {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
}
body#news .main-navigation .assistive-text:focus,
body#news .site .screen-reader-text:hover,
body#news .site .screen-reader-text:active,
body#news .site .screen-reader-text:focus {
  background: #fff;
  border: 2px solid #333;
  border-radius: 3px;
  clip: auto !important;
  color: #000;
  display: block;
  font-size: 12px;
  height: auto;
  padding: 12px;
  position: absolute;
  top: 5px;
  left: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar */
}
@media print, screen and (max-width: 63.99875em) {
  body#news .site {
    padding: 0;
    margin-bottom: 1rem;
    margin-top: 0rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#news .site {
    margin-bottom: 2rem;
    margin-top: 3.5rem;
  }
}
body#news .site .wrapper {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#news .site .wrapper {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#news .site .wrapper {
    justify-content: space-between;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#news .site .wrapper .site-content {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#news .site .wrapper .site-content {
    width: 65.104166667%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#news .site .wrapper .site-content .container {
    padding: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#news .site .wrapper .site-content .container {
    padding: 1.2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body#news .site .wrapper .site-content.full-width {
    width: 100%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#news .site .wrapper .widget-area {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#news .site .wrapper .widget-area {
    width: 30%;
  }
}
body#news .maintitle {
  display: none;
  color: #111;
}
@media print, screen and (max-width: 63.99875em) {
  body#news .maintitle {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 0 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#news .maintitle {
    margin-top: 3rem;
    margin-bottom: 2rem;
  }
}
body#news .site-header {
  padding: 24px 0;
  padding: 1.714285714rem 0;
}
body#news .site-header h1,
body#news .site-header h2 {
  text-align: center;
}
body#news .site-header h1 a,
body#news .site-header h2 a {
  color: #515151;
  display: inline-block;
  text-decoration: none;
}
body#news .site-header h1 a:hover,
body#news .site-header h2 a:hover {
  color: #21759b;
}
body#news .site-header h1 {
  font-size: 24px;
  font-size: 1.714285714rem;
  line-height: 1.285714286;
  margin-bottom: 14px;
  margin-bottom: 1rem;
}
body#news .site-header h2 {
  font-weight: normal;
  font-size: 13px;
  font-size: 0.928571429rem;
  line-height: 1.846153846;
  color: #757575;
}
body#news .header-image {
  margin-top: 24px;
  margin-top: 1.714285714rem;
}
body#news .main-navigation {
  margin-top: 24px;
  margin-top: 1.714285714rem;
  text-align: center;
}
body#news .main-navigation li {
  margin-top: 24px;
  margin-top: 1.714285714rem;
  font-size: 12px;
  font-size: 0.857142857rem;
  line-height: 1.42857143;
}
body#news .main-navigation a {
  color: #5e5e5e;
}
body#news .main-navigation a:hover,
body#news .main-navigation a:focus {
  color: #21759b;
}
body#news .main-navigation ul.nav-menu,
body#news .main-navigation div.nav-menu > ul {
  display: none;
}
body#news .main-navigation ul.nav-menu.toggled-on,
body#news .menu-toggle {
  display: inline-block;
}
body#news section[role=banner] {
  margin-bottom: 48px;
  margin-bottom: 3.428571429rem;
}
body#news .widget-area .widget {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
  background-color: #f0f0f0;
  border-radius: 8px;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  body#news .widget-area .widget {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#news .widget-area .widget {
    margin-bottom: 3.5rem;
  }
}
body#news .widget-area .widget .widget-body {
  padding: 1rem;
}
body#news .widget-area .widget ul, body#news .widget-area .widget select {
  margin-bottom: 0;
}
body#news .widget-area .widget p, body#news .widget-area .widget li, body#news .widget-area .widget .textwidget {
  font-size: 0.9rem;
  line-height: 1.5;
}
body#news .widget-area .widget p {
  margin-bottom: 0;
}
body#news .widget-area .widget li {
  margin-bottom: 0.5rem;
}
body#news .widget-area .widget li:last-child {
  margin-bottom: 0;
}
body#news .widget-area .textwidget ul,
body#news .widget-area .textwidget ol {
  list-style: disc outside;
  margin: 0 0 24px;
  margin: 0 0 1.714285714rem;
}
body#news .widget-area .textwidget li > ul,
body#news .widget-area .textwidget li > ol {
  margin-bottom: 0;
}
body#news .widget-area .textwidget ol {
  list-style: decimal;
}
body#news .widget-area .textwidget li {
  margin-left: 36px;
  margin-left: 2.571428571rem;
}
body#news footer[role=contentinfo] {
  border-top: 1px solid #e5e5e5;
  clear: both;
  font-size: 0.8rem;
  padding-top: 0.4rem;
  margin-top: 1rem;
  text-align: right;
}
body#news footer[role=contentinfo] a {
  color: #989898;
}
body#news .entry-meta {
  clear: both;
}
body#news .entry-header {
  margin-bottom: 24px;
  margin-bottom: 1.714285714rem;
}
body#news .entry-header img.wp-post-image {
  margin-bottom: 24px;
  margin-bottom: 1.714285714rem;
}
body#news .entry-header .entry-title {
  font-weight: 600;
}
body#news .entry-header .author_and_date {
  font-size: 0.9rem;
  line-height: 1.714285714;
  color: #555;
}
body#news .entry-header .entry-format {
  margin-top: 24px;
  margin-top: 1.714285714rem;
  font-weight: normal;
}
body#news .entry-header .comments-link {
  margin-top: 24px;
  margin-top: 1.714285714rem;
  font-size: 13px;
  font-size: 0.928571429rem;
  line-height: 1.846153846;
}
body#news article.sticky .featured-post {
  border-top: 4px double #ededed;
  border-bottom: 4px double #ededed;
  font-size: 13px;
  font-size: 0.928571429rem;
  line-height: 3.692307692;
  margin-bottom: 24px;
  margin-bottom: 1.714285714rem;
  text-align: center;
}
body#news .entry-content .more-link {
  display: block;
  text-align: right;
  margin-top: 1rem;
  font-size: 0.9rem;
  white-space: nowrap;
}
body#news .entry-content h1 {
  font-weight: 600;
  letter-spacing: 0;
}
@media print, screen and (max-width: 63.99875em) {
  body#news .entry-content h1 {
    font-size: 1.25rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#news .entry-content h1 {
    font-size: 1.5rem;
  }
}
body#news .entry-content h2 {
  font-weight: 600;
  letter-spacing: 0;
}
@media print, screen and (max-width: 63.99875em) {
  body#news .entry-content h2 {
    font-size: 1.2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#news .entry-content h2 {
    font-size: 1.4rem;
  }
}
body#news .entry-content h3 {
  font-weight: 600;
  letter-spacing: 0;
}
@media print, screen and (max-width: 63.99875em) {
  body#news .entry-content h3 {
    font-size: 1.15rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#news .entry-content h3 {
    font-size: 1.3rem;
  }
}
body#news .entry-content h4 {
  font-weight: 600;
  letter-spacing: 0;
}
@media print, screen and (max-width: 63.99875em) {
  body#news .entry-content h4 {
    font-size: 1.1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#news .entry-content h4 {
    font-size: 1.2rem;
  }
}
body#news .entry-content h5 {
  font-weight: 600;
  letter-spacing: 0;
}
@media print, screen and (max-width: 63.99875em) {
  body#news .entry-content h5 {
    font-size: 1.05rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#news .entry-content h5 {
    font-size: 1.1rem;
  }
}
body#news .entry-content h6 {
  font-weight: 600;
  letter-spacing: 0;
}
@media print, screen and (max-width: 63.99875em) {
  body#news .entry-content h6 {
    font-size: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#news .entry-content h6 {
    font-size: 1rem;
  }
}
body#news .entry-content ol,
body#news .comment-content ol,
body#news .entry-content ul,
body#news .comment-content ul,
body#news .mu_register ul {
  margin: 0 0 24px;
  margin: 0 0 1.714285714rem;
  line-height: 1.714285714;
}
body#news .entry-content ul ul,
body#news .comment-content ul ul,
body#news .entry-content ol ol,
body#news .comment-content ol ol,
body#news .entry-content ul ol,
body#news .comment-content ul ol,
body#news .entry-content ol ul,
body#news .comment-content ol ul {
  margin-bottom: 0;
}
body#news .entry-content ul,
body#news .comment-content ul,
body#news .mu_register ul {
  list-style: disc outside;
}
body#news .entry-content ol,
body#news .comment-content ol {
  list-style: decimal outside;
}
body#news .entry-content li,
body#news .comment-content li,
body#news .mu_register li {
  margin: 0 0 0 36px;
  margin: 0 0 0 2.571428571rem;
}
body#news .entry-content blockquote,
body#news .comment-content blockquote {
  margin-bottom: 24px;
  margin-bottom: 1.714285714rem;
  padding: 24px;
  padding: 1.714285714rem;
  font-style: italic;
}
body#news .entry-content blockquote p:last-child,
body#news .comment-content blockquote p:last-child {
  margin-bottom: 0;
}
body#news .entry-content code,
body#news .comment-content code {
  font-family: Consolas, Monaco, Lucida Console, monospace;
  font-size: 12px;
  font-size: 0.857142857rem;
  line-height: 2;
}
body#news .entry-content pre,
body#news .comment-content pre {
  border: 1px solid #ededed;
  color: #666;
  font-family: Consolas, Monaco, Lucida Console, monospace;
  font-size: 12px;
  font-size: 0.857142857rem;
  line-height: 1.714285714;
  margin: 24px 0;
  margin: 1.714285714rem 0;
  overflow: auto;
  padding: 24px;
  padding: 1.714285714rem;
}
body#news .entry-content pre code,
body#news .comment-content pre code {
  display: block;
}
body#news .entry-content abbr,
body#news .comment-content abbr,
body#news .entry-content dfn,
body#news .comment-content dfn,
body#news .entry-content acronym,
body#news .comment-content acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
body#news .entry-content address,
body#news .comment-content address {
  display: block;
  line-height: 1.714285714;
  margin: 0 0 24px;
  margin: 0 0 1.714285714rem;
}
body#news img.alignleft,
body#news .wp-caption.alignleft {
  margin: 12px 24px 12px 0;
  margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
body#news img.alignright,
body#news .wp-caption.alignright {
  margin: 12px 0 12px 24px;
  margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
body#news img.aligncenter,
body#news .wp-caption.aligncenter {
  clear: both;
  margin-top: 12px;
  margin-top: 0.857142857rem;
  margin-bottom: 12px;
  margin-bottom: 0.857142857rem;
}
body#news .entry-content embed,
body#news .entry-content iframe,
body#news .entry-content object,
body#news .entry-content video {
  margin-bottom: 24px;
  margin-bottom: 1.714285714rem;
}
body#news .entry-content dl,
body#news .comment-content dl {
  margin: 0 24px;
  margin: 0 1.714285714rem;
}
body#news .entry-content dt,
body#news .comment-content dt {
  font-weight: bold;
  line-height: 1.714285714;
}
body#news .entry-content dd,
body#news .comment-content dd {
  line-height: 1.714285714;
  margin-bottom: 24px;
  margin-bottom: 1.714285714rem;
}
body#news .entry-content table,
body#news .comment-content table {
  border-bottom: 1px solid #ededed;
  color: #757575;
  font-size: 12px;
  font-size: 0.857142857rem;
  line-height: 2;
  margin: 0 0 24px;
  margin: 0 0 1.714285714rem;
  width: 100%;
}
body#news .entry-content table caption,
body#news .comment-content table caption {
  font-size: 16px;
  font-size: 1.142857143rem;
  margin: 24px 0;
  margin: 1.714285714rem 0;
}
body#news .entry-content td,
body#news .comment-content td {
  border-top: 1px solid #ededed;
  padding: 6px 10px 6px 0;
}
body#news .site-content article {
  background-color: #f0f0f0;
  border-radius: 8px;
  overflow: hidden;
  word-wrap: break-word;
}
@media print, screen and (max-width: 63.99875em) {
  body#news .site-content article {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#news .site-content article {
    margin-bottom: 3.5rem;
  }
}
body#news .site-content article.post:last-of-type {
  margin-bottom: 1rem;
}
body#news .site-content article.no-results {
  padding: 1rem;
}
body#news .site-content.full-width article {
  background-color: inherit;
}
body#news .page-links {
  clear: both;
  line-height: 1.714285714;
}
body#news footer.entry-meta {
  margin-top: 24px;
  margin-top: 1.714285714rem;
  font-size: 13px;
  font-size: 0.928571429rem;
  line-height: 1.846153846;
}
body#news footer.entry-meta .container {
  display: flex;
  justify-content: space-between;
}
body#news footer.entry-meta .container .meta-left {
  min-width: 50%;
}
body#news footer.entry-meta .container .comments-link {
  font-size: 0.73rem;
}
body#news .single-author .entry-meta .by-author {
  display: none;
}
body#news .mu_register h2 {
  color: #757575;
  font-weight: normal;
}
body#news .archive-header,
body#news .page-header {
  margin-bottom: 2rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#news .archive-header,
  body#news .page-header {
    padding: 0 1rem;
  }
}
body#news .archive-header .archive-title span,
body#news .page-header .archive-title span {
  font-weight: 600;
}
body#news .archive-meta {
  color: #757575;
  font-size: 12px;
  font-size: 0.857142857rem;
  line-height: 2;
  margin-top: 22px;
  margin-top: 1.571428571rem;
}
body#news .attachment .entry-content .mejs-audio {
  max-width: 400px;
}
body#news .attachment .entry-content .mejs-container {
  margin-bottom: 24px;
}
body#news .article.attachment {
  overflow: hidden;
}
body#news .image-attachment div.attachment {
  text-align: center;
}
body#news .image-attachment div.attachment p {
  text-align: center;
}
body#news .image-attachment div.attachment img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}
body#news .image-attachment .entry-caption {
  margin-top: 8px;
  margin-top: 0.571428571rem;
}
body#news article.format-aside h1 {
  margin-bottom: 24px;
  margin-bottom: 1.714285714rem;
}
body#news article.format-aside h1 a {
  text-decoration: none;
  color: #4d525a;
}
body#news article.format-aside h1 a:hover {
  color: #2e3542;
}
body#news article.format-aside .aside {
  padding: 24px 24px 0;
  padding: 1.714285714rem;
  background: #d2e0f9;
  border-left: 22px solid #a8bfe8;
}
body#news article.format-aside p {
  font-size: 13px;
  font-size: 0.928571429rem;
  line-height: 1.846153846;
  color: #4a5466;
}
body#news article.format-aside blockquote:last-child,
body#news article.format-aside p:last-child {
  margin-bottom: 0;
}
body#news article.format-image footer h1 {
  font-size: 13px;
  font-size: 0.928571429rem;
  line-height: 1.846153846;
  font-weight: normal;
}
body#news article.format-image footer h2 {
  font-size: 11px;
  font-size: 0.785714286rem;
  line-height: 2.181818182;
}
body#news article.format-image footer a h2 {
  font-weight: normal;
}
body#news article.format-link header {
  padding: 0 10px;
  padding: 0 0.714285714rem;
  float: right;
  font-size: 11px;
  font-size: 0.785714286rem;
  line-height: 2.181818182;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
  color: #848484;
  background-color: #ebebeb;
  border-radius: 3px;
}
body#news article.format-link .entry-content {
  max-width: 80%;
  float: left;
}
body#news article.format-link .entry-content a {
  font-size: 22px;
  font-size: 1.571428571rem;
  line-height: 1.090909091;
  text-decoration: none;
}
body#news article.format-quote .entry-content p {
  margin: 0;
  padding-bottom: 24px;
  padding-bottom: 1.714285714rem;
}
body#news article.format-quote .entry-content blockquote {
  display: block;
  padding: 24px 24px 0;
  padding: 1.714285714rem 1.714285714rem 0;
  font-size: 15px;
  font-size: 1.071428571rem;
  line-height: 1.6;
  font-style: normal;
  color: #6a6a6a;
  background: #efefef;
}
body#news .format-status .entry-header {
  margin-bottom: 24px;
  margin-bottom: 1.714285714rem;
}
body#news .format-status .entry-header header {
  display: inline-block;
}
body#news .format-status .entry-header h1 {
  font-size: 15px;
  font-size: 1.071428571rem;
  font-weight: normal;
  line-height: 1.6;
  margin: 0;
}
body#news .format-status .entry-header h2 {
  font-size: 12px;
  font-size: 0.857142857rem;
  font-weight: normal;
  line-height: 2;
  margin: 0;
}
body#news .format-status .entry-header header a {
  color: #757575;
}
body#news .format-status .entry-header header a:hover {
  color: #21759b;
}
body#news .format-status .entry-header img {
  float: left;
  margin-right: 21px;
  margin-right: 1.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#news .comments-title {
    padding: 0 1rem;
  }
}
body#news .comments-area article .comment-meta {
  overflow: hidden;
  position: relative;
}
body#news .comments-area article .comment-meta cite {
  font-style: normal;
}
body#news .comments-area article .comment-meta cite::before {
  content: "";
}
body#news .comments-area article .comment-meta time {
  color: #555;
}
body#news .comments-area article .comment-meta time:hover {
  color: #777;
}
body#news .comments-area article .comment-meta h4 {
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px 12px;
  padding: 0.428571429rem 0.857142857rem;
  font-size: 12px;
  font-size: 0.857142857rem;
  font-weight: normal;
  color: #fff;
  background-color: #0088d0;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #009cee, #0088d0);
  background-image: -ms-linear-gradient(top, #009cee, #0088d0);
  background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
  background-image: -o-linear-gradient(top, #009cee, #0088d0);
  background-image: linear-gradient(top, #009cee, #0088d0);
  border-radius: 3px;
  border: 1px solid #007cbd;
}
body#news .comments-area .bypostauthor cite span cite span {
  position: absolute;
  margin-left: 5px;
  margin-left: 0.357142857rem;
  padding: 2px 5px;
  padding: 0.142857143rem 0.357142857rem;
  font-size: 10px;
  font-size: 0.714285714rem;
}
body#news .comments-area .bypostauthor cite span cite b {
  font-weight: bold;
}
body#news .comments-area .reply {
  padding-top: 0 !important;
}
body#news .comments-area .reply a.comment-reply-link,
body#news .comments-area .reply a.comment-edit-link {
  color: #777;
  font-size: 0.9rem;
  line-height: 1.846153846;
  padding: 0 0 0.5rem 0.5rem;
}
body#news .comments-area .reply a.comment-reply-link:hover,
body#news .comments-area .reply a.comment-edit-link:hover {
  color: #989898;
}
@media print, screen and (max-width: 63.99875em) {
  body#news .commentlist {
    padding: 0 1rem;
  }
}
body#news .commentlist .pingback {
  line-height: 1.714285714;
  margin-bottom: 24px;
  margin-bottom: 1.714285714rem;
}
body#news .comment-respond {
  margin-top: 3.5;
  margin-bottom: 3.5rem;
}
body#news .comment-respond h3#reply-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
body#news .comment-respond h3#reply-title #cancel-comment-reply-link {
  font-weight: normal;
  font-size: 12px;
  font-size: 0.857142857rem;
}
body#news .comment-respond .comment-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  background-color: #f0f0f0;
  padding: 1rem;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
body#news .comment-respond .comment-form p.logged-in-as {
  margin-bottom: 24px;
  margin-bottom: 1.714285714rem;
}
body#news .comment-respond .comment-form p.form-allowed-tags {
  margin: 0;
  font-size: 12px;
  font-size: 0.857142857rem;
  line-height: 2;
  color: #5e5e5e;
}
body#news .comment-respond .comment-form p.comment-notes {
  width: 100%;
}
body#news .comment-respond .comment-form p.comment-form-comment {
  width: 100%;
  margin-bottom: 0;
}
@media print, screen and (max-width: 63.99875em) {
  body#news .comment-respond .comment-form p.comment-form-comment textarea {
    height: 5rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#news .comment-respond .comment-form p.comment-form-comment textarea {
    height: 7rem;
  }
}
body#news .comment-respond .comment-form p.comment-form-author, body#news .comment-respond .comment-form p.comment-form-email {
  margin-bottom: 0;
}
@media print, screen and (max-width: 63.99875em) {
  body#news .comment-respond .comment-form p.comment-form-author, body#news .comment-respond .comment-form p.comment-form-email {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#news .comment-respond .comment-form p.comment-form-author, body#news .comment-respond .comment-form p.comment-form-email {
    width: 48%;
  }
}
body#news .comment-respond .comment-form p.comment-form-url {
  display: none;
}
body#news .comment-respond .comment-form .form-submit {
  margin-bottom: 0;
  width: 100%;
}
body#news .comment-respond .comment-form .form-submit .submit {
  width: 100%;
}
@media print, screen and (max-width: 63.99875em) {
  body#news .comment-respond .comment-form .form-submit .submit {
    margin-top: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#news .comment-respond .comment-form .form-submit .submit {
    margin-top: 1.5rem;
  }
}
body#news .required {
  color: #a00000;
}
body#news .entry-page-image {
  margin-bottom: 14px;
  margin-bottom: 1rem;
}
body#news .template-front-page .site-content article {
  border: 0;
  margin-bottom: 0;
}
body#news .template-front-page .widget-area {
  clear: both;
  float: none;
  width: auto;
  padding-top: 24px;
  padding-top: 1.714285714rem;
  border-top: 1px solid #ededed;
}
body#news .template-front-page .widget-area .widget li {
  margin: 8px 0 0;
  margin: 0.571428571rem 0 0;
  font-size: 13px;
  font-size: 0.928571429rem;
  line-height: 1.714285714;
  list-style-type: square;
  list-style-position: inside;
}
body#news .template-front-page .widget-area .widget li a {
  color: #757575;
}
body#news .template-front-page .widget-area .widget li a:hover {
  color: #21759b;
}
body#news .template-front-page .widget-area .widget_text img {
  float: left;
  margin: 8px 24px 8px 0;
  margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
}
body#news .widget-area .widget ul ul {
  margin-left: 12px;
  margin-left: 0.857142857rem;
}
body#news .widget-area .widget li.pis-li {
  margin-bottom: 1rem;
}
body#news .widget-area .widget li.pis-li:last-child {
  margin-bottom: 0;
}
body#news .widget-area .widget_rss li {
  margin: 12px 0;
  margin: 0.857142857rem 0;
}
body#news .widget-area .widget_recent_entries .post-date,
body#news .widget-area .widget_rss .rss-date {
  color: #aaa;
  font-size: 11px;
  font-size: 0.785714286rem;
  margin-left: 12px;
  margin-left: 0.857142857rem;
}
body#news .widget-area #wp-calendar {
  margin: 0;
  width: 100%;
  font-size: 13px;
  font-size: 0.928571429rem;
  line-height: 1.846153846;
  color: #686868;
}
body#news .widget-area #wp-calendar th,
body#news .widget-area #wp-calendar td,
body#news .widget-area #wp-calendar caption {
  text-align: left;
}
body#news .widget-area #wp-calendar #next {
  padding-right: 24px;
  padding-right: 1.714285714rem;
  text-align: right;
}
body#news .widget-area .widget_search .searchform {
  display: flex;
}
body#news .widget-area .widget_search .searchform .searchquery {
  margin-bottom: 0;
  margin-right: 0.5rem;
}
body#news .widget-area .widget_search .searchform .button {
  font-size: 0.9rem;
  padding: 0.8em 1em;
}
body#news .widget-area .widget_twitter li {
  list-style-type: none;
}
body#news .widget-area .widget_twitter .timesince {
  display: block;
  text-align: right;
}
body#news img#wpstats {
  display: block;
  margin: 0 auto 24px;
  margin: 0 auto 1.714285714rem;
}
@-ms-viewport {
  body#news {
    width: device-width;
  }
}
@viewport {
  body#news {
    width: device-width;
  }
}
@media screen and (min-width: 64rem) {
  body#news .author-avatar {
    float: left;
    margin-top: 8px;
    margin-top: 0.571428571rem;
  }
  body#news .author-description {
    float: right;
    width: 80%;
  }
  body#news body.custom-background-empty {
    background-color: #fff;
  }
  body#news body.custom-background-empty .site,
  body#news body.custom-background-white .site {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    box-shadow: none;
  }
  body#news.template-front-page .site-content, body#news.attachment .site-content, body#news.full-width .site, body#news.full-width .site .site-content {
    width: 100%;
    max-width: 100%;
  }
  body#news .site-header h1,
  body#news .site-header h2 {
    text-align: left;
  }
  body#news .site-header h1 {
    font-size: 26px;
    font-size: 1.857142857rem;
    line-height: 1.846153846;
    margin-bottom: 0;
  }
  body#news .main-navigation ul.nav-menu,
  body#news .main-navigation div.nav-menu > ul {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    display: inline-block !important;
    text-align: left;
    width: 100%;
  }
  body#news .main-navigation ul {
    margin: 0;
    text-indent: 0;
  }
  body#news .main-navigation li a,
  body#news .main-navigation li {
    display: inline-block;
    text-decoration: none;
  }
  body#news .main-navigation li a {
    border-bottom: 0;
    color: #6a6a6a;
    line-height: 3.692307692;
    text-transform: uppercase;
    white-space: nowrap;
  }
  body#news .main-navigation li a:hover,
  body#news .main-navigation li a:focus {
    color: #000;
  }
  body#news .main-navigation li {
    margin: 0 40px 0 0;
    margin: 0 2.857142857rem 0 0;
    position: relative;
  }
  body#news .main-navigation li ul {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    z-index: 1;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
  body#news .main-navigation li ul ul {
    top: 0;
    left: 100%;
  }
  body#news .main-navigation ul li:hover > ul,
  body#news .main-navigation ul li:focus > ul,
  body#news .main-navigation .focus > ul {
    border-left: 0;
    clip: inherit;
    overflow: inherit;
    height: inherit;
    width: inherit;
  }
  body#news .main-navigation li ul li a {
    background: #efefef;
    border-bottom: 1px solid #ededed;
    display: block;
    font-size: 11px;
    font-size: 0.785714286rem;
    line-height: 2.181818182;
    padding: 8px 10px;
    padding: 0.571428571rem 0.714285714rem;
    width: 180px;
    width: 12.85714286rem;
    white-space: normal;
  }
  body#news .main-navigation li ul li a:hover,
  body#news .main-navigation li ul li a:focus {
    background: #e3e3e3;
    color: #444;
  }
  body#news .main-navigation .current-menu-item > a,
  body#news .main-navigation .current-menu-ancestor > a,
  body#news .main-navigation .current_page_item > a,
  body#news .main-navigation .current_page_ancestor > a {
    color: #777;
    font-weight: bold;
  }
  body#news .menu-toggle {
    display: none;
  }
  body#news .template-front-page .site-content,
  body#news .template-front-page article {
    overflow: hidden;
  }
  body#news .template-front-page.has-post-thumbnail article {
    float: left;
    width: 47.916666667%;
  }
  body#news .entry-page-image {
    float: right;
    margin-bottom: 0;
    width: 47.916666667%;
  }
  body#news .template-front-page .widget-area .widget,
  body#news .template-front-page.two-sidebars .widget-area .front-widgets {
    float: left;
    width: 51.875%;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
  }
  body#news .template-front-page .widget-area .widget:nth-child(odd) {
    clear: right;
  }
  body#news .template-front-page .widget-area .widget:nth-child(even),
  body#news .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
    float: right;
    width: 39.0625%;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
  }
  body#news .template-front-page.two-sidebars .widget,
  body#news .template-front-page.two-sidebars .widget:nth-child(even) {
    float: none;
    width: auto;
  }
  body#news .commentlist .children {
    margin-left: 48px;
    margin-left: 3.428571429rem;
  }
}
@media print {
  body#news {
    /* Comments */
  }
  body#news body {
    background: none !important;
    color: #000;
    font-size: 10pt;
  }
  body#news footer a[rel=bookmark]:link:after,
  body#news footer a[rel=bookmark]:visited:after {
    content: " [" attr(href) "] "; /* Show URLs */
  }
  body#news a {
    text-decoration: none;
  }
  body#news .entry-content img,
  body#news .comment-content img,
  body#news .author-avatar img,
  body#news img.wp-post-image {
    border-radius: 0;
    box-shadow: none;
  }
  body#news .site {
    clear: both !important;
    display: block !important;
    float: none !important;
    max-width: 100%;
    position: relative !important;
  }
  body#news .site-header {
    margin-bottom: 72px;
    margin-bottom: 5.142857143rem;
    text-align: left;
  }
  body#news .site-header h1 {
    font-size: 21pt;
    line-height: 1;
    text-align: left;
  }
  body#news .site-header h2 {
    color: #000;
    font-size: 10pt;
    text-align: left;
  }
  body#news .site-header h1 a,
  body#news .site-header h2 a {
    color: #000;
  }
  body#news .author-avatar,
  body#news #colophon,
  body#news #respond,
  body#news .commentlist .comment-edit-link,
  body#news .commentlist .reply,
  body#news .entry-header .comments-link,
  body#news .entry-meta .edit-link a,
  body#news .page-link,
  body#news .site-content nav,
  body#news .widget-area,
  body#news img.header-image,
  body#news .main-navigation {
    display: none;
  }
  body#news .wrapper {
    border-top: none;
    box-shadow: none;
  }
  body#news .site-content {
    margin: 0;
    width: auto;
  }
  body#news .entry-header .entry-title,
  body#news .entry-title {
    font-size: 21pt;
  }
  body#news footer.entry-meta,
  body#news footer.entry-meta a {
    color: #444;
    font-size: 10pt;
  }
  body#news .author-description {
    float: none;
    width: auto;
  }
  body#news .commentlist > li.comment {
    background: none;
    position: relative;
    width: auto;
  }
}
body#news .site-header {
  display: none;
}
body#news #wpadminbar {
  top: 45px;
}

body.about h1 {
  text-align: center;
}
body.about h6.about-updated {
  text-align: center;
  margin-bottom: 2rem;
}
body.about h2 {
  margin-bottom: 2rem;
}
body.about h4 {
  margin-top: 2rem;
}

@media print, screen and (max-width: 63.99875em) {
  body#about-privacy .protect, body#about-privacy .why, body#about-privacy .intro {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#about-privacy .protect, body#about-privacy .why, body#about-privacy .intro {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}

body#about-privacy .options, body#about-privacy .collect {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 63.99875em) {
  body#about-privacy .options, body#about-privacy .collect {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#about-privacy .options, body#about-privacy .collect {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}

body#about-privacy .collect .addresses {
  display: flex;
  background-color: #fff;
  margin-bottom: 1rem;
}
@media print, screen and (max-width: 63.99875em) {
  body#about-privacy .collect .addresses {
    flex-direction: column;
    padding: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#about-privacy .collect .addresses {
    justify-content: space-between;
    padding: 2rem;
  }
}
body#about-privacy .collect .addresses .address {
  font-size: 0.95rem;
}
@media print, screen and (min-width: 64em) {
  body#about-privacy .collect .addresses .address {
    width: 49%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#about-privacy .collect .addresses .address:first-child {
    margin-bottom: 1rem;
  }
}
body#affiliates #affiliates-intro, body.wp-page--affiliates #affiliates-intro {
  background: #411b0b url(/images/affiliates/affiliates-bg.jpg) bottom center no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  body#affiliates #affiliates-intro, body.wp-page--affiliates #affiliates-intro {
    background-position-x: 75%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#affiliates #affiliates-intro .container, body.wp-page--affiliates #affiliates-intro .container {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#affiliates #affiliates-intro .container, body.wp-page--affiliates #affiliates-intro .container {
    padding-top: 3rem;
    padding-bottom: 5rem;
  }
}
body#affiliates #affiliates-intro .container h1, body.wp-page--affiliates #affiliates-intro .container h1 {
  text-shadow: -2px -2px 2px #2e1206, 2px -2px 2px #2e1206, -2px 2px 2px #2e1206, 2px 2px 2px #2e1206;
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  body#affiliates #affiliates-intro .container h1, body.wp-page--affiliates #affiliates-intro .container h1 {
    width: 100%;
  }
}
body#affiliates #affiliates-intro .container h3, body.wp-page--affiliates #affiliates-intro .container h3 {
  text-shadow: -2px -2px 2px #2e1206, 2px -2px 2px #2e1206, -2px 2px 2px #2e1206, 2px 2px 2px #2e1206;
  text-align: center;
}
@media print, screen and (max-width: 63.99875em) {
  body#affiliates #affiliates-intro .container h3, body.wp-page--affiliates #affiliates-intro .container h3 {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#affiliates #affiliates-intro .container h3, body.wp-page--affiliates #affiliates-intro .container h3 {
    width: 100%;
    margin-bottom: 2rem;
  }
}
body#affiliates #affiliates-intro .container .text, body.wp-page--affiliates #affiliates-intro .container .text {
  text-shadow: -2px -2px 2px #2e1206, 2px -2px 2px #2e1206, -2px 2px 2px #2e1206, 2px 2px 2px #2e1206;
}
@media print, screen and (max-width: 63.99875em) {
  body#affiliates #affiliates-intro .container .text, body.wp-page--affiliates #affiliates-intro .container .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#affiliates #affiliates-intro .container .text, body.wp-page--affiliates #affiliates-intro .container .text {
    width: 50%;
  }
}
body#affiliates #affiliates-signup .container, body.wp-page--affiliates #affiliates-signup .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#affiliates #affiliates-signup .container, body.wp-page--affiliates #affiliates-signup .container {
    flex-direction: column;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#affiliates #affiliates-signup .container, body.wp-page--affiliates #affiliates-signup .container {
    justify-content: space-between;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#affiliates #affiliates-signup .container h1, body.wp-page--affiliates #affiliates-signup .container h1 {
    width: 100%;
    order: 1;
    margin-bottom: 3rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#affiliates #affiliates-signup .container h3, body.wp-page--affiliates #affiliates-signup .container h3 {
    max-width: 40%;
    order: 3;
    padding-top: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#affiliates #affiliates-signup .container form, body.wp-page--affiliates #affiliates-signup .container form {
    order: 2;
    width: 40%;
  }
}
body#affiliates #affiliates-signup .container form .button, body.wp-page--affiliates #affiliates-signup .container form .button {
  width: 100%;
  margin-top: 1rem;
}

body#affiliates-manual .navigation-toc li.new {
  background-image: url("/images/icons/orange/book.svg");
}
body#affiliates-manual .navigation-toc li.materials {
  background-image: url("/images/icons/orange/pen.svg");
}
body#affiliates-manual .navigation-toc li.videos {
  background-image: url("/images/icons/orange/video.svg");
}
body#affiliates-manual .navigation-toc li.images {
  background-image: url("/images/icons/orange/image.svg");
}
body#affiliates-manual .navigation-toc li.ppc {
  background-image: url("/images/icons/orange/mouse.svg");
}
body#affiliates-manual #hopgenerator {
  background-color: #f0f0f0;
  padding: 1rem;
}
body#affiliates-manual #hopgenerator h4 {
  margin-top: 1rem;
}
body#affiliates-manual #hopgenerator input.hoplinkresult {
  display: inline-block;
  margin-right: 10px;
}
body#affiliates-manual #hopgenerator input.hoplinktest {
  margin-top: 0.5rem;
}
body#affiliates-manual #hopgenerator optgroup {
  font-size: 1.1em;
}
body#affiliates-manual #hopgenerator #aff_zygor, body#affiliates-manual #hopgenerator #aff_cb, body#affiliates-manual #hopgenerator #aff_sas {
  display: none;
}
@media print, screen and (max-width: 63.99875em) {
  body#affiliates-manual .affiliates-image-right {
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#affiliates-manual .affiliates-image-right {
    float: right;
    margin: 0.5rem 0 0.5rem 1rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#affiliates-manual .affiliates-image-left {
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#affiliates-manual .affiliates-image-left {
    float: left;
    margin: 0.5rem 1rem 0.5rem 0;
  }
}
body#affiliates-manual .affiliates-copybox {
  background-color: #f0f0f0;
  padding: 0.5rem 1rem;
}
body#affiliates-manual .affiliates-copybox input, body#affiliates-manual .affiliates-copybox textarea {
  font-size: 1.05rem;
  background-color: #fff;
  border: 2px solid #fff;
  color: #777;
}
body#affiliates-manual .affiliates-copybox .article {
  margin-bottom: 0.5rem;
  padding: 1rem;
  font-size: 1.05rem;
  background-color: #fff;
  color: #777;
}
body#affiliates-manual .affiliates-codecopy {
  background-color: #f0f0f0;
  padding: 0.5rem;
  margin-bottom: 1.5rem;
  border-radius: 8px;
}
body#affiliates-manual .affiliates-codecopy textarea {
  font-size: 1.2rem;
  font-family: monospace;
  background-color: #fff;
  border: 2px solid #fff;
  color: #777;
  margin-bottom: 0;
}
body#affiliates-manual .affiliates-keywords {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media print, screen and (max-width: 63.99875em) {
  body#affiliates-manual .affiliates-keywords .affiliates-keyword {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#affiliates-manual .affiliates-keywords .affiliates-keyword {
    width: 49%;
  }
}
body#affiliates-manual .affiliates-keywords .affiliates-keyword .affiliates-copybox {
  padding: 0.5rem;
}
body#affiliates-manual .affiliates-keywords .affiliates-keyword .affiliates-copybox textarea {
  margin-bottom: 0;
}

#affiliates-video .intro {
  background: url("/images/affiliates/video/intro-bgr.jpg") bottom center no-repeat;
  background-position-y: 45%;
  background-size: cover;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  #affiliates-video .intro {
    background-color: #292512;
  }
}
@media print, screen and (min-width: 64em) {
  #affiliates-video .intro {
    height: 46rem;
    background-color: #000;
  }
}
#affiliates-video .intro .container {
  display: flex;
  flex-direction: column;
}
#affiliates-video .intro .container h1 {
  font-weight: 300;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  text-align: center;
  letter-spacing: 0.05px;
}
@media print, screen and (max-width: 63.99875em) {
  #affiliates-video .intro .container h1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.2rem;
  }
}
@media print, screen and (min-width: 64em) {
  #affiliates-video .intro .container h1 {
    padding-top: 3rem;
    padding-bottom: 2rem;
  }
}
#affiliates-video .intro .container h1 strong {
  font-weight: 900;
}
#affiliates-video .intro .container .video {
  width: 100%;
  text-align: center;
  position: relative;
}
@media print, screen and (max-width: 63.99875em) {
  #affiliates-video .intro .container .video {
    margin-bottom: 1rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  #affiliates-video .intro .container .video img {
    width: 100%;
    height: auto;
  }
}
@media print, screen and (min-width: 64em) {
  #affiliates-video .intro .container .video img {
    display: none;
  }
}
#affiliates-video .intro .container .video iframe {
  border: 0 none;
}
@media print, screen and (max-width: 63.99875em) {
  #affiliates-video .intro .container .video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  #affiliates-video .intro .container .video iframe {
    height: 462px;
    width: 820px;
  }
}
#affiliates-video .zygorguides {
  background-color: #fff;
}
@media print, screen and (max-width: 63.99875em) {
  #affiliates-video .zygorguides {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  #affiliates-video .zygorguides {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
#affiliates-video .zygorguides .whatare {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  #affiliates-video .zygorguides .whatare {
    flex-direction: column;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  #affiliates-video .zygorguides .whatare {
    justify-content: space-between;
    align-items: stretch;
    padding-bottom: 4rem;
  }
}
@media print, screen and (min-width: 64em) {
  #affiliates-video .zygorguides .whatare .text {
    width: 35%;
    margin-top: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  #affiliates-video .zygorguides .whatare .image {
    width: 58%;
  }
}
#affiliates-video .zygorguides .addon {
  display: flex;
  background-color: #f0f0f0;
  border-radius: 8px;
  padding: 1.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  #affiliates-video .zygorguides .addon {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  #affiliates-video .zygorguides .addon {
    justify-content: space-between;
    align-items: stretch;
  }
}
@media print, screen and (min-width: 64em) {
  #affiliates-video .zygorguides .addon .image {
    width: 45%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  #affiliates-video .zygorguides .addon .image {
    margin-bottom: 1rem;
  }
}
#affiliates-video .zygorguides .addon .image video {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
}
#affiliates-video .zygorguides .addon .text {
  font-size: 0.95rem;
}
@media print, screen and (min-width: 64em) {
  #affiliates-video .zygorguides .addon .text {
    width: 53%;
  }
}
#affiliates-video .zygorguides .addon .text .button {
  display: block;
  width: 100%;
}
#affiliates-video .perfectfit {
  background: url("/images/affiliates/video/perfectfit-bgr.jpg") bottom center no-repeat;
  background-position-y: 45%;
  background-size: cover;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  #affiliates-video .perfectfit {
    background-color: #292512;
  }
}
@media print, screen and (min-width: 64em) {
  #affiliates-video .perfectfit {
    background-color: #000;
  }
}
#affiliates-video .perfectfit .container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  #affiliates-video .perfectfit .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  #affiliates-video .perfectfit .container {
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
  }
}
#affiliates-video .perfectfit .container h1 {
  font-weight: 300;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  text-align: center;
  letter-spacing: 0.05px;
}
@media print, screen and (max-width: 63.99875em) {
  #affiliates-video .perfectfit .container h1 {
    padding-top: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  #affiliates-video .perfectfit .container h1 {
    padding-top: 2rem;
    padding-bottom: 1rem;
    width: 100%;
  }
}
#affiliates-video .perfectfit .container h1 strong {
  font-weight: 900;
}
#affiliates-video .perfectfit .container .text {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 8px;
  padding: 1rem 1.5rem;
  font-size: 0.95rem;
  font-weight: 300;
}
@media print, screen and (max-width: 63.99875em) {
  #affiliates-video .perfectfit .container .text {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  #affiliates-video .perfectfit .container .text {
    margin-bottom: 2rem;
    width: 48%;
  }
}
#affiliates-video .perfectfit .container .text .number {
  color: #fe6100;
  font-size: 1.2rem;
  font-weight: 900;
  line-height: 1.8rem;
}
#affiliates-video .perfectfit .container .text.general {
  font-size: 1rem;
}
#affiliates-video .twoways {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 63.99875em) {
  #affiliates-video .twoways {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  #affiliates-video .twoways {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
#affiliates-video .twoways .container > h2 {
  margin-bottom: 0.2rem;
}
#affiliates-video .twoways .container > h5 {
  font-weight: 400;
}
@media print, screen and (min-width: 64em) {
  #affiliates-video .twoways .container .common-round-color {
    margin-top: 3rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  #affiliates-video .twoways .container .common-round-color {
    margin-top: 2rem;
  }
}
#affiliates-video .twoways .container .common-round-color li h4 {
  font-weight: 700;
  margin-bottom: 0;
}
#affiliates-video .howto {
  background-color: #fff;
}
@media print, screen and (max-width: 63.99875em) {
  #affiliates-video .howto {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  #affiliates-video .howto {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
#affiliates-video .howto .container {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
@media print, screen and (max-width: 63.99875em) {
  #affiliates-video .howto .container .howto-box {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  #affiliates-video .howto .container .howto-box {
    width: 45%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  #affiliates-video .howto .container .howto-box:nth-child(1) {
    margin-bottom: 2rem;
  }
}
#affiliates-video .howto .container .howto-box h5 {
  margin-bottom: 0.2rem;
}
#affiliates-video .howto .container .howto-box .content {
  background-color: #f0f0f0;
  border-radius: 8px;
  padding: 1rem 1.5rem;
  font-size: 0.9rem;
}
#affiliates-video .howto .container .howto-box .content a.outside {
  font-weight: 600;
}
#affiliates-video .howto .container .howto-box .content a.outside:after {
  content: "";
  display: inline-block;
  margin-left: 0.2rem;
  width: 0.5rem;
  height: 0.5rem;
  background-image: url(/images/icons/orange/outside-link.svg);
}
#affiliates-video .howto .container .howto-box .content a.inside {
  font-weight: 600;
}

#preorder-bfa .preorder-proceed {
  background-color: #111;
  padding: 0.5rem 0 0.5rem 0;
}
#preorder-bfa .preorder-proceed .container {
  text-align: center;
}
#preorder-bfa .preorder-proceed .container a {
  color: #e5e5e5;
  font-size: 0.9rem;
  font-weight: 600;
}
#preorder-bfa #preorder-bfa-intro {
  background: url("/images/preorder/bfa/bgr-bfa.jpg") bottom center no-repeat;
  color: #fff;
  overflow: hidden;
}
@media print, screen and (max-width: 64rem) {
  #preorder-bfa #preorder-bfa-intro {
    background-color: #398aa8;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-bfa #preorder-bfa-intro {
    height: 42.5rem;
    background-color: #000;
  }
}
#preorder-bfa #preorder-bfa-intro .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#preorder-bfa #preorder-bfa-intro .container h1 {
  width: 100%;
  font-weight: 300;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  text-align: center;
  letter-spacing: 0.05px;
}
@media print, screen and (max-width: 64rem) {
  #preorder-bfa #preorder-bfa-intro .container h1 {
    padding-top: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-bfa #preorder-bfa-intro .container h1 {
    padding-top: 3rem;
  }
}
#preorder-bfa #preorder-bfa-intro .container h1 strong {
  font-weight: 600;
}
@media print, screen and (max-width: 64rem) {
  #preorder-bfa #preorder-bfa-intro .container .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-bfa #preorder-bfa-intro .container .text {
    width: 31rem;
    margin-top: 3rem;
  }
}
#preorder-bfa #preorder-bfa-intro .container .text p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
#preorder-bfa #preorder-bfa-intro .container .text .button {
  display: block;
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
@media print, screen and (max-width: 64rem) {
  #preorder-bfa #preorder-bfa-intro .container .text .button {
    line-height: 1.5rem;
  }
}
#preorder-bfa #preorder-bfa-intro .container .text .button.elite {
  border-color: #f0f0f0;
  color: #f0f0f0;
}
#preorder-bfa #preorder-bfa-intro .container .text .button.elite small {
  line-height: 1.2rem;
}
#preorder-bfa #preorder-bfa-intro .container .mascot {
  background-image: url("/images/preorder/bfa/mascot-bfa.png");
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 64rem) {
  #preorder-bfa #preorder-bfa-intro .container .mascot {
    width: 100%;
    height: 15rem;
    background-size: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-bfa #preorder-bfa-intro .container .mascot {
    height: 45.1875rem;
    width: 36.5625rem;
  }
}
#preorder-bfa #preorder-bfa-guides {
  background-color: #fff;
}
@media print, screen and (max-width: 64rem) {
  #preorder-bfa #preorder-bfa-guides {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-bfa #preorder-bfa-guides {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-bfa #preorder-bfa-guides .common-icons-3columns {
    margin-top: 4rem;
  }
}
#preorder-bfa #preorder-bfa-guides .common-icons-3columns h6 {
  margin-bottom: 0;
}
#preorder-bfa #preorder-bfa-guides .common-icons-3columns .release {
  margin-bottom: 1rem;
  color: #989898;
  font-size: 0.85rem;
}
#preorder-bfa #preorder-bfa-guides .common-icons-3columns ul {
  list-style-type: none;
  font-size: 0.95rem;
}
#preorder-bfa #preorder-bfa-guides .common-icons-3columns ul li {
  line-height: 1.1rem;
  margin-bottom: 0.7rem;
}
#preorder-bfa #preorder-bfa-guides .common-icons-3columns .leveling {
  background-image: url("/images/icons/orange/guides/wow-leveling.svg");
}
#preorder-bfa #preorder-bfa-guides .common-icons-3columns .dungeons {
  background-image: url("/images/icons/orange/guides/wow-dungeons.svg");
}
#preorder-bfa #preorder-bfa-guides .common-icons-3columns .quests {
  background-image: url("/images/icons/orange/guides/wow-dailies.svg");
}
#preorder-bfa #preorder-bfa-guides .common-icons-3columns .gold {
  background-image: url("/images/icons/orange/guides/wow-gold.svg");
}
#preorder-bfa #preorder-bfa-guides .common-icons-3columns .pets {
  background-image: url("/images/icons/orange/guides/wow-pets.svg");
}
#preorder-bfa #preorder-bfa-guides .common-icons-3columns .titles {
  background-image: url("/images/icons/orange/guides/wow-titles.svg");
}
#preorder-bfa #preorder-bfa-guides .disclaimer {
  font-size: 0.7rem;
}
#preorder-bfa #preorder-bfa-viewer {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 64rem) {
  #preorder-bfa #preorder-bfa-viewer {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-bfa #preorder-bfa-viewer {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
#preorder-bfa #preorder-bfa-viewer .container {
  display: flex;
}
@media print, screen and (max-width: 64rem) {
  #preorder-bfa #preorder-bfa-viewer .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-bfa #preorder-bfa-viewer .container {
    justify-content: space-between;
    align-items: stretch;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-bfa #preorder-bfa-viewer .container .text {
    max-width: 40%;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-bfa #preorder-bfa-viewer .container .text h2 {
    margin-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-bfa #preorder-bfa-viewer .container .screen {
    width: 45%;
  }
}
#preorder-bfa #preorder-bfa-viewer .container .screen img {
  width: 100%;
}

#preorder-classic .preorder-proceed {
  background-color: #111;
  padding: 0.5rem 0 0.5rem 0;
}
#preorder-classic .preorder-proceed .container {
  text-align: center;
}
#preorder-classic .preorder-proceed .container .continue {
  color: #e5e5e5;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.5rem 0.8rem;
  animation: colorchange 10s infinite;
}
@keyframes colorchange {
  0% {
    color: #e5e5e5;
  }
  50% {
    color: #fe6100;
  }
  100% {
    color: #e5e5e5;
  }
}
#preorder-classic .preorder-proceed .container .continue:hover {
  color: #fe6100;
}
#preorder-classic #preorder-classic-intro {
  background: url("/images/preorder/classic/bgr-classic.jpg") bottom center no-repeat;
  color: #fff;
  overflow: hidden;
}
@media print, screen and (max-width: 64rem) {
  #preorder-classic #preorder-classic-intro {
    background-color: #202125;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic #preorder-classic-intro {
    height: 46rem;
    background-color: #000;
  }
}
#preorder-classic #preorder-classic-intro .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#preorder-classic #preorder-classic-intro .container h1 {
  width: 100%;
  font-weight: 300;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  text-align: center;
  letter-spacing: 0.05px;
}
@media print, screen and (max-width: 64rem) {
  #preorder-classic #preorder-classic-intro .container h1 {
    padding-top: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic #preorder-classic-intro .container h1 {
    padding-top: 3rem;
  }
}
#preorder-classic #preorder-classic-intro .container h1 strong {
  font-weight: 600;
}
@media print, screen and (max-width: 64rem) {
  #preorder-classic #preorder-classic-intro .container .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic #preorder-classic-intro .container .text {
    width: 31rem;
    margin-top: 3rem;
  }
}
#preorder-classic #preorder-classic-intro .container .text p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
#preorder-classic #preorder-classic-intro .container .text .button {
  display: block;
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
@media print, screen and (max-width: 64rem) {
  #preorder-classic #preorder-classic-intro .container .text .button {
    line-height: 1.5rem;
  }
}
#preorder-classic #preorder-classic-intro .container .text .button.elite {
  border-color: #f0f0f0;
  color: #f0f0f0;
}
#preorder-classic #preorder-classic-intro .container .text .button.elite small {
  line-height: 1.2rem;
}
#preorder-classic #preorder-classic-intro .container .mascot {
  background-image: url("/images/preorder/classic/mascot-classic.png");
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 64rem) {
  #preorder-classic #preorder-classic-intro .container .mascot {
    width: 100%;
    height: 15rem;
    background-size: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic #preorder-classic-intro .container .mascot {
    align-self: flex-end;
    height: 41.4375rem;
    width: 37.5rem;
    margin-right: -3rem;
  }
}
#preorder-classic #preorder-classic-features {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 64rem) {
  #preorder-classic #preorder-classic-features {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic #preorder-classic-features {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
#preorder-classic #preorder-classic-faq {
  background-color: #fff;
}
@media print, screen and (max-width: 64rem) {
  #preorder-classic #preorder-classic-faq {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic #preorder-classic-faq {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic #preorder-classic-faq .common-icons-2columns {
    margin-top: 4rem;
  }
}
#preorder-classic #preorder-classic-faq .common-icons-2columns .guides {
  background-image: url("/images/icons/orange/exclamation.svg");
}
#preorder-classic #preorder-classic-faq .common-icons-2columns .features {
  background-image: url("/images/icons/orange/guide-arrow.svg");
}
#preorder-classic #preorder-classic-faq .common-icons-2columns .cost {
  background-image: url("/images/icons/orange/goldcoin.svg");
}
#preorder-classic #preorder-classic-faq .common-icons-2columns .free {
  background-image: url("/images/icons/orange/book.svg");
}
#preorder-classic #preorder-classic-faq .common-icons-2columns .standalone {
  background-image: url("/images/icons/orange/user.svg");
}

#preorder-shadowlands .preorder-proceed {
  background-color: #111;
  padding: 0.5rem 0 0.5rem 0;
}
#preorder-shadowlands .preorder-proceed .container {
  text-align: center;
}
#preorder-shadowlands .preorder-proceed .container .continue {
  color: #e5e5e5;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.5rem 0.8rem;
  animation: colorchange 10s infinite;
}
@keyframes colorchange {
  0% {
    color: #e5e5e5;
  }
  50% {
    color: #fe6100;
  }
  100% {
    color: #e5e5e5;
  }
}
#preorder-shadowlands .preorder-proceed .container .continue:hover {
  color: #fe6100;
}
#preorder-shadowlands #preorder-shadowlands-intro {
  background: url("/images/preorder/sl/bgr-sl.jpg") bottom center no-repeat;
  color: #fff;
  background-size: cover;
  background-position-y: 90%;
  overflow: hidden;
}
@media print, screen and (max-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-intro {
    background-color: #202125;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-intro {
    height: 46rem;
    background-color: #000;
  }
}
#preorder-shadowlands #preorder-shadowlands-intro .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#preorder-shadowlands #preorder-shadowlands-intro .container h1 {
  width: 100%;
  font-weight: 300;
  text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000;
  text-align: center;
  letter-spacing: 0.05px;
}
@media print, screen and (max-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-intro .container h1 {
    padding-top: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-intro .container h1 {
    padding-top: 3rem;
  }
}
#preorder-shadowlands #preorder-shadowlands-intro .container h1 strong {
  font-weight: 600;
}
@media print, screen and (max-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-intro .container .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-intro .container .text {
    width: 30rem;
    margin-top: 3rem;
  }
}
#preorder-shadowlands #preorder-shadowlands-intro .container .text p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000;
}
#preorder-shadowlands #preorder-shadowlands-intro .container .text .button {
  display: block;
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
@media print, screen and (max-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-intro .container .text .button {
    line-height: 1.5rem;
  }
}
#preorder-shadowlands #preorder-shadowlands-intro .container .text .button.elite {
  border-color: #f0f0f0;
  color: #f0f0f0;
}
#preorder-shadowlands #preorder-shadowlands-intro .container .text .button.elite small {
  line-height: 1.2rem;
}
#preorder-shadowlands #preorder-shadowlands-intro .container .text .wrappath {
  float: right;
  shape-outside: polygon(100px 150px, 65px 250px, 60px 400px, 100px 400px);
  width: 100px;
  height: 400px;
}
#preorder-shadowlands #preorder-shadowlands-intro .container .mascot {
  background-image: url("/images/preorder/sl/mascot-shadowlands.png");
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-intro .container .mascot {
    width: 100%;
    height: 15rem;
    background-size: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-intro .container .mascot {
    align-self: flex-end;
    height: 41.4375rem;
    width: 37.5rem;
    margin-right: -3rem;
  }
}
#preorder-shadowlands #preorder-shadowlands-keyupdates {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-keyupdates {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-keyupdates {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-keyupdates h2 {
    margin-bottom: 2rem;
  }
}
#preorder-shadowlands #preorder-shadowlands-covenant {
  background: url("/images/preorder/sl/bgr-covenant.jpg") top center no-repeat;
  color: #fff;
  overflow: hidden;
}
@media print, screen and (max-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-covenant {
    background-color: #202125;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-covenant {
    background-color: #000;
  }
}
#preorder-shadowlands #preorder-shadowlands-covenant .container {
  display: flex;
}
@media print, screen and (max-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-covenant .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-covenant .container {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 34rem;
  }
}
@media print, screen and (max-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-covenant .container .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-covenant .container .text {
    width: 30rem;
  }
}
#preorder-shadowlands #preorder-shadowlands-covenant .container .text h1 {
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  letter-spacing: 0.05px;
}
@media print, screen and (max-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-covenant .container .text h1 {
    padding-top: 1rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-covenant .container .text h1 {
    padding-bottom: 3rem;
  }
}
#preorder-shadowlands #preorder-shadowlands-covenant .container .text p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
#preorder-shadowlands #preorder-shadowlands-covenant .container .logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media print, screen and (max-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-covenant .container .logos {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-covenant .container .logos {
    width: 31.25rem;
  }
}
#preorder-shadowlands #preorder-shadowlands-covenant .container .logos .middle {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#preorder-shadowlands #preorder-shadowlands-covenant .container .logos .logo {
  background-size: cover;
  width: 8rem;
  height: 8rem;
  content: "";
}
#preorder-shadowlands #preorder-shadowlands-covenant .container .logos .logo.nightfae {
  background-image: url("/images/preorder/sl/covenant-logos-nightfae.png");
}
#preorder-shadowlands #preorder-shadowlands-covenant .container .logos .logo.venthyr {
  background-image: url("/images/preorder/sl/covenant-logos-venthyr.png");
}
#preorder-shadowlands #preorder-shadowlands-covenant .container .logos .logo.necrolord {
  background-image: url("/images/preorder/sl/covenant-logos-necrolord.png");
}
#preorder-shadowlands #preorder-shadowlands-covenant .container .logos .logo.kyrian {
  background-image: url("/images/preorder/sl/covenant-logos-kyrian.png");
}
#preorder-shadowlands #preorder-shadowlands-dungeons {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-dungeons {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-dungeons {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-dungeons h2 {
    margin-bottom: 2rem;
  }
}
#preorder-shadowlands #preorder-shadowlands-additional {
  background-color: #fff;
}
@media print, screen and (max-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-additional {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-additional {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-additional .common-icons-2columns {
    margin-top: 4rem;
  }
}
#preorder-shadowlands #preorder-shadowlands-additional .common-icons-2columns .dailies {
  background-image: url("/images/icons/orange/exclamation.svg");
}
#preorder-shadowlands #preorder-shadowlands-additional .common-icons-2columns .gold {
  background-image: url("/images/icons/orange/goldcoin.svg");
}
#preorder-shadowlands #preorder-shadowlands-additional .common-icons-2columns .pets {
  background-image: url("/images/icons/orange/guides/wow-pets.svg");
}
#preorder-shadowlands #preorder-shadowlands-additional .common-icons-2columns .titles {
  background-image: url("/images/icons/orange/guides/wow-titles.svg");
}
#preorder-shadowlands #preorder-shadowlands-viewer {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-viewer {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-viewer {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
#preorder-shadowlands #preorder-shadowlands-viewer .container {
  display: flex;
}
@media print, screen and (max-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-viewer .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-viewer .container {
    justify-content: space-between;
  }
}
@media print, screen and (max-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-viewer .container .txt {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-viewer .container .txt {
    width: 50%;
  }
}
@media print, screen and (max-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-viewer .container .txt h2 {
    margin-bottom: 1.5rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-viewer .container .txt h2 {
    margin-bottom: 2.5rem;
  }
}
@media print, screen and (max-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-viewer .container .screen {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-shadowlands #preorder-shadowlands-viewer .container .screen {
    width: 45%;
  }
}
#preorder-shadowlands #preorder-shadowlands-notifyme .mailinglist {
  display: flex;
}
#preorder-shadowlands #preorder-shadowlands-notifyme .mailinglist .emailentry {
  width: 70%;
  height: 4rem;
}
#preorder-shadowlands #preorder-shadowlands-notifyme .mailinglist .emailentry input {
  margin-bottom: 0;
}
#preorder-shadowlands #preorder-shadowlands-notifyme .mailinglist .emailentry .form-error {
  margin-top: 0;
}
#preorder-shadowlands #preorder-shadowlands-notifyme .mailinglist .button {
  margin-bottom: 1rem;
  height: 2.4375rem;
}

#preorder-classic-tbc .preorder-proceed {
  background-color: #111;
  padding: 0.5rem 0 0.5rem 0;
}
#preorder-classic-tbc .preorder-proceed .container {
  text-align: center;
}
#preorder-classic-tbc .preorder-proceed .container .continue {
  color: #e5e5e5;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.5rem 0.8rem;
  animation: colorchange 10s infinite;
}
@keyframes colorchange {
  0% {
    color: #e5e5e5;
  }
  50% {
    color: #fe6100;
  }
  100% {
    color: #e5e5e5;
  }
}
#preorder-classic-tbc .preorder-proceed .container .continue:hover {
  color: #fe6100;
}
#preorder-classic-tbc .intro {
  background: url("/images/preorder/classic-tbc/bgr-classic-tbc.jpg") bottom center no-repeat;
  background-position-y: 45%;
  color: #fff;
  overflow: hidden;
}
@media print, screen and (max-width: 64rem) {
  #preorder-classic-tbc .intro {
    background-color: #202125;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic-tbc .intro {
    height: 46rem;
    background-color: #000;
  }
}
#preorder-classic-tbc .intro .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
#preorder-classic-tbc .intro .container h1 {
  width: 100%;
  font-weight: 300;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  text-align: center;
  letter-spacing: 0.05px;
}
@media print, screen and (max-width: 64rem) {
  #preorder-classic-tbc .intro .container h1 {
    padding-top: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic-tbc .intro .container h1 {
    padding-top: 3rem;
    position: absolute;
  }
}
#preorder-classic-tbc .intro .container h1 strong {
  font-weight: 600;
}
@media print, screen and (max-width: 64rem) {
  #preorder-classic-tbc .intro .container .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic-tbc .intro .container .text {
    width: 31rem;
    margin-top: 9rem;
  }
}
#preorder-classic-tbc .intro .container .text .bubble {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  padding: 1rem;
  backdrop-filter: blur(8px);
}
#preorder-classic-tbc .intro .container .text p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
}
#preorder-classic-tbc .intro .container .text .button {
  display: block;
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
@media print, screen and (max-width: 64rem) {
  #preorder-classic-tbc .intro .container .text .button {
    line-height: 1.5rem;
  }
}
#preorder-classic-tbc .intro .container .text .button.elite {
  border-color: #f0f0f0;
  color: #f0f0f0;
}
#preorder-classic-tbc .intro .container .text .button.elite small {
  line-height: 1.2rem;
}
#preorder-classic-tbc .intro .container .mascot {
  background-image: url("/images/preorder/classic-tbc/mascot-classic-tbc.png");
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 64rem) {
  #preorder-classic-tbc .intro .container .mascot {
    width: 100%;
    height: 15rem;
    background-size: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic-tbc .intro .container .mascot {
    align-self: flex-end;
    height: 46.375rem;
    width: 37.5rem;
    margin-right: -3rem;
    margin-top: 2rem;
  }
}
#preorder-classic-tbc .content {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 64rem) {
  #preorder-classic-tbc .content {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic-tbc .content {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic-tbc .content .common-3screens {
    margin-top: 4rem;
  }
}
#preorder-classic-tbc .additional {
  background-color: #fff;
}
@media print, screen and (max-width: 64rem) {
  #preorder-classic-tbc .additional {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic-tbc .additional {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic-tbc .additional .common-icons-2columns {
    margin-top: 4rem;
  }
}
#preorder-classic-tbc .additional .common-icons-2columns .faction {
  background-image: url("/images/icons/orange/exclamation.svg");
}
#preorder-classic-tbc .additional .common-icons-2columns .gold {
  background-image: url("/images/icons/orange/goldcoin.svg");
}
#preorder-classic-tbc .additional .common-icons-2columns .flying {
  background-image: url("/images/icons/orange/wing.svg");
}
#preorder-classic-tbc .additional .common-icons-2columns .viewer {
  background-image: url("/images/icons/orange/tabs.svg");
}

#preorder-classic-wotlk .preorder-proceed {
  background-color: #111;
  padding: 0.5rem 0 0.5rem 0;
}
#preorder-classic-wotlk .preorder-proceed .container {
  text-align: center;
}
#preorder-classic-wotlk .preorder-proceed .container .continue {
  color: #e5e5e5;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.5rem 0.8rem;
  animation: colorchange 10s infinite;
}
@keyframes colorchange {
  0% {
    color: #e5e5e5;
  }
  50% {
    color: #fe6100;
  }
  100% {
    color: #e5e5e5;
  }
}
#preorder-classic-wotlk .preorder-proceed .container .continue:hover {
  color: #fe6100;
}
#preorder-classic-wotlk #preorder-classic-wotlk-intro {
  background: url("/images/preorder/classic-wotlk/bgr-wotlk.jpg") bottom center no-repeat;
  color: #fff;
  background-size: cover;
  background-position-y: 90%;
  overflow: hidden;
}
@media print, screen and (max-width: 64rem) {
  #preorder-classic-wotlk #preorder-classic-wotlk-intro {
    background-color: #202125;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic-wotlk #preorder-classic-wotlk-intro {
    height: 46rem;
    background-color: #000;
  }
}
#preorder-classic-wotlk #preorder-classic-wotlk-intro .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media print, screen and (max-width: 64rem) {
  #preorder-classic-wotlk #preorder-classic-wotlk-intro .container .text {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic-wotlk #preorder-classic-wotlk-intro .container .text {
    width: 30rem;
  }
}
#preorder-classic-wotlk #preorder-classic-wotlk-intro .container .text h1 {
  width: 100%;
  font-weight: 300;
  text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000;
  letter-spacing: 0.05px;
  text-align: center;
}
@media print, screen and (max-width: 64rem) {
  #preorder-classic-wotlk #preorder-classic-wotlk-intro .container .text h1 {
    padding-top: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic-wotlk #preorder-classic-wotlk-intro .container .text h1 {
    padding-top: 3rem;
  }
}
#preorder-classic-wotlk #preorder-classic-wotlk-intro .container .text h1 strong {
  font-weight: 600;
}
#preorder-classic-wotlk #preorder-classic-wotlk-intro .container .text .text-box {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  padding: 0.5rem 1rem;
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic-wotlk #preorder-classic-wotlk-intro .container .text .text-box {
    margin-top: 3rem;
  }
}
#preorder-classic-wotlk #preorder-classic-wotlk-intro .container .text .text-box p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000;
}
#preorder-classic-wotlk #preorder-classic-wotlk-intro .container .text .text-box .button {
  display: block;
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
@media print, screen and (max-width: 64rem) {
  #preorder-classic-wotlk #preorder-classic-wotlk-intro .container .text .text-box .button {
    line-height: 1.5rem;
  }
}
#preorder-classic-wotlk #preorder-classic-wotlk-intro .container .text .text-box .button.elite {
  border-color: #f0f0f0;
  color: #f0f0f0;
}
#preorder-classic-wotlk #preorder-classic-wotlk-intro .container .text .text-box .button.elite small {
  line-height: 1.2rem;
}
#preorder-classic-wotlk #preorder-classic-wotlk-intro .container .mascot {
  background-image: url("/images/preorder/classic-wotlk/mascot-classic-wotlk.png");
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 64rem) {
  #preorder-classic-wotlk #preorder-classic-wotlk-intro .container .mascot {
    width: 100%;
    height: 30rem;
    background-size: contain;
    background-position: center center;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic-wotlk #preorder-classic-wotlk-intro .container .mascot {
    align-self: flex-end;
    height: 46.0625rem;
    width: 34.375rem;
    margin-right: -3rem;
  }
}
#preorder-classic-wotlk #preorder-classic-wotlk-keyupdates {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 64rem) {
  #preorder-classic-wotlk #preorder-classic-wotlk-keyupdates {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic-wotlk #preorder-classic-wotlk-keyupdates {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic-wotlk #preorder-classic-wotlk-keyupdates h2 {
    margin-bottom: 2rem;
  }
}
#preorder-classic-wotlk #preorder-classic-wotlk-additional {
  background-color: #fff;
}
@media print, screen and (max-width: 64rem) {
  #preorder-classic-wotlk #preorder-classic-wotlk-additional {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic-wotlk #preorder-classic-wotlk-additional {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64rem) {
  #preorder-classic-wotlk #preorder-classic-wotlk-additional .common-icons-3columns {
    margin-top: 4rem;
  }
}
#preorder-classic-wotlk #preorder-classic-wotlk-additional .common-icons-3columns .dailies {
  background-image: url("/images/icons/orange/exclamation.svg");
}
#preorder-classic-wotlk #preorder-classic-wotlk-additional .common-icons-3columns .argent {
  background-image: url("/images/icons/orange/argent.svg");
}
#preorder-classic-wotlk #preorder-classic-wotlk-additional .common-icons-3columns .profession {
  background-image: url("/images/icons/orange/graduation-hat.svg");
}
#preorder-classic-wotlk #preorder-classic-wotlk-notifyme .mailinglist {
  display: flex;
}
#preorder-classic-wotlk #preorder-classic-wotlk-notifyme .mailinglist .emailentry {
  width: 70%;
  height: 4rem;
}
#preorder-classic-wotlk #preorder-classic-wotlk-notifyme .mailinglist .emailentry input {
  margin-bottom: 0;
}
#preorder-classic-wotlk #preorder-classic-wotlk-notifyme .mailinglist .emailentry .form-error {
  margin-top: 0;
}
#preorder-classic-wotlk #preorder-classic-wotlk-notifyme .mailinglist .button {
  margin-bottom: 1rem;
  height: 2.4375rem;
}

#preorder-df {
  /*
  #preorder-df-intro-text-desktop {
  	@include breakpoint(medium down) { // for mobiles 
  		display: none;
  	}

  	@include breakpoint(large) { // for desktop
  		position: absolute;
  		top: 40vh;
  		height: 100vh;
  		width:100%;		
  		z-index: 1;
  	}

  	.text {

  		color: $white;
  		width:32rem;

  		.header-box {
  			margin-bottom: 10rem;
  			background: url("/images/icons/white/arrow-long-down.svg") bottom center no-repeat;
  			background-size: 2rem;	
  			padding-bottom: 5rem;

  			h1 {
  				width: 100%;
  				font-weight: 300;
  				text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  				letter-spacing: 0.05px;
  				text-align: center;
  				margin-bottom: 0.5rem;
  				font-size: 3rem;

  				@include breakpoint(large) { // for desktop 
  					// margin-top: 2rem;
  					// padding: 0.7rem 0.5rem;
  				}

  				strong {
  					font-weight: 600;
  				}
  			}

  			h3 {
  				text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  				text-align: center;
  				background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(0,0,0,0.5), rgba(255,0,0,0));
  				padding: 0.3rem 0;
  			}

  			.buttons {
  				margin: 1.5rem 2rem;
  				@include flex;
  				@include flex-align(justify, null);
  			}
  		}

  		#preorder-df-intro-text-desktop-mainbox {
  			padding-top: 20vh;
  		}

  		.headline-box {
  			width: 100%;
  			font-weight: 300;
  			font-size: 1.4rem;
  			text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  			letter-spacing: 0.05px;
  			text-align: center;
  			background-color: #2e2a3e;
  			border-radius: $global-radius;
  			border-bottom-left-radius: 0;
  			border-bottom-right-radius: 0;
  			border-top: 1px solid #1a1921;
  			border-left: 1px solid #1a1921;
  			border-right: 1px solid #1a1921;
  			margin-bottom: 0;
  			padding: 0.7rem 0.5rem;		
  		}

  		.text-box {
  			background-color: rgba($color: #1a1921, $alpha: 0.5);
  			border-radius: $global-radius;
  			border-top-left-radius: 0;
  			border-top-right-radius: 0;
  			border-bottom: 1px solid #1a1921;
  			border-left: 1px solid #1a1921;
  			border-right: 1px solid #1a1921;
  			backdrop-filter: blur(3px);
  			padding: 0.7rem 1rem;

  			@include breakpoint(large) { // for desktop 
  				// margin-top:3rem;
  			}

  			p {
  				font-size: .95rem;
  				text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000;
  			}

  			.button {
  				@include breakpoint(medium down) { // for mobiles 
  					line-height: 1.5rem;
  				}

  				display: block;
  				width: 100%;
  				margin-top: 1.5rem;
  				margin-bottom: 0.5rem;

  				&.elite {
  					border-color: $off-white;
  					color: $off-white;

  					small {
  						line-height: 1.2rem;
  					}
  				}
  			}	
  		}

  	}
  }

  .preorder-df-intro-container {
  	@include breakpoint(large) { // for desktop
  		height: 200vh;
  		position: relative;
  		background-color: $off-white;
  	}
  }
  	*/
}
#preorder-df .preorder-proceed {
  background-color: #111;
  padding: 0.5rem 0 0.5rem 0;
}
#preorder-df .preorder-proceed .container {
  text-align: center;
}
#preorder-df .preorder-proceed .container .continue {
  color: #e5e5e5;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.5rem 0.8rem;
  animation: colorchange 10s infinite;
}
@keyframes colorchange {
  0% {
    color: #e5e5e5;
  }
  50% {
    color: #fe6100;
  }
  100% {
    color: #e5e5e5;
  }
}
#preorder-df .preorder-proceed .container .continue:hover {
  color: #fe6100;
}
#preorder-df #preorder-df-intro {
  background: url("/images/preorder/df/bgr-df.jpg") bottom center no-repeat;
  color: #fff;
  background-size: cover;
  background-position-y: 90%;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  #preorder-df #preorder-df-intro {
    background-color: #202125;
  }
}
@media print, screen and (min-width: 64em) {
  #preorder-df #preorder-df-intro {
    height: 60rem;
    background-color: #000;
  }
}
#preorder-df #preorder-df-intro .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  /*
  .text-mobile {
  	@include breakpoint(medium down) { // for mobiles 
  		width:100%;
  	}

  	@include breakpoint(large) { // for desktop 
  		width:32rem;
  		visibility: hidden;
  	}

  	h1 {
  		width: 100%;
  		font-weight: 300;
  		text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  		letter-spacing: 0.05px;
  		text-align: center;
  		background-color: #2e2a3e;
  		border-radius: $global-radius;
  		border-bottom-left-radius: 0;
  		border-bottom-right-radius: 0;
  		border-top: 1px solid #1a1921;
  		border-left: 1px solid #1a1921;
  		border-right: 1px solid #1a1921;
  		margin-bottom: 0;

  		@include breakpoint(medium down) { // for mobiles 
  			margin-top: 1rem;
  			padding: 0.7rem 0.5rem;
  		}

  		@include breakpoint(large) { // for desktop 
  			margin-top: 2rem;
  			padding: 0.7rem 0.5rem;
  		}

  		strong {
  			font-weight: 600;
  		}
  	}

  	.text-box {
  		background-color: rgba($color: #1a1921, $alpha: 0.5);
  		border-radius: $global-radius;
  		border-top-left-radius: 0;
  		border-top-right-radius: 0;
  		border-bottom: 1px solid #1a1921;
  		border-left: 1px solid #1a1921;
  		border-right: 1px solid #1a1921;
  		backdrop-filter: blur(3px);
  		padding: 0.7rem 1rem;

  		@include breakpoint(large) { // for desktop 
  			// margin-top:3rem;
  		}

  		p {
  			font-size: .95rem;
  			text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000;
  		}

  		.button {
  			@include breakpoint(medium down) { // for mobiles 
  				line-height: 1.5rem;
  			}

  			display: block;
  			width: 100%;
  			margin-top: 1.5rem;
  			margin-bottom: 0.5rem;

  			&.elite {
  				border-color: $off-white;
  				color: $off-white;

  				small {
  					line-height: 1.2rem;
  				}
  			}
  		}	
  	}
  }
  */
}
@media print, screen and (min-width: 64em) {
  #preorder-df #preorder-df-intro .container {
    height: 90%;
  }
}
#preorder-df #preorder-df-intro .container .text {
  color: #fff;
  width: 32rem;
}
@media print, screen and (max-width: 63.99875em) {
  #preorder-df #preorder-df-intro .container .text {
    margin: auto;
  }
}
#preorder-df #preorder-df-intro .container .text .header-box {
  background: url("/images/icons/white/arrow-long-down.svg") bottom center no-repeat;
  background-size: 2rem;
  padding-bottom: 1rem;
}
@media print, screen and (max-width: 63.99875em) {
  #preorder-df #preorder-df-intro .container .text .header-box {
    margin-bottom: 1.5rem;
    margin-top: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  #preorder-df #preorder-df-intro .container .text .header-box {
    margin-bottom: 5rem;
  }
}
#preorder-df #preorder-df-intro .container .text .header-box h1 {
  width: 100%;
  letter-spacing: 0.05px;
  text-align: center;
  margin-bottom: 0.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  #preorder-df #preorder-df-intro .container .text .header-box h1 {
    text-shadow: -1px -1px 1px #392c40, 1px -1px 1px #392c40, -1px 1px 1px #392c40, 1px 1px 1px #392c40;
    font-size: 1.8rem;
    font-weight: 400;
  }
}
@media print, screen and (min-width: 64em) {
  #preorder-df #preorder-df-intro .container .text .header-box h1 {
    font-weight: 300;
    font-size: 3rem;
    text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  }
}
@media print, screen and (max-width: 63.99875em) {
  #preorder-df #preorder-df-intro .container .text .header-box h1 strong {
    font-weight: 700;
  }
}
@media print, screen and (min-width: 64em) {
  #preorder-df #preorder-df-intro .container .text .header-box h1 strong {
    font-weight: 600;
  }
}
#preorder-df #preorder-df-intro .container .text .header-box h3 {
  text-align: center;
  padding: 0.3rem 0;
}
@media print, screen and (max-width: 63.99875em) {
  #preorder-df #preorder-df-intro .container .text .header-box h3 {
    background-image: linear-gradient(to right, rgba(104, 85, 115, 0), rgba(104, 85, 115, 0.9), rgba(104, 85, 115, 0));
    text-shadow: -1px -1px 1px #392c40, 1px -1px 1px #392c40, -1px 1px 1px #392c40, 1px 1px 1px #392c40;
  }
}
@media print, screen and (min-width: 64em) {
  #preorder-df #preorder-df-intro .container .text .header-box h3 {
    background-image: linear-gradient(to right, rgba(46, 42, 62, 0), rgba(46, 42, 62, 0.5), rgba(46, 42, 62, 0));
    text-shadow: -1px -1px 1px #2e2a3e, 1px -1px 1px #2e2a3e, -1px 1px 1px #2e2a3e, 1px 1px 1px #2e2a3e;
  }
}
#preorder-df #preorder-df-intro .container .text .header-box .buttons {
  display: flex;
  justify-content: space-between;
}
@media print, screen and (max-width: 63.99875em) {
  #preorder-df #preorder-df-intro .container .text .header-box .buttons {
    margin: 1.5rem 0.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  #preorder-df #preorder-df-intro .container .text .header-box .buttons {
    margin: 1.5rem 2rem;
  }
}
#preorder-df #preorder-df-intro .container .text .headline-box {
  width: 100%;
  font-weight: 300;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  letter-spacing: 0.05px;
  text-align: center;
  background-color: #2e2a3e;
  border-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top: 1px solid #1a1921;
  border-left: 1px solid #1a1921;
  border-right: 1px solid #1a1921;
  margin-bottom: 0;
  padding: 0.7rem 0.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  #preorder-df #preorder-df-intro .container .text .headline-box {
    font-size: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  #preorder-df #preorder-df-intro .container .text .headline-box {
    font-size: 1.4rem;
  }
}
#preorder-df #preorder-df-intro .container .text .text-box {
  background-color: rgba(26, 25, 33, 0.5);
  border-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom: 1px solid #1a1921;
  border-left: 1px solid #1a1921;
  border-right: 1px solid #1a1921;
  backdrop-filter: blur(3px);
  padding: 0.7rem 1rem;
}
@media print, screen and (max-width: 63.99875em) {
  #preorder-df #preorder-df-intro .container .text .text-box {
    margin-bottom: 0.5rem;
  }
}
#preorder-df #preorder-df-intro .container .text .text-box p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000;
}
#preorder-df #preorder-df-intro .container .text .text-box .button {
  display: block;
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  #preorder-df #preorder-df-intro .container .text .text-box .button {
    line-height: 1.5rem;
  }
}
#preorder-df #preorder-df-intro .container .text .text-box .button.elite {
  border-color: #f0f0f0;
  color: #f0f0f0;
}
#preorder-df #preorder-df-intro .container .text .text-box .button.elite small {
  line-height: 1.2rem;
}
#preorder-df #preorder-df-intro .container .mascot {
  background-image: url("/images/preorder/df/mascot-df.png");
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  #preorder-df #preorder-df-intro .container .mascot {
    width: 100%;
    height: 30rem;
    background-size: contain;
    background-position: center center;
    margin-bottom: 0.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  #preorder-df #preorder-df-intro .container .mascot {
    align-self: flex-end;
    height: 46.0625rem;
    width: 34.375rem;
    margin-right: -3rem;
  }
}
#preorder-df #preorder-df-keyupdates {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 63.99875em) {
  #preorder-df #preorder-df-keyupdates {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  #preorder-df #preorder-df-keyupdates {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64em) {
  #preorder-df #preorder-df-keyupdates h2 {
    margin-bottom: 2rem;
  }
}
#preorder-df #preorder-df-additional {
  background-color: #fff;
}
@media print, screen and (max-width: 63.99875em) {
  #preorder-df #preorder-df-additional {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  #preorder-df #preorder-df-additional {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64em) {
  #preorder-df #preorder-df-additional .common-icons-3columns {
    margin-top: 4rem;
  }
}
#preorder-df #preorder-df-additional .common-icons-3columns .dungeon {
  background-image: url("/images/icons/orange/portal.svg");
}
#preorder-df #preorder-df-additional .common-icons-3columns .other {
  background-image: url("/images/icons/orange/update.svg");
}
#preorder-df #preorder-df-additional .common-icons-3columns .viewer {
  background-image: url("/images/icons/orange/guide-arrow.svg");
}
#preorder-df #preorder-df-notifyme .mailinglist {
  display: flex;
}
#preorder-df #preorder-df-notifyme .mailinglist .emailentry {
  width: 70%;
  height: 4rem;
}
#preorder-df #preorder-df-notifyme .mailinglist .emailentry input {
  margin-bottom: 0;
}
#preorder-df #preorder-df-notifyme .mailinglist .emailentry .form-error {
  margin-top: 0;
}
#preorder-df #preorder-df-notifyme .mailinglist .button {
  margin-bottom: 1rem;
  height: 2.4375rem;
}

/* latin */
@font-face {
  font-family: "Open Sans Condensed";
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuXMRw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: "Open Sans Condensed Bold";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMRw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
#preorder-tww #preorder-tww-intro {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("/comingsoon_src/tww/img/intro-bgr.jpg");
  position: relative;
}
#preorder-tww #preorder-tww-intro .blackbar {
  width: 100%;
  position: absolute;
  top: 100px;
  height: 100px;
  background-image: radial-gradient(ellipse 100% 2000% at center, black 600px, transparent 50%);
}
#preorder-tww #preorder-tww-intro .blackbar-inner {
  content: "";
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
#preorder-tww #preorder-tww-intro .blackbar-inner .bar {
  position: absolute;
  top: 100px;
  width: 100%;
}
#preorder-tww #preorder-tww-intro .blackbar-inner .bar .bar-contents {
  width: 100%;
  height: 100px;
  background: black;
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#preorder-tww #preorder-tww-intro .blackbar-inner .bar .bar-contents .bar-text {
  color: white;
}
#preorder-tww #preorder-tww-intro .blackbar-inner .bar .bar-contents .bar-text strong {
  font-size: 1.15em;
}
#preorder-tww #preorder-tww-intro .blackbar-inner .bar .bar-contents .bar-left {
  padding-right: 1em;
  text-align: right;
}
#preorder-tww #preorder-tww-intro .blackbar-inner .bar .bar-contents .bar-left-arr {
  content: url("/comingsoon_src/tww/img/lines-orange-left.png");
}
#preorder-tww #preorder-tww-intro .blackbar-inner .bar .bar-contents .bar-middlespace {
  width: 30rem;
}
#preorder-tww #preorder-tww-intro .blackbar-inner .bar .bar-contents .bar-right-arr {
  content: url("/comingsoon_src/tww/img/lines-orange-right.png");
}
#preorder-tww #preorder-tww-intro .blackbar-inner .bar .bar-contents .bar-right {
  text-align: left;
  padding-left: 1em;
}
#preorder-tww #preorder-tww-intro .blackbar-inner .tww-logo-cont {
  position: absolute;
  top: 45px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
#preorder-tww #preorder-tww-intro .blackbar-inner .tww-logo-cont .tww-logo {
  position: relative;
}
#preorder-tww #preorder-tww-intro .blackbar-inner .tww-logo-cont .tww-logo img.tww-img {
  height: 200px;
  transition: filter 1s, transform 1s;
}
#preorder-tww #preorder-tww-intro .blackbar-inner .tww-logo-cont .tww-logo img.tww-img:hover {
  filter: brightness(1.1);
  transform: scale(1.02);
}
#preorder-tww #preorder-tww-intro .blackbar-inner .tww-logo-cont .tww-logo .tww-logo-glow {
  background: url("/images/home/tww/comingsoon/banner-glow.png");
  background-size: 100% auto;
  mix-blend-mode: screen;
  filter: sepia(100%) hue-rotate(340deg) brightness(80%) saturate(420%);
  position: absolute;
  width: 380px;
  height: 380px;
  left: -93px;
  top: -87px;
  transition: opacity 1s;
  pointer-events: none;
  z-index: 3;
}
#preorder-tww #preorder-tww-intro .blackbar-inner .tww-logo-cont .tww-logo .tww-logo-glow1 {
  animation: spinleft 40s linear infinite;
  opacity: 0.25;
}
#preorder-tww #preorder-tww-intro .blackbar-inner .tww-logo-cont .tww-logo .tww-logo-glow2 {
  animation: spinright 67s linear infinite;
  opacity: 0.2;
}
#preorder-tww #preorder-tww-intro .content {
  margin-top: 260px;
  color: #fff;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 300;
  width: 46.875rem;
}
#preorder-tww #preorder-tww-intro .content .button {
  margin-top: 4rem;
  margin-bottom: 3rem;
}
#preorder-tww #preorder-tww-intro .readmore {
  display: block;
  margin: auto;
  text-align: center;
  color: white;
  margin-top: 1rem;
}
#preorder-tww #preorder-tww-intro .readmore1 {
  margin-top: 0.5rem;
  font-size: 1.0625rem;
}
#preorder-tww #preorder-tww-intro .readmore2 {
  margin-bottom: -24px;
  content: url("/comingsoon_src/tww/img/lines-bluearrow.png");
}
#preorder-tww .button.glassy {
  background: linear-gradient(135deg, #fe6100 50%, #fe871c 50%, #fe6100);
  transition: all 0.5s;
  border: none;
  border-radius: 0.125rem;
  filter: drop-shadow(rgba(50, 30, 0, 0.3) 0px 4px 3px);
  margin: auto;
  padding: 0.625rem;
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  width: 25rem;
  height: 5rem;
  font-size: 1.25rem;
  font-weight: 400;
  text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px, rgba(0, 0, 0, 0.1) -1px 1px 2px, rgba(0, 0, 0, 0.1) 1px -1px 2px, rgba(0, 0, 0, 0.1) -1px -1px 2px;
}
#preorder-tww .button.glassy:hover {
  background: linear-gradient(135deg, #fe871c 50%, #fa7 50%, #fe871c);
  transform: scale(1.05);
}
#preorder-tww .button.glassy b {
  font-size: 1.75rem;
  font-weight: 900;
  line-height: 1.625rem;
}
#preorder-tww .splitlines {
  width: 1300px;
  height: 50px;
  text-align: center;
  margin: auto;
}
#preorder-tww .splitlines.split {
  margin-top: 10px;
  margin-bottom: -10px;
  background: url("/comingsoon_src/tww/img/lines-top-1.png") no-repeat center;
}
#preorder-tww .splitlines.split2 {
  margin-top: 10px;
  margin-bottom: -10px;
  background: url("/comingsoon_src/tww/img/lines-top-2.png") no-repeat center;
}
#preorder-tww .splitlines.join {
  background: url("/comingsoon_src/tww/img/lines-bottom-1.png") no-repeat center;
  height: 5.625rem;
  margin-top: -20px;
}
#preorder-tww .splitlines.end {
  background: url("/comingsoon_src/tww/img/lines-bottom-2.png") no-repeat center;
  height: 4.6875rem;
  margin-top: -20px;
}
#preorder-tww .header1 {
  text-align: center;
}
#preorder-tww .header1 .size1 {
  font-size: 20px;
  padding: 0;
  margin: 0;
}
#preorder-tww .header1 .size2 {
  font-size: 18px;
  padding: 0;
  margin: 0;
}
#preorder-tww .header1 b {
  font-size: 22px;
  font-weight: bold;
  color: #fe6100;
}
#preorder-tww #preorder-classic-wotlk-keyupdates {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 63.99875em) {
  #preorder-tww #preorder-classic-wotlk-keyupdates {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  #preorder-tww #preorder-classic-wotlk-keyupdates {
    padding-top: 3rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64em) {
  #preorder-tww #preorder-classic-wotlk-keyupdates h2 {
    margin-bottom: 2rem;
  }
}
#preorder-tww .iconcircle {
  position: absolute;
  top: calc((4.875rem + 0.125rem) / -2);
  text-align: center;
  width: 100%;
}
#preorder-tww .iconcircle .back {
  width: 4.875rem;
  height: 4.875rem;
  border: 0.125rem solid #cecece;
  border-radius: calc(4.875rem / 2);
  margin: auto;
  display: flex;
  align-items: center;
  right: unset;
  top: unset;
  position: unset;
}
#preorder-tww .iconcircle .back .img {
  width: 3.75rem;
  height: 3.75rem;
  margin: auto;
  position: relative;
}
#preorder-tww .iconcircle.dark .back {
  background: linear-gradient(180deg, #333 0%, #111 100%);
}
#preorder-tww .iconcircle.orange .back {
  background: linear-gradient(180deg, #fe871c, #fe6100);
}
#preorder-tww .common-3screens .screen {
  position: relative;
  width: 21.875rem;
  height: 13.75rem;
  margin-top: calc(4.875rem / 2);
  color: white;
  background-size: cover;
}
#preorder-tww .common-3screens .screen.with-icon {
  padding-top: calc(4.875rem / 1.5);
}
#preorder-tww .common-3screens .screen.screen-xp {
  background-image: url("/comingsoon_src/tww/img/blurb-1.jpg");
}
#preorder-tww .common-3screens .screen.screen-xp .iconcircle .img {
  content: url("/images/icons/color/guides/retail-leveling.svg");
}
#preorder-tww .common-3screens .screen.screen-daily {
  background-image: url("/comingsoon_src/tww/img/blurb-2.jpg");
}
#preorder-tww .common-3screens .screen.screen-daily .iconcircle .img {
  content: url("/images/icons/color/guides/retail-dailies.svg");
}
#preorder-tww .common-3screens .screen.screen-dungeon {
  background-image: url("/comingsoon_src/tww/img/blurb-3.jpg");
}
#preorder-tww .common-3screens .screen.screen-dungeon .iconcircle .img {
  content: url("/images/icons/color/guides/retail-dungeon.svg");
}
#preorder-tww .common-3screens .screen h4 {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, black 50%, rgba(0, 0, 0, 0.5) 100%);
  font-weight: 700;
  font-size: 1rem;
  height: 30px;
  padding: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#preorder-tww .common-3screens .screen .text {
  margin-top: 16px;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(2px);
  font-size: 14px;
  height: 123px;
  padding: 1.25rem;
  display: flex;
  align-items: center;
}
#preorder-tww .common-3screens .screen .text p {
  line-height: 1.5;
  margin: 0px;
}
#preorder-tww .wideimage {
  position: relative;
  background: black;
  position: relative;
  margin-top: -2.5rem;
  padding-top: calc(4.875rem / 1.5);
}
#preorder-tww .wideimage > .back {
  position: absolute;
  width: 100%;
  height: 31rem;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
}
#preorder-tww .wideimage > .back.back1 {
  background-image: url("/comingsoon_src/tww/img/warbands-bgr.jpg");
}
#preorder-tww .wideimage > .back.back2 {
  background-image: url("/comingsoon_src/tww/img/earlyaccess-bgr.jpg");
}
#preorder-tww .wideimage .iconcircle.fire .img {
  content: url("/images/icons/color/guides/tww-warbands.svg");
}
#preorder-tww .wideimage .iconcircle.crown .img {
  content: url("/images/icons/color/crown.svg");
}
#preorder-tww .wideimage .content {
  width: 1200px;
  height: 360px;
  margin: auto;
  position: relative;
}
#preorder-tww .wideimage .content img.mascot {
  position: absolute;
  top: -80px;
  right: 20px;
  filter: drop-shadow(0px 2px 4px black);
  z-index: 3;
}
#preorder-tww .wideimage .content img.mascot.mascot1 {
  width: 360px;
  height: 540px;
  content: url("/comingsoon_src/tww/img/warbands-mascot.png");
}
#preorder-tww .wideimage .content img.mascot.mascot2 {
  top: -83px;
  width: 615px;
  height: 540px;
  content: url("/comingsoon_src/tww/img/earlyaccess-mascot.png");
}
#preorder-tww .wideimage .content .textbox {
  color: white;
  width: 30em;
  position: absolute;
}
#preorder-tww .wideimage .content .textbox h1, #preorder-tww .wideimage .content .textbox h2 {
  font-family: "Open Sans Condensed Bold", helvetica, sans-serif;
}
#preorder-tww .wideimage .content .textbox h1 {
  font-size: 36px;
  text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px, rgba(0, 0, 0, 0.2) -1px 1px 2px, rgba(0, 0, 0, 0.2) 1px -1px 2px, rgba(0, 0, 0, 0.2) -1px -1px 2px;
  margin: 0;
}
#preorder-tww .wideimage .content .textbox h2 {
  text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px, rgba(0, 0, 0, 0.2) -1px 1px 2px, rgba(0, 0, 0, 0.2) 1px -1px 2px, rgba(0, 0, 0, 0.2) -1px -1px 2px;
  font-size: 30px;
}
#preorder-tww .wideimage .blackbarmini {
  color: #fe6100;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, black 50%, rgba(0, 0, 0, 0.5) 100%);
  font-size: 1.4em;
  font-weight: bold;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
#preorder-tww .wideimage .dots {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  margin: auto;
  width: 3.75rem;
  z-index: 2;
}
#preorder-tww .wideimage .dots .dot {
  font-size: 1.5rem;
}
#preorder-tww .wideimage .dots .dot.orange {
  color: #fe6100;
}
#preorder-tww .wideimage .dots .dot.black {
  color: black;
}
#preorder-tww .common-3boxes {
  display: flex;
  justify-content: space-around;
}
#preorder-tww .common-3boxes ._box {
  position: relative;
  width: 21.875rem;
  height: 13.75rem;
  margin-top: calc(4.875rem / 2);
  color: black;
  border: 2px solid #e7e7e7;
  background: linear-gradient(180deg, white 0%, #f1f1f1 100%);
}
#preorder-tww .common-3boxes ._box.with-icon {
  padding-top: calc(4.875rem / 1.5);
}
#preorder-tww .common-3boxes ._box.box-update .iconcircle .img {
  content: url("/images/icons/white/update.svg");
}
#preorder-tww .common-3boxes ._box.box-features .iconcircle .img {
  content: url("/images/icons/white/guide-arrow.svg");
}
#preorder-tww .common-3boxes ._box.box-event .iconcircle .img {
  content: url("/images/icons/white/calendar.svg");
}
#preorder-tww .common-3boxes ._box h4 {
  text-align: center;
  background-color: #e7e7e7;
  padding: 0.2rem 1rem;
}
#preorder-tww .common-3boxes ._box p {
  padding: 0px 1rem;
}
#preorder-tww .center {
  text-align: center;
  margin-bottom: 6.25rem;
}
#preorder-tww .center .graybox {
  width: 25rem;
  height: 5rem;
  margin: auto;
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background: linear-gradient(135deg, #ddd 50%, #eee 50%, #ddd);
}
#preorder-tww .center .graybox b {
  color: #fe6100;
}
#preorder-tww #preorder-classic-wotlk-additional {
  background-color: #fff;
}
@media print, screen and (max-width: 63.99875em) {
  #preorder-tww #preorder-classic-wotlk-additional {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  #preorder-tww #preorder-classic-wotlk-additional {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }
}
@media print, screen and (min-width: 64em) {
  #preorder-tww #preorder-classic-wotlk-additional .common-icons-3columns {
    margin-top: 4rem;
  }
}
#preorder-tww #preorder-classic-wotlk-additional .common-icons-3columns .iconcircle .dailies {
  background-image: url("/images/icons/orange/exclamation.svg");
}
#preorder-tww #preorder-classic-wotlk-additional .common-icons-3columns .iconcircle .argent {
  background-image: url("/images/icons/orange/argent.svg");
}
#preorder-tww #preorder-classic-wotlk-additional .common-icons-3columns .iconcircle .profession {
  background-image: url("/images/icons/orange/graduation-hat.svg");
}
#preorder-tww #preorder-classic-wotlk-notifyme .mailinglist {
  display: flex;
}
#preorder-tww #preorder-classic-wotlk-notifyme .mailinglist .emailentry {
  width: 70%;
  height: 4rem;
}
#preorder-tww #preorder-classic-wotlk-notifyme .mailinglist .emailentry input {
  margin-bottom: 0;
}
#preorder-tww #preorder-classic-wotlk-notifyme .mailinglist .emailentry .form-error {
  margin-top: 0;
}
#preorder-tww #preorder-classic-wotlk-notifyme .mailinglist .button {
  margin-bottom: 1rem;
  height: 2.4375rem;
}

/* latin */
@font-face {
  font-family: "Open Sans Condensed";
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuXMRw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: "Open Sans Condensed Bold";
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMRw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@keyframes logospinleft {
  0% {
    transform: scale(160%, 60%) rotate(0deg);
  }
  100% {
    transform: scale(160%, 60%) rotate(-360deg);
  }
}
@keyframes logospinright {
  0% {
    transform: scale(160%, 60%) rotate(0deg);
  }
  100% {
    transform: scale(160%, 60%) rotate(360deg);
  }
}
#preorder-classic-mop .intro {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("/comingsoon_src/classic-mop/img/top-bgr.jpg");
  background-position-y: 50%;
  position: relative;
  padding-bottom: 166px;
}
#preorder-classic-mop .intro .container {
  padding-top: 150px;
}
#preorder-classic-mop .intro .darkbox {
  content: "";
  height: 350px;
  width: 800px;
  display: flex;
  align-items: center;
  position: relative;
  background-image: radial-gradient(ellipse 100% 2000% at center, #05170d, rgba(19, 11, 8, 0.7) 32%, transparent 50%);
  flex-direction: column;
  padding-top: 100px;
  margin: auto;
}
#preorder-classic-mop .intro .darkbox .introtext {
  margin: auto;
  color: #f0f2cc;
  text-align: center;
  font-family: "myriad-pro-condensed", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.3rem;
  line-height: 1.5rem;
  width: 45%;
}
#preorder-classic-mop .intro .darkbox .--bar {
  position: absolute;
  top: 100px;
  width: 100%;
}
#preorder-classic-mop .intro .darkbox .--bar .bar-contents {
  width: 100%;
  height: 100px;
  background: black;
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#preorder-classic-mop .intro .darkbox .--bar .bar-contents .bar-text {
  color: white;
}
#preorder-classic-mop .intro .darkbox .--bar .bar-contents .bar-text strong {
  font-size: 1.15em;
}
#preorder-classic-mop .intro .darkbox .--bar .bar-contents .bar-left {
  padding-right: 1em;
  text-align: right;
}
#preorder-classic-mop .intro .darkbox .--bar .bar-contents .bar-left-arr {
  content: url("/images/preorder/classic-mop/lines-orange-left.png");
}
#preorder-classic-mop .intro .darkbox .--bar .bar-contents .bar-middlespace {
  width: 30rem;
}
#preorder-classic-mop .intro .darkbox .--bar .bar-contents .bar-right-arr {
  content: url("/images/preorder/classic-mop/lines-orange-right.png");
}
#preorder-classic-mop .intro .darkbox .--bar .bar-contents .bar-right {
  text-align: left;
  padding-left: 1em;
}
#preorder-classic-mop .intro .darkbox .logo-cont {
  position: absolute;
  top: -102px;
  width: 100%;
  height: 300px;
  display: flex;
  justify-content: center;
}
#preorder-classic-mop .intro .darkbox .logo-cont .logo {
  position: relative;
}
#preorder-classic-mop .intro .darkbox .logo-cont .logo img.logo-img {
  height: 200px;
  transition: filter 1s, transform 1s;
  filter: drop-shadow(0px 4px 6px rgba(68, 218, 189, 0.2));
  padding-left: 5px;
}
#preorder-classic-mop .intro .darkbox .logo-cont .logo img.logo-img:hover {
  filter: brightness(1.1) drop-shadow(0px 4px 6px rgba(68, 218, 189, 0.2));
  transform: scale(1.02);
}
#preorder-classic-mop .intro .darkbox .logo-cont .logo .logo-glow {
  background: url("/images/preorder/classic-mop/banner-glow.png");
  background-size: 100% auto;
  mix-blend-mode: screen;
  filter: sepia(100%) hue-rotate(460deg) brightness(80%) saturate(420%);
  position: absolute;
  width: 380px;
  height: 380px;
  top: -87px;
  transition: opacity 1s;
  pointer-events: none;
  z-index: 3;
}
#preorder-classic-mop .intro .darkbox .logo-cont .logo .logo-glow.logo-glow1 {
  animation: logospinleft 40s linear infinite;
  opacity: 0.25;
}
#preorder-classic-mop .intro .darkbox .logo-cont .logo .logo-glow.logo-glow2 {
  animation: logospinright 67s linear infinite;
  opacity: 0.2;
}
#preorder-classic-mop .intro .content {
  margin-top: 260px;
  color: #fff;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 300;
  width: 46.875rem;
}
#preorder-classic-mop .intro .content .button {
  margin-top: 4rem;
  margin-bottom: 3rem;
}
#preorder-classic-mop .intro .readmore {
  display: block;
  margin: auto;
  text-align: center;
  color: #cdcdcc;
  margin-top: 2rem;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#preorder-classic-mop .intro .readmore1 {
  margin-top: 0.5rem;
  font-size: 1rem;
}
#preorder-classic-mop .intro .readmore2 {
  margin-bottom: -24px;
  content: url("/images/preorder/classic-mop/lines-readmore.png");
}
#preorder-classic-mop .aurorabox {
  margin: -166px auto 0px auto;
  width: 554px;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
  padding: 15px;
  box-shadow: 0px 3px 9px 2px rgba(0, 0, 0, 0.5);
}
#preorder-classic-mop .aurorabox .topbar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #fe6100, #ff8032);
  z-index: 2;
}
#preorder-classic-mop .aurorabox .greengoo {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
#preorder-classic-mop .aurorabox h1 {
  font-family: "myriad-pro-semi-condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.3rem;
  color: #fe6100;
  position: relative;
  z-index: 2;
  text-align: center;
}
#preorder-classic-mop .aurorabox p {
  color: white;
  z-index: 2;
  position: relative;
  line-height: 1.5em;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.95em;
}
#preorder-classic-mop .aurorabox p em {
  font-style: normal;
  font-weight: bold;
  text-decoration: underline;
}
#preorder-classic-mop .aurorabox p:last-child {
  margin-bottom: 0;
}
#preorder-classic-mop .button.glassy {
  background: linear-gradient(135deg, #fe6100 50%, #fe871c 50%, #fe6100);
  transition: all 0.5s;
  border: none;
  border-radius: 0.125rem;
  filter: drop-shadow(rgba(50, 30, 0, 0.3) 0px 4px 3px);
  margin: auto;
  padding: 0.625rem;
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  width: 25rem;
  height: 5rem;
  font-size: 1.25rem;
  font-weight: 400;
  text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px, rgba(0, 0, 0, 0.1) -1px 1px 2px, rgba(0, 0, 0, 0.1) 1px -1px 2px, rgba(0, 0, 0, 0.1) -1px -1px 2px;
}
#preorder-classic-mop .button.glassy:hover {
  background: linear-gradient(135deg, #fe871c 50%, #fa7 50%, #fe871c);
  transform: scale(1.05);
}
#preorder-classic-mop .button.glassy b {
  font-size: 1.75rem;
  font-weight: 900;
  line-height: 1.625rem;
}
#preorder-classic-mop .header1 {
  text-align: center;
  margin-top: 2rem;
}
#preorder-classic-mop .header1 .size1 {
  font-family: "myriad-pro-semi-condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  padding: 0;
  margin: 0;
  font-weight: 600;
}
#preorder-classic-mop .header1 .size2 {
  font-size: 2rem;
  color: #fe6100;
  padding: 0;
  margin: 0;
  font-family: "myriad-pro-semi-condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
  padding-bottom: 2rem;
}
#preorder-classic-mop .header1 .size3 {
  font-size: 1rem;
  padding: 0;
  margin: 0;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  padding-top: 0.3rem;
  padding-bottom: 3rem;
}
#preorder-classic-mop #preorder-classic-wotlk-keyupdates {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 63.99875em) {
  #preorder-classic-mop #preorder-classic-wotlk-keyupdates {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  #preorder-classic-mop #preorder-classic-wotlk-keyupdates {
    padding-top: 3rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64em) {
  #preorder-classic-mop #preorder-classic-wotlk-keyupdates h2 {
    margin-bottom: 2rem;
  }
}
#preorder-classic-mop .iconcircle {
  position: absolute;
  top: calc((4.875rem + 0.125rem) / -2);
  text-align: center;
  width: 100%;
}
#preorder-classic-mop .iconcircle .back {
  width: 4.875rem;
  height: 4.875rem;
  border: 0.125rem solid #cecece;
  border-radius: calc(4.875rem / 2);
  margin: auto;
  display: flex;
  align-items: center;
  right: unset;
  top: unset;
  position: unset;
}
#preorder-classic-mop .iconcircle .back .img {
  width: 3.75rem;
  height: 3.75rem;
  margin: auto;
  position: relative;
}
#preorder-classic-mop .iconcircle.dark .back {
  background: linear-gradient(180deg, #333 0%, #111 100%);
}
#preorder-classic-mop .iconcircle.orange .back {
  background: linear-gradient(180deg, #fe871c, #fe6100);
}
#preorder-classic-mop .iconcircle.paw .img {
  content: url("/images/icons/color/paw.svg");
}
#preorder-classic-mop .iconcircle.crown .img {
  content: url("/images/icons/color/crown.svg");
}
#preorder-classic-mop .iconcircle-small {
  top: calc((3.4375rem + 0.125rem) / -2);
}
#preorder-classic-mop .iconcircle-small .back {
  width: 3.4375rem;
  height: 3.4375rem;
  border: 0.125rem solid #cecece;
  border-radius: calc(3.4375rem / 2);
  margin: auto;
}
#preorder-classic-mop .iconcircle-small .back .img {
  width: 2.625rem;
  height: 2.625rem;
}
#preorder-classic-mop .splitlines {
  width: 1300px;
  height: 50px;
  text-align: center;
  margin: auto;
  position: relative;
}
#preorder-classic-mop .splitlines.split {
  margin-top: 10px;
  margin-bottom: -10px;
  background: url("/images/preorder/classic-mop/lines-top-1.png") no-repeat center;
}
#preorder-classic-mop .splitlines.split2 {
  margin-top: 10px;
  margin-bottom: -10px;
  background: url("/images/preorder/classic-mop/lines-top-2.png") no-repeat center;
}
#preorder-classic-mop .splitlines.join {
  background: url("/images/preorder/classic-mop/lines-bottom-1.png") no-repeat center;
  height: 5.625rem;
}
#preorder-classic-mop .splitlines.end {
  background: url("/images/preorder/classic-mop/lines-bottom-2.png") no-repeat center;
  height: 4.6875rem;
}
#preorder-classic-mop .splitlines .iconcircle.retailleveling .img {
  content: url("/images/icons/color/guides/retail-leveling.svg");
}
#preorder-classic-mop .splitlines .iconcircle {
  width: 100px;
  position: relative;
  top: calc((4.875rem + 0.125rem) / -2 + 3px);
  margin: auto;
  text-align: center;
}
#preorder-classic-mop .common-3screens .screen {
  position: relative;
  width: 21.875rem;
  height: 13.75rem;
  margin-top: calc(4.875rem / 2);
  color: white;
  background-size: cover;
}
#preorder-classic-mop .common-3screens .screen.with-icon {
  padding-top: calc(4.875rem / 1.7);
}
#preorder-classic-mop .common-3screens .screen.with-smallicon {
  padding-top: calc(4.875rem / 1.7);
}
#preorder-classic-mop .common-3screens .screen.screen-90 {
  background-image: url("/images/preorder/classic-mop/boxes-leveling-90.jpg");
}
#preorder-classic-mop .common-3screens .screen.screen-90 .iconcircle .img {
  content: url("/images/icons/color/levelcap-90.svg");
}
#preorder-classic-mop .common-3screens .screen.screen-zones {
  background-image: url("/images/preorder/classic-mop/boxes-leveling-zones.jpg");
}
#preorder-classic-mop .common-3screens .screen.screen-zones .iconcircle .img {
  content: url("/images/icons/color/guide-arrow.svg");
}
#preorder-classic-mop .common-3screens .screen.screen-talents {
  background-image: url("/images/preorder/classic-mop/boxes-leveling-talents.jpg");
}
#preorder-classic-mop .common-3screens .screen.screen-talents .iconcircle .img {
  content: url("/images/icons/color/talent-advisor.svg");
}
#preorder-classic-mop .common-3screens .screen.screen-dungeons {
  background-image: url("/images/preorder/classic-mop/boxes-dungeons.jpg");
}
#preorder-classic-mop .common-3screens .screen.screen-dungeons .iconcircle .img {
  content: url("/images/icons/color/guides/retail-dungeon.svg");
}
#preorder-classic-mop .common-3screens .screen.screen-reputation {
  background-image: url("/images/preorder/classic-mop/boxes-reputation.jpg");
}
#preorder-classic-mop .common-3screens .screen.screen-reputation .iconcircle .img {
  content: url("/images/icons/color/guides/retail-dailies.svg");
}
#preorder-classic-mop .common-3screens .screen.screen-pets {
  background-image: url("/images/preorder/classic-mop/boxes-pets.jpg");
}
#preorder-classic-mop .common-3screens .screen.screen-pets .iconcircle .img {
  content: url("/images/icons/color/guides/retail-pets.svg");
}
#preorder-classic-mop .common-3screens .screen h4 {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, black 50%, rgba(0, 0, 0, 0.5) 100%);
  font-family: "myriad-pro-semi-condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.1rem;
  height: 30px;
  padding: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#preorder-classic-mop .common-3screens .screen .text {
  margin-top: 16px;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(2px);
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 0.625rem 1.25rem;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0px;
}
#preorder-classic-mop .common-3screens .screen .text p {
  line-height: 1.3;
  margin: 0px;
  font-size: 1rem;
}
#preorder-classic-mop .wideimage {
  position: relative;
  background: black;
  margin-top: -3.125rem;
  padding-top: calc(4.875rem);
}
#preorder-classic-mop .wideimage > .back {
  position: absolute;
  width: 100%;
  height: 100%;
  background: center/cover no-repeat;
}
#preorder-classic-mop .wideimage > .back.back1 {
  background-image: url("/images/preorder/classic-mop/pandaren-bgr.jpg");
}
#preorder-classic-mop .wideimage .blackbarh {
  background-image: radial-gradient(ellipse 100% 2000% at center, #05170d, rgba(19, 11, 8, 0.7) 32%, transparent 50%);
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 2.7rem;
}
#preorder-classic-mop .wideimage .content {
  width: 1100px;
  height: 360px;
  margin: auto;
  position: relative;
}
#preorder-classic-mop .wideimage .content .mascot {
  position: absolute;
  filter: drop-shadow(0px 2px 4px black);
  z-index: 3;
}
#preorder-classic-mop .wideimage .content .mascot.mascot1 {
  top: -130px;
  right: -50px;
  width: 630px;
  height: 560px;
  background: url("/images/preorder/classic-mop/pandaren-monk.png") center/contain no-repeat;
}
#preorder-classic-mop .wideimage .content .textbox {
  color: white;
  width: 35rem;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0 1rem;
}
#preorder-classic-mop .wideimage .content .textbox h1, #preorder-classic-mop .wideimage .content .textbox h2 {
  font-family: "myriad-pro-condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
  position: relative;
  z-index: 10;
}
#preorder-classic-mop .wideimage .content .textbox h1 {
  font-size: 2rem;
  text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px, rgba(0, 0, 0, 0.2) -1px 1px 2px, rgba(0, 0, 0, 0.2) 1px -1px 2px, rgba(0, 0, 0, 0.2) -1px -1px 2px;
  margin: 0;
}
#preorder-classic-mop .wideimage .content .textbox h2 {
  text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px, rgba(0, 0, 0, 0.2) -1px 1px 2px, rgba(0, 0, 0, 0.2) 1px -1px 2px, rgba(0, 0, 0, 0.2) -1px -1px 2px;
  font-size: 1.8rem;
}
#preorder-classic-mop .wideimage .content .textbox .text {
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
}
#preorder-classic-mop .wideimage .blackbarmini {
  color: #fe6100;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, black 50%, rgba(0, 0, 0, 0.5) 100%);
  font-size: 1.4em;
  font-weight: bold;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
#preorder-classic-mop .wideimage .dots {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  margin: auto;
  width: 3.75rem;
  z-index: 2;
}
#preorder-classic-mop .wideimage .dots .dot {
  font-size: 1.5rem;
}
#preorder-classic-mop .wideimage .dots .dot.orange {
  color: #fe6100;
}
#preorder-classic-mop .wideimage .dots .dot.black {
  color: black;
}
#preorder-classic-mop .common-3boxes {
  display: flex;
  justify-content: space-around;
}
#preorder-classic-mop .common-3boxes ._box {
  position: relative;
  width: 21.875rem;
  height: 13.75rem;
  margin-top: calc(4.875rem / 2);
  color: black;
  border: 2px solid #e7e7e7;
  background: linear-gradient(180deg, white 0%, #f1f1f1 100%);
}
#preorder-classic-mop .common-3boxes ._box.with-icon {
  padding-top: calc(4.875rem / 1.5);
}
#preorder-classic-mop .common-3boxes ._box.box-update .iconcircle .img {
  content: url("/images/icons/white/update.svg");
}
#preorder-classic-mop .common-3boxes ._box.box-features .iconcircle .img {
  content: url("/images/icons/white/guide-arrow.svg");
}
#preorder-classic-mop .common-3boxes ._box.box-event .iconcircle .img {
  content: url("/images/icons/white/calendar.svg");
}
#preorder-classic-mop .common-3boxes ._box h4 {
  text-align: center;
  background-color: #e7e7e7;
  padding: 0.2rem 1rem;
}
#preorder-classic-mop .common-3boxes ._box p {
  padding: 0px 1rem;
}
#preorder-classic-mop .center {
  text-align: center;
  margin-bottom: 6.25rem;
}
#preorder-classic-mop .center .graybox {
  width: 34.625rem;
  margin: auto;
  margin-bottom: 1.25rem;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background: linear-gradient(135deg, #ddd, #eee);
  padding: 1rem 1rem;
  overflow: hidden;
  border-radius: 2px;
}
#preorder-classic-mop .center .graybox .topbar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #fe6100, #ff8032);
  z-index: 2;
}
#preorder-classic-mop .center .graybox h1 {
  font-family: "myriad-pro-semi-condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.3rem;
  color: #fe6100;
}
#preorder-classic-mop .center .graybox p {
  text-align: left;
  line-height: 1.5em;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.95em;
}
#preorder-classic-mop .center .graybox p em {
  font-style: normal;
  font-weight: bold;
  text-decoration: underline;
}
#preorder-classic-mop .center .graybox b {
  color: #fe6100;
}
#preorder-classic-mop .withdot::after {
  content: "";
  border-radius: 50%;
  background-color: #fe6100;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  margin-left: 20px;
}
#preorder-classic-mop #preorder-classic-wotlk-additional {
  background-color: #fff;
}
@media print, screen and (max-width: 63.99875em) {
  #preorder-classic-mop #preorder-classic-wotlk-additional {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  #preorder-classic-mop #preorder-classic-wotlk-additional {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }
}
@media print, screen and (min-width: 64em) {
  #preorder-classic-mop #preorder-classic-wotlk-additional .common-icons-3columns {
    margin-top: 4rem;
  }
}
#preorder-classic-mop #preorder-classic-wotlk-additional .common-icons-3columns .iconcircle .dungeons {
  background-image: url("/images/icons/color/guides/dungeons.svg");
}
#preorder-classic-mop #preorder-classic-wotlk-additional .common-icons-3columns .iconcircle .dailies {
  background-image: url("/images/icons/color/guides/dailies.svg");
}
#preorder-classic-mop #preorder-classic-wotlk-additional .common-icons-3columns .iconcircle .pets {
  background-image: url("/images/icons/color/guides/pets.svg");
}
#preorder-classic-mop #preorder-classic-wotlk-notifyme .mailinglist {
  display: flex;
}
#preorder-classic-mop #preorder-classic-wotlk-notifyme .mailinglist .emailentry {
  width: 70%;
  height: 4rem;
}
#preorder-classic-mop #preorder-classic-wotlk-notifyme .mailinglist .emailentry input {
  margin-bottom: 0;
}
#preorder-classic-mop #preorder-classic-wotlk-notifyme .mailinglist .emailentry .form-error {
  margin-top: 0;
}
#preorder-classic-mop #preorder-classic-wotlk-notifyme .mailinglist .button {
  margin-bottom: 1rem;
  height: 2.4375rem;
}

body#news.launch {
  /*
  .launch-dragonflight-header {
  	width: 100%;
  	padding: 1rem 0;
  	background: rgb(102, 0, 0);
  	color: $off-white;
  	text-align: center;

  	.headline {
  		font-size: 1.3rem;
  		// font-weight: 600;
  		margin: auto;

  		@include breakpoint(medium down) { // for mobiles 
  		}

  		@include breakpoint(large) { // for desktop 
  			max-width: 80%;
  		}

  	}
  }

  .launch-classiccata-header {
  	width: 100%;
  	padding: 1rem 0;
  	background-color: #29160f; 
  	color: $off-white;
  	text-align: center;

  	.headline {
  		font-size: 1.3rem;
  		// font-weight: 600;
  		margin: auto;

  		@include breakpoint(medium down) { // for mobiles 
  		}

  		@include breakpoint(large) { // for desktop 
  			max-width: 80%;
  		}

  	}
  }
  */
}
body#news.launch #launch-countdown {
  width: 100%;
  padding: 1rem 0;
  background-color: #333;
  color: #f0f0f0;
  text-align: center;
}
body#news.launch #launch-countdown .timer-container {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  body#news.launch #launch-countdown .timer-container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  body#news.launch #launch-countdown .timer-container {
    justify-content: space-between;
    align-items: center;
    width: 80%;
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#news.launch #launch-countdown .timer-container #launch-countdown-timer {
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  body#news.launch #launch-countdown .timer-container #launch-countdown-timer {
    width: 40%;
  }
}
body#news.launch #launch-countdown .timer-container #launch-countdown-timer .countdown-row {
  display: flex;
  justify-content: space-between;
}
body#news.launch #launch-countdown .timer-container #launch-countdown-timer .countdown-row .countdown-section {
  display: block;
  text-align: center;
  width: 25%;
}
body#news.launch #launch-countdown .timer-container #launch-countdown-timer .countdown-row .countdown-section .countdown-amount {
  display: block;
  font-size: 2rem;
  color: #fe6100;
}
body#news.launch #launch-countdown .timer-container #launch-countdown-timer .countdown-row .countdown-section .countdown-period {
  display: block;
  font-size: 0.95rem;
}
body#news.launch .launch-tww-header {
  width: 100%;
  padding: 1rem 0;
  color: #f0f0f0;
  text-align: center;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("/comingsoon_src/tww/img/intro-bgr.jpg");
}
body#news.launch .launch-tww-header .headline {
  font-size: 1.3rem;
  margin: auto;
  text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px, rgba(0, 0, 0, 0.1) -1px 1px 2px, rgba(0, 0, 0, 0.1) 1px -1px 2px, rgba(0, 0, 0, 0.1) -1px -1px 2px;
}
@media print, screen and (min-width: 64em) {
  body#news.launch .launch-tww-header .headline {
    max-width: 80%;
  }
}
body#news.launch .widget-area .launch-sidebar-link {
  text-align: center;
  margin-bottom: 1rem;
}
body#news.launch .widget-area .launch-sidebar-link img {
  margin-bottom: 0.5rem;
}
body#news.launch .widget-area .newsletter {
  display: flex;
  margin-bottom: 1rem;
}
body#news.launch .widget-area .newsletter input {
  margin-bottom: 0;
}
body#news.launch .widget-area .newsletter-desc {
  font-size: 1.1rem;
}

.giftcards {
  /* Giftcard Central */
  /* FROM GIFTREDEEM */
  /* FROM GIFT WRAP */
}
@media print, screen and (max-width: 64rem) {
  .giftcards .common-messagebox {
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  .giftcards .common-messagebox {
    width: 50%;
    margin-bottom: 3rem;
  }
}
.giftcards .common-messagebox .button {
  width: 100%;
}
.giftcards#giftcards-central .intro {
  background: url("/images/giftcards/background-winter.jpg") no-repeat center 75%;
  background-size: cover;
}
.giftcards#giftcards-central .intro .container {
  display: flex;
  overflow: hidden;
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-central .intro .container {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64rem) {
  .giftcards#giftcards-central .intro .container {
    justify-content: space-between;
    height: 350px;
  }
}
.giftcards#giftcards-central .intro .container .text h1 {
  text-shadow: -1px -1px 5px #000, 1px -1px 5px #000, -1px 1px 5px #000, 1.5px 1.5px 5px #000;
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-central .intro .container .text h1 {
    padding-top: 2rem;
    margin-bottom: 1.5rem;
  }
}
@media print, screen and (min-width: 64rem) {
  .giftcards#giftcards-central .intro .container .text h1 {
    padding-top: 60px;
    margin-bottom: 25px;
  }
}
.giftcards#giftcards-central .intro .container .text p {
  font-size: 0.95rem;
  font-weight: 300;
  letter-spacing: 0.8px;
  line-height: 30px;
  text-shadow: -1px -1px 5px #000, 1px -1px 5px #000, -1px 1px 5px #000, 1.5px 1.5px 5px #000;
  margin-bottom: 15px;
}
@media print, screen and (min-width: 64rem) {
  .giftcards#giftcards-central .intro .container .text p {
    width: 450px;
  }
}
.giftcards#giftcards-central .intro .container .text p strong {
  letter-spacing: 1px;
}
.giftcards#giftcards-central .intro .container .image {
  margin-top: 0.5rem;
}
.giftcards#giftcards-central .giftoptions {
  background-color: #f0f0f0;
}
.giftcards#giftcards-central .giftoptions .container {
  display: flex;
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-central .giftoptions .container {
    flex-direction: column;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  .giftcards#giftcards-central .giftoptions .container {
    justify-content: space-between;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-central .giftoptions .container .buygift {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  .giftcards#giftcards-central .giftoptions .container .buygift {
    width: 65%;
  }
}
.giftcards#giftcards-central .giftoptions .container .buygift .giftlist {
  display: flex;
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-central .giftoptions .container .buygift .giftlist {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64rem) {
  .giftcards#giftcards-central .giftoptions .container .buygift .giftlist {
    justify-content: space-between;
    margin-top: 2rem;
    max-width: 30rem;
  }
}
.giftcards#giftcards-central .giftoptions .container .buygift .giftlist a.giftbox {
  display: block;
  background-color: #555;
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-central .giftoptions .container .buygift .giftlist a.giftbox {
    border-left: 4px solid #c2c2c2;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  .giftcards#giftcards-central .giftoptions .container .buygift .giftlist a.giftbox {
    width: 200px;
    height: 140px;
    border-top: 4px solid #c2c2c2;
    text-align: center;
    vertical-align: middle;
  }
}
.giftcards#giftcards-central .giftoptions .container .buygift .giftlist a.giftbox:hover {
  color: #fe6100;
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-central .giftoptions .container .buygift .giftlist a.giftbox:hover {
    border-left: 4px solid #fe6100;
  }
}
@media print, screen and (min-width: 64rem) {
  .giftcards#giftcards-central .giftoptions .container .buygift .giftlist a.giftbox:hover {
    border-top: 4px solid #fe6100;
  }
}
.giftcards#giftcards-central .giftoptions .container .buygift .giftlist a.giftbox .period {
  background-color: #333;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 1px;
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-central .giftoptions .container .buygift .giftlist a.giftbox .period {
    display: inline-block;
    padding-left: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    width: 55%;
  }
}
@media print, screen and (min-width: 64rem) {
  .giftcards#giftcards-central .giftoptions .container .buygift .giftlist a.giftbox .period {
    padding-top: 1.3rem;
    padding-bottom: 1.5rem;
  }
}
.giftcards#giftcards-central .giftoptions .container .buygift .giftlist a.giftbox .period strong {
  font-weight: 900;
  color: #fff;
}
.giftcards#giftcards-central .giftoptions .container .buygift .giftlist a.giftbox .price {
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: #e5e5e5;
  padding-top: 0.8rem;
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-central .giftoptions .container .buygift .giftlist a.giftbox .price {
    display: inline-block;
    float: right;
    margin-right: 1rem;
  }
}
.giftcards#giftcards-central .giftoptions .container .owngift {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.giftcards#giftcards-central .giftoptions .container .owngift .button {
  width: 100%;
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-central .giftoptions .container .owngift .sendgift {
    margin-bottom: 1rem;
  }
}
.giftcards#giftcards-central .giftinfo {
  background-color: #fff;
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-central .giftinfo {
    padding-top: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  .giftcards#giftcards-central .giftinfo {
    padding-top: 3rem;
  }
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-central .giftinfo h2 {
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  .giftcards#giftcards-central .giftinfo h2 {
    padding-bottom: 2.5rem;
  }
}
.giftcards#giftcards-central .giftinfo .common-icons-2columns #infolist-ingame {
  background-image: url("/images/icons/orange/puzzle.svg");
}
.giftcards#giftcards-central .giftinfo .common-icons-2columns #infolist-elite {
  background-image: url("/images/icons/orange/bag-zygor.svg");
}
.giftcards#giftcards-central .giftinfo .common-icons-2columns #infolist-wrap {
  background-image: url("/images/icons/orange/gift.svg");
}
.giftcards#giftcards-central .giftinfo .common-icons-2columns #infolist-validity {
  background-image: url("/images/icons/orange/infinity.svg");
}
.giftcards#giftcards-redeem h1 {
  margin-top: 30px;
  margin-bottom: 20px;
}
.giftcards#giftcards-redeem h2 {
  margin-bottom: 30px;
}
.giftcards#giftcards-redeem .common-messagebox .common-error {
  margin-bottom: 1rem;
}
.giftcards#giftcards-redeem .common-messagebox .guideinfo {
  width: 100%;
  margin-bottom: 1rem;
}
.giftcards#giftcards-redeem .common-messagebox .perc_off {
  color: #08b200;
  font-size: 1.2rem;
  font-weight: 700;
}
.giftcards#giftcards-redeem .common-messagebox .perc_off .perc_val {
  font-weight: 900;
}
.giftcards#giftcards-wrap h1 {
  margin-top: 30px;
  margin-bottom: 20px;
}
.giftcards#giftcards-wrap h2 {
  margin-bottom: 30px;
}
.giftcards#giftcards-wrap .giftarea {
  margin-bottom: 40px;
}
.giftcards#giftcards-wrap .giftarea .giftheader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #e5e5e5;
  border-top: 4px solid #fe6100;
  border-left: none;
  border-right: none;
  padding: 10px 15px;
  color: #333;
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-wrap .giftarea .giftheader {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64rem) {
  .giftcards#giftcards-wrap .giftarea .giftheader {
    justify-content: space-between;
  }
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-wrap .giftarea .giftheader .description {
    width: 100%;
    margin-bottom: 0.75rem;
  }
}
.giftcards#giftcards-wrap .giftarea .giftheader .description .code {
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}
.giftcards#giftcards-wrap .giftarea .giftheader .description .title {
  font-size: 1rem;
  font-weight: 400;
}
.giftcards#giftcards-wrap .giftarea .giftheader .status {
  font-size: 1rem;
  font-weight: 600;
  color: #fe6100;
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-wrap .giftarea .giftheader .status {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  .giftcards#giftcards-wrap .giftarea .giftheader .status {
    min-width: 200px;
  }
}
.giftcards#giftcards-wrap .giftarea .giftheader.cancelled {
  border-color: #a00000;
}
.giftcards#giftcards-wrap .giftarea .giftheader.cancelled .status {
  color: #a00000;
}
.giftcards#giftcards-wrap .giftarea .giftheader.claimed {
  border-color: #08b200;
}
.giftcards#giftcards-wrap .giftarea .giftheader.claimed .status {
  color: #08b200;
}
.giftcards#giftcards-wrap .giftarea .giftcontent {
  background-color: #f0f0f0;
  padding: 25px 15px 15px 15px;
}
.giftcards#giftcards-wrap .giftarea .giftcontent .customisation {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 15px;
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-wrap .giftarea .giftcontent .customisation .message {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  .giftcards#giftcards-wrap .giftarea .giftcontent .customisation .message {
    width: 55%;
  }
}
.giftcards#giftcards-wrap .giftarea .giftcontent .customisation .message .wisharea {
  height: 9rem;
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-wrap .giftarea .giftcontent .customisation .stock {
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  .giftcards#giftcards-wrap .giftarea .giftcontent .customisation .stock {
    width: 40%;
  }
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-wrap .giftarea .giftcontent .customisation .signature {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  .giftcards#giftcards-wrap .giftarea .giftcontent .customisation .signature {
    width: 55%;
  }
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-wrap .giftarea .giftcontent .customisation .preview {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  .giftcards#giftcards-wrap .giftarea .giftcontent .customisation .preview {
    width: 40%;
    padding-top: 1.5rem;
  }
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-wrap .giftarea .giftcontent .customisation .preview .button {
    width: 100%;
  }
}
.giftcards#giftcards-wrap .giftarea .giftcontent .delivery-header {
  margin-bottom: 1.5rem;
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-wrap .giftarea .giftcontent .delivery-header {
    margin-top: 2.5rem;
  }
}
@media print, screen and (max-width: 64rem) {
  .giftcards#giftcards-wrap .giftarea .giftcontent .delivery-choice {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  .giftcards#giftcards-wrap .giftarea .giftcontent .delivery-choice {
    width: 55%;
  }
}
@media print, screen and (min-width: 64rem) {
  .giftcards#giftcards-wrap .giftarea .giftcontent .delivery-choice .deliveryaction {
    display: flex;
    justify-content: space-between;
  }
}
@media print, screen and (min-width: 64rem) {
  .giftcards#giftcards-wrap .giftarea .giftcontent .delivery-choice .deliveryaction input {
    height: auto;
    margin-right: 0.5rem;
  }
}
@media print, screen and (min-width: 64rem) {
  .giftcards#giftcards-wrap .giftarea .giftcontent .delivery-choice .deliveryaction .button {
    margin-bottom: 1rem;
  }
}
.giftcards#giftcards-wrap .giftarea .giftcontent .status-success {
  position: relative;
  margin-bottom: 1.5rem;
}
.giftcards#giftcards-wrap .giftarea .giftcontent .status-success .resend {
  position: absolute;
  bottom: -1.2rem;
  right: 0;
  color: #c2c2c2;
  font-size: 0.8rem;
  cursor: pointer;
}

@media print, screen and (max-width: 63.99875em) {
  body#changelog .changelog-title {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#changelog .changelog-title {
    padding-top: 2rem;
    padding-bottom: 1.5rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  body#changelog #changelog-list {
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#changelog #changelog-list {
    padding-bottom: 2rem;
  }
}
body#changelog #changelog-list .date {
  margin-bottom: 1rem;
}
body#changelog #changelog-list .box {
  background: #f0f0f0;
  border: none;
  padding: 0;
  height: auto;
}
@media print, screen and (max-width: 63.99875em) {
  body#changelog #changelog-list .box {
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  body#changelog #changelog-list .box {
    width: 70%;
    margin-bottom: 2rem;
  }
}
body#changelog #changelog-list .box .version {
  background: #e5e5e5;
  padding: 0.5rem 0.8rem;
}
body#changelog #changelog-list .box .content {
  padding: 0.5rem 0.8rem;
  font-size: 0.9rem;
}
body#changelog #changelog-list .box .content h6 {
  font-size: 0.9rem;
}
body#changelog #changelog-list .wow {
  border-top: 4px solid #1d5578; /* BfA blue */
}
body#changelog #changelog-list .classic {
  border-top: 4px solid #cc9000; /* Classic gold */
}
body#changelog #changelog-list .classictbc {
  border-top: 4px solid #347216; /* TBC green */
}
body#changelog #changelog-list .classicwotlk {
  border-top: 4px solid #126691; /* WOTLK blue */
}

@media print, screen and (max-width: 64rem) {
  body#jobs-list #jobs-list-all {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body#jobs-list #jobs-list-all {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (max-width: 64rem) {
  body#jobs-list #jobs-list-all .tabs-content {
    border: none;
  }
}
@media print, screen and (max-width: 64rem) {
  body#jobs-list #jobs-list-all .tabs-content .tabs-panel {
    padding: 1rem 0;
  }
}
@media print, screen and (min-width: 64rem) {
  body#jobs-list #jobs-list-all .tabs-content .tabs-panel {
    padding: 0 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body#jobs-list #jobs-list-all .tabs-content .tabs-panel h2 {
    margin-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body#jobs-list #jobs-list-all .tabs-content .tabs-panel h4 {
    margin-top: 2rem;
  }
}
@media print, screen and (max-width: 64rem) {
  body#jobs-list #jobs-list-all .tabs-content .tabs-panel .button {
    display: block;
  }
}
@media print, screen and (min-width: 64rem) {
  body#jobs-list #jobs-list-all .tabs-content .tabs-panel .button {
    display: block;
    width: 30%;
    margin: 0 auto;
    margin-top: 3rem;
  }
}

@media print, screen and (max-width: 64rem) {
  body#jobs-form .form-container {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body#jobs-form .form-container {
    padding-top: 1.5rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (max-width: 64rem) {
  body#jobs-form .form-container .jobtitle {
    padding-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body#jobs-form .form-container .jobtitle {
    padding-bottom: 3rem;
  }
}
body#jobs-form .form-container .navigation {
  list-style-type: none;
  margin-bottom: 2rem;
}
body#jobs-form .form-container .navigation li {
  display: inline-block;
  font-weight: 600;
  padding: 0.2rem 1.25rem;
}
body#jobs-form .form-container .navigation li.past {
  border-bottom: 4px solid #08b200;
  color: #08b200;
}
body#jobs-form .form-container .navigation li.unfinished {
  border-bottom: 4px solid #ffba00;
  color: #ffba00;
}
body#jobs-form .form-container .navigation li.current {
  border-bottom: 4px solid #fe6100;
  color: #fe6100;
}
body#jobs-form .form-container .navigation li.future {
  border-bottom: 4px solid #f0f0f0;
}
body#jobs-form .form-container .fieldlist {
  background-color: #f0f0f0;
  padding: 1rem;
  border-radius: 8px;
}
@media print, screen and (max-width: 64rem) {
  body#jobs-form .form-container .fieldlist {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  body#jobs-form .form-container .fieldlist {
    width: 72%;
  }
}
body#jobs-form .form-container .fieldlist .fieldrow {
  display: flex;
}
@media print, screen and (max-width: 64rem) {
  body#jobs-form .form-container .fieldlist .fieldrow {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64rem) {
  body#jobs-form .form-container .fieldlist .fieldrow {
    justify-content: space-between;
  }
}
body#jobs-form .form-container .fieldlist .entry {
  margin-bottom: 1rem;
}
@media print, screen and (max-width: 64rem) {
  body#jobs-form .form-container .fieldlist .entry.small {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  body#jobs-form .form-container .fieldlist .entry.small {
    width: 20%;
  }
}
@media print, screen and (max-width: 64rem) {
  body#jobs-form .form-container .fieldlist .entry.big {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  body#jobs-form .form-container .fieldlist .entry.big {
    width: 75%;
  }
}
@media print, screen and (max-width: 64rem) {
  body#jobs-form .form-container .fieldlist .entry.medium {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  body#jobs-form .form-container .fieldlist .entry.medium {
    width: 30%;
  }
}
@media print, screen and (max-width: 64rem) {
  body#jobs-form .form-container .fieldlist .entry.half {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  body#jobs-form .form-container .fieldlist .entry.half {
    width: 47%;
  }
}
body#jobs-form .form-container .fieldlist .checkboxes, body#jobs-form .form-container .fieldlist .radios {
  display: flex;
  justify-content: flex-start;
}
@media print, screen and (max-width: 64rem) {
  body#jobs-form .form-container .fieldlist .checkboxes, body#jobs-form .form-container .fieldlist .radios {
    flex-wrap: wrap;
  }
}
body#jobs-form .form-container .fieldlist .checkboxes .common-checkbox, body#jobs-form .form-container .fieldlist .checkboxes .common-radio, body#jobs-form .form-container .fieldlist .radios .common-checkbox, body#jobs-form .form-container .fieldlist .radios .common-radio {
  margin-right: 1.5rem;
}
body#jobs-form .form-container .fieldlist .checkboxes .common-checkbox .description, body#jobs-form .form-container .fieldlist .checkboxes .common-radio .description, body#jobs-form .form-container .fieldlist .radios .common-checkbox .description, body#jobs-form .form-container .fieldlist .radios .common-radio .description {
  font-weight: 300;
}
@media print, screen and (max-width: 64rem) {
  body#jobs-form .form-container .fieldlist .checkboxes .form-error, body#jobs-form .form-container .fieldlist .radios .form-error {
    margin-top: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 64rem) {
  body#jobs-form .form-container .fieldlist .checkboxes .form-error, body#jobs-form .form-container .fieldlist .radios .form-error {
    border-top: none;
    border-left: 4px solid #a00000;
    padding-left: 0.5rem;
    margin-top: 0;
  }
}
body#jobs-form .form-container .fieldlist .buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}
@media print, screen and (max-width: 64rem) {
  body#jobs-form .form-container .fieldlist .buttons .button {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 48%;
  }
}
body#jobs-form .form-container .fieldlist .company {
  border-bottom: 2px solid #e5e5e5;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 64rem) {
  body#jobs-form .form-container .fieldlist .company .fieldrow.datepos {
    flex-wrap: wrap;
  }
}
body#jobs-form .form-container .fieldlist .company .fieldrow.datepos label.dates {
  width: 100%;
}
@media print, screen and (min-width: 64rem) {
  body#jobs-form .form-container .fieldlist .company .fieldrow.datepos .date {
    width: 40%;
  }
}
body#jobs-form .form-container .fieldlist .addanother {
  margin-bottom: 2rem;
}
body#jobs-form .form-container .fieldlist ul.summary {
  list-style-type: none;
}
@media print, screen and (min-width: 64rem) {
  body#jobs-form .form-container .fieldlist ul.summary {
    margin-bottom: 3rem;
  }
}
body#jobs-form .form-container .fieldlist ul.summary li {
  background-image: url("/images/icons/green/checkmark.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1rem;
  padding-left: 2rem;
}
body#jobs-form .form-container .fieldlist ul.summary li a {
  display: flex;
  justify-content: space-between;
  color: #08b200;
}
@media print, screen and (max-width: 64rem) {
  body#jobs-form .form-container .fieldlist ul.summary li a {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  body#jobs-form .form-container .fieldlist ul.summary li a {
    width: 54%;
  }
}
body#jobs-form .form-container .fieldlist ul.summary li a::after {
  content: "edit";
  color: #fe6100;
  font-size: 0.8rem;
}
body#jobs-form .form-container .fieldlist .submission .entry {
  margin-bottom: 0;
}
body#jobs-form .form-container .fieldlist .submission .button {
  width: 100%;
}
@media print, screen and (min-width: 64rem) {
  body#jobs-form .form-container .fieldlist .submission .button {
    margin-top: 0.5rem;
    height: 3.5rem;
  }
}

@media print, screen and (max-width: 64rem) {
  body#jobs-thankyou .common-messagebox {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body#jobs-thankyou .common-messagebox {
    margin: 0 auto;
    margin-top: 4rem;
    margin-bottom: 5rem;
    width: 60%;
  }
}

@media print, screen and (max-width: 64rem) {
  body#jobs-resultlist .list {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body#jobs-resultlist .list {
    margin-top: 4rem;
    margin-bottom: 5rem;
  }
}
@media print, screen and (max-width: 64rem) {
  body#jobs-resultlist .list h1 {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body#jobs-resultlist .list h1 {
    margin-bottom: 3rem;
  }
}
body#jobs-resultlist .list h6 {
  margin-bottom: 0;
}

@media print, screen and (max-width: 64rem) {
  body#jobs-result .singleresult {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body#jobs-result .singleresult {
    margin-top: 4rem;
    margin-bottom: 5rem;
  }
}
@media print, screen and (max-width: 64rem) {
  body#jobs-result .singleresult .headers {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body#jobs-result .singleresult .headers {
    margin-bottom: 3rem;
  }
}
body#jobs-result .singleresult .headers h3 {
  margin-bottom: 0;
}
body#jobs-result .singleresult h3.section {
  margin-top: 2rem;
  border-bottom: 2px solid #f0f0f0;
}
body#jobs-result .singleresult h5.subsection {
  margin-top: 1.5rem;
  margin-right: 1rem;
  border-bottom: 2px dotted #f0f0f0;
}
body#jobs-result .singleresult h6 {
  margin-bottom: 0;
}

#promo-df .promo-proceed {
  background-color: #111;
  padding: 0.5rem 0 0.5rem 0;
}
#promo-df .promo-proceed .container {
  text-align: center;
}
#promo-df .promo-proceed .container .continue {
  color: #e5e5e5;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.5rem 0.8rem;
  animation: colorchange 10s infinite;
}
@keyframes colorchange {
  0% {
    color: #e5e5e5;
  }
  50% {
    color: #fe6100;
  }
  100% {
    color: #e5e5e5;
  }
}
#promo-df .promo-proceed .container .continue:hover {
  color: #fe6100;
}
#promo-df #promo-df-intro {
  background: url("/images/preorder/df/bgr-df.jpg") bottom center no-repeat;
  color: #fff;
  background-size: cover;
  background-position-y: 90%;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  #promo-df #promo-df-intro {
    background-color: #202125;
  }
}
@media print, screen and (min-width: 64em) {
  #promo-df #promo-df-intro {
    height: 60rem;
    background-color: #000;
  }
}
#promo-df #promo-df-intro .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
@media print, screen and (min-width: 64em) {
  #promo-df #promo-df-intro .container {
    height: 90%;
  }
}
#promo-df #promo-df-intro .container .text {
  color: #fff;
  width: 32rem;
}
@media print, screen and (max-width: 63.99875em) {
  #promo-df #promo-df-intro .container .text {
    margin: auto;
  }
}
#promo-df #promo-df-intro .container .text .header-box {
  background: url("/images/icons/white/arrow-long-down.svg") bottom center no-repeat;
  background-size: 2rem;
  padding-bottom: 1rem;
}
@media print, screen and (max-width: 63.99875em) {
  #promo-df #promo-df-intro .container .text .header-box {
    margin-bottom: 1.5rem;
    margin-top: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  #promo-df #promo-df-intro .container .text .header-box {
    margin-bottom: 5rem;
  }
}
#promo-df #promo-df-intro .container .text .header-box h1 {
  width: 100%;
  letter-spacing: 0.05px;
  text-align: center;
  margin-bottom: 0.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  #promo-df #promo-df-intro .container .text .header-box h1 {
    text-shadow: -1px -1px 1px #392c40, 1px -1px 1px #392c40, -1px 1px 1px #392c40, 1px 1px 1px #392c40;
    font-size: 1.8rem;
    font-weight: 400;
  }
}
@media print, screen and (min-width: 64em) {
  #promo-df #promo-df-intro .container .text .header-box h1 {
    font-weight: 300;
    font-size: 3rem;
    text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  }
}
@media print, screen and (max-width: 63.99875em) {
  #promo-df #promo-df-intro .container .text .header-box h1 strong {
    font-weight: 700;
  }
}
@media print, screen and (min-width: 64em) {
  #promo-df #promo-df-intro .container .text .header-box h1 strong {
    font-weight: 600;
  }
}
#promo-df #promo-df-intro .container .text .header-box h3 {
  text-align: center;
  padding: 0.3rem 0;
}
@media print, screen and (max-width: 63.99875em) {
  #promo-df #promo-df-intro .container .text .header-box h3 {
    background-image: linear-gradient(to right, rgba(104, 85, 115, 0), rgba(104, 85, 115, 0.9), rgba(104, 85, 115, 0));
    text-shadow: -1px -1px 1px #392c40, 1px -1px 1px #392c40, -1px 1px 1px #392c40, 1px 1px 1px #392c40;
  }
}
@media print, screen and (min-width: 64em) {
  #promo-df #promo-df-intro .container .text .header-box h3 {
    background-image: linear-gradient(to right, rgba(46, 42, 62, 0), rgba(46, 42, 62, 0.5), rgba(46, 42, 62, 0));
    text-shadow: -1px -1px 1px #2e2a3e, 1px -1px 1px #2e2a3e, -1px 1px 1px #2e2a3e, 1px 1px 1px #2e2a3e;
  }
}
#promo-df #promo-df-intro .container .text .header-box .buttons {
  display: flex;
  justify-content: space-between;
}
@media print, screen and (max-width: 63.99875em) {
  #promo-df #promo-df-intro .container .text .header-box .buttons {
    margin: 1.5rem 0.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  #promo-df #promo-df-intro .container .text .header-box .buttons {
    margin: 1.5rem 2rem;
  }
}
#promo-df #promo-df-intro .container .text .headline-box {
  width: 100%;
  font-weight: 300;
  text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000;
  letter-spacing: 0.05px;
  text-align: center;
  background-color: #2e2a3e;
  border-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top: 1px solid #1a1921;
  border-left: 1px solid #1a1921;
  border-right: 1px solid #1a1921;
  margin-bottom: 0;
  padding: 0.7rem 0.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  #promo-df #promo-df-intro .container .text .headline-box {
    font-size: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  #promo-df #promo-df-intro .container .text .headline-box {
    font-size: 1.4rem;
  }
}
#promo-df #promo-df-intro .container .text .text-box {
  background-color: rgba(26, 25, 33, 0.5);
  border-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom: 1px solid #1a1921;
  border-left: 1px solid #1a1921;
  border-right: 1px solid #1a1921;
  backdrop-filter: blur(3px);
  padding: 0.7rem 1rem;
}
@media print, screen and (max-width: 63.99875em) {
  #promo-df #promo-df-intro .container .text .text-box {
    margin-bottom: 0.5rem;
  }
}
#promo-df #promo-df-intro .container .text .text-box p {
  font-size: 0.95rem;
  text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000;
}
#promo-df #promo-df-intro .container .text .text-box ul.common-square-inverse {
  text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000;
}
#promo-df #promo-df-intro .container .text .text-box ul.common-square-inverse li {
  margin-bottom: 0.5rem;
  text-align: left;
}
#promo-df #promo-df-intro .container .text .text-box ul.common-square-inverse li a {
  font-weight: 700;
}
#promo-df #promo-df-intro .container .text .text-box .button {
  display: block;
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  #promo-df #promo-df-intro .container .text .text-box .button {
    line-height: 1.5rem;
  }
}
#promo-df #promo-df-intro .container .text .text-box .button.elite {
  border-color: #f0f0f0;
  color: #f0f0f0;
}
#promo-df #promo-df-intro .container .text .text-box .button.elite small {
  line-height: 1.2rem;
}
#promo-df #promo-df-intro .container .mascot {
  background-image: url("/images/preorder/df/mascot-df.png");
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 63.99875em) {
  #promo-df #promo-df-intro .container .mascot {
    width: 100%;
    height: 30rem;
    background-size: contain;
    background-position: center center;
    margin-bottom: 0.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  #promo-df #promo-df-intro .container .mascot {
    align-self: flex-end;
    height: 46.0625rem;
    width: 34.375rem;
    margin-right: -3rem;
  }
}
#promo-df #promo-df-keyupdates {
  background-color: #fff;
}
@media print, screen and (max-width: 63.99875em) {
  #promo-df #promo-df-keyupdates {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  #promo-df #promo-df-keyupdates {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64em) {
  #promo-df #promo-df-keyupdates h2 {
    margin-bottom: 2rem;
  }
}
#promo-df #promo-df-newfeatures {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 63.99875em) {
  #promo-df #promo-df-newfeatures {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  #promo-df #promo-df-newfeatures {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64em) {
  #promo-df #promo-df-newfeatures h2 {
    margin-bottom: 2rem;
  }
}
#promo-df #promo-df-newfeatures .videocontainer {
  display: flex;
}
@media print, screen and (max-width: 63.99875em) {
  #promo-df #promo-df-newfeatures .videocontainer {
    flex-direction: column;
    padding-top: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  #promo-df #promo-df-newfeatures .videocontainer {
    justify-content: space-between;
    padding-top: 1rem;
  }
}
#promo-df #promo-df-newfeatures .videocontainer .videobox {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 64em) {
  #promo-df #promo-df-newfeatures .videocontainer .videobox {
    width: 30%;
  }
}
@media print, screen and (max-width: 63.99875em) {
  #promo-df #promo-df-newfeatures .videocontainer .videobox {
    margin-bottom: 1.5rem;
  }
}
#promo-df #promo-df-newfeatures .videocontainer .videobox .video {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-self: stretch;
  position: relative;
  border-radius: 8px;
}
@media print, screen and (max-width: 63.99875em) {
  #promo-df #promo-df-newfeatures .videocontainer .videobox .video {
    margin: auto;
    margin-bottom: 1rem;
    height: 100%;
    width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  #promo-df #promo-df-newfeatures .videocontainer .videobox .video {
    margin: auto;
    margin-bottom: 2rem;
    height: 100%;
    width: 100%;
  }
}
#promo-df #promo-df-newfeatures .videocontainer .videobox .video > div {
  border-radius: 8px;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  #promo-df #promo-df-newfeatures .videocontainer .videobox .video img {
    width: 100%;
    height: auto;
  }
}
@media print, screen and (min-width: 64em) {
  #promo-df #promo-df-newfeatures .videocontainer .videobox .video img {
    display: none;
  }
}
#promo-df #promo-df-newfeatures .videocontainer .videobox .video iframe {
  border: 0 none;
  border-radius: 8px;
}
@media print, screen and (max-width: 63.99875em) {
  #promo-df #promo-df-newfeatures .videocontainer .videobox .video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  #promo-df #promo-df-newfeatures .videocontainer .videobox .video iframe {
    height: 200px;
    width: 352px;
  }
}
#promo-df #promo-df-newfeatures .videocontainer .videobox h4 {
  margin: auto;
}
#promo-df #promo-df-additional {
  background-color: #fff;
}
@media print, screen and (max-width: 63.99875em) {
  #promo-df #promo-df-additional {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media print, screen and (min-width: 64em) {
  #promo-df #promo-df-additional {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
@media print, screen and (min-width: 64em) {
  #promo-df #promo-df-additional .common-icons-3columns {
    margin-top: 4rem;
  }
}
#promo-df #promo-df-additional .common-icons-3columns .dungeon {
  background-image: url("/images/icons/orange/portal.svg");
}
#promo-df #promo-df-additional .common-icons-3columns .other {
  background-image: url("/images/icons/orange/update.svg");
}
#promo-df #promo-df-additional .common-icons-3columns .viewer {
  background-image: url("/images/icons/orange/guide-arrow.svg");
}
#promo-df #preorder-df-notifyme .mailinglist {
  display: flex;
}
#promo-df #preorder-df-notifyme .mailinglist .emailentry {
  width: 70%;
  height: 4rem;
}
#promo-df #preorder-df-notifyme .mailinglist .emailentry input {
  margin-bottom: 0;
}
#promo-df #preorder-df-notifyme .mailinglist .emailentry .form-error {
  margin-top: 0;
}
#promo-df #preorder-df-notifyme .mailinglist .button {
  margin-bottom: 1rem;
  height: 2.4375rem;
}

@media print, screen and (max-width: 64rem) {
  body#reports h3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body#reports h3 {
    margin-top: 3rem;
    margin-bottom: 1rem;
  }
}
body#reports .common-error, body#reports .common-success {
  display: none;
  margin-bottom: 1rem;
}
@media print, screen and (max-width: 64rem) {
  body#reports .common-error, body#reports .common-success {
    width: 100%;
  }
}
@media print, screen and (min-width: 64rem) {
  body#reports .common-error, body#reports .common-success {
    width: 65%;
  }
}
body#reports .validation-error {
  border: 2px solid #a00000;
  border-radius: 8px;
  overflow: hidden;
}
body#reports .form-container {
  background-color: #f0f0f0;
  border-radius: 8px;
  padding: 1rem;
}
@media print, screen and (max-width: 64rem) {
  body#reports .form-container {
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 64rem) {
  body#reports .form-container {
    width: 65%;
    margin-bottom: 3rem;
  }
}
body#reports .form-container .radios {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0.5rem;
}
@media print, screen and (max-width: 64rem) {
  body#reports .form-container .radios {
    width: 70%;
  }
}
@media print, screen and (min-width: 64rem) {
  body#reports .form-container .radios {
    width: 30%;
  }
}
body#reports .form-container .sending-options {
  display: flex;
  width: 100%;
  margin-top: 1.5rem;
}
@media print, screen and (max-width: 64rem) {
  body#reports .form-container .sending-options {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64rem) {
  body#reports .form-container .sending-options {
    justify-content: space-between;
    align-items: flex-end;
  }
}
@media print, screen and (max-width: 64rem) {
  body#reports .form-container .sending-options .button {
    margin-top: 1rem;
  }
}

.community {
  background-color: #f0f0f0;
  background-size: cover;
  overflow: hidden;
}
@media print, screen and (max-width: 63.99875em) {
  .community {
    padding-top: 1.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  .community {
    padding-top: 4rem;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .community h1 {
    margin-bottom: 1.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  .community h1 {
    margin-bottom: 3rem;
  }
}
.community .socialmedia {
  display: grid;
}
@media print, screen and (max-width: 63.99875em) {
  .community .socialmedia {
    padding-bottom: 1rem;
    grid-template-areas: "discord" "." "facebook" "." "twitter" "." "youtube";
    grid-gap: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  .community .socialmedia {
    padding-bottom: 4rem;
    grid-template-columns: 30% auto 30% auto 30%;
    grid-template-rows: auto 4rem auto;
    grid-template-areas: "discord discord discord discord discord" ". . . . ." "facebook . twitter . youtube ";
  }
}
.community .socialmedia .discord {
  background-color: #fff;
  box-shadow: -1px -1px 10px rgba(0, 0, 0, 0.1), 1px -1px 10px rgba(0, 0, 0, 0.1), -1px 1px 10px rgba(0, 0, 0, 0.1), 1px 1px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 1.5rem 1.5rem;
  grid-area: discord;
  display: grid;
}
@media print, screen and (max-width: 63.99875em) {
  .community .socialmedia .discord {
    grid-template-areas: "banner" "." "invite" "." "button";
    grid-gap: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  .community .socialmedia .discord {
    grid-template-columns: 50% auto 45%;
    grid-template-rows: auto 1rem 4rem;
    grid-template-areas: "banner . invite" "banner . ." "banner . button ";
  }
}
.community .socialmedia .discord .banner {
  grid-area: banner;
  border-radius: 8px;
  overflow: hidden;
}
.community .socialmedia .discord .invite {
  grid-area: invite;
}
.community .socialmedia .discord .button {
  grid-area: button;
  width: 100%;
}
.community .socialmedia .discord .button img {
  margin-right: 1rem;
}
.community .socialmedia .smallmedia {
  background-image: linear-gradient(135deg, #fe6100 0%, #fe6100 24.9%, #ddd 25%, #ddd 34.9%, #fff 35%, #fff 100%);
  box-shadow: -1px -1px 10px rgba(0, 0, 0, 0.1), 1px -1px 10px rgba(0, 0, 0, 0.1), -1px 1px 10px rgba(0, 0, 0, 0.1), 1px 1px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 0.5rem 0.5rem;
  display: grid;
  grid-template-columns: 15% auto;
  grid-template-rows: 50% 50%;
  grid-template-areas: "logo follow" "logo tagline";
}
.community .socialmedia .smallmedia .logo {
  grid-area: logo;
  height: 2.3rem;
}
.community .socialmedia .smallmedia .follow {
  grid-area: follow;
  margin-left: 2.5rem;
  margin-bottom: 0.5rem;
  color: #333;
}
.community .socialmedia .smallmedia .tagline {
  grid-area: tagline;
  margin-left: 1.5rem;
  color: #333;
}
.community .socialmedia .smallmedia.twitter {
  grid-area: twitter;
}
.community .socialmedia .smallmedia.twitter img {
  padding: 0.5rem;
}
.community .socialmedia .smallmedia.facebook {
  grid-area: facebook;
}
.community .socialmedia .smallmedia.facebook img {
  padding: 0.2rem;
}
.community .socialmedia .smallmedia.youtube {
  grid-area: youtube;
}
.community .socialmedia .smallmedia.youtube img {
  padding: 0.5rem;
}

#news.giveaway .site {
  margin-top: 0;
  margin-bottom: 0;
}
#news.giveaway .prize-card {
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1), 1px -1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-size: 0.9rem;
}
#news.giveaway .prize-card h4 {
  padding: 0.5rem 1rem 0.3rem 1rem;
  margin-bottom: 0;
  text-align: center;
}
#news.giveaway .prize-card h5 {
  background-color: #f0f0f0;
  padding: 0.3rem 1rem;
  font-size: 0.9rem;
  text-align: center;
  margin-bottom: 0;
}
#news.giveaway .prize-card h5 strong {
  font-weight: 600;
}
#news.giveaway .prize-card h5 .number {
  color: #fe6100;
}
#news.giveaway .prize-card .prize-image {
  padding: 0.3rem 0rem;
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  #news.giveaway .prize-card .prize-image img {
    width: 70%;
  }
}
#news.giveaway .prize-card h6 {
  font-weight: 600;
  padding: 0.5rem 1rem 0.5rem 1rem;
  font-size: 0.9rem;
  margin-bottom: 0;
  text-align: center;
}
#news.giveaway .giveaway-topbar {
  height: 25rem;
  background-size: cover;
  background-position: center center;
}
@media print, screen and (max-width: 63.99875em) {
  #news.giveaway .giveaway-topbar {
    padding-top: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  #news.giveaway .giveaway-topbar {
    padding-top: 12rem;
  }
}
#news.giveaway .giveaway-topbar .titlebar {
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(3px);
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}
#news.giveaway .giveaway-topbar .titlebar h1 {
  color: #fff;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2), 1px -1px 1px rgba(0, 0, 0, 0.2), -1px 1px 1px rgba(0, 0, 0, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  margin-bottom: 0;
  margin: 0 auto;
  font-weight: 400;
}
@media print, screen and (min-width: 64em) {
  #news.giveaway .giveaway-topbar .titlebar h1 {
    max-width: 700px;
  }
}
#news.giveaway .giveaway-topbar .titlebar h1 strong {
  font-weight: 900;
}
#news.giveaway .giveaway-content {
  display: grid;
}
@media print, screen and (max-width: 63.99875em) {
  #news.giveaway .giveaway-content {
    grid-template-columns: auto 1rem auto 1rem auto 1rem;
    grid-template-rows: auto;
    grid-template-areas: "content" "." "button" "." "card" ".";
  }
}
@media print, screen and (min-width: 64em) {
  #news.giveaway .giveaway-content {
    grid-template-columns: auto 10rem 20rem;
    grid-template-rows: auto 2rem auto;
    grid-template-areas: "content . card" ". . card" "button . card";
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
#news.giveaway .giveaway-content .text {
  grid-area: content;
}
@media print, screen and (min-width: 64em) {
  #news.giveaway .giveaway-content .text {
    padding-top: 2rem;
  }
}
#news.giveaway .giveaway-content .enter {
  grid-area: button;
  text-align: center;
}
#news.giveaway .giveaway-content .prize {
  grid-area: card;
}
#news.giveaway .giveaway-previous {
  background-color: #f0f0f0;
}
@media print, screen and (max-width: 63.99875em) {
  #news.giveaway .giveaway-previous {
    padding-top: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  #news.giveaway .giveaway-previous {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media print, screen and (min-width: 64em) {
  #news.giveaway .giveaway-previous h2 {
    margin-bottom: 3rem;
  }
}
#news.giveaway .giveaway-previous .giveaway-previous-box {
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 64em) {
  #news.giveaway .giveaway-previous .giveaway-previous-box {
    justify-content: space-between;
  }
}
@media print, screen and (min-width: 64em) {
  #news.giveaway .giveaway-previous .giveaway-previous-box .prize-card {
    width: 30%;
  }
}
@media print, screen and (min-width: 64em) {
  #news.giveaway .giveaway-previous .giveaway-previous-box .prize-card-faux {
    width: 30%;
    content: "";
  }
}
#news.giveaway .giveaway-legal {
  background-color: #333;
  color: #f0f0f0;
  font-weight: 300;
  padding-top: 1rem;
}
@media print, screen and (min-width: 64em) {
  #news.giveaway .giveaway-legal .container {
    max-width: 700px;
  }
}
#news.giveaway .giveaway-legal h4 {
  text-align: center;
}
#news.giveaway .giveaway-legal .rules {
  text-transform: uppercase;
  font-size: 0.8rem;
}
#news.giveaway .giveaway-legal .more {
  text-align: center;
}
#news.giveaway .giveaway-legal .more a {
  font-weight: 600;
}
#news.giveaway #colophon {
  display: none;
}
#news.giveaway #optinblock {
  margin: 1.5rem 0 1.5rem 0;
  background-color: #f0f0f0;
  border-radius: 8px;
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1), 1px -1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-align: center;
  transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
  height: 10em;
  /* start */
  /* start */
  /* start */
}
#news.giveaway #optinblock .status {
  margin: auto;
  padding: 1.5rem;
  padding-bottom: 0.8rem;
  font-size: 0.95rem;
}
#news.giveaway #optinblock .optinbutton {
  width: 10em;
  margin-bottom: 0.5em;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out, border-radius 0.2s ease-out, color 0.2s ease-out, width 0.2s ease-out;
}
#news.giveaway #optinblock .optouttext {
  font-size: 0.8rem;
  color: darkgray;
}
#news.giveaway #optinblock.is-checking {
  background-color: #fff;
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.05), 1px -1px 1px rgba(0, 0, 0, 0.05), -1px 1px 1px rgba(0, 0, 0, 0.05), 1px 1px 1px rgba(0, 0, 0, 0.05);
}
#news.giveaway #optinblock.is-error {
  box-shadow: -1px -1px 1px rgba(160, 0, 0, 0.5), 1px -1px 1px rgba(160, 0, 0, 0.5), -1px 1px 1px rgba(160, 0, 0, 0.1), 1px 1px 1px rgba(160, 0, 0, 0.5);
}
#news.giveaway #optinblock .optinbutton.is-saving-out {
  background: linear-gradient(to left, #e5e5e5, #c2c2c2, #e5e5e5);
  cursor: default;
  width: 100%;
  border-radius: 0;
}
#news.giveaway #optinblock .optinbutton.is-saving-in {
  background-color: rgb(255, 175.8818897638, 127);
  background-image: url("/images/icons/other/loader-lightorange-full.gif");
  background-position: 5% 50%;
  background-repeat: no-repeat;
  cursor: wait;
}
#news.giveaway #optinblock .optinbutton.is-checking {
  background-color: inherit !important;
  border: 1px solid #f0f0f0;
  color: #f0f0f0;
}
#news.giveaway #optinblock.is-optin .optinbutton:not(.is-saving-out) {
  background: linear-gradient(to left, #86df82, #08b200, #86df82);
  cursor: default;
  width: 100%;
  border-radius: 0;
}

.fozzrum-stuff-follows--- {
  color: black;
}

/*# sourceMappingURL=app.css.map */
