.seokeyword-detail div {
  font-size: 16.5px;
  line-height: 1.5;
}
.seokeyword-detail iframe,
.news-detail iframe {
  border: none;
}
.seokeyword-detail a.button,
.news-detail a.button {
  display: table;
}
.seokeyword-detail div.content-title,
.news-detail div.content-title {
  font-weight: bold;
}
.seokeyword-detail div.content-picture,
.news-detail div.content-picture {
  margin: 5px 0;
  text-align: center;
}
.seokeyword-detail div.content-picture:after,
.news-detail div.content-picture:after {
  content: "";
  display: table;
  clear: both;
}
.seokeyword-detail div.content-text,
.news-detail div.content-text {
  text-align: justify;
  margin: 10px 0;
}
.seokeyword-detail hr,
.news-detail hr {
  clear: both;
  border: 0;
  height: 1px;
  margin-bottom: 40px;
  background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0));
}
.seokeyword-detail ul.check li,
.news-detail ul.check li {
  list-style-type: none;
  position: relative;
  margin: 5px 0;
}
.seokeyword-detail ul.check li:before,
.news-detail ul.check li:before {
  content: '✓';
  position: absolute;
  height: 1em;
  margin-left: -18px;
  width: 1em;
}
.seokeyword-detail div.text-picture,
.news-detail div.text-picture {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 40px;
}
.seokeyword-detail div.text-picture p,
.news-detail div.text-picture p {
  margin-top: 0;
}
.seokeyword-detail div.text-picture .text,
.news-detail div.text-picture .text {
  float: left;
  width: 49%;
}
.seokeyword-detail div.text-picture img,
.news-detail div.text-picture img {
  float: left;
  max-width: 49%;
  margin-bottom: 20px;
}
.seokeyword-detail div.text-picture > :first-child,
.news-detail div.text-picture > :first-child {
  margin-right: 2%;
}
.seokeyword-detail div.text-picture > a,
.news-detail div.text-picture > a {
  float: left;
  display: block;
}
.seokeyword-detail div.text-picture > a img,
.news-detail div.text-picture > a img {
  max-width: 100%;
  margin: 0 0 0 0;
}
.seokeyword-detail div.text-text,
.news-detail div.text-text {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 40px;
}
.seokeyword-detail div.text-text p,
.news-detail div.text-text p {
  margin-top: 0;
}
.seokeyword-detail div.text-text .text,
.news-detail div.text-text .text {
  float: left;
  width: 49%;
}
.seokeyword-detail div.text-text > :first-child,
.news-detail div.text-text > :first-child {
  margin-right: 2%;
}
.seokeyword-detail div.text-video,
.news-detail div.text-video {
  float: left;
  width: 100%;
  clear: both;
  margin-bottom: 40px;
}
.seokeyword-detail div.text-video p,
.news-detail div.text-video p {
  margin-top: 0;
}
.seokeyword-detail div.text-video .iframe-wrapper,
.news-detail div.text-video .iframe-wrapper {
  float: left;
  width: 49%;
  height: auto;
  margin-bottom: 20px;
}
.seokeyword-detail div.text-video .text,
.news-detail div.text-video .text {
  float: left;
  width: 49%;
}
.seokeyword-detail div.text-video > :first-child,
.news-detail div.text-video > :first-child {
  margin-right: 2%;
}
.seokeyword-detail div.text-feature,
.news-detail div.text-feature {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
.seokeyword-detail div.text-feature a.button,
.news-detail div.text-feature a.button {
  margin: 0 auto;
}
.seokeyword-detail div.text-feature p,
.news-detail div.text-feature p,
.seokeyword-detail div.text-feature img,
.news-detail div.text-feature img {
  display: block;
  margin-right: auto;
  margin-left: auto;
  float: none;
  clear: both;
}
.game-home-edition-list .item {
  margin-right: 13px;
  margin-bottom: 15px;
  display: inline-block;
  vertical-align: top;
}
.game-home-edition-list .item a {
  display: block;
  text-decoration: none;
}
.game-home-edition-list .item a .image {
  display: block;
  position: relative;
  overflow: hidden;
}
.game-home-edition-list .item a .image .image-wrapper {
  height: 95px;
  width: 135px;
  background-color: #f4f4f4;
  border-radius: 17px;
  margin-bottom: 7px;
}
.game-home-edition-list .item a .image .image-wrapper img {
  width: 100%;
  border-radius: 17px;
}
.game-home-edition-list .item a .image .download-icon {
  width: 36px;
  height: 36px;
  position: absolute;
  top: calc(100% - 39px);
  right: 0;
  z-index: 100;
/*transition: 0.3s ease;*/
}
.game-home-edition-list .item a .image .download-icon-big {
  opacity: 0;
  width: 58px;
  height: 70px;
  position: absolute;
  top: calc(50% - 35px);
  right: calc(50% - 29px);
  z-index: 100;
/*transition: 0.3s ease;*/
}
.game-home-edition-list .item a:hover .download-icon {
  transform: translate(50px, 50px);
}
.game-home-edition-list .item a:hover .download-icon-big {
  opacity: 0.8;
}
.game-home-edition-list .item a .title {
  margin-bottom: 10px;
  font-size: 9pt;
  display: block;
  text-align: center;
  font-weight: bold;
  max-width: 136px;
}
@media only screen and (max-width: 736px) {
  .seokeyword-detail h1,
  .news-detail h1 {
    font-size: 20px;
  }
  .seokeyword-detail div.text-picture .text,
  .news-detail div.text-picture .text {
    width: 100%;
  }
  .seokeyword-detail div.text-picture img,
  .news-detail div.text-picture img {
    width: 100%;
    max-width: 100%;
  }
  .seokeyword-detail div.text-video .iframe-wrapper,
  .news-detail div.text-video .iframe-wrapper {
    width: 100%;
  }
  .seokeyword-detail div.text-video .text,
  .news-detail div.text-video .text {
    width: 100%;
  }
  .seokeyword-detail div.text-text .text,
  .news-detail div.text-text .text {
    width: 100%;
    clear: both;
  }
}
* {
  font-family: "Trebuchet MS", Arial, sans-serif;
}
body {
  font-size: 16px;
  font-family: "Trebuchet MS", Arial, sans-serif;
  overflow-x: hidden;
  background-color: #1d2933;
}
@-moz-document url-prefix() {
  body {
    -webkit-text-stroke: 0.1px;
  }
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
p,
strong,
i,
b,
li {
  color: #1d2933;
}
p a,
a {
  color: #000;
  text-decoration: underline;
}
p a:hover,
a:hover {
  color: #869b00;
  text-decoration: underline;
}
.highlight {
  padding: 0 4px 0 4px;
  color: #a9c200;
}
a.cc-btn {
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #849700, 1px -1px 1px #849700, -1px 1px 1px #849700, -1px -1px 1px #849700;
  border-radius: 3px;
  border: 2px solid #849700;
}
.footer-wrapper [data-cookiemon-privacybutton] {
  display: block;
  margin: 20px 0 0 0;
  padding: 10px;
  background-color: #a9c200;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  text-shadow: 1px 1px 1px #849700, 1px -1px 1px #849700, -1px 1px 1px #849700, -1px -1px 1px #849700;
  width: 140px;
  border: 2px solid #849700;
}
.footer-wrapper [data-cookiemon-privacybutton]:hover {
  color: #fff;
  text-decoration: underline;
}
#page {
  position: relative;
  background-color: #fff;
}
header {
  position: relative;
  min-height: 103px;
  z-index: 90;
}
.browser-playground header {
  padding-top: 10px;
}
section#pagehead {
  clear: both;
  position: relative;
  overflow: hidden;
  min-height: 41px;
}
#navigation-wrapper {
  min-width: 960px;
  max-width: 960px;
  text-align: center;
  margin: 0 auto;
}
header .navigation {
  display: flex;
  flex-flow: row;
  align-items: end;
  margin-left: 16px;
}
header .navigation nav {
  margin-top: auto;
}
header .subnavigation .wrapper {
  max-width: 960px;
  margin: 0 auto;
  padding-top: 4px;
}
header .upjers-logo {
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/interface_sprites.png$07123451") no-repeat -2px 0;
  width: 220px;
  height: 50px;
  margin: 4px 0 0 0;
  overflow: hidden;
}
html.browser-playground header .upjers-logo {
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/playground/upjers_logo_home.png$07123451");
}
header .upjers-logo a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -1000em;
}
header .subnavigation {
  margin-top: 15px;
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/border_menu.png$07123451") repeat-x 0 0;
  margin-left: 0;
  margin-right: 0;
}
header .subnavigation a {
  color: #869b00;
}
header .subnavigation p:first-child {
  margin-left: 20px;
}
header .subnavigation p:nth-child(2).form-field-password {
  margin-left: 5px;
}
header .subnavigation p {
  margin-top: 1px;
  margin-left: 10px;
  display: inline-block;
  margin-bottom: 0px;
  float: left;
}
header .subnavigation p.form-submit input {
  height: 21px;
}
header .subnavigation p {
  color: #fff;
}
header .subnavigation p label {
  display: none;
}
header .subnavigation p.points-icon {
  margin-top: -2px;
  width: 27pxgit;
  height: 27px;
}
header .subnavigation p.register-link {
  margin-left: 10px;
  margin-top: 2px;
}
header .subnavigation a.button {
  font-size: 13px;
  margin-top: 1px;
  color: #fff;
  padding: 0 10px 0 10px;
}
input[readonly="readonly"] {
  border: none;
  background-color: #eee;
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
select {
  border: 1px solid #178c95;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 1px 1px 1px 10px;
  direction: ltr;
}
header .subnavigation p input[type="text"],
header .subnavigation p input[type="number"],
header .subnavigation p input[type="email"],
header .subnavigation p input[type="password"] {
  width: 120px;
  margin: 0 3px 0 1px;
  padding: 1px 1px 1px 10px;
  direction: ltr !important; /* Playground Bug */
}
header .subnavigation .form-group input {
  min-width: 120px;
  height: initial;
}
header .subnavigation fieldset {
  float: left;
}
header .subnavigation .form-fieldwrap {
  padding: 0;
}
header .subnavigation input {
  padding-left: 8px;
}
.subnavigation .user-header {
  display: inline-block;
  font-size: 0.9em;
  margin-top: 1px;
}
.subnavigation .submenu {
  font-size: 0.9em;
  float: right;
  color: #fff;
}
.subnavigation .submenu ul {
  list-style: none;
  margin: 0;
  padding: 2px 0 0 0;
}
.subnavigation .submenu li {
  display: inline-block;
  padding: 2px 8px 0 8px;
}
.subnavigation .submenu li a {
  color: #fff;
  text-decoration: none;
}
.subnavigation .submenu li a span.data-poll {
  color: #cde818;
}
.subnavigation .submenu li a:hover {
  color: #a9c200;
}
.subnavigation .submenu li.active a {
  color: #a9c200;
}
html[lang="el"] .subnavigation .submenu li {
  padding-left: 0;
}
a.button,
input[type="submit"],
header .subnavigation p input[type="submit"] {
  background-color: #a9c200;
  border: 2px solid #849700;
  border-radius: 3px;
  color: #fff;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  min-width: 84px;
  padding: 0 0 1px 0;
  font-weight: bold;
  text-align: center;
  margin: 0;
  cursor: pointer;
  transition: opacity 0.3s ease;
  text-shadow: 1px 1px 1px #849700, 1px -1px 1px #849700, -1px 1px 1px #849700, -1px -1px 1px #849700;
}
a.button.load,
input[type="submit"].load,
header .subnavigation p input[type="submit"].load {
  pointer-events: none;
  opacity: 0.5;
  content: contain;
  background-size: 30px 30px;
  background-image: linear-gradient(45deg, rgba(0,0,0,0.1) 25%, transparent 25%, transparent 50%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.1) 75%, transparent 75%, transparent);
  animation: barberpole 0.5s linear infinite;
}
#user-header input[type="submit"] {
  font-size: 13px;
}
a.button:hover,
input[type="submit"]:hover,
header .subnavigation p input[type="submit"]:hover {
  background-color: #cde818;
  border-color: #869a03;
}
input[type="submit"] {
  clear: left;
  padding: 8px;
  min-width: 120px;
  margin: 10px auto 0 auto;
}
label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.archway-form {
  clear: both;
  float: left;
}
.archway-form fieldset {
  display: table;
  padding: 0;
  margin: 0;
  border: none;
}
.form-controls {
  padding: 15px 0 0 0;
}
.form-group {
  display: table-row;
  margin-top: 0;
  vertical-align: middle;
}
.form-group label {
  display: table-cell;
  width: 200px;
  vertical-align: middle;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 0px;
}
.form-group span.prefix {
  text-transform: none;
  display: block;
  padding-bottom: 20px;
}
.form-group .form-fieldwrap {
  display: table-cell;
  vertical-align: middle;
  padding: 4px 0 4px 0;
}
.form-group label[class*='tooltip'] {
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/forms/infocircle.png$d6109f0d");
  background-repeat: no-repeat;
  background-position: 172px 15px;
}
.form-group.form-field-checkbox label[class*='tooltip'] {
  background-position: 179px 7px;
}
.form-group.form-field-file .file-input-wrap button {
  width: 100%;
  padding: 10px 20px;
}
.form-group.form-field-file .file-input-wrap {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.form-group.form-field-file .file-preview {
  display: block;
  padding: 10px;
  margin-top: 20px;
  border: 1px solid #999;
  border-radius: 5px;
  width: 300px;
}
.form-group.form-field-file .file-preview img {
  max-width: 300px;
}
.form-group.form-field-file .file-input-wrap input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.form-group.form-field-file .file-message {
  padding-left: 10px;
}
.form-group.form-field-static {
  display: table;
}
.form-group.form-field-static > span {
  display: block;
}
.form-group.form-field-hidden {
  display: none;
}
.form-group textarea,
.form-group input {
  border: 1px solid #178c95;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.form-group input[type="submit"] {
  border: 1px solid #849900;
  outline: none;
}
.form-group textarea {
  padding-left: 10px;
  padding-top: 6px;
}
.form-field-textarea .max-length-message {
  float: right;
}
.form-group input[type="text"],
.form-group input[type="password"] {
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
}
.form-group input.form-input-text,
.form-group input.form-input-password,
.form-group input.form-input-email {
  min-width: 240px;
}
.form-group input.form-input-checkbox {
  display: none;
}
.form-group span.form-input-checkbox {
  width: 18px;
  height: 18px;
  display: block;
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/checkbox.png$07123451");
  background-repeat: no-repeat;
  cursor: pointer;
  float: left;
}
.form-group span.form-input-checkbox.checked {
  background-position: bottom left;
}
.form-field-checkbox input + label {
  float: left;
  text-transform: none;
  font-weight: normal;
  display: inline;
}
.form-group.form-field-checkbox-inline {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 10px 0 10px 0;
}
.form-field-checkbox-inline label {
  width: auto;
  padding: 0 0 0 30px;
}
.form-group.form-field-checkbox-inline span.form-input-checkbox {
  position: absolute;
  margin: 5px 0 0 0;
}
.form-success {
  width: 100%;
  color: #178c95;
  padding-top: 3px;
  padding-bottom: 3px;
  display: block;
  margin-bottom: 10px;
}
.form-error {
  clear: left;
  width: 100%;
  color: #fe0000;
  padding-top: 3px;
  padding-bottom: 3px;
  display: block;
  margin-bottom: 0;
}
.form-error a {
  color: #fc0000;
}
a.button {
  text-align: center;
  text-decoration: none;
  padding: 1px 15px 1px 15px;
}
a.button-more {
  clear: both;
  float: right;
}
nav {
  transition: 0.3s ease;
  text-align: right;
  text-transform: uppercase;
  flex: 1;
}
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav li {
  display: inline;
  font-size: 0.96em;
  margin: 0 0 0 10px;
  padding: 0;
  vertical-align: top;
}
nav li.active a,
nav li a:hover {
  color: #a9c200;
  text-decoration: none;
}
nav li a {
  color: #1d2933;
  text-decoration: none;
  padding: 0 8px 0 8px;
  display: inline-block;
}
nav li:not(.menuitem-languages) a {
  height: 30px;
  line-height: 30px;
  margin-top: -15px;
}
footer {
  clear: both;
  margin: 40px 0 0 0;
  padding-bottom: 30px;
  background-color: #1d2933;
  color: #fff;
}
.footer-items {
  padding: 4px 0 8px 0;
}
.footer-wrapper {
  max-width: 960px;
  text-align: left;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  padding: 20px;
  padding-bottom: 0;
}
.footer-right {
  display: inline-block;
  width: 63%;
  vertical-align: top;
  padding-left: 10px;
}
.footer-block {
  display: inline-block;
  flex: 0 1 200px;
}
footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .footer-headline {
  font-weight: bold;
  padding: 8px 0 0 0;
  color: #fff;
  margin: 0;
}
.footer-icon {
  margin: 8px 6px 0 0;
  display: inline-block;
  vertical-align: top;
}
.footer-icon:last-child {
  margin-right: 0;
}
.footer-icon .social-media-icon {
  width: 32px;
  height: 32px;
  display: block;
}
.footer-icon .social-media-icon img {
  width: 32px;
  height: 32px;
}
footer ul {
  padding: 4px 0 8px 0;
  margin: 0;
}
footer li {
  vertical-align: top;
}
.footer-right li {
  display: inline-block;
  width: 32%;
}
footer li a {
  color: #aaa;
  text-decoration: none;
}
footer li.active a,
li.active afooter:hover {
  color: #a9c200;
  text-decoration: none;
}
.footer-block.socialmedia img {
  width: 32px;
  height: auto;
}
.button,
.button2,
.form-group.form-field-file button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #a9c200;
  border: 2px solid #849700;
  color: #fff;
  text-transform: uppercase;
  min-width: 84px;
  padding: 3px 30px 3px 30px;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 1px 1px 1px #849700, 1px -1px 1px #849700, -1px 1px 1px #849700, -1px -1px 1px #849700;
}
.button:hover,
.button2:hover {
  color: #fff;
  background-color: #cde818;
  border-color: #869a03;
  text-decoration: none;
}
.button:disabled,
.button2:disabled {
  background-color: #bbb;
  cursor: default;
  border-color: #575757;
  text-shadow: 1px 1px 1px #999, 1px -1px 1px #999, -1px 1px 1px #999, -1px -1px 1px #999;
}
.button-aligned {
  margin-right: 20px;
}
.loading {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.loading img {
  position: relative;
  z-index: 2;
}
.loading::before {
  content: '';
  display: block;
  position: absolute;
  left: -150px;
  top: 0;
  height: 100%;
  width: 150px;
  z-index: 1;
  background: linear-gradient(90deg, transparent 0%, #fff 50%, transparent 100%);
  animation: load 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.button a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}
#clear-cache {
  position: absolute;
  font-size: 10px;
  cursor: pointer;
}
#isdev {
  position: absolute;
  top: 15px;
  background: #a9c200;
  padding: 2px;
  min-width: 45px;
  line-height: 15px;
}
#isdev > a {
  color: #000;
  font-size: 90%;
}
.country_flag {
  display: inline-block;
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/fahnen_arrow5.png$ee2e1191") /* it's really a webp */;
  width: 20px;
  height: 14px;
  margin: 0;
  overflow: hidden;
  text-indent: 1000em;
}
.country_flag_de {
  background-position: -80px 0px;
}
.country_flag_bg {
  background-position: -40px 0;
}
.country_flag_cz {
  background-position: -60px 0;
}
.country_flag_dk {
  background-position: 0 -14px;
}
.country_flag_gr {
  background-position: -20px -14px;
}
.country_flag_es {
  background-position: -60px -14px;
}
.country_flag_fr {
  background-position: -80px -14px;
}
.country_flag_hr {
  background-position: 0px -28px;
}
.country_flag_ir {
  background-position: -40px -28px;
}
.country_flag_it {
  background-position: -60px -28px;
}
.country_flag_hu {
  background-position: -20px -28px;
}
.country_flag_nl {
  background-position: 0 -42px;
}
.country_flag_pl {
  background-position: -40px -42px;
}
.country_flag_ro {
  background-position: -80px -42px;
}
.country_flag_ru {
  background-position: -20px -56px;
}
.country_flag_se {
  background-position: -60px -56px;
}
.country_flag_tr {
  background-position: -80px -56px;
}
.country_flag_en {
  background-position: -40px -14px;
}
.nav-lang {
  position: relative;
  display: inline-block;
  vertical-align: 0;
}
.nav-lang.open > .nav-lang-list {
  display: block;
}
.nav-lang-selected {
  cursor: pointer;
  position: relative;
  padding: 2px 6px 2px 6px;
}
.nav-lang.open > .nav-lang-selected {
  color: #a8c200;
  background-color: #1d2933;
}
.nav-lang-list {
  display: none;
  position: absolute;
  top: 21px;
  right: 0;
  background-color: #1d2933;
  z-index: 1000;
  text-align: left;
}
.nav-lang .arrow-down {
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/lang_arrow.png$07123451");
  background-repeat: no-repeat;
  vertical-align: top;
  height: 13px;
  width: 14px;
  display: inline-block;
}
.nav-lang.open .arrow-down {
  background-position-y: -14px;
}
.nav-lang-list > a {
  display: block;
  white-space: nowrap;
  color: #fff;
  padding: 4px 12px 4px 12px;
  text-align: left;
}
.nav-lang-list > a hover {
  background-color: #a8c200;
  color: #fff;
}
.nav-lang .country_text {
  display: inline-block;
  text-transform: initial;
  padding-left: 6px;
  text-align: center;
}
#vacation_question_info {
  cursor: pointer;
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/forms/infocircle.png$d6109f0d");
  background-repeat: no-repeat;
  background-position: 0px 5px;
  padding-left: 15px;
}
#page {
  margin: 0 auto;
}
#pagehead {
  margin-top: -15px;
}
.play-login-script {
  width: 200px;
  margin: 7% auto;
  overflow: hidden;
  text-indent: -1000em;
  min-height: 200px;
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/ajax-loader.gif$ee2e1191");
  background-repeat: no-repeat;
  background-position: center center;
}
.jBox-Notice .jBox-content {
  min-width: 240px;
}
.breadcrumb-absolute {
  clear: both;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
html.page-community .breadcrumb-absolute {
  bottom: 6px;
}
html:not(.logged-in).page-community .content-data-max {
  margin-top: 58px !important;
}
html.logged-out.page-points #header-background.background {
  background: no-repeat scroll center -16px transparent;
}
#pagehead > .breadcrumb-absolute:first-child {
  bottom: -3px;
}
.breadcrumb-content {
  font-size: 14px;
  padding: 10px 0 0 0;
  margin-top: -36px;
  position: relative;
  z-index: 2;
  background-color: rgba(29,41,51,0.533);
}
.breadcrumb-content .breadcrumb-inner-content {
  padding-bottom: 10px;
  max-width: 960px;
  margin: auto;
}
.breadcrumb-content .breadcrumb-inner-content .breadcrumb-title {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 20px;
}
.breadcrumb .breadcrumb-navigation {
  margin-left: 20px;
  color: #aaa;
}
.breadcrumb .breadcrumb-navigation .seperator {
  display: inline-block;
  margin: 0 5px 0 5px;
  transform: rotate(90deg);
  color: #fff;
  vertical-align: -1px;
}
.breadcrumb .breadcrumb-navigation .breadcrumb-element {
  display: inline-block;
  vertical-align: top;
}
.breadcrumb .breadcrumb-navigation .breadcrumb-element a {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  color: #fff;
}
.breadcrumb .breadcrumb-navigation .breadcrumb-element a:hover {
  color: #a9c200;
}
.breadcrumb-navigation .seperator:first-child {
  display: none;
}
@media only screen and (max-width: 736px) {
  .breadcrumb-content {
    display: none;
  }
  .login-form .form-submit,
  .register-form .form-submit {
    text-align: left;
  }
  .register-form .form-group.form-field-checkbox-inline {
    margin: 0;
    padding-bottom: 5px;
  }
  .login-info {
    padding-top: 15px;
    clear: both;
  }
  .form-group {
    display: initial;
  }
  .form-group label {
    padding-top: 0;
    width: 100%;
    display: block;
    float: left;
  }
  .form-group.form-field-text label[class*='tooltip'],
  .form-group.form-field-password label[class*='tooltip'] {
    background-position: right 7px;
  }
  .form-group .form-fieldwrap {
    display: block;
    clear: left;
    width: 100%;
    margin-bottom: 10px;
  }
  .form-group.form-field-checkbox .form-fieldwrap {
    clear: none;
    width: auto;
    float: left;
  }
  .form-group input.form-input-text,
  .form-group input.form-input-password,
  .form-group input.form-input-email {
    box-sizing: border-box;
    width: 100%;
  }
  .form-submit {
    margin: 0 auto;
    text-align: center;
  }
  header {
    min-height: 70px;
    border-bottom: 1px solid #d3d3d3;
  }
  header .navigation {
    min-width: 300px;
    margin-left: 0;
  }
  header > div {
    min-width: 340px;
  }
  header form {
    width: 340px;
  }
  #pagehead {
    margin-top: 0;
    min-height: 0 !important;
  }
  section#content {
    margin-top: 0;
    min-height: 252px;
  }
  #navigation-wrapper {
    min-width: 300px;
  }
  .footer-left {
    display: block;
    width: calc(100% - 20px);
  }
  .footer-left .footer-block {
    width: 100%;
    vertical-align: top;
  }
  .footer-left .footer-block li {
    display: inline-block;
    width: 47%;
  }
  .footer-right {
    padding-left: 20px;
    display: block;
    width: calc(100% - 20px);
  }
  .footer-right li {
    display: inline-block;
    width: 47%;
  }
  .footer-block.socialmedia img {
    width: 46px;
  }
  header .subnavigation {
    display: none;
  }
  .button2 {
    padding: 3px 20px 3px 20px;
    overflow-x: hidden;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 737px) and (max-width: 890px) {
  header nav li {
    margin: 0 0 0 3px;
  }
  header .subnavigation .submenu li {
    font-size: 13px;
    padding: 3px 8px 0 0;
  }
  header .subnavigation .submenu a span {
    display: none;
  }
}
@media only screen and (min-width: 737px) and (max-width: 999px) {
  header .subnavigation {
    top: 72px;
  }
  header .subnavigation .submenu ul {
    padding-left: 0;
  }
  header .upjers-logo {
    margin: 4px 0 0 0px;
  }
  nav {
    margin: 32px 0 0 0;
  }
  nav li {
    margin: 0 0 0 7px;
  }
  section#content {
    min-height: 261px;
  }
  #navigation-wrapper {
    max-width: 960px;
    min-width: 717px;
    margin-left: 20px;
  }
  .footer-right li {
    display: inline-block;
    width: 49%;
  }
}
.navigation.hidden nav {
  opacity: 0;
  display: none;
}
.upjersmod .nav-phone-icon {
  position: absolute;
  top: 9px;
  right: 18px;
  font-size: 36px;
  cursor: pointer;
  z-index: 2000;
}
.upjersmod .nav-phone-wrap {
  background-color: #1d2a33;
  color: #fff;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 250px;
  height: auto;
  padding: 0 0 15px 0;
  z-index: 2000;
  box-shadow: 7px -7px 5px 10px rgba(29,42,51,0.4);
  text-align: center;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
}
.upjersmod .nav-phone-head {
  height: 60px;
  border-bottom: 1px solid #5e5e5e;
}
.upjersmod .nav-phone-head > .nav-phone-close {
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  margin: 8px 0 0 20px;
  text-decoration: none;
  float: left;
  cursor: pointer;
}
.upjersmod .nav-phone-head > img {
  float: right;
  margin: 18px 15px 0 0;
  cursor: pointer;
}
.upjersmod .nav-phone-userinfo {
  display: flex;
  flex-flow: row;
  align-items: center;
  padding: 8px 0 10px 0;
  border-bottom: 1px solid #5e5e5e;
}
.upjersmod .nav-phone-userinfo .nav-phone-userdata {
  flex: 0 1 calc(100% - 52px);
}
.upjersmod .nav-phone-userinfo .nav-phone-userdata .nav-phone-username a {
  color: #95aa04;
  margin-bottom: 5px;
}
.upjersmod .nav-phone-userinfo .nav-phone-points {
  flex: 0 0 36px;
}
.upjersmod .nav-phone-userinfo .nav-phone-points a {
  height: 36px;
  display: block;
}
.upjersmod .nav-phone-userinfo .nav-phone-points a img {
  height: 36px;
  width: 36px;
  aspect-ratio: 30/28;
}
.upjersmod .nav-phone-login {
  padding: 20px 0 10px 0;
}
.upjersmod .nav-phone-login.nav-phone-register {
  padding: 25px 0 20px 0;
  border-bottom: 1px solid #5e5e5e;
}
.upjersmod .nav-phone-login > a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  background-color: #a8c200;
  text-transform: uppercase;
  min-width: 84px;
  padding: 2px 30px 2px 30px;
  margin-top: 4px;
  border: 1px solid #a8c200;
  cursor: pointer;
  background-image: none;
  box-shadow: none;
}
.upjersmod .nav-phone-menu ul {
  padding: 0;
  list-style: none;
  margin: 12px 0 12px 0;
}
.upjersmod .nav-phone-menu li {
  font-size: 0.96em;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  display: block;
}
.upjersmod .nav-phone-menu li > a {
  display: block;
  white-space: nowrap;
  color: #fff;
  padding: 6px 0 6px 0;
  text-decoration: none;
}
.upjersmod .nav-phone-menu li.active > a {
  color: #a8c200;
}
.upjersmod .nav-phone-lang.nav-lang-list {
  position: relative;
  display: none;
  padding-bottom: 20px;
}
.upjersmod .nav-phone-lang.nav-lang-list > a {
  padding: 4px 12px 4px 20px;
  text-decoration: none;
}
.upjersmod .nav-phone-lang.nav-lang-list > a > .country_text {
  display: inline-block;
  vertical-align: 2px;
  text-transform: initial;
  padding-left: 8px;
}
.upjersmod .nav-phone-submenu {
  border-top: 1px solid #5e5e5e;
  padding-top: 12px;
}
.upjersmod .nav-phone-submenu ul {
  list-style: none;
  padding: 0;
}
.upjersmod .nav-phone-submenu li {
  display: block;
}
.upjersmod .nav-phone-submenu span.data-poll {
  display: inline;
  color: #cde818;
}
.upjersmod .nav-phone-submenu li > a {
  text-transform: uppercase;
  color: #ddd;
  text-decoration: none;
  padding: 6px 0 6px 0;
  display: block;
}
.upjersmod .nav-phone-submenu li.active > a {
  color: #a8c200;
}
.upjersmod .nav-phone-submenu li > a:hover {
  background-color: #a8c200;
  color: #ddd;
}
@-moz-keyframes barberpole {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 60px 30px;
  }
}
@-webkit-keyframes barberpole {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 60px 30px;
  }
}
@-o-keyframes barberpole {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 60px 30px;
  }
}
@keyframes barberpole {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 60px 30px;
  }
}
@-moz-keyframes load {
  from {
    left: -150px;
  }
  to {
    left: 100%;
  }
}
@-webkit-keyframes load {
  from {
    left: -150px;
  }
  to {
    left: 100%;
  }
}
@-o-keyframes load {
  from {
    left: -150px;
  }
  to {
    left: 100%;
  }
}
@keyframes load {
  from {
    left: -150px;
  }
  to {
    left: 100%;
  }
}
.blog-article-meta .author {
  margin-right: 24px;
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/blog/icon_author.png$ee2e1191");
  background-position: 0 3px;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  padding: 0 0 0 22px;
}
.blog-article-meta .date {
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/blog/icon_calendar.png$ee2e1191");
  background-position: 0 3px;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  padding: 0 0 0 22px;
}
.blog-search-form input {
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
  margin: 0 0 15px 0;
  text-indent: 5px;
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/blog/icon_search.png$ee2e1191");
  background-position-x: calc(100% - 5px);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position-y: calc(100% - 5px);
}
.blog-menu {
  display: none;
  height: 40px;
  box-sizing: border-box;
  background-color: #1d2933;
  position: relative;
  overflow: hidden;
}
.blog-menu h2 {
  float: left;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  text-indent: -1000em;
  overflow: hidden;
  outline: 1px solid #f00;
  cursor: pointer;
}
.page-blogarticle .blog-sidebar .discover {
  display: none;
}
.blog-sidebar {
  flex: 3;
}
.blog-sidebar .blog-suggestions .blog-game-suggestions {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
  gap: 20px;
}
.blog-sidebar .blog-suggestions .blog-game-suggestions .game-tab-entry {
  flex: 1 1 calc(50% - 20px);
}
.blog-sidebar .blog-suggestions .discover {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}
.blog-sidebar .blog-suggestions .discover a {
  display: block;
}
.blog-sidebar .blog-categories {
  padding: 24px 12px;
  box-sizing: border-box;
  background-color: #f5f4f2;
}
.blog-sidebar .blog-categories h2 {
  margin: 0 0 20px 0;
}
.blog-sidebar .close-button {
  display: none;
  width: 18px;
  height: 18px;
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/blog/icon_close.png$ee2e1191");
  background-repeat: no-repeat;
  background-size: 18px 18px;
  position: absolute;
  top: 19px;
  right: 19px;
  cursor: pointer;
}
.blog-startpage {
  margin: 0 0 20px 0;
}
.blog-startpage a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-transform: uppercase;
  padding: 11px 5px;
}
.blog-article-excerpt {
  clear: both;
  float: left;
  width: 100%;
}
.blog-article-excerpt:after {
  content: ' ';
  clear: both;
}
.blog-article-toc {
  margin: 25px 0;
  padding: 20px 16px;
  background-color: #f5f4f2;
}
.blog-article-toc h2 {
  font-size: 22px;
  margin: 0 0 24px 0;
}
.blog-article-toc ul {
  margin: 0;
  list-style-type: disclosure-closed;
}
.blog-article-toc ul li {
  padding: 0 0 10px 7px;
}
.blog-article-toc ul li a {
  text-decoration: none;
}
.blog-categories ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.blog-categories li {
  display: block;
  float: left;
  margin: 0 10px 12px 0;
}
.blog-categories li a {
  border-radius: 5px;
  background-color: #658eae;
  text-decoration: none;
  font-style: italic;
  color: #fff;
  padding: 6px 8px;
  display: block;
}
.blog-categories li a:hover {
  outline: 1px solid #a9c200;
  color: #000;
  background-color: #fff;
}
.blog-categories li.active a {
  color: #fff;
  background-color: #849700;
}
.article-media {
  width: 100%;
  height: 140px;
  background-size: cover;
  background-position: 0 0;
  margin-bottom: 15px;
}
.article-media a {
  display: block;
  width: 100%;
  height: 100%;
}
.blog-category hr {
  margin: 25px 0;
}
.blog-category .article-teaser {
  clear: both;
  width: 100%;
  margin: 0 0 30px 0;
  box-sizing: border-box;
  border-radius: 15px;
}
.blog-category .article-teaser .blog-categories {
  margin-bottom: 10px;
}
.blog-category .article-teaser .blog-read-more {
  color: #a9c200;
}
.blog-category .article-teaser h2 {
  margin: 0;
}
.blog-category .article-teaser h2 a {
  text-decoration: none;
}
.blog-game-suggestions {
  margin: 0 0 30px 0;
  float: none;
  display: flex;
  width: 100%;
  clear: both;
  justify-content: space-between;
  align-items: stretch;
  column-gap: 1em;
}
.blog-game-suggestions div.game-tab-entry {
  margin: 0;
  float: none;
  flex: 3;
  width: 24%;
  min-width: 20%;
  min-height: auto;
}
.blog-game-suggestions div.game-tab-entry .game-link {
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/blog/icon_play.png$ee2e1191");
  background-size: 45px 45px;
  background-position: bottom right;
  background-repeat: no-repeat;
}
.blog-game-suggestions div.game-tab-entry .game-name {
  text-indent: -1000em;
  overflow: hidden;
}
.blog-game-suggestions div.game-tab-entry .game-wrapper,
.blog-game-suggestions div.game-tab-entry img,
.blog-game-suggestions div.game-tab-entry video {
  border-radius: 20px;
}
.blog-game-suggestions div.game-tab-entry .game-image-wrapper {
  height: auto;
}
.blog-game-suggestions div.game-tab-entry .game-teaser-with-icon {
  margin: auto;
}
.blog-game-suggestions div.game-tab-entry .game-teaser {
  text-align: center;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 15px;
  width: 100%;
}
.blog-game-suggestions div.game-tab-entry .game-teaser a.button {
  font-size: 15px;
  padding: 5px;
}
.blog-game-suggestions div.game-tab-entry .game-teaser .qrcode-cross,
.blog-game-suggestions div.game-tab-entry .game-teaser .qrcode-mobile {
  margin: 0 auto;
  padding: 0;
  border: none;
}
.blog-game-suggestions div.game-tab-entry .game-teaser .qrcode-cross span,
.blog-game-suggestions div.game-tab-entry .game-teaser .qrcode-mobile span {
  display: none;
}
.blog-game-suggestions div.game-tab-entry .game-teaser .qrcode-cross img,
.blog-game-suggestions div.game-tab-entry .game-teaser .qrcode-mobile img {
  width: 80px;
  height: 80px;
  position: static;
  border-radius: 5px;
  margin: 0 auto 10px auto;
}
.blog-game-suggestions div.game-tab-entry:not(.top-game):nth-child(3n) {
  margin-right: auto;
}
.blog-categories {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
.blog-categories:after {
  content: ' ';
  clear: left;
  display: table;
}
.blog-article hr {
  clear: both;
  margin: 25px 0;
}
.blog-article p.discover {
  clear: both;
}
.blog-article p.discover a.button {
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-transform: uppercase;
  padding: 11px 5px;
}
.blog-article p.discover a.button .arrow {
  font-size: 10px;
  position: relative;
  top: -1px;
  left: 5px;
}
.blog-article .blog-article-content {
  padding: 0 0 20px 0;
}
.blog-article p {
  margin: 0 0 20px 0;
}
.blog-article img {
  max-width: 100%;
  height: auto;
}
.blog-article .title {
  color: #a9c200 !important;
}
.blog-article .has-background {
  clear: both;
  background-color: #a9c200 !important;
  font-style: italic;
}
.blog-article [name="blog_comments_form"] {
  width: 100%;
}
.blog-article [name="blog_comments_form"] .form-field-textarea {
  display: flex;
  margin: 0;
}
.blog-article [name="blog_comments_form"] .form-field-textarea label {
  flex: 1;
  text-transform: none;
}
.blog-article [name="blog_comments_form"] .form-field-textarea .form-fieldwrap {
  flex: 3;
  padding: 0;
}
.blog-article [name="blog_comments_form"] .form-field-textarea textarea {
  width: 100%;
  min-height: 50px;
  box-sizing: border-box;
}
.blog-article [name="blog_comments_form"] .form-submit {
  text-align: right;
}
.blog-article .blog-comments-unavailable {
  padding-bottom: 30px;
}
.blog-article .blog-comments-wrap {
  margin: 0 0 50px 0;
}
.blog-article .blog-comment-sent {
  font-style: italic;
  font-weight: bold;
}
.blog-article .blog-comment {
  clear: both;
  padding: 0 0 20px 0;
}
.blog-article .blog-comment .archway-form {
  float: none;
}
.blog-article .blog-comment .archway-form .form-field-textarea label {
  display: none;
}
.blog-article .blog-comment .blog-comment {
  margin: 20px 0 0 0;
  border-left: 1px solid #ccc;
  padding: 15px 0 20px 25px;
}
.blog-article .blog-comment .blog-comment-author {
  clear: both;
  float: left;
  font-weight: bold;
  font-size: 16px;
}
.blog-article .blog-comment .blog-comment-date {
  clear: both;
  font-style: italic;
  color: #666;
  font-size: 14px;
  margin: 0 0 10px 0;
  float: left;
}
.blog-article .blog-comment .blog-reply-comment {
  display: block;
  padding: 8px 0 20px 0;
  color: #a9c200;
}
.blog-article .blog-comment .blog-comment-content {
  clear: both;
}
.blog-article .blog-comment .blog-comment-content p {
  margin: 0 0 2px 0;
}
.blog-article img.left,
.blog-article img.alignleft,
.blog-article .wp-caption.alignleft {
  margin: 0 1.571em 0.5em 0;
  display: block;
  float: left;
}
.blog-article img.right,
.blog-article img.alignright,
.blog-article .wp-caption.alignright {
  margin: 0 0 0.5em 1.571em;
  display: block;
  float: right;
}
.blog-article img.center,
.blog-article img.aligncenter,
.blog-article .wp-caption.aligncenter {
  margin: 0.3em auto 1em auto;
  display: block;
  float: none;
}
.blog-article img.aligncenter,
.blog-article img.alignnone {
  margin-top: 1em;
  margin-bottom: 1em;
  display: block;
  clear: both;
  float: none;
}
.blog-article figure {
  margin: 0;
  text-align: center;
}
.blog-article figure img {
  border-radius: 25px;
}
.blog-article h1 {
  margin-bottom: 10px;
}
.blog-article img {
  border-radius: 25px;
}
.blog-article .wp-block-audio figcaption {
  margin-top: 0.5em;
  margin-bottom: 1em;
}
.blog-article .wp-block-audio audio {
  width: 100%;
  min-width: 300px;
}
.blog-article .wp-block-button {
  color: #fff;
}
.blog-article .wp-block-button.aligncenter {
  text-align: center;
}
.blog-article .wp-block-button.alignright {
  text-align: right;
}
.blog-article .wp-block-button__link {
  background-color: #32373c;
  border: none;
  border-radius: 28px;
  box-shadow: none;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  margin: 0;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  overflow-wrap: break-word;
}
.blog-article .wp-block-button__link:active,
.blog-article .wp-block-button__link:focus,
.blog-article .wp-block-button__link:hover,
.blog-article .wp-block-button__link:visited {
  color: inherit;
}
.blog-article .is-style-squared .wp-block-button__link {
  border-radius: 0;
}
.blog-article .no-border-radius.wp-block-button__link {
  border-radius: 0 !important;
}
.blog-article .is-style-outline {
  color: #32373c;
}
.blog-article .is-style-outline .wp-block-button__link {
  background-color: transparent;
  border: 2px solid;
}
.blog-article .wp-block-calendar {
  text-align: center;
}
.blog-article .wp-block-calendar tbody td,
.blog-article .wp-block-calendar th {
  padding: 4px;
  border: 1px solid #e2e4e7;
}
.blog-article .wp-block-calendar tfoot td {
  border: none;
}
.blog-article .wp-block-calendar table {
  width: 100%;
  border-collapse: collapse;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
}
.blog-article .wp-block-calendar table th {
  font-weight: 400;
  background: #edeff0;
}
.blog-article .wp-block-calendar a {
  text-decoration: underline;
}
.blog-article .wp-block-calendar tfoot a {
  color: #00739c;
}
.blog-article .wp-block-calendar table caption,
.blog-article .wp-block-calendar table tbody {
  color: #40464d;
}
.blog-article .wp-block-categories.alignleft {
  margin-right: 2em;
}
.blog-article .wp-block-categories.alignright {
  margin-left: 2em;
}
.blog-article .wp-block-columns {
  display: flex;
  margin-bottom: 28px;
  flex-wrap: wrap;
}
@media (min-width: 782px) {
  .blog-article .wp-block-columns {
    flex-wrap: nowrap;
  }
}
.blog-article .wp-block-column {
  flex-grow: 1;
  min-width: 0;
  word-break: break-word;
  overflow-wrap: break-word;
}
@media (max-width: 599px) {
  .blog-article .wp-block-column {
    flex-basis: 100% !important;
  }
}
@media (min-width: 600px) {
  .blog-article .wp-block-column {
    flex-basis: calc(50% - 16px);
    flex-grow: 0;
  }
  .blog-article .wp-block-column:nth-child(2n) {
    margin-left: 32px;
  }
}
@media (min-width: 782px) {
  .blog-article .wp-block-column:not(:first-child) {
    margin-left: 32px;
  }
}
.blog-article .wp-block-columns.are-vertically-aligned-top {
  align-items: flex-start;
}
.blog-article .wp-block-columns.are-vertically-aligned-center {
  align-items: center;
}
.blog-article .wp-block-columns.are-vertically-aligned-bottom {
  align-items: flex-end;
}
.blog-article .wp-block-column.is-vertically-aligned-top {
  align-self: flex-start;
}
.blog-article .wp-block-column.is-vertically-aligned-center {
  -ms-grid-row-align: center;
  align-self: center;
}
.blog-article .wp-block-column.is-vertically-aligned-bottom {
  align-self: flex-end;
}
.blog-article .wp-block-cover,
.blog-article .wp-block-cover-image {
  position: relative;
  background-color: #000;
  background-size: cover;
  background-position: 50%;
  min-height: 430px;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.blog-article .wp-block-cover-image.has-parallax,
.blog-article .wp-block-cover.has-parallax {
  background-attachment: fixed;
}
@supports (-webkit-overflow-scrolling: touch) {
  .blog-article .wp-block-cover-image.has-parallax,
  .blog-article .wp-block-cover.has-parallax {
    background-attachment: scroll;
  }
}
@media (prefers-reduced-motion: reduce) {
  .blog-article .wp-block-cover-image.has-parallax,
  .blog-article .wp-block-cover.has-parallax {
    background-attachment: scroll;
  }
}
.blog-article .wp-block-cover-image.has-background-dim:before,
.blog-article .wp-block-cover.has-background-dim:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: inherit;
  opacity: 0.5;
  z-index: 1;
}
.blog-article .wp-block-cover-image.has-background-dim.has-background-dim-10:before,
.blog-article .wp-block-cover.has-background-dim.has-background-dim-10:before {
  opacity: 0.1;
}
.blog-article .wp-block-cover-image.has-background-dim.has-background-dim-20:before,
.blog-article .wp-block-cover.has-background-dim.has-background-dim-20:before {
  opacity: 0.2;
}
.blog-article .wp-block-cover-image.has-background-dim.has-background-dim-30:before,
.blog-article .wp-block-cover.has-background-dim.has-background-dim-30:before {
  opacity: 0.3;
}
.blog-article .wp-block-cover-image.has-background-dim.has-background-dim-40:before,
.blog-article .wp-block-cover.has-background-dim.has-background-dim-40:before {
  opacity: 0.4;
}
.blog-article .wp-block-cover-image.has-background-dim.has-background-dim-50:before,
.blog-article .wp-block-cover.has-background-dim.has-background-dim-50:before {
  opacity: 0.5;
}
.blog-article .wp-block-cover-image.has-background-dim.has-background-dim-60:before,
.blog-article .wp-block-cover.has-background-dim.has-background-dim-60:before {
  opacity: 0.6;
}
.blog-article .wp-block-cover-image.has-background-dim.has-background-dim-70:before,
.blog-article .wp-block-cover.has-background-dim.has-background-dim-70:before {
  opacity: 0.7;
}
.blog-article .wp-block-cover-image.has-background-dim.has-background-dim-80:before,
.blog-article .wp-block-cover.has-background-dim.has-background-dim-80:before {
  opacity: 0.8;
}
.blog-article .wp-block-cover-image.has-background-dim.has-background-dim-90:before,
.blog-article .wp-block-cover.has-background-dim.has-background-dim-90:before {
  opacity: 0.9;
}
.blog-article .wp-block-cover-image.has-background-dim.has-background-dim-100:before,
.blog-article .wp-block-cover.has-background-dim.has-background-dim-100:before {
  opacity: 1;
}
.blog-article .wp-block-cover-image.alignleft,
.blog-article .wp-block-cover-image.alignright,
.blog-article .wp-block-cover.alignleft,
.blog-article .wp-block-cover.alignright {
  max-width: 305px;
  width: 100%;
}
.blog-article .wp-block-cover-image:after,
.blog-article .wp-block-cover:after {
  display: block;
  content: "";
  font-size: 0;
  min-height: inherit;
}
@supports (position: sticky) {
  .blog-article .wp-block-cover-image:after,
  .blog-article .wp-block-cover:after {
    content: none;
  }
}
.blog-article .wp-block-cover-image.aligncenter,
.blog-article .wp-block-cover-image.alignleft,
.blog-article .wp-block-cover-image.alignright,
.blog-article .wp-block-cover.aligncenter,
.blog-article .wp-block-cover.alignleft,
.blog-article .wp-block-cover.alignright {
  display: flex;
}
.blog-article .wp-block-cover-image .wp-block-cover__inner-container,
.blog-article .wp-block-cover .wp-block-cover__inner-container {
  width: calc(100% - 70px);
  z-index: 1;
  color: #f8f9f9;
}
.blog-article .wp-block-cover-image .wp-block-subhead:not(.has-text-color),
.blog-article .wp-block-cover-image h1:not(.has-text-color),
.blog-article .wp-block-cover-image h2:not(.has-text-color),
.blog-article .wp-block-cover-image h3:not(.has-text-color),
.blog-article .wp-block-cover-image h4:not(.has-text-color),
.blog-article .wp-block-cover-image h5:not(.has-text-color),
.blog-article .wp-block-cover-image h6:not(.has-text-color),
.blog-article .wp-block-cover-image p:not(.has-text-color),
.blog-article .wp-block-cover .wp-block-subhead:not(.has-text-color),
.blog-article .wp-block-cover h1:not(.has-text-color),
.blog-article .wp-block-cover h2:not(.has-text-color),
.blog-article .wp-block-cover h3:not(.has-text-color),
.blog-article .wp-block-cover h4:not(.has-text-color),
.blog-article .wp-block-cover h5:not(.has-text-color),
.blog-article .wp-block-cover h6:not(.has-text-color),
.blog-article .wp-block-cover p:not(.has-text-color) {
  color: inherit;
}
.blog-article .wp-block-cover__video-background {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  height: 100%;
  z-index: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.blog-article .wp-block-cover-image-text,
.blog-article .wp-block-cover-text,
.blog-article section.wp-block-cover-image h2 {
  color: #fff;
}
.blog-article .wp-block-cover-image-text a,
.blog-article .wp-block-cover-image-text a:active,
.blog-article .wp-block-cover-image-text a:focus,
.blog-article .wp-block-cover-image-text a:hover,
.blog-article .wp-block-cover-text a,
.blog-article .wp-block-cover-text a:active,
.blog-article .wp-block-cover-text a:focus,
.blog-article .wp-block-cover-text a:hover,
.blog-article section.wp-block-cover-image h2 a,
.blog-article section.wp-block-cover-image h2 a:active,
.blog-article section.wp-block-cover-image h2 a:focus,
.blog-article section.wp-block-cover-image h2 a:hover {
  color: #fff;
}
.blog-article .wp-block-cover-image .wp-block-cover.has-left-content {
  justify-content: flex-start;
}
.blog-article .wp-block-cover-image .wp-block-cover.has-right-content {
  justify-content: flex-end;
}
.blog-article .wp-block-cover-image.has-left-content .wp-block-cover-image-text,
.blog-article .wp-block-cover.has-left-content .wp-block-cover-text,
.blog-article section.wp-block-cover-image.has-left-content > h2 {
  margin-left: 0;
  text-align: left;
}
.blog-article .wp-block-cover-image.has-right-content .wp-block-cover-image-text,
.blog-article .wp-block-cover.has-right-content .wp-block-cover-text,
.blog-article section.wp-block-cover-image.has-right-content > h2 {
  margin-right: 0;
  text-align: right;
}
.blog-article .wp-block-cover-image .wp-block-cover-image-text,
.blog-article .wp-block-cover .wp-block-cover-text,
.blog-article section.wp-block-cover-image > h2 {
  font-size: 2em;
  line-height: 1.25;
  z-index: 1;
  margin-bottom: 0;
  max-width: 610px;
  padding: 14px;
  text-align: center;
}
.blog-article .block-editor-block-list__block[data-type="core/embed"][data-align=left] .block-editor-block-list__block-edit,
.blog-article .block-editor-block-list__block[data-type="core/embed"][data-align=right] .block-editor-block-list__block-edit,
.blog-article .wp-block-embed.alignleft,
.blog-article .wp-block-embed.alignright {
  max-width: 360px;
  width: 100%;
}
.blog-article .wp-block-embed {
  margin-bottom: 1em;
}
.blog-article .wp-block-embed figcaption {
  margin-top: 0.5em;
  margin-bottom: 1em;
}
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper,
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper,
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper,
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper,
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper,
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper,
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper {
  position: relative;
}
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before,
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before,
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before,
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before,
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before,
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
  content: "";
  display: block;
  padding-top: 50%;
}
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe,
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
  padding-top: 42.85%;
}
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
  padding-top: 50%;
}
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
  padding-top: 56.25%;
}
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
  padding-top: 75%;
}
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
  padding-top: 100%;
}
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
  padding-top: 177.78%;
}
.blog-article .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
  padding-top: 200%;
}
.blog-article .wp-block-file {
  margin-bottom: 1.5em;
}
.blog-article .wp-block-file.aligncenter {
  text-align: center;
}
.blog-article .wp-block-file.alignright {
  text-align: right;
}
.blog-article .wp-block-file .wp-block-file__button {
  background: #32373c;
  border-radius: 2em;
  color: #fff;
  font-size: 13px;
  padding: 0.5em 1em;
}
.blog-article .wp-block-file a.wp-block-file__button {
  text-decoration: none;
}
.blog-article .wp-block-file a.wp-block-file__button:active,
.blog-article .wp-block-file a.wp-block-file__button:focus,
.blog-article .wp-block-file a.wp-block-file__button:hover,
.blog-article .wp-block-file a.wp-block-file__button:visited {
  box-shadow: none;
  color: #fff;
  opacity: 0.85;
  text-decoration: none;
}
.blog-article .wp-block-file * + .wp-block-file__button {
  margin-left: 0.75em;
}
.blog-article .blocks-gallery-grid,
.blog-article .wp-block-gallery {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.blog-article .blocks-gallery-grid .blocks-gallery-image,
.blog-article .blocks-gallery-grid .blocks-gallery-item,
.blog-article .wp-block-gallery .blocks-gallery-image,
.blog-article .wp-block-gallery .blocks-gallery-item {
  margin: 0 16px 16px 0;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.blog-article .blocks-gallery-grid .blocks-gallery-image figure,
.blog-article .blocks-gallery-grid .blocks-gallery-item figure,
.blog-article .wp-block-gallery .blocks-gallery-image figure,
.blog-article .wp-block-gallery .blocks-gallery-item figure {
  margin: 0;
  height: 100%;
}
@supports (position: sticky) {
  .blog-article .blocks-gallery-grid .blocks-gallery-image figure,
  .blog-article .blocks-gallery-grid .blocks-gallery-item figure,
  .blog-article .wp-block-gallery .blocks-gallery-image figure,
  .blog-article .wp-block-gallery .blocks-gallery-item figure {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
  }
}
.blog-article .blocks-gallery-grid .blocks-gallery-image img,
.blog-article .blocks-gallery-grid .blocks-gallery-item img,
.blog-article .wp-block-gallery .blocks-gallery-image img,
.blog-article .wp-block-gallery .blocks-gallery-item img {
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%;
}
@supports (position: sticky) {
  .blog-article .blocks-gallery-grid .blocks-gallery-image img,
  .blog-article .blocks-gallery-grid .blocks-gallery-item img,
  .blog-article .wp-block-gallery .blocks-gallery-image img,
  .blog-article .wp-block-gallery .blocks-gallery-item img {
    width: auto;
  }
}
.blog-article .blocks-gallery-grid .blocks-gallery-image figcaption,
.blog-article .blocks-gallery-grid .blocks-gallery-item figcaption,
.blog-article .wp-block-gallery .blocks-gallery-image figcaption,
.blog-article .wp-block-gallery .blocks-gallery-item figcaption {
  position: absolute;
  bottom: 0;
  width: 100%;
  max-height: 100%;
  overflow: auto;
  padding: 40px 10px 9px;
  color: #fff;
  text-align: center;
  font-size: 13px;
  background: linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0.3) 70%, transparent);
}
.blog-article .blocks-gallery-grid .blocks-gallery-image figcaption img,
.blog-article .blocks-gallery-grid .blocks-gallery-item figcaption img,
.blog-article .wp-block-gallery .blocks-gallery-image figcaption img,
.blog-article .wp-block-gallery .blocks-gallery-item figcaption img {
  display: inline;
}
.blog-article .blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blog-article .blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blog-article .blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blog-article .blocks-gallery-grid.is-cropped .blocks-gallery-item img,
.blog-article .wp-block-gallery.is-cropped .blocks-gallery-image a,
.blog-article .wp-block-gallery.is-cropped .blocks-gallery-image img,
.blog-article .wp-block-gallery.is-cropped .blocks-gallery-item a,
.blog-article .wp-block-gallery.is-cropped .blocks-gallery-item img {
  width: 100%;
}
@supports (position: sticky) {
  .blog-article .blocks-gallery-grid.is-cropped .blocks-gallery-image a,
  .blog-article .blocks-gallery-grid.is-cropped .blocks-gallery-image img,
  .blog-article .blocks-gallery-grid.is-cropped .blocks-gallery-item a,
  .blog-article .blocks-gallery-grid.is-cropped .blocks-gallery-item img,
  .blog-article .wp-block-gallery.is-cropped .blocks-gallery-image a,
  .blog-article .wp-block-gallery.is-cropped .blocks-gallery-image img,
  .blog-article .wp-block-gallery.is-cropped .blocks-gallery-item a,
  .blog-article .wp-block-gallery.is-cropped .blocks-gallery-item img {
    height: 100%;
    flex: 1;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.blog-article .blocks-gallery-grid .blocks-gallery-image,
.blog-article .blocks-gallery-grid .blocks-gallery-item,
.blog-article .wp-block-gallery .blocks-gallery-image,
.blog-article .wp-block-gallery .blocks-gallery-item {
  width: calc((100% - 16px) / 2);
}
.blog-article .blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),
.blog-article .blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),
.blog-article .wp-block-gallery .blocks-gallery-image:nth-of-type(2n),
.blog-article .wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
  margin-right: 0;
}
.blog-article .blocks-gallery-grid.columns-1 .blocks-gallery-image,
.blog-article .blocks-gallery-grid.columns-1 .blocks-gallery-item,
.blog-article .wp-block-gallery.columns-1 .blocks-gallery-image,
.blog-article .wp-block-gallery.columns-1 .blocks-gallery-item {
  width: 100%;
  margin-right: 0;
}
@media (min-width: 600px) {
  .blog-article .blocks-gallery-grid.columns-3 .blocks-gallery-image,
  .blog-article .blocks-gallery-grid.columns-3 .blocks-gallery-item,
  .blog-article .wp-block-gallery.columns-3 .blocks-gallery-image,
  .blog-article .wp-block-gallery.columns-3 .blocks-gallery-item {
    width: calc((100% - 32px) / 3);
    margin-right: 16px;
  }
  @supports (-ms-ime-align: auto) {
    .blog-article .blocks-gallery-grid.columns-3 .blocks-gallery-image,
    .blog-article .blocks-gallery-grid.columns-3 .blocks-gallery-item,
    .blog-article .wp-block-gallery.columns-3 .blocks-gallery-image,
    .blog-article .wp-block-gallery.columns-3 .blocks-gallery-item {
      width: calc((100% - 32px) / 3 - 1px);
    }
  }
  .blog-article .blocks-gallery-grid.columns-4 .blocks-gallery-image,
  .blog-article .blocks-gallery-grid.columns-4 .blocks-gallery-item,
  .blog-article .wp-block-gallery.columns-4 .blocks-gallery-image,
  .blog-article .wp-block-gallery.columns-4 .blocks-gallery-item {
    width: calc((100% - 48px) / 4);
    margin-right: 16px;
  }
  @supports (-ms-ime-align: auto) {
    .blog-article .blocks-gallery-grid.columns-4 .blocks-gallery-image,
    .blog-article .blocks-gallery-grid.columns-4 .blocks-gallery-item,
    .blog-article .wp-block-gallery.columns-4 .blocks-gallery-image,
    .blog-article .wp-block-gallery.columns-4 .blocks-gallery-item {
      width: calc((100% - 48px) / 4 - 1px);
    }
  }
  .blog-article .blocks-gallery-grid.columns-5 .blocks-gallery-image,
  .blog-article .blocks-gallery-grid.columns-5 .blocks-gallery-item,
  .blog-article .wp-block-gallery.columns-5 .blocks-gallery-image,
  .blog-article .wp-block-gallery.columns-5 .blocks-gallery-item {
    width: calc((100% - 64px) / 5);
    margin-right: 16px;
  }
  @supports (-ms-ime-align: auto) {
    .blog-article .blocks-gallery-grid.columns-5 .blocks-gallery-image,
    .blog-article .blocks-gallery-grid.columns-5 .blocks-gallery-item,
    .blog-article .wp-block-gallery.columns-5 .blocks-gallery-image,
    .blog-article .wp-block-gallery.columns-5 .blocks-gallery-item {
      width: calc((100% - 64px) / 5 - 1px);
    }
  }
  .blog-article .blocks-gallery-grid.columns-6 .blocks-gallery-image,
  .blog-article .blocks-gallery-grid.columns-6 .blocks-gallery-item,
  .blog-article .wp-block-gallery.columns-6 .blocks-gallery-image,
  .blog-article .wp-block-gallery.columns-6 .blocks-gallery-item {
    width: calc((100% - 80px) / 6);
    margin-right: 16px;
  }
  @supports (-ms-ime-align: auto) {
    .blog-article .blocks-gallery-grid.columns-6 .blocks-gallery-image,
    .blog-article .blocks-gallery-grid.columns-6 .blocks-gallery-item,
    .blog-article .wp-block-gallery.columns-6 .blocks-gallery-image,
    .blog-article .wp-block-gallery.columns-6 .blocks-gallery-item {
      width: calc((100% - 80px) / 6 - 1px);
    }
  }
  .blog-article .blocks-gallery-grid.columns-7 .blocks-gallery-image,
  .blog-article .blocks-gallery-grid.columns-7 .blocks-gallery-item,
  .blog-article .wp-block-gallery.columns-7 .blocks-gallery-image,
  .blog-article .wp-block-gallery.columns-7 .blocks-gallery-item {
    width: calc((100% - 96px) / 7);
    margin-right: 16px;
  }
  @supports (-ms-ime-align: auto) {
    .blog-article .blocks-gallery-grid.columns-7 .blocks-gallery-image,
    .blog-article .blocks-gallery-grid.columns-7 .blocks-gallery-item,
    .blog-article .wp-block-gallery.columns-7 .blocks-gallery-image,
    .blog-article .wp-block-gallery.columns-7 .blocks-gallery-item {
      width: calc((100% - 96px) / 7 - 1px);
    }
  }
  .blog-article .blocks-gallery-grid.columns-8 .blocks-gallery-image,
  .blog-article .blocks-gallery-grid.columns-8 .blocks-gallery-item,
  .blog-article .wp-block-gallery.columns-8 .blocks-gallery-image,
  .blog-article .wp-block-gallery.columns-8 .blocks-gallery-item {
    width: calc((100% - 112px) / 8);
    margin-right: 16px;
  }
  @supports (-ms-ime-align: auto) {
    .blog-article .blocks-gallery-grid.columns-8 .blocks-gallery-image,
    .blog-article .blocks-gallery-grid.columns-8 .blocks-gallery-item,
    .blog-article .wp-block-gallery.columns-8 .blocks-gallery-image,
    .blog-article .wp-block-gallery.columns-8 .blocks-gallery-item {
      width: calc((100% - 112px) / 8 - 1px);
    }
  }
  .blog-article .blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),
  .blog-article .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),
  .blog-article .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),
  .blog-article .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n) {
    margin-right: 0;
  }
  .blog-article .blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),
  .blog-article .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),
  .blog-article .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),
  .blog-article .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n) {
    margin-right: 0;
  }
  .blog-article .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),
  .blog-article .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),
  .blog-article .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),
  .blog-article .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n) {
    margin-right: 0;
  }
  .blog-article .blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),
  .blog-article .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),
  .blog-article .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),
  .blog-article .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n) {
    margin-right: 0;
  }
  .blog-article .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),
  .blog-article .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),
  .blog-article .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),
  .blog-article .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n) {
    margin-right: 0;
  }
  .blog-article .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),
  .blog-article .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),
  .blog-article .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),
  .blog-article .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n) {
    margin-right: 0;
  }
  .blog-article .blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),
  .blog-article .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),
  .blog-article .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),
  .blog-article .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n) {
    margin-right: 0;
  }
  .blog-article .blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),
  .blog-article .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),
  .blog-article .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),
  .blog-article .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
    margin-right: 0;
  }
}
.blog-article .blocks-gallery-grid .blocks-gallery-image:last-child,
.blog-article .blocks-gallery-grid .blocks-gallery-item:last-child,
.blog-article .wp-block-gallery .blocks-gallery-image:last-child,
.blog-article .wp-block-gallery .blocks-gallery-item:last-child {
  margin-right: 0;
}
.blog-article .blocks-gallery-grid.alignleft,
.blog-article .blocks-gallery-grid.alignright,
.blog-article .wp-block-gallery.alignleft,
.blog-article .wp-block-gallery.alignright {
  max-width: 305px;
  width: 100%;
}
.blog-article .blocks-gallery-grid.aligncenter .blocks-gallery-item figure,
.blog-article .wp-block-gallery.aligncenter .blocks-gallery-item figure {
  justify-content: center;
}
.blog-article .wp-block-image {
  max-width: 100%;
  margin-bottom: 1em;
  float: left;
  width: 100%;
  margin: 0 0 40px 0;
}
.blog-article .wp-block-image:after {
  content: " ";
  clear: both;
}
.blog-article .wp-block-image img {
  max-width: 100%;
}
.blog-article .wp-block-image.aligncenter {
  text-align: center;
}
.blog-article .wp-block-image.alignfull img,
.blog-article .wp-block-image.alignwide img {
  width: 100%;
}
.blog-article .wp-block-image .aligncenter,
.blog-article .wp-block-image .alignleft,
.blog-article .wp-block-image .alignright,
.blog-article .wp-block-image.is-resized {
  display: table;
  margin-left: 0;
  margin-right: 0;
}
.blog-article .wp-block-image .aligncenter > figcaption,
.blog-article .wp-block-image .alignleft > figcaption,
.blog-article .wp-block-image .alignright > figcaption,
.blog-article .wp-block-image.is-resized > figcaption {
  display: table-caption;
  caption-side: bottom;
}
.blog-article .wp-block-image .alignleft {
  float: left;
  margin-right: 1em;
}
.blog-article .wp-block-image .alignright {
  float: right;
  margin-left: 1em;
}
.blog-article .wp-block-image .aligncenter {
  margin-left: auto;
  margin-right: auto;
}
.blog-article .wp-block-image figcaption {
  margin-top: 0.5em;
  margin-bottom: 1em;
}
.blog-article .is-style-circle-mask img {
  border-radius: 9999px;
}
.blog-article .wp-block-latest-comments__comment {
  font-size: 15px;
  line-height: 1.1;
  list-style: none;
  margin-bottom: 1em;
}
.blog-article .has-avatars .wp-block-latest-comments__comment {
  min-height: 36px;
  list-style: none;
}
.blog-article .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.blog-article .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
  margin-left: 52px;
}
.blog-article .has-dates .wp-block-latest-comments__comment,
.blog-article .has-excerpts .wp-block-latest-comments__comment {
  line-height: 1.5;
}
.blog-article .wp-block-latest-comments__comment-excerpt p {
  font-size: 14px;
  line-height: 1.8;
  margin: 5px 0 20px;
}
.blog-article .wp-block-latest-comments__comment-date {
  color: #8f98a1;
  display: block;
  font-size: 12px;
}
.blog-article .wp-block-latest-comments .avatar,
.blog-article .wp-block-latest-comments__comment-avatar {
  border-radius: 24px;
  display: block;
  float: left;
  height: 40px;
  margin-right: 12px;
  width: 40px;
}
.blog-article .wp-block-latest-posts.alignleft {
  margin-right: 2em;
}
.blog-article .wp-block-latest-posts.alignright {
  margin-left: 2em;
}
.blog-article .wp-block-latest-posts.wp-block-latest-posts__list {
  list-style: none;
}
.blog-article .wp-block-latest-posts.is-grid {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.blog-article .wp-block-latest-posts.is-grid li {
  margin: 0 16px 16px 0;
  width: 100%;
}
@media (min-width: 600px) {
  .blog-article .wp-block-latest-posts.columns-2 li {
    width: calc(50% - 16px);
  }
  .blog-article .wp-block-latest-posts.columns-3 li {
    width: calc(33.33333% - 16px);
  }
  .blog-article .wp-block-latest-posts.columns-4 li {
    width: calc(25% - 16px);
  }
  .blog-article .wp-block-latest-posts.columns-5 li {
    width: calc(20% - 16px);
  }
  .blog-article .wp-block-latest-posts.columns-6 li {
    width: calc(16.66667% - 16px);
  }
}
.blog-article .wp-block-latest-posts__post-date {
  display: block;
  color: #6c7781;
  font-size: 13px;
}
.blog-article .wp-block-latest-posts__post-excerpt {
  margin-top: 8px;
  margin-bottom: 16px;
}
.blog-article .wp-block-media-text {
  clear: both;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: 50% 1fr;
  grid-template-columns: 50% 1fr;
}
.blog-article .wp-block-media-text .has-media-on-the-right {
  -ms-grid-columns: 1fr 50%;
  grid-template-columns: 1fr 50%;
}
.blog-article .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
.blog-article .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
  -ms-grid-row-align: start;
  align-self: start;
}
.blog-article .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,
.blog-article .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,
.blog-article .wp-block-media-text .wp-block-media-text__content,
.blog-article .wp-block-media-text .wp-block-media-text__media {
  -ms-grid-row-align: center;
  align-self: center;
}
.blog-article .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,
.blog-article .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
  -ms-grid-row-align: end;
  align-self: end;
}
.blog-article .wp-block-media-text .wp-block-media-text__media {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  margin: 0;
}
.blog-article .wp-block-media-text .wp-block-media-text__content {
  word-break: break-word;
  padding: 0 8%;
}
.blog-article .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media,
.blog-article .wp-block-media-text .wp-block-media-text__content {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
}
.blog-article .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
}
.blog-article .wp-block-media-text > figure > img,
.blog-article .wp-block-media-text > figure > video {
  max-width: unset;
  width: 100%;
  vertical-align: middle;
}
.blog-article .wp-block-media-text.is-image-fill figure {
  height: 100%;
  min-height: 250px;
  background-size: cover;
}
.blog-article .wp-block-media-text.is-image-fill figure > img {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
@media (max-width: 600px) {
  .blog-article .wp-block-media-text.is-stacked-on-mobile {
    -ms-grid-columns: 100% !important;
    grid-template-columns: 100% !important;
  }
  .blog-article .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .blog-article .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media,
  .blog-article .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .blog-article .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}
.blog-article .is-small-text {
  font-size: 14px;
}
.blog-article .is-regular-text {
  font-size: 16px;
}
.blog-article .is-large-text {
  font-size: 36px;
}
.blog-article .is-larger-text {
  font-size: 48px;
}
.blog-article .has-drop-cap:not(:focus):first-letter {
  float: left;
  font-size: 8.4em;
  line-height: 0.68;
  font-weight: 100;
  margin: 0.05em 0.1em 0 0;
  text-transform: uppercase;
  font-style: normal;
}
.blog-article .has-drop-cap:not(:focus):after {
  content: "";
  display: table;
  clear: both;
  padding-top: 14px;
}
.blog-article p.has-background {
  padding: 20px 30px;
  text-align: center;
  border-radius: 15px;
  margin: 20px 0;
}
.blog-article p.has-text-color a {
  color: inherit;
}
.blog-article .wp-block-pullquote {
  padding: 3em 0;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}
.blog-article .wp-block-pullquote.alignleft,
.blog-article .wp-block-pullquote.alignright {
  max-width: 305px;
}
.blog-article .wp-block-pullquote.alignleft p,
.blog-article .wp-block-pullquote.alignright p {
  font-size: 20px;
}
.blog-article .wp-block-pullquote p {
  font-size: 28px;
  line-height: 1.6;
}
.blog-article .wp-block-pullquote cite,
.blog-article .wp-block-pullquote footer {
  position: relative;
}
.blog-article .wp-block-pullquote .has-text-color a {
  color: inherit;
}
.blog-article .wp-block-pullquote:not(.is-style-solid-color) {
  background: none;
}
.blog-article .wp-block-pullquote.is-style-solid-color {
  border: none;
}
.blog-article .wp-block-pullquote.is-style-solid-color blockquote {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  max-width: 60%;
}
.blog-article .wp-block-pullquote.is-style-solid-color blockquote p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
}
.blog-article .wp-block-pullquote.is-style-solid-color blockquote cite {
  text-transform: none;
  font-style: normal;
}
.blog-article .wp-block-pullquote cite {
  color: inherit;
}
.blog-article .wp-block-quote.is-large,
.blog-article .wp-block-quote.is-style-large {
  margin: 0 0 16px;
  padding: 0 1em;
}
.blog-article .wp-block-quote.is-large p,
.blog-article .wp-block-quote.is-style-large p {
  font-size: 24px;
  font-style: italic;
  line-height: 1.6;
}
.blog-article .wp-block-quote.is-large cite,
.blog-article .wp-block-quote.is-large footer,
.blog-article .wp-block-quote.is-style-large cite,
.blog-article .wp-block-quote.is-style-large footer {
  font-size: 18px;
  text-align: right;
}
.blog-article .wp-block-rss.alignleft {
  margin-right: 2em;
}
.blog-article .wp-block-rss.alignright {
  margin-left: 2em;
}
.blog-article .wp-block-rss.is-grid {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}
.blog-article .wp-block-rss.is-grid li {
  margin: 0 16px 16px 0;
  width: 100%;
}
@media (min-width: 600px) {
  .blog-article .wp-block-rss.columns-2 li {
    width: calc(50% - 16px);
  }
  .blog-article .wp-block-rss.columns-3 li {
    width: calc(33.33333% - 16px);
  }
  .blog-article .wp-block-rss.columns-4 li {
    width: calc(25% - 16px);
  }
  .blog-article .wp-block-rss.columns-5 li {
    width: calc(20% - 16px);
  }
  .blog-article .wp-block-rss.columns-6 li {
    width: calc(16.66667% - 16px);
  }
}
.blog-article .wp-block-rss__item-author,
.blog-article .wp-block-rss__item-publish-date {
  display: block;
  color: #6c7781;
  font-size: 13px;
}
.blog-article .wp-block-search {
  display: flex;
  flex-wrap: wrap;
}
.blog-article .wp-block-search .wp-block-search__label {
  width: 100%;
}
.blog-article .wp-block-search .wp-block-search__input {
  flex-grow: 1;
}
.blog-article .wp-block-search .wp-block-search__button {
  margin-left: 10px;
}
.blog-article .wp-block-separator.is-style-wide {
  border-bottom-width: 1px;
}
.blog-article .wp-block-separator.is-style-dots {
  background: none !important;
  border: none;
  text-align: center;
  max-width: none;
  line-height: 1;
  height: auto;
}
.blog-article .wp-block-separator.is-style-dots:before {
  content: "\00b7 \00b7 \00b7";
  color: currentColor;
  font-size: 20px;
  letter-spacing: 2em;
  padding-left: 2em;
  font-family: serif;
}
.blog-article .wp-block-social-links {
  display: flex;
  justify-content: flex-start;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
}
.blog-article .wp-social-link {
  width: 36px;
  height: 36px;
  border-radius: 36px;
  margin-right: 8px;
}
.blog-article .wp-social-link,
.blog-article .wp-social-link a {
  display: block;
  transition: transform 0.1s ease;
}
.blog-article .wp-social-link a {
  padding: 6px;
  line-height: 0;
}
.blog-article .wp-social-link a,
.blog-article .wp-social-link a:active,
.blog-article .wp-social-link a:hover,
.blog-article .wp-social-link a:visited,
.blog-article .wp-social-link svg {
  color: currentColor;
  fill: currentColor;
}
.blog-article .wp-social-link:hover {
  transform: scale(1.1);
}
.blog-article .wp-block-social-links.aligncenter {
  justify-content: center;
  display: flex;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
  background-color: #f0f0f0;
  color: #444;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
  background-color: #f90;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
  background-color: #1ea0c3;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
  background-color: #0757fe;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
  background-color: #1e1f26;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
  background-color: #02e49b;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
  background-color: #e94c89;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
  background-color: #4280ff;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
  background-color: #f45800;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
  background-color: #1977f2;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
  background-color: #000;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
  background-color: #0461dd;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
  background-color: #e65678;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
  background-color: #24292d;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
  background-color: #eceadd;
  color: #382110;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
  background-color: #ea4434;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
  background-color: #f00075;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
  background-color: #e21b24;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
  background-color: #0577b5;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
  background-color: #3288d4;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
  background-color: #02ab6c;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
  background-color: #f6405f;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
  background-color: #e60122;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
  background-color: #ef4155;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
  background-color: #fe4500;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
  background-color: #0478d7;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
  background-color: #fefc00;
  color: #fff;
  stroke: #000;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
  background-color: #ff5600;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
  background-color: #1bd760;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
  background-color: #011835;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
  background-color: #6440a4;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
  background-color: #21a1f3;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
  background-color: #1eb7ea;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
  background-color: #4680c2;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
  background-color: #3499cd;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
  background-color: #d32422;
  color: #fff;
}
.blog-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
  background-color: #ff0100;
  color: #fff;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link {
  background: none;
  padding: 4px;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link svg {
  width: 28px;
  height: 28px;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
  color: #f90;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
  color: #1ea0c3;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-behance {
  color: #0757fe;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
  color: #1e1f26;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
  color: #02e49b;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
  color: #e94c89;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
  color: #4280ff;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
  color: #f45800;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
  color: #1977f2;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
  color: #000;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
  color: #0461dd;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
  color: #e65678;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-github {
  color: #24292d;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
  color: #382110;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-google {
  color: #ea4434;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
  color: #f00075;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
  color: #e21b24;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
  color: #0577b5;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
  color: #3288d4;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-medium {
  color: #02ab6c;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
  color: #f6405f;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
  color: #e60122;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
  color: #ef4155;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
  color: #fe4500;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-skype {
  color: #0478d7;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
  color: #fff;
  stroke: #000;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
  color: #ff5600;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
  color: #1bd760;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
  color: #011835;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
  color: #6440a4;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
  color: #21a1f3;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
  color: #1eb7ea;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-vk {
  color: #4680c2;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
  color: #3499cd;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
  background-color: #d32422;
  color: #fff;
}
.blog-article .wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
  color: #ff0100;
}
.blog-article .wp-block-social-links.is-style-pill-shape .wp-social-link {
  width: auto;
}
.blog-article .wp-block-social-links.is-style-pill-shape .wp-social-link a {
  padding-left: 16px;
  padding-right: 16px;
}
.blog-article .wp-block-spacer {
  clear: both;
}
.blog-article p.wp-block-subhead {
  font-size: 1.1em;
  font-style: italic;
  opacity: 0.75;
}
.blog-article .wp-block-table {
  overflow-x: auto;
}
.blog-article .wp-block-table table {
  width: 100%;
}
.blog-article .wp-block-table .has-fixed-layout {
  table-layout: fixed;
  width: 100%;
}
.blog-article .wp-block-table .has-fixed-layout td,
.blog-article .wp-block-table .has-fixed-layout th {
  word-break: break-word;
}
.blog-article .wp-block-table.aligncenter,
.blog-article .wp-block-table.alignleft,
.blog-article .wp-block-table.alignright {
  display: table;
  width: auto;
}
.blog-article .wp-block-table.aligncenter td,
.blog-article .wp-block-table.aligncenter th,
.blog-article .wp-block-table.alignleft td,
.blog-article .wp-block-table.alignleft th,
.blog-article .wp-block-table.alignright td,
.blog-article .wp-block-table.alignright th {
  word-break: break-word;
}
.blog-article .wp-block-table .has-subtle-light-gray-background-color {
  background-color: #f3f4f5;
}
.blog-article .wp-block-table .has-subtle-pale-green-background-color {
  background-color: #e9fbe5;
}
.blog-article .wp-block-table .has-subtle-pale-blue-background-color {
  background-color: #e7f5fe;
}
.blog-article .wp-block-table .has-subtle-pale-pink-background-color {
  background-color: #fcf0ef;
}
.blog-article .wp-block-table.is-style-stripes {
  border-spacing: 0;
  border-collapse: inherit;
  background-color: transparent;
  border-bottom: 1px solid #f3f4f5;
}
.blog-article .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: #f3f4f5;
}
.blog-article .wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
  background-color: #f3f4f5;
}
.blog-article .wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
  background-color: #e9fbe5;
}
.blog-article .wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
  background-color: #e7f5fe;
}
.blog-article .wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
  background-color: #fcf0ef;
}
.blog-article .wp-block-table.is-style-stripes td,
.blog-article .wp-block-table.is-style-stripes th {
  border-color: transparent;
}
.blog-article .wp-block-text-columns,
.blog-article .wp-block-text-columns.aligncenter {
  display: flex;
}
.blog-article .wp-block-text-columns .wp-block-column {
  margin: 0 16px;
  padding: 0;
}
.blog-article .wp-block-text-columns .wp-block-column:first-child {
  margin-left: 0;
}
.blog-article .wp-block-text-columns .wp-block-column:last-child {
  margin-right: 0;
}
.blog-article .wp-block-text-columns.columns-2 .wp-block-column {
  width: 50%;
}
.blog-article .wp-block-text-columns.columns-3 .wp-block-column {
  width: 33.33333%;
}
.blog-article .wp-block-text-columns.columns-4 .wp-block-column {
  width: 25%;
}
.blog-article pre.wp-block-verse {
  white-space: nowrap;
  overflow: auto;
}
.blog-article .wp-block-video {
  margin-left: 0;
  margin-right: 0;
}
.blog-article .wp-block-video video {
  max-width: 100%;
}
@supports (position: sticky) {
  .blog-article .wp-block-video [poster] {
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.blog-article .wp-block-video.aligncenter {
  text-align: center;
}
.blog-article .wp-block-video figcaption {
  margin-top: 0.5em;
  margin-bottom: 1em;
}
.blog-article :root .has-pale-pink-background-color {
  background-color: #f78da7;
}
.blog-article :root .has-vivid-red-background-color {
  background-color: #cf2e2e;
}
.blog-article :root .has-luminous-vivid-orange-background-color {
  background-color: #ff6900;
}
.blog-article :root .has-luminous-vivid-amber-background-color {
  background-color: #fcb900;
}
.blog-article :root .has-light-green-cyan-background-color {
  background-color: #7bdcb5;
}
.blog-article :root .has-vivid-green-cyan-background-color {
  background-color: #00d084;
}
.blog-article :root .has-pale-cyan-blue-background-color {
  background-color: #8ed1fc;
}
.blog-article :root .has-vivid-cyan-blue-background-color {
  background-color: #0693e3;
}
.blog-article :root .has-vivid-purple-background-color {
  background-color: #9b51e0;
}
.blog-article :root .has-very-light-gray-background-color {
  background-color: #eee;
}
.blog-article :root .has-cyan-bluish-gray-background-color {
  background-color: #abb8c3;
}
.blog-article :root .has-very-dark-gray-background-color {
  background-color: #313131;
}
.blog-article :root .has-pale-pink-color {
  color: #f78da7;
}
.blog-article :root .has-vivid-red-color {
  color: #cf2e2e;
}
.blog-article :root .has-luminous-vivid-orange-color {
  color: #ff6900;
}
.blog-article :root .has-luminous-vivid-amber-color {
  color: #fcb900;
}
.blog-article :root .has-light-green-cyan-color {
  color: #7bdcb5;
}
.blog-article :root .has-vivid-green-cyan-color {
  color: #00d084;
}
.blog-article :root .has-pale-cyan-blue-color {
  color: #8ed1fc;
}
.blog-article :root .has-vivid-cyan-blue-color {
  color: #0693e3;
}
.blog-article :root .has-vivid-purple-color {
  color: #9b51e0;
}
.blog-article :root .has-very-light-gray-color {
  color: #eee;
}
.blog-article :root .has-cyan-bluish-gray-color {
  color: #abb8c3;
}
.blog-article :root .has-very-dark-gray-color {
  color: #313131;
}
.blog-article .has-small-font-size {
  font-size: 13px;
}
.blog-article .has-normal-font-size,
.blog-article .has-regular-font-size {
  font-size: 16px;
}
.blog-article .has-medium-font-size {
  font-size: 20px;
}
.blog-article .has-large-font-size {
  font-size: 36px;
}
.blog-article .has-huge-font-size,
.blog-article .has-larger-font-size {
  font-size: 42px;
}
.blog-article .has-text-align-center {
  text-align: center;
}
.blog-article .has-text-align-left {
  text-align: left;
}
.blog-article .has-text-align-right {
  text-align: right;
}
.blog-article .liquid-slider .panel {
  width: 600px;
  display: block;
  float: left;
}
.blog-article .panel-wrapper {
  padding: 9px 40px;
  position: relative;
}
.blog-article div.slider-content {
  clear: left;
  float: left;
  margin: 0 0 20px 0;
}
@media only screen and (max-width: 736px) {
  .blog-menu {
    display: block;
    margin: 0 0 20px 0;
    overflow: hidden;
    text-indent: -1000em;
    cursor: pointer;
    position: relative;
    background-image: url("https://up-portal-assets.wavecdn.net/assets/img/blog/icon_plus.png$ee2e1191");
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 11px 11px;
  }
  .blog-sidebar {
    display: none;
    background-color: #f5f4f2;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow-y: scroll;
    height: 100%;
    width: 80%;
    padding: 60px 20px;
    box-sizing: border-box;
    box-shadow: 8px 1px 15px 0 rgba(0,0,0,0.5);
  }
  .blog-sidebar .close-button {
    display: block;
  }
  .blog-sidebar.visible {
    display: block;
  }
}
.blog-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  margin: 0 0 40px 0;
}
.blog-suggestion {
  flex: 1 1 calc(33% - 10px);
  position: relative;
  min-height: 230px;
  text-align: center;
}
.blog-suggestion dt {
  position: relative;
  width: 100%;
  height: 126px;
  border-radius: 15px;
  overflow: hidden;
  background-size: cover;
  text-indent: -1000em;
}
.blog-suggestion dt:hover {
  outline: 2px solid #a9c200;
}
.blog-suggestion dd {
  text-align: center;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}
.blog-suggestion dd a {
  padding-top: 140px;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
@media only screen and (min-width: 737px) {
  .blog-category,
  .blog-article {
    display: flex;
    gap: 30px;
  }
  .blog-category-wrap,
  .blog-article-wrap {
    flex: 6;
  }
}
@media only screen and (max-width: 736px) {
  .blog-game-suggestions div.game-tab-entry .game-link {
    background-size: 32px 32px;
  }
  .blog-game-suggestions div.game-tab-entry .game-wrapper {
    min-height: auto;
  }
  .blog-game-suggestions div.game-tab-entry .game-teaser {
    display: none;
  }
}
.page-glossary .content-data {
  padding-bottom: 60px;
}
.page-glossary .content-data dl {
  position: relative;
  margin: 0;
}
.page-glossary .content-data dl::before {
  content: " ";
  position: absolute;
  left: 6px;
  background-color: #ece8e5;
  top: 0;
  width: 10px;
  height: 100%;
  z-index: 1;
}
.page-glossary .content-data dt {
  font-size: 22px;
  font-weight: bold;
  color: #a9c200;
  padding-bottom: 10px;
}
.page-glossary .content-data dt a {
  text-decoration: none;
  color: #a9c200;
}
.page-glossary .content-data dt .glossary-letter {
  position: relative;
  z-index: 2;
  float: left;
  display: block;
  margin: 0 17px 0 0;
  background-color: #aac100;
  color: #fff;
  padding: 4px 4px;
  width: 15px;
  height: 15px;
  line-height: 14px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  border-radius: 12px;
}
.page-glossary .content-data dd {
  display: block;
  padding-bottom: 25px;
}
.page-glossary .content-data dd::after {
  margin: 35px 0 0 0;
  content: " ";
  display: block;
  clear: both;
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0));
}
.page-glossary .content-data dd.recommendations {
  padding-bottom: 45px;
}
.page-glossary .content-data dd.recommendations .slideshow-item {
  margin-right: 15px /* Add a bit of spacing after each game */;
}
.page-glossary .content-data dd.recommendations .slideshow-item .mygames-options {
  margin-right: 0 /* Fix odd positioning error of pencil. We shouldn't need this! */;
}
.page-glossary .content-data dd.recommendations strong {
  display: block;
  padding: 0 0 15px 0;
}
.page-glossary .content-data dl:last-child dd::after {
  display: none;
}
.page-glossary .glossary-letters {
  z-index: 99;
  padding: 15px 0 15px 0;
  background-color: #f4f3f1;
  font-size: 24px;
  font-weight: bold;
}
.page-glossary .glossary-letters ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.page-glossary .glossary-letters ul li {
  display: inline;
}
.page-glossary .glossary-letters ul li a {
  text-transform: uppercase;
  margin: 0 10px;
  text-decoration: none;
}
.page-glossary .glossary-letters ul li a.active {
  color: #a9c200;
  text-decoration: underline;
}
@-moz-keyframes SlideDown {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes SlideDown {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes SlideDown {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes SlideDown {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-moz-keyframes SlideIn {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes SlideIn {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes SlideIn {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes SlideIn {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes FADEIN {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes FADEIN {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes FADEIN {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes FADEIN {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-moz-keyframes ROTATE {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes ROTATE {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@-o-keyframes ROTATE {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes ROTATE {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.section-divider,
.section-divider-block {
  position: relative;
  padding-top: 20px;
  padding-bottom: 1px;
  margin-bottom: 20px;
  margin-top: 10px;
}
.section-divider-block:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #d1d1d1 25%, #d1d1d1 75%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #d1d1d1 25%, #d1d1d1 75%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, #d1d1d1 25%, #d1d1d1 75%, rgba(255,255,255,0) 100%);
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1)";
}
.section-divider:after,
.section-divider-block:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #d1d1d1 25%, #d1d1d1 75%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #d1d1d1 25%, #d1d1d1 75%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, #d1d1d1 25%, #d1d1d1 75%, rgba(255,255,255,0) 100%);
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1)";
}
hr {
  margin: 25px 0;
  position: relative;
  height: 1px;
  border: none;
}
hr:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #d1d1d1 25%, #d1d1d1 75%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #d1d1d1 25%, #d1d1d1 75%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, #d1d1d1 25%, #d1d1d1 75%, rgba(255,255,255,0) 100%);
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1)";
}
.nav-game a {
  text-decoration: none;
  font-size: 0.9em;
}
.nav-game a span {
  color: #f00;
}
video {
  max-width: 100%;
}
video[poster] {
  object-fit: contain;
}
video.hover-video-preview {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
video.hover-video-preview.animate {
  animation-duration: 500ms;
  animation-name: fadeIn;
  animation-iteration-count: 1;
}
img[data-src],
video[data-src] {
  opacity: 0;
}
iframe {
  width: 100%;
}
.content-data {
  max-width: 960px;
  margin: 0 auto;
}
.content-data:after {
  content: "";
  display: table;
  clear: both;
}
.games-detail-header {
  margin-top: 0;
  margin-bottom: 10px;
}
.section-tabs {
  clear: both;
  position: relative;
}
@media only screen and (min-width: 737px) {
  .menuitem-games.collapsing {
    cursor: pointer;
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    gap: 7px;
  }
  .menuitem-games.collapsing::after {
    border-color: #1d2933;
    border-top: solid 7px;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    content: '';
    position: relative;
    z-index: 1;
    transition: 0.3s ease;
  }
  .menuitem-games.collapsing .game-category-menu-wrap {
    cursor: auto;
    opacity: 0;
    visibility: hidden;
    top: 17px;
    position: absolute;
    left: calc(50% - (4 * 200px + 3 * 20px) / 2);
    transition: all 0.2s;
  }
  .menuitem-games.collapsing .game-category-menu {
    text-align: center;
    padding: 20px;
    box-shadow: 0 20px 24px -7px rgba(0,0,0,0.3);
    background-color: #1d2933;
  }
  .menuitem-games.collapsing .game-category-menu .game-category-submenu-container {
    margin: 0 auto;
    width: calc(4 * 200px + 3 * 20px);
    display: flex;
    flex-flow: row;
    justify-content: center;
    gap: 20px;
  }
  .menuitem-games.collapsing .game-category-menu .game-category-submenu-container ul {
    display: flex;
    flex-flow: row wrap;
    gap: 10px 20px;
  }
  .menuitem-games.collapsing .game-category-menu .game-category-submenu-container ul:first-child {
    flex: 0 0 200px;
    flex-flow: column;
  }
  .menuitem-games.collapsing .game-category-menu .game-category-submenu-container ul:first-child li:first-child {
    background-color: #a9c200;
    margin-bottom: calc(100% - (38px * 4) + 50px);
    border: 2px solid #849700;
    flex: 0 0 38px;
  }
  .menuitem-games.collapsing .game-category-menu .game-category-submenu-container ul:first-child li:first-child:hover {
    background-color: #cde818;
    border-color: #869a03;
  }
  .menuitem-games.collapsing .game-category-menu .game-category-submenu-container ul:first-child li:first-child a {
    text-transform: inherit;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #849700, 1px -1px 1px #849700, -1px 1px 1px #849700, -1px -1px 1px #849700;
  }
  .menuitem-games.collapsing .game-category-menu .game-category-submenu-container ul:first-child li {
    flex: 0 0 38px;
  }
  .menuitem-games.collapsing .game-category-menu .game-category-submenu-container ul:first-child li a {
    justify-content: center;
  }
  .menuitem-games.collapsing .game-category-menu .game-category-submenu-container ul li {
    cursor: pointer;
    flex: 0 0 200px;
    display: flex;
    margin: 0;
    overflow: hidden;
    background-color: #0b1014;
    border-radius: 4px;
    box-sizing: border-box;
  }
  .menuitem-games.collapsing .game-category-menu .game-category-submenu-container ul li a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 5px 20px;
    height: auto;
    line-height: initial;
    margin: 0;
    color: #fff;
    text-transform: capitalize;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
  }
  .menuitem-games.collapsing .game-category-menu .game-category-submenu-container ul li a span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .menuitem-games.collapsing .game-category-menu .game-category-submenu-container ul li:hover {
    background-color: rgba(11,16,20,0.71);
  }
  .menuitem-games.collapsing:hover {
    color: #a9c200;
  }
  .menuitem-games.collapsing:hover::before {
    background-color: #1d2933;
    content: '';
    padding: 15px;
    position: absolute;
    z-index: -1;
    width: 100%;
    top: -10px;
    left: -15px;
  }
  .menuitem-games.collapsing:hover::after {
    border-top-color: #a9c200;
    transform: rotate(180deg);
  }
  .menuitem-games.collapsing:hover .game-category-menu-wrap {
    color: #1d2933;
    opacity: 1;
    visibility: visible;
  }
}
@media only screen and (max-width: 736px) {
  header .game-category-menu-wrap {
    display: none;
  }
  .nav-phone-menu .menuitem-games.collapsing {
    cursor: pointer;
    color: #fff;
    position: relative;
    margin: 6px 0;
  }
  .nav-phone-menu .menuitem-games.collapsing::after {
    border-color: #1d2933;
    border-top: solid 7px;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    content: '';
    position: absolute;
    z-index: 1;
    transition: 0.3s ease;
    top: 5px;
    right: 34%;
  }
  .nav-phone-menu .game-category-menu-wrap {
    margin: 5px 0;
    display: none;
  }
  .nav-phone-menu .game-category-menu-wrap ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .nav-phone-menu .game-category-menu-wrap ul:first-child {
    margin-bottom: 10px;
  }
  .nav-phone-menu .game-category-menu-wrap ul:first-child li a {
    justify-content: center;
  }
  .nav-phone-menu .game-category-menu-wrap li {
    width: 60%;
    margin: auto;
    height: 28px;
  }
  .nav-phone-menu .game-category-menu-wrap li a {
    text-transform: none;
    padding: 0;
    font-size: 12px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    width: 100%;
  }
  .nav-phone-menu .game-category-menu-wrap.visible {
    display: block;
  }
}
.section-tabs-nav {
  border-bottom: 1px solid #d1d1d1;
  height: 40px;
  width: 100%;
}
.section-tabs-nav .section-tab-nav-item ul {
  display: none;
  list-style: none;
  margin: 12px 0 0 0;
  left: 18px;
  top: 28px;
  padding: 4px 0 4px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.section-tabs-nav .section-tab-nav-item ul li {
  margin: 0;
}
.section-tabs-nav .section-tab-nav-item ul li a {
  height: auto;
  padding: 7px 15px;
  margin: 0;
}
.section-tabs-nav .section-tab-nav-item:hover ul {
  display: block;
  position: absolute;
}
.section-tabs.collapsed .section-tab-nav-item ul {
  border: none;
  display: block;
  background: none;
  position: initial;
}
.section-tabs-prepended {
  display: none;
  margin: 0 0 30px 0;
}
.section-tabs-prepended ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.section-tabs-prepended ul li {
  border-bottom: 1px solid #ccc;
}
.section-tabs-prepended ul li a {
  margin: 0;
  list-style: none;
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
}
.sticky {
  position: fixed;
  top: 0;
  box-shadow: 0 0 15px 0 #1d2933;
  width: 100%;
  z-index: 20;
  background-color: #fff;
}
.section-tabs-nav li.active {
  font-weight: bold;
}
.section-tabs-nav-items-wrap {
  outline: none;
  display: inline-block;
  height: auto;
}
.section-tabs-nav-items {
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
  z-index: 2;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
.section-links:hover .section-tab-nav-item {
  color: #a9c200;
}
.section-tab-nav-item {
  display: inline-block;
  cursor: pointer;
  list-style: none;
  padding: 10px 0 10px 20px;
  outline: none;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  color: #1d2933;
  height: 20px;
  margin: 0;
  font-size: 100.01%;
  font-weight: normal;
}
.section-tab-nav-item.active {
  color: #95aa04;
}
.section-tab-nav-item a {
  text-decoration: none;
  display: block;
  height: 30px;
  text-transform: uppercase;
  color: #1d2933;
}
.section-tab-nav-item.active > a {
  color: #95aa04;
}
.section-tab-nav-item a:hover {
  color: #95aa04;
}
.section-tabs-nav-items-line {
  border: 2px solid #95aa04;
  position: absolute;
  bottom: -3px;
  pointer-events: none;
  left: 0;
  width: 0;
  z-index: 2;
  display: none;
}
.section-tabs-nav-items-expander {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 20px;
  width: calc(100% - 40px);
  height: 21px;
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/bg/tabs_icon_plus.png$ee2e1191") no-repeat top left;
  background-position-x: right;
}
.section-tabs-nav-items.open .section-tabs-nav-items-expander {
  height: 21px /* icon height 7px */;
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/bg/tabs_icon_minus.png$07123451") no-repeat center left;
  width: calc(100% - 40px);
  background-position-x: right;
}
.section-tabs-wrapper {
  margin: 0 auto;
  max-width: 960px;
  margin-bottom: 10px;
  position: relative;
}
.section-tabs-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.section-tabs-nav.sticky + .section-tabs-wrapper {
  z-index: 4;
}
.section-tabs-nav.sticky {
  z-index: 5;
}
.section-tabs-nav .section-tabs-header {
  display: none;
}
.section-tabs-content {
  margin-left: 20px;
  margin-right: 20px;
}
#seo-content-slider .section-tab-content {
  padding-top: 16px;
  padding-bottom: 16px;
}
#seo-content-slider .section-tab-content p:first-child {
  margin-top: 0;
}
#seo-content-slider .section-tab-content p:last-child {
  margin-bottom: 0;
}
.section-tabs.collapsed .section-tabs-nav-items-expander {
  display: inline-block;
}
.section-tabs.collapsed .section-tabs-nav-items-line {
  display: none;
}
.section-tabs.collapsed .section-tabs-nav-items-wrap {
  display: block;
  overflow: hidden;
  padding-top: 40px;
  height: 0;
}
.section-tabs.collapsed .section-tabs-nav-items-wrap .section-tab-nav-item {
  display: block;
  overflow: hidden;
}
.section-tabs.collapsed .section-tabs-nav-items-wrap .section-tab-nav-item:not(.active) {
  list-style: none;
  color: #fff;
  background-color: #a9c200;
  border-top: 1px solid #849700;
}
.section-tabs.collapsed .section-tabs-nav-items-wrap .section-tab-nav-item:not(.active) a {
  color: #fff;
  display: block;
}
.section-tabs.collapsed .section-tabs-nav-items-wrap .section-tab-nav-item:not(.active):hover {
  background-color: #cde818;
}
.section-tabs.collapsed .section-tabs-nav-items-wrap .section-tab-nav-item.active {
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
}
.home-playground .image-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.home-playground .content-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 45%;
  padding: 10px 10px 10px 30px;
  text-align: justify;
}
.home-playground .content-wrapper .text {
  margin-bottom: 30px;
}
.home-playground .content-wrapper .button-wrapper {
  text-align: center;
}
.fb-share-button {
  float: right;
}
.news-date .fb-share-button {
  margin-top: 8px;
  float: none;
}
.fb-share-button a {
  color: #fff !important;
  padding: 5px 14px 5px 40px !important;
  display: block;
  font-size: 15px !important;
  text-decoration: none;
  background-color: #3b5998;
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/socialmedia/facebook_share.png$07123451");
  background-repeat: no-repeat;
  background-position: 5px 3px;
}
.content-block {
  clear: left;
  float: left;
}
.content-block h1,
.content-block h2,
.content-block h3,
.content-block h4,
.content-block h5,
.content-block h6 {
  margin-top: 0;
}
.content-block h1 {
  font-size: 28px;
}
.content-block .content-slice {
  width: 100%;
  clear: left;
  float: left;
  margin: 0 0 1.1em 0;
}
.content-block .content-slice.text-image div.text {
  width: 100%;
}
.content-block .content-slice.text-image div.image {
  width: 48.5%;
}
.content-block .content-slice.text-image div.image img {
  min-width: 100%;
  max-width: 100%;
}
.content-block .content-slice.text-image.right div.text,
.content-block .content-slice.text-image.left div.text {
  width: 48.5%;
}
.content-block .content-slice.text-image.right div.text {
  float: left;
  margin-right: 3%;
}
.content-block .content-slice.text-image.right div.image {
  float: right;
  text-align: right;
}
.content-block .content-slice.text-image.left div.text {
  float: right;
}
.content-block .content-slice.text-image.left div.image {
  float: left;
  margin-right: 3%;
  text-align: left;
}
.content-block .content-slice.faq-question details summary {
  list-style-type: none;
  margin: 0 0 1em 0;
  font-size: 17px;
  font-weight: bold;
  float: left;
  width: 100%;
  cursor: pointer;
}
.content-block .content-slice.faq-question details summary::-webkit-details-marker {
  display: none;
}
.content-block .content-slice.faq-question details summarymarker {
  display: none;
}
.content-block .content-slice.faq-question details summary:after {
  content: "+";
  float: right;
}
.content-block .content-slice.faq-question details[open] summary:after {
  content: "-";
}
.content-block .content-slice.faq-question details[open] .answer {
  clear: both;
}
.content-block .content-slice.video video {
  width: 100%;
  height: 215px;
}
.slideshow-item a {
  text-decoration: none;
  color: #1d2933;
  outline: 0;
  display: block;
}
.slideshow .slideshow-title {
  word-wrap: break-word;
  text-align: center;
  font-size: 9pt;
  font-weight: bold;
  display: block;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
.slideshow .slideshow-title:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 30px;
  background-image: linear-gradient(270deg, #fff, rgba(255,255,255,0));
}
.slideshow .slideshow-voting {
  text-align: center;
}
.slideshow .slideshow-image {
  display: block;
  text-align: center;
  position: relative;
  width: 135px;
  margin-right: 10px;
}
.slideshow .slideshow-image img {
  border-radius: 17px;
}
.slideshow .slideshow-image video {
  border-radius: 17px;
  object-fit: fill;
}
.slideshow.game-previews .slideshow-image {
  background-color: #f4f4f4;
  border-radius: 16px;
  height: 95px;
}
html:not(.games):not(.page-points):not(.page-userprofile) .slideshow.game-previews .slideshow-image {
  height: 112px;
}
.game-screenshots .slideshow-image img {
  border-radius: 0;
}
img.rounded {
  border-radius: 17px;
}
.slideshow-item {
  display: inline-block;
}
.search-bot .slideshow-item {
  width: 100%;
}
.background {
  height: 100%;
  width: 100%;
  display: block;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
}
.background:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 70px;
  background-image: linear-gradient(90deg, #fff, rgba(255,255,255,0));
  display: none;
  z-index: 1000;
}
.background:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 70px;
  background-image: linear-gradient(270deg, #fff, rgba(255,255,255,0));
  display: none;
  z-index: 1000;
}
.os-web .bannervideocontainer {
  height: 411px;
  overflow: hidden;
}
.os-web .bannervideocontainer video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
.store-links a img {
  border-radius: 5px;
}
.top-games .store-links {
  position: relative;
  text-align: right;
}
.top-games .store-links .links {
  display: none;
  position: absolute;
  z-index: 3600;
  padding: 10px;
  width: calc(100% - 24px);
  background-color: #fff;
  margin-top: -2px;
  border-radius: 0 0 5px 5px;
  border: solid 2px #869a03;
}
.top-games .store-links:hover .links {
  display: block;
}
.top-games .store-links .links .storelinks {
  margin: auto;
  max-width: 137px;
  justify-content: normal;
  float: none;
  text-align: center;
}
.top-game-buttons .storelinks {
  margin: 0;
  float: none;
  display: block;
  width: auto;
  justify-content: normal;
}
.top-game-buttons .storelinks img {
  margin: 0;
}
.top-games .links .storelinks a {
  padding: 5px 0;
}
.top-game-buttons {
  margin: 5px 0;
  float: left;
  width: 40%;
}
.top-game-buttons a.button.playlink {
  display: block;
}
.top-game-info {
  float: left;
  text-align: left;
  width: 60%;
}
.top-game-info:after {
  content: "";
  display: table;
  clear: both;
}
.storelinks a {
  display: none;
}
.os-android .storelinks a.store-google {
  display: inline-block;
}
.os-ios .storelinks a.store-apple {
  display: inline-block;
}
.os-amazon .storelinks a.store-amazon {
  display: inline-block;
}
.os-android .storelinks a.store-galaxy {
  display: inline-block;
}
.os-winphone .storelinks a.store-windows {
  display: inline-block;
}
.os-web .storelinks a {
  display: inline-block;
}
.os-android .storelinks a.store-button-comingsoon,
.os-ios .storelinks a.store-button-comingsoon,
.os-amazon .storelinks a.store-button-comingsoon,
.os-winphone .storelinks a.store-button-comingsoon {
  display: inline-block;
}
#user-game-slideshow .slideshow-image {
  width: 100%;
  height: 410px;
  background-attachment: scroll;
  background-position: 50% 0;
  background-color: transparent;
  opacity: 0;
}
#user-game-slideshow {
  direction: ltr;
}
.search-bot #user-game-slideshow {
  max-height: 410px;
}
#user-game-slideshow .slick-prev {
  left: 13%;
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/arrow-prev.png$ee2e1191");
}
#user-game-slideshow .slick-next {
  right: 13%;
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/arrow-next.png$07123451");
}
#user-game-slideshow .slick-arrow {
  position: absolute;
  top: 170px;
  z-index: 10;
  width: 42px;
  height: 83px;
  text-indent: -1000em;
  overflow: hidden;
  cursor: pointer;
}
#user-game-slideshow .slideshow-image:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 70px;
  background-image: linear-gradient(90deg, #fff, rgba(255,255,255,0));
  display: none;
  z-index: 1000;
}
#user-game-slideshow .slideshow-image:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 70px;
  background-image: linear-gradient(270deg, #fff, rgba(255,255,255,0));
  display: none;
  z-index: 1000;
}
.carousel .slick-prev {
  transform: scale(0.75, 1) rotate(45deg);
  -webkit-transform: scale(0.75, 1) rotate(45deg);
  left: 0;
}
.carousel .slick-next {
  transform: scale(0.75, 1) rotate(225deg);
  -webkit-transform: scale(0.75, 1) rotate(225deg);
  right: 0;
}
.carousel .slick-arrow {
  position: absolute;
  z-index: 10;
  border-left: 5px solid #a9c200;
  border-bottom: 5px solid #a9c200;
  width: 30px;
  height: 30px;
  text-indent: -1000em;
  overflow: hidden;
  cursor: pointer;
  top: 46px;
}
.overlay-achievements .slider {
  max-height: 90px;
  overflow-y: hidden;
}
.carousel.slick-initialized .slideshow-item {
  visibility: visible;
}
.carousel {
  position: relative;
  padding: 15px 50px 15px 50px;
}
.carousel .slideshow-item {
  text-align: center;
}
.carousel .slideshow-item a {
  display: block;
  outline: 0;
}
.carousel .slideshow-item .slideshow-title {
  padding-top: 2px;
  bottom: 0;
}
.content-header {
  position: relative;
  width: 100%;
  height: 410px;
  z-index: 1;
}
.arrow-right {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid #a9c200;
  display: inline-block;
  margin-right: 5px;
}
.more-games {
  padding-right: 20px;
}
.more-games a.button {
  padding-left: 30px;
  padding-right: 30px;
}
.pager {
  margin: 20px auto;
  text-align: center;
  position: relative;
}
.pager .pager-content {
  width: 100%;
}
.pager-page,
.pager-dots,
.pager-left-arrow,
.pager-right-arrow {
  display: inline-block;
  margin-right: 10px;
}
.pager a {
  text-decoration: none;
  color: #000;
}
.pager a:hover {
  color: #95aa04;
}
.pager a.active {
  color: #95aa04;
  font-weight: bold;
}
.pager .arrow a {
  border: solid #a9c200;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 8px;
  cursor: pointer;
}
.pager .pager-right-arrow a {
  transform: scale(0.75, 1) rotate(-45deg);
  -webkit-transform: scale(0.75, 1) rotate(-45deg);
}
.pager .pager-left-arrow a {
  transform: scale(0.75, 1) rotate(135deg);
  -webkit-transform: scale(0.75, 1) rotate(135deg);
}
.pager .pager-right-arrow,
.pager .pager-left-arrow {
  position: relative;
  top: 4px;
}
.pagination {
  text-align: center;
  margin-bottom: 40px;
}
.pagination:after {
  content: ' ';
  float: left;
  clear: both;
}
.pagination ul {
  margin: 0;
  padding: 0;
}
.pagination ul li {
  display: inline-block;
}
.pagination ul li a {
  font-size: 18px;
  text-decoration: none;
  padding: 0 12px;
}
.pagination ul li.active a {
  color: #a9c200;
  font-weight: bold;
}
.pagination ul li.pagination-navigation a {
  width: 4px;
  height: 4px;
  position: relative;
  top: 6px;
}
.pagination ul li.pagination-last a,
.pagination ul li.pagination-next a {
  border: solid #a9c200;
  display: inline-block;
  border-width: 0 3px 3px 0;
  padding: 8px;
  text-indent: -1000em;
  overflow: hidden;
  cursor: pointer;
}
.pagination ul li.pagination-last a {
  transform: scale(0.75, 1) rotate(135deg);
  -webkit-transform: scale(0.75, 1) rotate(135deg);
}
.pagination ul li.pagination-next a {
  transform: scale(0.75, 1) rotate(-45deg);
  -webkit-transform: scale(0.75, 1) rotate(-45deg);
}
.betakey-text {
  padding-bottom: 20px;
}
.betakey-form-wrapper {
  padding-bottom: 20px;
}
.betakey-form-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.betakey-form-wrapper span,
.betakey-form-wrapper label {
  display: block !important;
}
.section.winbetakey {
  text-align: center;
}
.information {
  font-style: italic;
  font-size: 90%;
}
.game-tab-list {
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
}
.game-tab-entry {
  float: left;
  min-width: 200px;
  min-height: 200px;
  margin: 0 0 5px 0;
  position: relative;
}
.game-tab-entry .game-wrapper:before {
  content: 'Loading';
  position: absolute;
  top: calc(50% + 30px);
  left: calc(50% - 25px);
  width: auto;
  text-transform: uppercase;
  font-style: italic;
  font-size: 13px;
}
.game-tab-entry .game-wrapper:after {
  content: '';
  position: absolute;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  width: 40px;
  height: 40px;
  border: solid 2px #d1d1d1;
  border-top-color: #1d2933;
  border-radius: 50%;
  animation: ROTATE 1s linear infinite;
  z-index: -1;
}
.top-games {
  padding: 0 0 30px 0;
}
.top-games:after {
  content: "";
  display: table;
  clear: both;
}
.title-important {
  margin-top: 0;
  color: #a9c200;
}
.game-tab-entry.top-game {
  display: inline-block;
  margin-bottom: 20px;
}
.game-image-wrapper {
  position: relative;
  overflow: hidden;
}
.game-image-wrapper:hover .game-headline {
  transform: translateY(0);
}
.game-image-wrapper video {
  object-fit: fill;
}
.game-tab-entry a:hover .game-headline {
  color: #000;
}
.game-headline {
  position: absolute;
  width: calc(100% - 10px);
  z-index: 2;
  bottom: 0;
  text-align: center;
  background-color: rgba(255,255,255,0.7);
  font-weight: bold;
  pointer-events: none;
  text-transform: uppercase;
  padding: 5px 5px 7px 5px;
  font-size: 90%;
  transform: translateY(100%);
}
.game-tab-entry img:not(.platform-icon) {
  width: 100%;
  height: auto;
  display: block;
}
.game-tab-entry .game-name {
  clear: left;
  margin: 0 0 4px 0;
  padding: 0;
  font-weight: bold;
}
.game-tab-entry .game-name a {
  color: #1d2933;
  text-decoration: none;
}
.game-tab-entry .rating {
  transform: scale(0.5, 0.5);
  transform-origin: top left;
}
.rtl .game-tab-entry .rating {
  transform-origin: top right;
}
.game-tab-entry.top-game .rating {
  transform: scale(0.7, 0.7);
}
#game-tab-list {
  float: left;
  width: 100%;
  clear: both;
  margin-bottom: 40px;
}
#game-tab-list[data-count="1"] {
  text-align: center;
}
#game-tab-list[data-count="1"] .game-tab-entry {
  margin: 0 auto;
  float: none;
  text-align: left;
}
.dd-select {
  border: #f00;
}
.content-data-max {
  margin-top: 0px;
}
.jBox-Modal .titlepicture img {
  width: 50px;
}
.jBox-Modal .titlepicture {
  display: inline-block;
  margin-right: 20px;
}
.jBox-Modal .titletext {
  display: inline-block;
  position: absolute;
  top: 22px;
}
.jBox-Modal {
  max-width: 500px;
  min-width: 300px;
}
.jBox-Notice {
  opacity: 0.85 !important;
}
.jBox-Notice a {
  color: #fff;
  text-decoration: none;
  padding: 0 1% 10px 0;
  display: block;
  float: left;
  width: 99%;
}
.jBox-Notice span.notification-icon {
  float: left;
  margin-right: 10px;
}
.jBox-Notice span.notification-icon img {
  width: 64px;
  height: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#seokeyword-header {
  margin-bottom: 20px;
}
#seo-content-slider {
  text-align: justify;
}
#amazonLoginButton {
  float: left;
  background-image: url("//upportal.wavecdn.net/landing/images/generic/1_Login_mit.png");
  width: 58px;
  height: 112px;
  position: relative;
  text-indent: -1000em;
  overflow: hidden;
  margin: 20px 0 0 20px;
}
#amazonLoginButton a {
  display: block;
  background-image: url("//upportal.wavecdn.net/landing/images/generic/AmazonButton_46_46.png");
  margin: 55px auto 0 auto;
  width: 47px;
  height: 47px;
}
#upjersSupplyCode {
  width: 300px;
  padding: 0 0 0 60px;
  float: left;
}
#upjersSupplyCode iframe {
  height: 250px;
}
.page-form.login-form {
  float: left;
  width: calc(100% - 365px);
}
.page-form.login-form:after {
  content: "";
  display: table;
  clear: both;
}
.page-form.login-form img {
  border-radius: 17px;
}
.login-data-lost {
  margin-top: 8px;
}
.login-data-lost > span {
  font-weight: bold;
}
.playlink {
  position: relative;
}
.button-wrapper.play-button .mygames-options {
  background: url("https://up-portal-assets.wavecdn.net/assets/img/playlink/Icon_LoginOptions.png$07123451");
  height: 28px;
  width: 28px;
  position: absolute;
  top: 0px;
  right: 0px;
  margin-right: 5px;
  margin-top: 4px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.button-wrapper.play-button .mygames-options.hidden {
  background: none;
}
.mygames-options {
  background: url("https://up-portal-assets.wavecdn.net/assets/img/community/pencil.png$ee2e1191");
  height: 28px;
  width: 28px;
  position: absolute;
  top: 0px;
  right: 0px;
  margin-right: 4px;
}
.mygames-options:hover {
  background: url("https://up-portal-assets.wavecdn.net/assets/img/community/pencil_hover.png$ee2e1191");
}
.button-wrapper.play-button {
  display: inline-block;
  vertical-align: top;
}
.gamemoreoptionspopup .registerform h4,
.gamemoreoptionspopup .gameaccounts h4 {
  margin-top: 0;
}
.gamemoreoptionspopup .registerform form {
  margin-top: 20px;
}
.gamemoreoptionspopup .info {
  margin-top: 20px;
}
.gamemoreoptionspopup .playlink {
  padding: 0;
}
.gamemoreoptionspopup .play {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #a9c200;
}
.gamemoreoptionspopup .accountlist {
  max-height: 150px;
  overflow-y: auto;
  margin-bottom: 25px;
}
.gamemoreoptionspopup .accountlist a {
  text-decoration: none;
}
.gamemoreoptionspopup table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  cursor: default;
}
.gamemoreoptionspopup tr {
  border-bottom: 1px solid #d1d1d1;
}
.gamemoreoptionspopup tr:nth-child(even) {
  background-color: #e9e9e9;
}
.gamemoreoptionspopup th {
  font-size: 14px;
  text-align: left;
  padding: 0 8px;
}
.gamemoreoptionspopup td {
  padding: 0 8px;
  text-align: left;
}
.gamemoreoptionspopup th:first-child,
.gamemoreoptionspopup td:first-child {
  padding-left: 0;
}
.gamemoreoptionspopup th:last-child,
.gamemoreoptionspopup td:last-child {
  padding-right: 0;
}
.register .section form {
  position: relative;
  float: left;
  clear: none;
  width: 50%;
}
.page-register .registerinfo {
  float: left;
  width: 46%;
  padding-left: 20px;
}
.registerinfo > p:first-child {
  margin-top: 0;
}
.registerErrorWrap {
  background-color: #849700;
  color: #fff;
  position: absolute;
  padding: 10px 5%;
  width: 90%;
  left: 100%;
  margin-left: 5px;
  top: 0;
  text-align: center;
  z-index: 3000;
}
.registerErrorWrap .validation-error {
  margin: 10px 0;
}
.registerErrorWrap .name-suggestions {
  padding-bottom: 10px;
}
.registerErrorWrap span.suggestion {
  margin: 0 6px;
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
}
.registerErrorWrap .more-suggestions {
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/reload.png$ee2e1191");
  width: 16px;
  height: 15px;
  display: inline-block;
  overflow: hidden;
  text-indent: -1000em;
  margin: 0px 3px -3px 5px;
  cursor: pointer;
}
.error-image-wrapper {
  max-width: 865px;
  margin: 28px auto -20px auto;
}
.error-back {
  font-weight: bold;
  margin-bottom: 50px;
}
.error-back a {
  color: #a9c200;
  text-decoration: none;
}
.game-teaser.error {
  height: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.error-title {
  text-align: center;
}
.error-title .error-title-content {
  margin: 0;
  margin-bottom: 10px;
  font-size: 23px;
  font-weight: bold;
}
.error-title h1 {
  text-shadow: 1px 0 #1d2933;
  letter-spacing: 2px;
  font-size: 36px;
  margin: 0;
}
@media only screen and (max-width: 736px) {
  .os-mobile .desktop-only {
    display: none;
  }
  .os-mobile .mobile-only {
    display: block;
  }
  .app-header-image {
    display: none;
  }
  .content-header {
    height: 250px;
    border-bottom: 1px solid #d1d1d1;
  }
  .error-image-wrapper {
    margin-bottom: 0;
  }
  #error-image {
    transform: scale(1.4, 1.4);
    margin-bottom: 28px;
  }
  .page-form.login-form {
    width: 100%;
    margin-bottom: 20px;
  }
  .games-detail-header {
    width: 100%;
  }
  .register-form .form-submit {
    text-align: center;
  }
  .registerinfo .content .conclusion {
    text-align: center;
  }
  .content-data {
    padding: 41px 20px 0 20px;
  }
  html.page-homegethomeedition .content-data {
    padding: 0 20px;
  }
  .content-data.app-detail {
    padding-top: 0 !important;
  }
  .section-1,
  .section-2,
  .section-3 {
    width: 100%;
    max-width: 100%;
  }
  .section > div.section-1:nth-child(even),
  .section > div.section-2:nth-child(even) {
    margin-left: 0px;
  }
  .background {
    background-position: 35% 70%;
    height: 250px;
    background-size: cover;
  }
  .background:before,
  .background:after {
    display: block;
  }
  #user-game-slideshow .slick-slide {
    height: 210px;
  }
  #user-game-slideshow .slick-dots {
    bottom: 20px;
  }
  #user-game-slideshow .slick-prev {
    left: 10%;
  }
  #user-game-slideshow .slick-next {
    right: 10%;
  }
  #user-game-slideshow .slideshow-image {
    background-position: 35% 70% !important;
    height: 210px;
    background-size: 1000px;
  }
  #user-game-slideshow .slideshow-image:before,
  #user-game-slideshow .slideshow-image:after {
    display: block;
  }
  #user-game-slideshow .slick-arrow {
    top: 60px;
  }
  .game-tab-entry {
    width: 100%;
    margin: 0;
  }
  .game-tab-entry.top-game {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .game-tab-entry .game-headline {
    transform: translateY(0);
    transition: none;
    font-size: 90%;
    display: block;
    min-height: 22px;
  }
  .carousel {
    position: relative;
    padding: 15px 0 15px 0;
  }
  #upjersSupplyCode {
    display: none;
  }
  #amazonLoginButton {
    display: none;
  }
  .form-group {
    display: block;
  }
  .register-form .form-group label {
    width: 100%;
  }
  .register .section form {
    position: static;
    float: left;
    clear: none;
    width: 100%;
  }
  .register .registerinfo {
    width: 96%;
    padding-left: 0;
  }
  .registerinfo p:first-child {
    margin-top: 20px;
  }
  .register-games-preview {
    text-align: center;
  }
  .registerErrorWrap {
    margin-left: 0;
    left: 0;
    position: fixed;
    bottom: 0;
    top: auto;
    text-align: center;
  }
  .registerinfo .content {
    padding: 20px 0;
  }
  .registerinfo .content .list ul.check li div.title {
    width: 100% !important;
  }
  .registerinfo .content .list ul.check li div.text {
    width: 100% !important;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 999px) {
  .content-block .content-slice.text-image.left div.text,
  .content-block .content-slice.text-image.right div.text,
  .content-block .content-slice.text-image.left div.image,
  .content-block .content-slice.text-image.right div.image {
    clear: both;
    float: none;
    width: 100%;
  }
  .content-block .content-slice.text-image.left div.text img,
  .content-block .content-slice.text-image.right div.text img,
  .content-block .content-slice.text-image.left div.image img,
  .content-block .content-slice.text-image.right div.image img {
    max-width: 100%;
  }
  .content-block .content-slice.text-image div.text {
    width: 100%;
  }
}
@media only screen and (min-width: 737px) and (max-width: 999px) {
  .os-mobile .desktop-only {
    display: none;
  }
  .os-mobile .mobile-only {
    display: block;
  }
  .app-header-image {
    display: none;
  }
  .background:before,
  .background:after {
    display: block;
  }
  #user-game-slideshow .slideshow-image {
    background-position-x: 35% !important;
  }
  #user-game-slideshow .slideshow-image:before,
  #user-game-slideshow .slideshow-image:after {
    display: block;
  }
  .game-tab-entry:not(.top-game) {
    width: 32%;
    margin-right: 2%;
  }
  .game-tab-entry:not(.top-game):nth-child(3n) {
    margin-right: 0;
  }
  .game-tab-entry.top-game {
    width: 48.5%;
    margin-right: 3%;
  }
  .game-tab-entry.top-game:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1000px) {
  .os-web .desktop-only {
    display: block;
  }
  .os-web .mobile-only {
    display: none;
  }
  .game-tab-entry {
    width: 32%;
    margin-right: 2%;
  }
  .game-tab-entry.top-game {
    width: 48.5%;
    margin-right: 3%;
  }
  .game-tab-entry.top-game:nth-child(2n) {
    margin-right: 0;
  }
  .game-tab-entry:not(.top-game):nth-child(3n) {
    margin-right: 0;
  }
  #seokeyword-header .background {
    background-position: center center;
  }
  .content-main-image {
    float: left;
  }
}
@media only screen and (min-width: 737px) {
  .section {
    margin-top: 20px;
    padding-left: 20px;
    position: relative;
  }
  .section:after {
    content: "";
    display: table;
    clear: both;
  }
  .section-1 {
    width: 32%;
    max-width: 32%;
    display: inline-block;
    vertical-align: top;
  }
  .section-2 {
    width: 64%;
    max-width: 64%;
    display: inline-block;
    vertical-align: top;
    margin-right: 3%;
  }
  .section-3 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
  }
  .registerinfo .content .conclusion {
    padding-left: 40px;
  }
}
.seokeyword-detail {
  padding-top: 15px;
  padding-bottom: 20px;
}
.seokeyword-detail:after {
  content: "";
  display: table;
  clear: both;
}
.seokeyword-detail h1 {
  line-height: 25px;
  color: #95aa04;
  margin-top: 0;
  text-transform: uppercase;
}
.seokeyword-detail img {
  max-width: 100%;
}
.seokeyword-detail ul {
  margin: 20px 0;
}
.seokeyword-detail ul.check li {
  list-style-type: none;
  position: relative;
  margin: 5px 0;
}
.seokeyword-detail ul.check li:before {
  content: '✓';
  position: absolute;
  height: 1em;
  margin-left: -15px;
  width: 1em;
}
.iframe-wrapper {
  text-align: center;
}
.iframe-wrapper img {
  width: 100%;
  max-width: 520px;
  height: auto;
  display: block;
}
.iframe-wrapper .iframe-inline-wrapper {
  position: relative;
  display: inline-block;
}
.iframe-wrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.registerinfo .content .conclusion {
  margin-top: 20px;
}
.registerinfo .content .list ul {
  margin: 0;
}
.registerinfo .content .list ul.check li {
  list-style-type: none;
  position: relative;
  margin: 5px 0;
}
.registerinfo .content .list ul.check li:before {
  content: '✓';
  position: absolute;
  height: 1em;
  margin-left: -18px;
  width: 1em;
}
.registerinfo .content .list ul.check li div.title {
  font-weight: bold;
  color: #95aa04;
  display: inline-block;
  vertical-align: top;
  width: 40%;
}
.registerinfo .content .list ul.check li div.text {
  display: inline-block;
  vertical-align: top;
  width: 60%;
  margin-left: -5px;
}
.register-games-preview {
  padding: 10px 0;
}
.registergames {
  border-top: 1px solid #d1d1d1;
}
.registergames:after {
  content: "";
  display: table;
  clear: both;
}
.register-form:after {
  content: "";
  display: table;
  clear: both;
}
.register-form .archway-form:after {
  content: "";
  display: table;
  clear: both;
}
.register-form .registerinfo:after {
  content: "";
  display: table;
  clear: both;
}
.login-form:after {
  content: "";
  display: table;
  clear: both;
}
.not-playable-on-mobile {
  text-align: center;
}
.not-playable-on-mobile .text {
  text-align: left;
  margin-bottom: 10px;
}
.top-item {
  display: flex;
  background-size: cover;
  background-position-x: 44%;
  background-position-y: 50%;
  height: 35vh;
  background-repeat: no-repeat;
  margin-bottom: 10px;
  min-height: 310px;
}
.top-item .top-item-content {
  background-color: rgba(255,255,255,0.8);
  width: calc(40% - 40px);
  padding: 20px;
  margin-left: 60%;
}
.newsletter-unsubscribe .form-group label {
  width: 350px;
}
.newsletter-unsubscribe .form-success {
  padding-top: 20px;
  margin-bottom: -20px;
}
.background.animate-image {
  opacity: 0;
}
.search-bot .background.animate-image {
  transition: none;
  opacity: 1;
}
#header-text {
  max-width: 960px;
  margin: 0 auto;
}
#header-text-wrap h1 {
  font-size: 42px;
  margin: 20px 0 0;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-weight: bold;
  color: #95aa04;
}
#header-text-wrap h3 {
  margin: 0;
  font-size: 24px;
}
#header-text-wrap p {
  max-width: 425px;
  word-wrap: break-word;
}
#header-text-wrap {
  margin-left: 20px;
  position: absolute;
  z-index: 3;
  animation-duration: 700ms;
  animation-name: SlideIn;
  animation-iteration-count: 1;
}
html.page-login .background,
html.page-register .background {
  background-position: top center;
}
html.page-login #header-text-wrap,
html.page-register #header-text-wrap {
  margin: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
html.page-login #header-text-wrap h1,
html.page-register #header-text-wrap h1 {
  margin: 17px 0 0 0;
  font-size: 3.08em;
  text-transform: uppercase;
  color: #fff;
}
html.page-login #header-text-wrap h3,
html.page-register #header-text-wrap h3 {
  font-size: 1.61em;
  font-weight: normal;
  color: #fff;
}
.home-installed {
  text-align: center;
}
.home-installed h2 {
  margin-top: 50px;
}
@media only screen and (min-width: 736px) {
  .game-tab-entry.top-game .game-image-wrapper {
    height: 321px;
  }
  .game-tab-entry .game-image-wrapper {
    height: 200px;
  }
}
@media only screen and (max-width: 736px) {
  .game-tab-entry .game-image-wrapper {
    height: 200px;
  }
}
.game-tab-entry {
  margin-bottom: 2%;
  vertical-align: top;
  position: relative;
}
.game-tab-entry:after {
  content: "";
  display: table;
  clear: both;
}
.game-tab-entry span.mygames-options {
  display: none;
}
.game-tab-entry a.game-link {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-decoration: none;
}
.game-tab-entry .game-wrapper {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background-color: #f4f4f4;
}
.game-tab-entry .game-wrapper .game-image-wrapper {
  display: block;
  max-height: 334px;
  pointer-events: all;
}
.game-tab-entry .game-wrapper .game-image-wrapper img {
  opacity: 0;
}
.game-tab-entry .game-wrapper .game-content-wrapper {
  display: block;
  position: absolute;
  z-index: 2;
  bottom: 0;
  padding: 15px;
  color: #fff;
  width: calc(100% - 30px);
  transform: translateY(0); /*transition: 0.3s ease;*/
  pointer-events: none;
  padding-bottom: 5px;
}
.game-tab-entry .game-wrapper .game-content-wrapper .game-name {
  display: block;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 5px;
  text-shadow: 1px 1px 1px #1d2933, 1px -1px 1px #1d2933, -1px 1px 1px #1d2933, -1px -1px 1px #1d2933;
}
.game-tab-entry .game-wrapper .game-content-wrapper .game-voting {
  display: block;
  margin: 0 0 5px 0;
  height: 22px;
}
.game-tab-entry .game-wrapper .game-content-wrapper .game-short-teaser {
  display: block;
  text-shadow: 0 1px 1px #1d2933;
  max-height: 0;
}
.game-tab-entry .game-teaser.small-teaser .game-teaser-with-icon .game-icons.game-icons-mobile {
  text-align: center;
}
.game-tab-entry .game-teaser.small-teaser .qrcode-cross {
  float: none;
  clear: both;
  width: 100px;
  margin: 70px auto 0 auto;
}
.game-tab-entry .game-teaser.small-teaser .qrcode-mobile span {
  top: 11px;
}
.game-tab-entry .game-teaser {
  position: absolute;
  pointer-events: none;
  top: 100%;
  color: #fff;
  padding: 30px;
  opacity: 0;
  transform: translateY(20px); /*transition 0.3s ease;*/
  background-color: #1d2933;
  width: calc(100% - 60px);
  box-shadow: 0 10px 10px 2px rgba(0,0,0,0.667);
}
.game-tab-entry .game-teaser:before {
  position: absolute;
  top: -15px;
  left: calc(50% - 20px);
  content: ' ';
  width: 30px;
  height: 30px;
  background-color: #1d2933;
  transform: rotate(45deg);
  z-index: -1;
}
.game-tab-entry .game-teaser a.button {
  display: block;
  letter-spacing: 4px;
  font-size: 20px;
  padding: 20px 15px 20px 15px;
  width: 100%;
  box-sizing: border-box;
  border: 3px solid #849700;
  border-radius: 0;
}
.game-tab-entry .game-teaser .game-teaser-text div {
  padding-top: 10px;
}
.game-tab-entry .game-teaser .qrcode-mobile {
  border: 3px solid #a9c200;
  padding: 3px;
  margin-bottom: 25px;
  min-height: 70px;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.game-tab-entry .game-teaser .qrcode-mobile span {
  position: absolute;
  top: 22px;
  left: 0;
  text-transform: uppercase;
  font-size: 20px;
  width: 100%;
  padding-right: 55px;
  box-sizing: border-box;
  color: #a9c200;
  letter-spacing: 4px;
}
.game-tab-entry .game-teaser .qrcode-mobile img {
  position: absolute;
  right: 3px;
  width: 60px;
  height: 60px;
}
.game-tab-entry .game-teaser .qrcode-cross {
  float: right;
  text-align: center;
  border: 3px solid #a9c200;
  border-radius: 5px;
  margin: 0 0 20px 20px;
  padding: 7px;
}
.game-tab-entry .game-teaser .qrcode-cross span {
  display: block;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
}
.game-tab-entry .game-teaser .qrcode-cross img {
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto 5px auto;
}
.game-tab-entry .game-teaser .game-teaser-with-icon {
  margin-bottom: 20px;
}
.game-tab-entry .game-teaser .game-teaser-with-icon .game-short-teaser {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 180px);
}
.game-tab-entry .game-teaser .game-teaser-with-icon .game-short-teaser.game-short-teaser-full {
  width: 100%;
  display: block;
}
.game-tab-entry .game-teaser .game-teaser-with-icon .game-icons {
  float: right;
  text-align: right;
  vertical-align: top;
  width: 165px;
}
.game-tab-entry .game-teaser .game-teaser-with-icon .game-icons.game-icons-mobile {
  width: 100%;
  text-align: left;
  margin-top: 10px;
}
.game-tab-entry .game-teaser .game-teaser-with-icon .game-icons .platform-icon {
  height: 25px;
  padding: 0 2px;
}
.game-tab-entry .game-teaser .game-teaser-with-icon .game-icons .platform-icon:hover {
  transform: scale(1.1);
}
.game-tab-entry .game-teaser .game-buttons {
  position: relative;
  z-index: 2;
  text-align: center;
  margin: auto;
  background-color: #a9c200;
  padding: 5px;
  border-radius: 6px;
  width: 100%;
  max-width: 130px;
  margin-bottom: 5px;
  margin-left: 10px;
  float: right;
}
.game-tab-entry .game-teaser .game-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.game-tab-entry .game-teaser .game-buttons a {
  width: auto;
}
.game-tab-entry .game-teaser .game-buttons .game-button {
  margin-bottom: 20px;
}
.game-tab-entry .game-teaser .game-buttons .game-button-title {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.game-tab-entry .game-teaser .game-buttons .store-links .storelinks {
  float: none;
  width: 100%;
  justify-content: center;
}
.game-tab-entry .game-teaser .game-buttons .store-links .storelinks a {
  margin-bottom: 5px;
  margin-right: 0;
}
.game-tab-entry .game-teaser .game-buttons .store-links .storelinks img {
  width: 100%;
  height: auto;
  opacity: 1;
  margin: 0;
}
.game-tab-entry .game-teaser .game-short-teaser {
  display: block;
  text-shadow: 0 1px 1px #1d2933;
}
.game-tab-entry .game-teaser .game-button {
  text-align: center;
  margin-bottom: 20px;
}
.game-tab-entry .game-teaser:not(.small-teaser) .game-short-teaser {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
}
.game-tab-entry .game-content-wrapper:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.game-tab-entry.app:hover .game-content-wrapper {
  padding-bottom: 20px;
}
.game-tab-entry:hover .game-image-wrapper img {
  transform: scale(1.02);
}
.game-tab-entry:hover .game-content-wrapper {
  transform: translateY(0);
}
.game-tab-entry:hover .game-content-wrapper .game-short-teaser {
  max-height: 150px;
}
.game-tab-entry:hover .game-teaser {
  z-index: 20;
  pointer-events: all;
  transform: translateY(0);
  opacity: 1;
}
.game-tab-entry:hover .game-content-wrapper:before {
  opacity: 1;
  z-index: -5;
  background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.2) 40%);
}
.game-tab-entry:hover video.hover-video-preview {
  opacity: 1;
}
h2.app-detail-header {
  margin-top: 0;
}
@media only screen and (max-width: 736px) {
  html.page-login .background,
  html.page-register .background {
/* This important needs to be here until we sort out the headerImage mess we have and remove all the inline styles */
    background-image: url("https://up-portal-assets.wavecdn.net/assets/img/bg/teaser_games_mobile.png$ee2e1191") !important;
  }
  html.page-appdetail .section-tabs-nav:not(.sticky) {
    opacity: 0;
    pointer-events: none;
  }
  h2.app-detail-header {
    color: #a9c200;
  }
  .game-tab-entry {
    margin-bottom: 20px;
  }
  .game-tab-entry a {
    text-decoration: none;
  }
  .game-tab-entry .game-wrapper {
    min-height: 200px;
  }
  .game-tab-entry .rating {
    transform: scale(0.5, 0.5) !important;
  }
  .game-tab-entry .game-teaser {
    display: block;
    position: relative;
    z-index: 3;
    pointer-events: all;
    transform: none;
    opacity: 1;
  }
  .game-tab-entry .game-teaser .game-buttons {
    float: none;
    background-color: transparent;
    padding: 0;
    margin: 5px auto 10px auto;
  }
  .game-tab-entry .game-teaser .game-buttons .game-button-title {
    display: none;
  }
  .game-tab-entry .game-teaser .game-teaser-with-icon .game-short-teaser {
    width: 100%;
  }
  .game-tab-entry .game-teaser .game-teaser-with-icon .game-icons {
    text-align: left;
    width: 100%;
    margin: 10px 0;
  }
  .game-tab-entry .game-teaser .game-teaser-with-icon .game-icons .platform-icon {
    height: 25px;
  }
  .game-tab-entry .game-content-wrapper:before {
    opacity: 1;
    z-index: -5;
    background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.2) 40%);
  }
  .game-tab-entry.app .game-content-wrapper {
    padding-bottom: 20px;
  }
  #header-text {
    display: none;
  }
  .content-block .content-slice.text-image.left div.text,
  .content-block .content-slice.text-image.right div.text,
  .content-block .content-slice.text-image.left div.image,
  .content-block .content-slice.text-image.right div.image {
    float: none;
    clear: both;
    width: 100%;
    text-align: left;
  }
  .content-block .content-slice.text-image.left div.image,
  .content-block .content-slice.text-image.right div.image {
    text-align: center;
  }
  .content-block .content-slice.text-image.left div.image img,
  .content-block .content-slice.text-image.right div.image img {
    width: 100%;
  }
  .top-item {
    height: auto;
    min-height: auto;
  }
  .top-item .top-item-content {
    margin: 0;
    padding: 10%;
    width: 80%;
    text-align: center;
  }
}
.qr-mobile-game {
  cursor: default;
  border: 4px solid #a9c200;
  border-radius: 5px;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  vertical-align: middle;
  height: 68px;
  margin: 0 auto 30px 0;
}
.qr-mobile-game span {
  position: absolute;
  display: block;
  width: 100%;
  padding-right: 60px;
  box-sizing: border-box;
  text-align: center;
  height: 100%;
  line-height: 60px;
  text-transform: uppercase;
  font-size: 20px;
  color: #a9c200;
}
.qr-mobile-game img {
  border-left: 4px solid #a9c200;
  position: absolute;
  right: 0;
  width: 60px !important;
  height: 60px !important;
}
html.community:not(.logged-in) #pagehead {
  margin-bottom: -61px;
}
.slideshow.mygames {
  margin: 20px auto 20px auto;
  font-size: 14px;
}
.slideshow.mygames .slideshow-item {
  margin-right: 14px;
  margin-bottom: 15px;
}
.slideshow.mygames .slideshow-item .playlink .qrcode {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  background-color: rgba(23,41,57,0.9);
  border-radius: 16px;
  -webkit-border-radius: 16px /* playground */;
  position: absolute;
  z-index: 99;
  width: 135px;
  height: 95px;
  text-align: center;
  box-sizing: border-box;
  padding: 9px;
  outline: 3px solid #a9c200;
}
.slideshow.mygames .slideshow-item .playlink .qrcode img {
  width: 60px;
  height: 60px;
}
.slideshow.mygames .slideshow-item .playlink .qrcode span {
  display: block;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  padding: 4px 0 0 0;
}
.slideshow.mygames .slideshow-item .playlink:hover .qrcode {
  opacity: 1;
}
.slideshow.mygames .slideshow-image {
  margin-right: 0;
}
.slideshow.mygames .slideshow-image .mygames-account {
  background: url("https://up-portal-assets.wavecdn.net/assets/img/community/hook.png$ee2e1191");
  display: none;
  height: 30px;
  width: 34px;
  position: absolute;
  top: 66px;
  left: -1px;
}
.slideshow.mygames .slideshow-image .mygames-options {
  width: 30px;
  height: 30px;
  margin-right: 0;
}
.emptyGames h2 {
  margin-top: 0;
}
#recommended-games {
  text-align: center;
  display: flex;
  gap: 14px;
  row-gap: 15px;
  flex-flow: row wrap;
}
#recommended-games .game-entry {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  flex-basis: 135px;
  line-height: 1.5;
}
#recommended-games .game-entry a {
  position: relative;
  color: #1d2933;
  text-decoration: none;
  display: block;
  outline: 0;
}
#recommended-games .game-entry a .slideshow-mobile {
  position: absolute;
  top: 9px;
  right: 9px;
}
#recommended-games .game-entry a .slideshow-mobile img {
  height: 27px;
}
#recommended-games .game-entry a .game-title {
  word-wrap: break-word;
  text-align: center;
  font-size: 9pt;
  font-weight: bold;
  display: block;
}
#recommended-games .game-entry a .game-picture {
  border-radius: 17px;
}
.apptester-notice-wrap {
  margin: 0 auto;
  max-width: 960px;
}
.apptester-notice-wrap .apptester-notice {
  padding: 10px 20px;
  font-weight: bold;
}
.community-information .news-item {
  margin-top: 10px;
  padding-bottom: 0;
  height: auto;
  min-height: 56px;
  position: relative;
}
.community-information .news-item .news-date,
.community-information .news-item .news-teaser,
.community-information .news-item .news-header,
.community-information .news-item .news-arrow {
  display: none;
}
.community-information .news-item .news-icon img {
  width: 80px;
}
.community-information .news-item .news-content {
  padding-left: 90px;
}
.community-information .news-item .news-icon {
  float: none;
  margin-right: 0;
  padding-top: 0;
  position: absolute;
  left: 0;
  height: 57px;
  top: 5px;
}
.community-information .news-item .news-icon .news-icon-date {
  display: none;
}
.community-information .news-datetime {
  display: inline-block;
  color: #5e5e5e;
  margin-bottom: 3px;
}
.community-information .news-article-link {
  padding-top: 0;
  max-width: auto;
}
.community-information .news-article-link a {
  position: relative;
  padding-left: 16px;
  display: inline-block;
}
.community-information .news-article-link .arrow-right {
  position: absolute;
  left: 0;
  top: 7px;
}
.community-information .news-item + .section-divider {
  padding-top: 16px;
  margin-bottom: 8px;
}
.importable-game {
  cursor: pointer;
}
#community-header-background {
  background: no-repeat scroll center center transparent;
}
html.page-mygames.logged-in #page-header .background {
  background-position: 29% 0;
  height: 148px;
}
html.page-mygames.logged-in #page-header {
  height: 148px;
}
html.page-community .play-now-button {
  text-align: center;
  margin: 10px 0 0 0;
  min-height: 35px;
}
html.page-community .play-now-button .button {
  padding: 6px 30px 6px 30px;
}
html.page-community .section-border {
  border-top: 1px solid #d1d1d1;
  padding-top: 20px;
}
html.page-community .community-events {
  display: inline-block;
  position: relative;
  padding: 0 0 0 150px;
  margin: 20px 0 0 0;
  vertical-align: top;
}
html.page-community .community-events img {
  position: absolute;
  left: 0;
  top: 0;
}
html.page-community .community-events .info {
  padding: 0 20px 20px 20px;
}
html.page-community .community-events .info .head {
  font-weight: bold;
  font-size: 120%;
  padding: 0 0 10px 0;
}
html.page-community .community-button-events {
  text-align: center;
  padding: 20px 0 10px 0;
}
html.page-community .community-button-events .button {
  padding: 6px 30px 6px 30px;
}
html.page-community .community-item {
  display: inline-block;
  max-width: 32%;
  position: relative;
  padding: 0 0 0 150px;
  min-height: 150px;
  margin: 0 0 20px 0;
  vertical-align: top;
}
html.page-community .community-item img {
  position: absolute;
  left: 0;
  top: 0;
}
html.page-community .community-item .info {
  padding: 0 20px 20px 20px;
}
html.page-community .community-item .info .head {
  font-weight: bold;
  font-size: 120%;
  padding: 0 0 10px 0;
}
html.page-community .gamemoreoptionspopup input,
html.page-community .gamemoreoptionspopup select {
  margin-bottom: 5px;
}
.community-information .event-image-wrap {
  width: 80px;
  height: 56px;
  background-position: center center;
  background-size: 330%;
  background-repeat: no-repeat;
  border-radius: 9px;
}
@media only screen and (max-width: 736px) {
  .news-list .event-image-wrap {
    width: 100px;
    height: 70px;
  }
}
@media only screen and (max-width: 736px) {
  #recommended-games {
    justify-content: center;
  }
  .slideshow.mygames {
    margin: 15px auto;
    text-align: center;
  }
  .slideshow.mygames .slideshow-item {
    margin-right: 0;
  }
  #community-header {
    height: 220px;
    border-bottom: 1px solid #d1d1d1;
  }
  #community-header-background {
    background: url("https://up-portal-assets.wavecdn.net/assets/img/teaser/Teaser_Community_big.jpg$07123451") no-repeat scroll 0 0 transparent;
    height: 220px;
    background-size: 1200px;
    background-position: 35% 100% !important;
  }
  .content-data-max {
    padding-top: 0;
  }
  .community-events {
    padding: 0;
  }
  .community-events img {
    position: relative;
    float: left;
    width: 90px;
    margin-right: 20px;
  }
  .community-events .info {
    padding: 0 0 20px 0;
  }
  .community-item {
    max-width: inherit !important;
    padding: 0 0 0 90px !important;
    min-height: inherit;
    margin: 0 0 20px 0;
  }
  .community-item img {
    position: relative;
    float: left;
    width: 90px;
    margin-right: 20px;
  }
  .community-item .info {
    padding: 0 0 20px 0;
  }
}
@media only screen and (min-width: 737px) and (max-width: 999px) {
  #community-header .background {
    background-position-x: 35% !important;
  }
}
.header-overlay-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.header-overlay-container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  position: relative;
  z-index: 4;
}
.header-overlay {
  width: 420px;
  background-color: rgba(255,255,255,0.85);
  position: absolute;
  top: 0;
  right: 20px;
  text-align: center;
  max-height: 410px;
  animation-duration: 500ms;
  animation-name: SlideDown;
  animation-iteration-count: 1;
}
.overlay-item {
  display: none;
}
.overlay-item .headline {
  padding: 20px 0 10px 0;
}
.overlay-item .divider {
  height: 1px;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, #d1d1d1 25%, #d1d1d1 75%, rgba(255,255,255,0) 100%);
}
.overlay-item .button-wrapper {
  margin: 20px 0 20px 0;
}
.overlay-item .button-wrapper a {
  padding: 8px 20px 8px 20px;
}
.overlay-item:first-child {
  display: block;
}
.overlay-achievements .slider {
  padding: 5px 10px 0 10px;
}
.overlay-achievements .slider .achievement-icon {
  cursor: pointer;
}
.overlay-achievements .slider .carousel {
  padding: 10px 40px 10px 40px;
}
.overlay-achievements .slider .carousel .slick-arrow {
  top: 35px;
  width: 20px;
  height: 20px;
}
.overlay-achievements .slider .slideshow .slideshow-image {
  width: 63px;
  margin-right: 5px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.1);
  background-color: rgba(255,255,255,0.1);
}
.overlay-achievements .slider .slick-slider .slick-track {
  padding-left: 10px;
}
.overlay-achievements .achievement-text {
  padding: 3px 0 13px 0;
  font-weight: bold;
}
.overlay-teaser {
  padding: 0 10px;
  text-align: justify;
}
.overlay-news .teaser-text {
  padding: 10px 10px 10px 10px;
}
.overlay-friends .first-friend {
  background: url("https://up-portal-assets.wavecdn.net/assets/img/bg/overlay_first_friend.png$07123451") no-repeat center -10px transparent;
  height: 152px;
}
.overlay-friends .friendsContent {
  padding: 30px 0 0 0;
}
.overlay-friends .slideshow-item {
  width: 86px;
  height: 86px;
  max-width: 86px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  display: block;
  margin-right: 10px;
}
.overlay-friends .slideshow-item .friend-avatar {
  width: 86px;
  height: 86px;
}
.overlay-friends .slideshow-item .friend-name {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #1d2933;
  opacity: 0.7;
  color: #fff;
  padding: 0 10px 4px 10px;
  width: 66px;
  text-align: left;
  font-size: 0.9em;
}
.overlay-friends .slider {
  padding: 5px 10px 0 10px;
}
.overlay-friends .slider .carousel {
  padding: 10px 40px 10px 40px;
}
.overlay-friends .slider .carousel .slick-arrow {
  top: 40px;
  width: 20px;
  height: 20px;
}
.overlay-register {
  padding: 18px 10px 0 10px;
  text-align: left;
}
.overlay-register .headline {
  padding-top: 0;
}
.overlay-register .divider {
  margin-bottom: 12px;
}
.overlay-register .form-group .form-fieldwrap {
  padding: 8px 0;
}
.overlay-register .form-group label {
  width: 140px;
}
.overlay-register .form-group label[class*='tooltip'] {
  background-position: 130px 14px;
  padding-right: 10px;
}
.overlay-register .form-group input[type="text"],
.overlay-register .form-group input[type="password"] {
  height: 20px;
  padding-left: 10px;
  min-width: 228px;
}
.overlay-register .form-field-checkbox-inline label {
  width: 335px;
  font-size: 0.98em;
}
.overlay-register .form-submit {
  margin: 0 auto 20px auto;
  text-align: center;
}
.overlay-register .form-submit input {
  margin: 0;
}
.overlay-register-key {
  position: absolute;
  right: -60px;
  bottom: -35px;
}
.overlay-playground .overlay-playground-image {
  background: url("https://up-portal-assets.wavecdn.net/assets/img/bg/overlay_first_friend.png$07123451") no-repeat center -10px transparent;
  height: 152px;
}
.overlay-community {
  text-align: left;
  padding: 0 25px;
}
.overlay-community .headline {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
}
.overlay-community .headline span.highlight {
  color: #0d0d0d;
}
.overlay-community .list {
  margin: 10px 0;
}
.overlay-community .list ul {
  margin: 0;
  padding-left: 20px;
  list-style-type: none;
}
.overlay-community .list ul li:before {
  content: "✓";
  position: absolute;
  font-weight: bold;
  margin-left: -20px;
}
.overlay-community .footer {
  font-weight: bold;
  padding-bottom: 10px;
}
@media only screen and (max-width: 736px) {
  .header-overlay {
    display: none;
  }
}
.account-activate-content .section-tabs-content {
  padding: 20px 0 0 0;
}
.account-activate-content .section-tab-content p:first-child {
  margin-top: 0;
}
.achievements-gamesHeader {
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #d1d1d1;
  padding: 8px 0 4px 0;
}
.achievements-game > .slideshow-image {
  cursor: pointer;
  position: relative;
}
.achievement-mask {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 9px;
  overflow: hidden;
  width: 135px;
  height: 95px;
  background-color: rgba(128,128,128,0.75);
}
.achievements-game > .userGame .achievement-mask {
  display: none;
}
.achievement-percent {
  display: block;
  position: absolute;
  left: 0;
  top: 73px;
  width: 125px;
  height: 20px;
  background-color: rgba(0,0,0,0.35);
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
  color: #fff;
  font-size: 9pt;
  font-weight: bold;
  text-align: right;
  padding: 2px 10px 0 0;
  overflow: hidden;
}
.achievement-selected {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 9px;
  overflow: hidden;
  width: 125px;
  height: 85px;
  border: 6px solid #a9c200;
}
.achievements-game > .selected .achievement-selected {
  display: block;
}
.slideshow-item:focus {
  outline: none;
}
.achievements-sync {
  border-top: 1px solid #d1d1d1;
  text-align: center;
  padding: 16px 20px 4px 20px;
}
.achievements-sync > a {
  display: inline-block;
}
.achievements-icons {
  text-align: center;
}
.achievements-icons > section {
  width: 71%;
  margin: 0 auto;
  text-align: left;
}
.achievements-icon {
  position: relative;
  display: inline-block;
  width: 63px;
  height: 69px;
  overflow: hidden;
  margin: 0 0 4px 4px;
  border-radius: 10px;
  border: 1px solid #1d2933;
}
.achievements-icon:hover {
  border: 1px solid #95ac00;
}
.achievements-icon > .mask {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(102,102,102,0.7);
  width: 63px;
  height: 69px;
  display: block;
}
.achievements-icon > .mask.achieved {
  display: none;
}
.achievements-icon:hover > .mask {
  display: none;
}
.jBox-Tooltip .jBox-container {
  background-color: rgba(29,41,51,0.9);
  color: #fff;
  border-radius: 10px;
/* max-width 80% */
}
.jBox-Tooltip .jBox-content {
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/bg/icon_info.png$ee2e1191");
  background-repeat: no-repeat;
  background-position: 15px center;
  padding: 18px 20px 18px 45px;
  border-radius: 10px;
/* max-width 98% */
}
.jBox-Tooltip .jBox-pointer {
  background-color: none;
}
.jBox-Tooltip .jBox-pointer:after {
  background-color: rgba(29,41,51,0.9);
}
.achievements-header {
  position: relative;
  padding: 12px 0 0 0;
}
.achievements-rank-points {
  text-align: center;
}
.achievements-rank-points > .rank {
  font-size: 160%;
  font-weight: bold;
}
.achievements-fetch {
  text-align: center;
  position: absolute;
  left: 0;
  top: 195px;
  width: 100%;
  z-index: 1000;
}
.achievements-fetch > a {
  padding: 8px 56px;
  display: inline-block;
}
.achievements-header-slides {
  padding-top: 10px;
}
.achievements-header-slides .slick-arrow {
  top: 95px;
}
.achievements-header .slideshow-image {
  width: auto;
}
.achievements-header .slideshow-image > img {
  margin: 0 auto;
}
#achievementHeaderSlides {
  max-height: 265px;
  overflow: hidden;
}
#achievementHeaderSlides .slideshow-item {
  max-height: 240px;
  width: 274px;
}
#achievementHeaderSlides .slideshow-item .slideshow-image {
  height: 200px;
  background-color: #fff;
}
@media only screen and (min-width: 737px) and (max-width: 900px) {
  .achievements-header {
    padding: 0;
  }
  .achievements-fetch {
    position: relative;
    top: 0;
    margin: 10px 0 0 0;
  }
}
@media only screen and (max-width: 736px) {
  .sub_achievements .content-data-max {
    margin-top: 5px;
  }
  .achievements-header {
    padding: 0;
  }
  .achievements-icons > section {
    width: 100%;
    text-align: center;
  }
  .achievements-fetch {
    position: relative;
    top: 0;
    margin: 10px 0 0 0;
  }
}
.header-wrap {
  padding: 0 20px 0 20px;
}
.header-wrap ul {
  margin: 0;
}
.header-wrap p {
  margin: 10px 0 5px 0;
}
.apps-wrap {
  padding: 20px 20px 0 20px;
}
.apps-wrap h3,
.apps-wrap p {
  margin: 0 0 10px 0;
}
.apps-wrap .icon {
  float: left;
  margin: 4px 0 20px 0;
}
.apps-wrap .app-wrap {
  clear: both;
  margin: 0 0 20px 0;
}
.apps-wrap .app-wrap .description {
  padding: 0 0 0 160px;
}
.apps-wrap .app-wrap .description:after {
  content: "";
  display: table;
  clear: both;
}
.footer-wrap {
  font-size: 95%;
  font-style: italic;
  padding: 20px 20px 0 20px;
}
.form-wrap {
  padding: 0 0 20px 20px;
  float: right;
}
.form-wrap .archway-form {
  margin-bottom: 20px;
}
.form-wrap .form-group label {
  display: block;
}
.form-wrap .form-group .form-fieldwrap {
  display: block;
}
.form-wrap p.form-submit {
  margin: 0;
}
.apptest-confirm-response {
  padding: 30px 0 20px 0;
  text-align: center;
}
.cancel-wrap {
  font-size: 0.9em;
  text-align: center;
}
#apptest-header .background {
  background-position: center center;
}
@media only screen and (max-width: 736px) {
  .apps-wrap {
    padding: 0 20px 0 0;
  }
  .apps-wrap .icon img {
    width: 110px;
  }
  .apps-wrap .app-wrap .description {
    padding-left: 130px;
  }
  .header-wrap {
    padding: 0;
    clear: both;
  }
  .form-wrap {
    padding: 0;
    float: none;
    margin: 20px auto;
    width: 276px;
  }
  .form-wrap:after {
    content: "";
    display: table;
    clear: both;
  }
  .form-wrap .archway-form {
    margin-bottom: 0;
  }
  .form-wrap .form-group {
    margin-bottom: 0;
  }
  .form-wrap .form-group .form-fieldwrap {
    margin-bottom: 0;
  }
  .content-header {
    height: 210px;
  }
  #apptest-header .background {
    background-size: 1000px;
    background-position: center center !important;
    height: 210px;
  }
}
.response .error-code {
  font-size: 20px;
  text-transform: uppercase;
  color: #f00;
}
.response .success-code {
  font-size: 20px;
  text-transform: uppercase;
  color: #a9c200;
}
.comment-headline {
  margin-bottom: 20px;
  font-weight: bold;
}
.comment-item {
  margin-bottom: 20px;
}
.comment-item:nth-of-type(1n+6) {
  display: none;
}
.comment-item-header > div {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.comment-item-header .comment-user {
  color: #a9c200;
  font-weight: bold;
}
.comment-date span:nth-child(1) {
  padding-right: 2px;
}
.comment-date {
  font-style: italic;
}
.comment-item-content {
  margin-top: 5px;
}
.comment-stars .rating {
  background: url("https://up-portal-assets.wavecdn.net/assets/img/voting/stars_empty_small.png$ee2e1191") no-repeat scroll 0 3px transparent;
  height: 20px;
  width: 95px;
}
.comment-stars .rating-avg {
  background: url("https://up-portal-assets.wavecdn.net/assets/img/voting/stars_full_small.png$ee2e1191") no-repeat 0 3px transparent;
  height: 20px;
}
.friends-list {
  margin: 0 20px 0 20px;
}
.friends-list-item {
  display: inline-block;
  width: 22%;
  border: 1px solid #d9d9d9;
  margin: -1px 0 0 -1px;
  padding: 6px 10px 10px 90px;
  position: relative;
  min-height: 74px;
  background-color: #f5f5f5;
}
.friends-list-item .avatar {
  width: 70px;
  height: 70px;
  border-radius: 7px;
  position: absolute;
  left: 10px;
  top: 10px;
}
.friends-list-item .username {
  text-transform: uppercase;
  text-decoration: none;
  color: #95aa04;
  font-weight: bold;
}
.friends-list-item .invite-date {
  line-height: 18px;
}
.friends-list-item .icon-group {
  display: none;
}
.friends-list.my-invites .friends-list-item .icon-group.my-invites {
  display: block;
}
.friends-list.search .friends-list-item .icon-group.search {
  display: block;
}
.friends-list.invited-me .friends-list-item .icon-group.invited-me {
  display: block;
}
.friends-list.blocked .friends-list-item .icon-group.blocked {
  display: block;
}
.friends-list-item .message {
  display: inline-block;
  width: 23px;
  height: 17px;
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/community/mail_green.png$ee2e1191") no-repeat top left;
  position: absolute;
  left: 88px;
  bottom: 10px;
}
.friends-list-item .block {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/messages/block.png$07123451") no-repeat top left;
  cursor: pointer;
  position: absolute;
/* left 126px */
  left: 88px;
  bottom: 10px;
}
.friends-list-item .delete {
  display: inline-block;
  width: 18px;
  height: 24px;
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/messages/delete.png$07123451") no-repeat top left;
  cursor: pointer;
  position: absolute;
  right: 10px;
  bottom: 8px;
}
.friends-list-item .invite {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/friends/plus.png$07123451") no-repeat top left;
  cursor: pointer;
  position: absolute;
  right: 10px;
  bottom: 7px;
}
.friends-list-item .accept {
  display: inline-block;
  width: 24px;
  height: 25px;
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/friends/checkmark.png$07123451") no-repeat top left;
  cursor: pointer;
  position: absolute;
  right: 40px;
  bottom: 7px;
}
.content-data-friends-tabs .section-tabs-wrapper .section-tabs-content {
  margin: 0;
}
.content-data-friends-tabs .section-tabs-wrapper .section-tab-content-1,
.content-data-friends-tabs .section-tabs-wrapper .section-tab-content-3,
.content-data-friends-tabs .section-tabs-wrapper .section-tab-content-4 {
  margin: 0 auto;
  max-width: 960px;
}
.content-data-friends-tabs .section-tabs-wrapper .section-tab-content-2 .search-portal {
  margin: 0 auto;
  max-width: 960px;
}
.content-data-friends-tabs .section-tabs-wrapper .section-tab-content-2 .search-portal .content {
  margin: 0 20px 0 20px;
  padding: 10px 0 10px 0;
}
.content-data-friends-tabs .section-tabs-wrapper .section-tab-content-2 .search-portal .content .headline {
  font-weight: bold;
  padding: 10px 0 0 0;
}
.content-data-friends-tabs .section-tabs-wrapper .section-tab-content-2 .search-email {
  margin: 0 auto;
  max-width: 960px;
}
.content-data-friends-tabs .section-tabs-wrapper .section-tab-content-2 .search-email .content {
  margin: 0 20px 0 20px;
  padding: 10px 0 10px 0;
}
.content-data-friends-tabs .section-tabs-wrapper .section-tab-content-2 .search-email-headline {
  border-bottom: 1px solid #d1d1d1;
}
.content-data-friends-tabs .section-tabs-wrapper .section-tab-content-2 .search-email-headline .border {
  margin: 0 auto;
  max-width: 960px;
}
.content-data-friends-tabs .section-tabs-wrapper .section-tab-content-2 .search-email-headline .border .content {
  margin: 0 20px -2px 20px;
  display: inline-block;
  color: #95aa04;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 4px solid #a9c200;
  padding: 0 0 8px 0;
  font-weight: bold;
}
.search-friends {
  margin: 20px 20px 0 20px;
}
.search-portal {
  padding-bottom: 20px;
}
.friends-list.my-invites {
  margin: 20px 20px 0 20px;
}
.friends-list.blocked {
  margin: 20px 20px 0 20px;
}
#friend_search_result .friends-list {
  margin: 20px 0 0 0;
}
#friend_search_result .friends-list-item .block {
  left: 125px;
}
.my-invites .blocked-date {
  display: none;
}
.invited-me .blocked-date {
  display: none;
}
.blocked .invite-date {
  display: none;
}
.invite_friend_extern_form .form-group {
  display: block;
  width: 100%;
}
.invite_friend_extern_form .form-group label {
  display: block;
}
.invite_friend_extern_form .form-group input[type="text"],
.invite_friend_extern_form .form-group textarea {
  padding: 1% 2%;
  width: 96%;
  margin: 0 0 7px 0;
  font-size: 14px;
}
.search-portal button,
.search-email button,
.invite-friend button {
  margin: 0 0 0 10px;
}
@media only screen and (min-width: 948px) {
  .friends-list-item.col_3_even {
    background-color: #fff;
  }
}
@media only screen and (min-width: 737px) and (max-width: 948px) {
  .friends-list-item.col_2_even {
    background-color: #fff;
  }
}
@media only screen and (max-width: 736px) {
  .friends-list-item {
    display: block;
    width: inherit;
  }
  .friends-list-item .username {
    display: block;
  }
  .friends-list-item:nth-child(even) {
    background-color: #fff;
  }
  .search-portal button,
  .search-email button,
  .invite-friend button {
    display: block;
    margin: 10px auto;
  }
}
#myfriendsslider .slideshow-item {
  position: relative;
}
#myfriendsslider .slideshow-item.friend-add > a:first-child {
  background-color: #1d2933;
  text-indent: -1000em;
}
#myfriendsslider .slideshow-item.friend-add > a:first-child .add-sign {
  background: url("https://up-portal-assets.wavecdn.net/assets/img/community/add.png$ee2e1191") no-repeat center center;
  width: 100%;
  height: 100%;
}
#myfriendsslider .slideshow-item a.friend-delete {
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/community/delete_white.png$ee2e1191") no-repeat top left;
  position: absolute;
  width: 19px;
  height: 19px;
  top: 75px;
  left: 74px;
  overflow: hidden;
  text-indent: -1000em;
}
#myfriendsslider .slideshow-item a.friend-message {
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/community/mail_white.png$ee2e1191") no-repeat top left;
  position: absolute;
  width: 25px;
  height: 16px;
  top: 5px;
  left: 66px;
  overflow: hidden;
  text-indent: -1000em;
}
#myfriendsslider .slideshow-item > a:first-child {
  width: 96px;
  height: 96px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  display: block;
  margin-right: 10px;
}
#myfriendsslider .slideshow-item > a:first-child .friend-avatar {
  width: 96px;
  height: 96px;
}
#myfriendsslider .slideshow-item > a:first-child .friend-name {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #1d2933;
  opacity: 0.7;
  color: #fff;
  padding: 0 10px 4px 10px;
  width: 76px;
  text-align: left;
  font-size: 0.9em;
}
#myfriendsslider .slick-track {
  margin-left: inherit;
  margin-right: inherit;
}
.game-detail,
.app-detail {
  position: relative;
  z-index: 1;
}
#games-header-text {
  max-width: 960px;
  margin: 0 auto;
}
#games-header-text-wrap {
  margin-left: 20px;
  position: absolute;
  z-index: 3;
  animation-duration: 700ms;
  animation-name: SlideIn;
  animation-iteration-count: 1;
}
#games-header-text-wrap h1 {
  font-size: 42px;
  margin: 20px 0 0;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-weight: bold;
  color: #95aa04;
}
#games-header-text-wrap h3 {
  margin: 0;
  font-size: 24px;
}
#games-header-text-wrap p {
  max-width: 425px;
  word-wrap: break-word;
}
#games-header-background {
  background: no-repeat scroll center center transparent;
}
#page-header {
  display: block;
}
#pagehead .games-title-meta {
  padding-bottom: 10px;
}
#pagehead .games-title-meta h1 {
  margin: 0 0 10px 0;
  color: #a9c200;
}
#pagehead .games-title-meta #game-rating {
  margin: 10px 0;
}
#pagehead .usk-icon {
  position: relative;
  z-index: 1;
  max-width: 960px;
  margin: 0 auto;
  padding-left: 30px;
  bottom: 120px;
  height: 75px;
  margin-bottom: -75px;
}
.games-title-meta {
  margin-bottom: 20px;
}
html.page-appdetail .section .games-title-meta h1 {
  margin-left: 20px;
}
#games-header-play {
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 20px;
  z-index: 1001;
}
#games-header-play a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  text-transform: uppercase;
  min-width: 84px;
  text-decoration: none;
  padding: 8px 20px;
  font-size: 16px;
}
.game-image-wrapper {
  position: relative;
  overflow: hidden;
}
.game-image-wrapper:hover .game-headline {
  transform: translateY(-5%);
}
.game-headline {
  position: absolute;
  bottom: 0;
  text-align: center;
  background-color: rgba(255,255,255,0.7);
  height: auto;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px 5px 7px 5px;
  font-size: 90%;
  transform: translateY(100%);
}
.game-picture {
  width: 100%;
  height: 100%;
}
.game-entry-list {
  float: left;
  width: 100%;
  padding: 0 0 30px 0;
}
.game-entry {
  display: inline-block;
  margin-bottom: 20px;
  text-align: center;
  width: 48%;
  cursor: pointer;
  background: url("https://up-portal-assets.wavecdn.net/assets/img/ajax-loader.gif$ee2e1191") no-repeat center center;
}
.game-entry a:hover .game-headline {
  color: #000;
}
.game-entry:nth-child(odd) {
  margin-right: 2%;
}
.game-tab-entry.game-internal {
  position: relative;
}
.game-tab-entry.game-internal .game-image-wrapper:after {
  content: '';
  background: url("https://up-portal-assets.wavecdn.net/assets/img/internal/IMG_Intern.png$ee2e1191") no-repeat center center;
  pointer-events: none;
  position: absolute;
  width: 158px;
  height: 104px;
  top: 5px;
  left: 5px;
  z-index: 2;
  animation: none;
  border: none;
  border-radius: 0;
}
.game-tab-entry.game-internal .game-headline {
  z-index: 100;
}
.game-screenshots .preview {
  display: none;
}
.game-screenshot img {
  width: 100%;
}
.game-screenshot {
  cursor: pointer;
}
#games-list-wrapper {
  margin: 20px;
  float: left;
  width: 100%;
}
.seo-cta {
  margin: 10px 0 20px 0;
}
.seo-cta a {
  display: table;
}
.seo-cta.downloadable-games a {
  display: inline-block;
}
html.page-gamedetail:not(.os-web) .section-tabs-nav.sticky,
html.page-appdetail:not(.os-web) .section-tabs-nav.sticky {
  height: 100px;
}
html.page-gamedetail:not(.os-web) .section-tabs-nav.sticky .section-tabs-header,
html.page-appdetail:not(.os-web) .section-tabs-nav.sticky .section-tabs-header {
  display: block;
  max-width: 960px;
  margin: auto;
  position: absolute;
  width: 100%;
}
html.page-gamedetail:not(.os-web) .section-tabs-nav.sticky .section-tabs-header .upjers-logo,
html.page-appdetail:not(.os-web) .section-tabs-nav.sticky .section-tabs-header .upjers-logo {
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/interface_sprites.png$07123451") no-repeat -2px 0;
  width: 95px;
  height: 50px;
  margin: 4px 0 0 16px;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
html.page-gamedetail:not(.os-web) .section-tabs-nav.sticky .section-tabs-header .upjers-logo a,
html.page-appdetail:not(.os-web) .section-tabs-nav.sticky .section-tabs-header .upjers-logo a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -1000em;
}
html.page-gamedetail:not(.os-web) .section-tabs-nav.sticky .section-tabs-header .applinks-wrap,
html.page-appdetail:not(.os-web) .section-tabs-nav.sticky .section-tabs-header .applinks-wrap {
  display: inline-block;
  vertical-align: top;
  line-height: 50px;
  margin-top: 10px;
  margin-left: calc(100% - (280px + 16px));
}
html.page-gamedetail:not(.os-web) .section-tabs-nav.sticky .section-tabs-nav-items,
html.page-appdetail:not(.os-web) .section-tabs-nav.sticky .section-tabs-nav-items {
  margin-top: calc(100px - 41px);
}
.section-tabs-nav-items .seo-cta {
  margin: 0;
  margin-top: -3px;
  padding: 10px 0 10px 20px;
  display: inline-block;
  vertical-align: top;
  height: 20px;
}
#game-comments {
  position: relative;
  padding-bottom: 40px;
  clear: both;
}
#game-comments .comment-button {
  float: right;
}
#game-comment-form textarea {
  margin: 0 0 5px 0;
}
#game-comment-form label {
  display: block;
}
#game-carousel .game-carousel-title {
  font-weight: bold;
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  overflow: hidden;
}
#game-carousel .rating {
  background: url("https://up-portal-assets.wavecdn.net/assets/img/voting/stars_empty_small.png$ee2e1191") no-repeat scroll 0 3px transparent;
  height: 20px;
  width: 95px;
  display: block;
  margin: 0 auto;
  clear: left;
}
#game-carousel .rating-avg {
  display: block;
  background: url("https://up-portal-assets.wavecdn.net/assets/img/voting/stars_full_small.png$ee2e1191") no-repeat 0 3px transparent;
  height: 20px;
}
#game-carousel .slideshow-image {
  text-align: center;
}
#game-carousel .slideshow-image img {
  border-radius: 17px;
}
#game-carousel .slideshow-mobile img {
  height: 27px;
}
#game-carousel .slideshow-item > a {
  width: 135px;
  margin-left: 10px;
  margin-right: 10px;
}
#game-carousel .slideshow-item {
  opacity: 1;
  transform: translate(0px, 0px) rotate(0deg);
}
#game-carousel .slideshow-item.hidden {
  opacity: 0;
}
#game-carousel .slideshow-item.remove {
  opacity: 0;
  transform: translate(0px, 200px) rotate(-45deg);
}
#game-carousel .slideshow-item .remove_game:hover {
  cursor: pointer;
}
#game-slideshow {
  overflow-y: hidden;
  overflow-x: hidden;
  padding-inline: 50px;
}
#game-slideshow .slick-prev {
  transform: scale(0.75, 1) rotate(45deg);
  -webkit-transform: scale(0.75, 1) rotate(45deg);
  left: 0;
}
#game-slideshow .slick-next {
  transform: scale(0.75, 1) rotate(225deg);
  -webkit-transform: scale(0.75, 1) rotate(225deg);
  right: 0;
}
#game-slideshow .slick-arrow {
  position: absolute;
  z-index: 10;
  border-left: 5px solid #a9c200;
  border-bottom: 5px solid #a9c200;
  width: 30px;
  height: 30px;
  text-indent: -1000em;
  overflow: hidden;
  cursor: pointer;
  top: 46px;
}
.shariff {
  width: 73px;
  height: 30px;
  background-color: #f4f4f4;
}
.storelinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
  width: 105%;
  clear: both;
}
.storelinks a {
  display: none;
  margin: 0 12px 10px 0;
  width: 133px;
  height: 38px;
  background-color: #f4f4f4;
}
.storelinks a img {
  width: 133px;
  height: 38px;
}
.os-android .storelinks a.store-google {
  display: inline-block;
}
.os-ios .storelinks a.store-apple {
  display: inline-block;
}
.os-amazon .storelinks a.store-amazon {
  display: inline-block;
}
.os-winphone .storelinks a.store-windows {
  display: inline-block;
}
.os-web .storelinks a {
  display: inline-block;
}
.os-android .storelinks a.store-button-comingsoon,
.os-ios .storelinks a.store-button-comingsoon,
.os-amazon .storelinks a.store-button-comingsoon,
.os-winphone .storelinks a.store-button-comingsoon {
  display: inline-block;
}
.storelinks img {
  width: 100%;
  height: 100%;
}
.game-buttons .storelinks a {
  background-color: transparent;
}
.app-header-image {
  display: none;
}
.app-detail {
  padding-bottom: 20px;
}
.app-detail:after {
  content: "";
  display: table;
  clear: both;
}
.app-detail h1 {
  line-height: 20px;
  color: #95aa04;
  margin-top: 0;
  text-transform: uppercase;
}
.app-detail .section-1 {
  position: sticky;
  top: 65px;
}
.app-detail .section-1:after {
  content: "";
  display: table;
  clear: both;
}
.app-detail .metalinks-wrap {
  min-height: 61px;
}
html.page-appdetail .section .games-title-meta h1.app-detail-header {
  margin-left: 0;
  color: #1d2933;
}
.metalinks-wrap.first {
  display: none;
}
.metalinks-wrap.second {
  display: block;
}
.qr-game {
  display: none;
}
.qr-game img {
  max-width: 105px;
  max-height: 105px;
}
.game-screenshots {
  margin: auto;
}
.game-screenshots > #gameScreenshotsSlides:not(:nth-child(1)) .game-screenshot {
  padding-bottom: 20px;
}
.game-screenshots-slides.carousel {
  padding: 0;
}
.game-screenshots-slides.carousel .slideshow-item {
  width: initial;
}
.game-screenshots-slides.carousel .slideshow-item .slideshow-image {
  width: initial;
  margin-right: 0;
}
.game-screenshots-slides.carousel.landscape .slideshow-image.game-screenshot a {
  background-color: #f4f4f4;
  min-width: 270px;
  height: 170px;
}
.game-screenshots-slides.carousel.landscape .slideshow-image.game-screenshot a img {
  max-width: 100%;
  height: auto;
}
.game-screenshots-slides.carousel.portrait .slideshow-image.game-screenshot a {
  background-color: #f4f4f4;
  min-width: 86px;
  height: 115px;
}
.game-screenshots-slides.carousel.portrait .slideshow-image.game-screenshot a img {
  max-width: 100%;
  height: 100%;
}
.game-screenshots-slides.carousel .slideshow-item:not(:first-child) {
  visibility: visible;
}
.game-screenshots-slides.carousel .slick-arrow {
  text-align: left;
  top: 44%;
  width: 20px;
  height: 20px;
  border-width: 4px;
}
.game-screenshots-slides.carousel .slick-next {
  right: -16px;
  transform: scale(0.65, 1) rotate(225deg);
  -webkit-transform: scale(0.75, 1) rotate(225deg);
}
.game-screenshots-slides.carousel .slick-prev {
  left: -16px;
  transform: scale(0.65, 1) rotate(45deg);
  -webkit-transform: scale(0.75, 1) rotate(45deg);
}
.content-header .background.game-internal {
  opacity: 0.4;
}
.game-detail-internal-wrapper {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.game-detail-internal-container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 30px 0 0 70px;
}
html.page-gamenewsdetail .storelinks {
  margin: auto;
  padding-bottom: 0;
}
@media only screen and (max-width: 736px) {
  .metalinks-wrap.first {
    display: block;
  }
  .metalinks-wrap.second {
    display: none;
  }
  #content .games-title-meta {
    display: none;
  }
  #games {
    margin-top: 0;
  }
  .page-gamedetail #pagehead,
  .page-appdetail #pagehead {
    padding: 20px 30px 25px 30px;
  }
  .page-gamedetail #page-header,
  .page-appdetail #page-header {
    display: none;
  }
  .page-gamedetail .slideshow .slideshow-image img,
  .page-appdetail .slideshow .slideshow-image img {
    border-radius: 0;
  }
  .page-gamedetail .game-screenshots-slides.carousel .slick-prev,
  .page-appdetail .game-screenshots-slides.carousel .slick-prev {
    left: -24px;
  }
  .page-gamedetail .game-screenshots-slides.carousel .slick-next,
  .page-appdetail .game-screenshots-slides.carousel .slick-next {
    right: -24px;
  }
  .game-screenshots-slides.carousel .slideshow-item:not(.slick-slide):not(:first-child) {
    position: absolute;
  }
  .game-screenshots-slides.carousel.landscape .slideshow-image.game-screenshot a {
    max-width: 100%;
    min-width: 260px;
    height: auto;
    min-height: 166px;
  }
  .game-screenshots-slides.carousel.landscape .slideshow-image.game-screenshot a img {
    max-width: 100%;
    height: auto;
  }
  .game-screenshots-slides.carousel.portrait .slideshow-image.game-screenshot a {
    width: 260px;
    height: 346px;
  }
  .game-screenshots-slides.carousel.portrait .slideshow-image.game-screenshot a img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
  }
  .game-entry .game-headline {
    transform: translateY(-5%);
    transition: none;
    font-size: 90%;
    display: block;
    min-height: 22px;
  }
  .game-entry {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .game-entry:nth-child(odd) {
    margin-right: 0;
  }
  #games-header-play {
    display: block;
  }
  #games-list-wrapper {
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
  }
  #games-header-text {
    display: none;
  }
  .section {
    position: relative;
  }
  #game-comments {
    padding-bottom: 10px;
  }
  #game-comments .comment-button {
    float: none;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 25px;
  }
  #game-carousel .slideshow-image {
    max-width: 100%;
  }
  #game-slideshow {
    margin-right: 0;
    padding-left: 0px;
    padding-right: 0px;
  }
  .game-screenshot {
    padding-bottom: 0;
  }
  .app-detail {
    padding-top: 0;
  }
  .app-detail .section-1 {
    float: none;
  }
  .app-detail .section-1:after {
    content: "";
    display: table;
    clear: both;
  }
  .app-detail .section-2 {
    float: none;
  }
  .storelinks {
    justify-content: center;
    width: 100%;
  }
  .storelinks a {
    width: 150px;
    height: 43px;
    margin: 0 12px 10px 12px;
    background-color: #f4f4f4;
  }
  .storelinks a img {
    width: 150px;
    height: 43px;
  }
  .page-gamenewsdetail .storelinks a {
    margin: auto;
  }
  .section-tabs-nav .seo-cta {
    display: none;
  }
}
@media only screen and (min-width: 737px) and (max-width: 999px) {
  #games-header-play {
    display: none;
  }
  .content-data {
    width: 100%;
  }
  #games-header .background {
    background-position-x: 35% !important;
  }
  #game-carousel .slideshow-item {
    min-width: 145px;
  }
  .app-detail .section-1 {
    width: 27%;
    margin-right: 30px;
  }
  .storelinks {
    justify-content: center;
  }
  .storelinks a {
    width: 150px;
    height: 43px;
  }
}
@media only screen and (min-width: 1000px) {
  .metalinks-wrap {
    width: 92%;
    margin: 0 auto;
    position: relative;
  }
  .metalinks-wrap:after {
    content: "";
    display: table;
    clear: both;
  }
  .metalinks-wrap .applinks-wrap {
    min-height: 166px;
  }
  .qr-game {
    position: absolute;
    right: -2px;
    bottom: 18px;
    text-align: center;
  }
  .qr-game .qr-subtitle {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    margin-top: -3px;
  }
  #games-header-play {
    display: none;
  }
  .app-detail .section-1 {
    width: 32%;
  }
  .app-detail .section-2 {
    width: 64%;
    margin-right: 3%;
  }
  .app-detail .game-screenshots-slides.carousel .slideshow-item .slideshow-image {
    width: 100%;
  }
  .qr-game {
    display: block;
  }
  .game-screenshots.portrait .preview {
    display: block;
    margin-bottom: 5px;
    min-width: 276px;
    height: 368px;
    background-color: #f4f4f4;
  }
  .game-screenshots.portrait .preview img {
    width: 100%;
    height: 100%;
  }
  #gameScreenshotsSlides.portrait .slideshow-item {
    width: calc((100% / 3) - 6px);
  }
  #gameScreenshotsSlides.portrait .slideshow-item:nth-of-type(2) {
    margin: 0 5px;
  }
  #gameScreenshotsSlides.portrait .slideshow-item:hover {
    opacity: 0.8;
    position: relative;
    z-index: 2;
  }
}
.os-web .applinks-footer {
  display: none;
}
@media only screen and (min-width: 737px) {
  .game-screenshots {
    width: 92%;
  }
}
#header_image .header_image-text {
  max-width: 960px;
  margin: 0 auto;
}
#header_image .header_image-text-wrap {
  margin-left: 20px;
  position: absolute;
  z-index: 3;
}
#header_image .header_image-text-wrap h1 {
  font-size: 42px;
  margin: 20px 0 0;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-weight: bold;
  color: #95aa04;
}
#header_image .header_image-text-wrap h3 {
  margin: 0;
  font-size: 24px;
}
#header_image .header_image-background {
  background: url("https://up-portal-assets.wavecdn.net/assets/img/bg/teaser_games.png$ee2e1191") no-repeat scroll center center transparent;
}
#header_image .header_image-play {
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 20px;
  z-index: 1001;
}
#header_image .header_image-play a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  text-transform: uppercase;
  min-width: 84px;
  text-decoration: none;
  padding: 8px 20px;
  font-size: 16px;
}
@media only screen and (max-width: 736px) {
  #header_image .header_image-play {
    display: block;
  }
  #header_image .header_image-background {
    background-position: 60% 70%;
  }
  #header_image .header_image-text {
    display: none;
  }
}
@media only screen and (min-width: 737px) and (max-width: 999px) {
  #header_image .header_image-play {
    display: none;
  }
  #header_image .header_image-background {
    background-position-x: 35%;
  }
}
@media only screen and (min-width: 1000px) {
  #header_image .header_image-play {
    display: none;
  }
}
.content-data-max.help {
  margin-top: 0;
}
.help-page-wrapper {
  padding-top: 20px;
}
.help-categorylist {
  max-width: 960px;
  margin: 0 auto;
  padding-bottom: 40px;
}
.help-categorylist .help-category:first-child {
  padding-top: 10px;
}
.help-category {
  margin: 0 20px 0 20px;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
}
.help-category.selected {
  background-color: #f5f5f5;
}
.help-category > .help-category-image {
  position: absolute;
  right: 50px;
  bottom: 0;
  display: none;
  overflow: hidden;
/* image dimensions 400x258 */
  width: 300px;
  height: 194px;
  z-index: 999;
}
.help-category > .help-category-image > img {
  position: absolute;
  right: 0;
  bottom: -25px;
  width: 100%;
}
.help-category.selected > .help-category-image {
  display: block;
  z-index: 1;
}
.help-category > .help-topiclist {
  padding: 0 0 12px 43px;
  display: none;
}
.help-category.selected > .help-topiclist {
  display: block;
  min-height: 65px;
}
.help-category-title {
  font-weight: bold;
  margin: 0;
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/bg/icon_plus.png$07123451");
  background-repeat: no-repeat;
  background-position: 10px 9px;
  padding: 9px 0 11px 42px;
  cursor: pointer;
  text-transform: uppercase;
}
.help-category-text {
  border-bottom: solid 1px #d1d1d1;
  margin: 10px 0;
  padding-bottom: 5px;
  width: calc(100% - 20px);
}
.help-category.selected > .help-category-title {
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/bg/icon_minus.png$ee2e1191");
  color: #95aa04;
  background-position: 10px 9px;
  padding-bottom: 3px;
  cursor: default;
}
.help-topic {
  margin: 7px 0 7px 0;
}
.help-topic a,
.help-topic a:hover,
.help-topic a:visited {
  color: #000;
  text-decoration: none;
  font-size: 92%;
  font-weight: bold;
}
.help-topic a:hover {
  color: #95aa04;
}
@media only screen and (max-width: 736px) {
  .content-data-max.help-detail {
    margin-top: 0;
  }
  .content-data-max.help-detail img {
    max-width: 100%;
  }
  .help-categorylist {
    max-width: 960px;
    margin: 0 auto;
  }
  .help-categorylist .help-category {
    margin: 0;
  }
  .help-categorylist .help-category:first-child {
    padding-top: 0;
  }
  .help-categorylist .help-category > .help-category-image {
    display: none;
  }
  .help-categorylist .help-category.selected .help-topiclist {
    min-height: initial;
  }
  .help-categorylist .help-category.selected > .help-category-image {
    display: none;
  }
  .help-page-wrapper ol {
    padding-left: 15px;
  }
  .lightbox {
    overflow: auto;
  }
  .lb-data .lb-close {
    float: left;
  }
}
.section-group {
  width: calc(100% - 250px);
  margin: auto;
}
.group-image {
  width: 200px;
  height: 95px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.group-image img {
  border-radius: 9px;
}
.group-text {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 205px);
}
.group-text .title {
  color: #a9c200;
  font-size: 20px;
  padding-bottom: 10px;
  font-weight: bold;
}
.section-divider:after {
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, #eaeaea 25%, #eaeaea 75%, rgba(255,255,255,0) 100%);
}
.content-data {
  min-height: 500px;
}
.links-wrap {
  padding: 20px 20px 0 20px;
}
.games-wrap {
  padding: 20px 0 20px 0;
}
@media only screen and (max-width: 736px) {
  .content-data {
    min-height: 500px;
  }
  .links-wrap {
    padding: 5px 0 0 0;
  }
  .games-wrap {
    padding: 15px 0 20px 0;
  }
}
.message-list-item input[type="checkbox"] {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
}
.message-list-item input[type="checkbox"] + label {
  padding-right: 22px;
  height: 18px;
  display: inline-block;
  line-height: 18px;
  background-repeat: no-repeat;
  background-position: right 0;
  font-size: 15px;
  vertical-align: middle;
  cursor: pointer;
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/checkbox.png$07123451");
}
.message-list-item input[type="checkbox"]:checked + label {
  background-position: right -18px;
}
.message-list {
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
.message-list-item {
  padding: 6px 14px 9px 20px;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
}
.message-list-item:nth-child(even) {
  background-color: #f5f5f5;
}
.message-list-item:not(.new) .message-list-username a {
  font-weight: normal;
}
.message-list-item.new {
  background-color: #eff4d0;
}
.message-list-item.reported {
  opacity: 0.3;
}
.message-list-item.new:nth-child(even) {
  background-color: #e8edc9;
}
.message-list-avatar {
  width: 40px;
  height: 40px;
  float: left;
  margin: 3px 16px 0 0;
  border-radius: 7px;
  overflow: hidden;
  background-color: transparent;
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/bg/upjers_logo_40x40.png$ee2e1191");
}
.message-list-avatar img {
  width: 40px;
  height: 40px;
}
.message-list-date {
  float: right;
}
.message-list-username a {
  text-decoration: underline;
  color: #95aa04;
  font-weight: bold;
  display: block;
}
.message-list-username.system a {
  color: #e82122;
}
.message-list-username.deleted a {
  color: #999;
}
.message-list-username.deleted a .deleted-notice {
  font-weight: normal;
  display: inline-block;
}
.message-list-subject {
  white-space: nowrap;
  min-height: 24px;
  padding-right: 20px;
}
.message-list-subject a {
  text-decoration: none;
  color: #000;
  font-weight: normal;
  padding-top: 4px;
  display: block;
  position: relative;
  overflow: hidden;
}
.message-list-subject.deleted a {
  color: #999;
}
.message-list-subject a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 40px;
  background-image: linear-gradient(270deg, #fff, rgba(255,255,255,0));
}
.message-list-item:nth-child(even) .message-list-subject a:after {
/* #F5F5F5 */
  background-image: linear-gradient(270deg, #f5f5f5, rgba(245,245,245,0));
}
.message-list-item.new .message-list-subject a:after {
/* #EFF4D0 */
  background-image: linear-gradient(270deg, #eff4d0, rgba(239,244,208,0));
}
.message-list-item.new:nth-child(even) .message-list-subject a:after {
/* #E8EDC9 */
  background-image: linear-gradient(270deg, #e8edc9, rgba(232,237,201,0));
}
.message-list-delete input[type="checkbox"] + label {
  position: absolute;
  right: 15px;
  bottom: 10px;
}
.message-pager {
  position: relative;
}
.message-pager > .pager {
  margin: 5px auto 20px;
}
.message-pager > .message-list-delete-many {
  position: absolute;
  top: 0;
  right: 16px;
  width: 18px;
  height: 24px;
  cursor: pointer;
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/messages/delete.png$07123451") no-repeat top left;
}
.message-container {
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.message-header {
  background-color: #f5f5f5;
  padding: 8px 16px 8px 16px;
  min-height: 60px;
  border-bottom: 1px solid #d9d9d9;
}
.message-date {
  float: right;
}
.message-delete {
  position: absolute;
  top: 6px;
  right: 0;
  width: 18px;
  height: 24px;
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/messages/delete.png$07123451") no-repeat top left;
}
.message-avatar-container {
  float: left;
}
.message-avatar {
  width: 40px;
  height: 40px;
  margin: 3px 16px 2px 0;
  border-radius: 7px;
  overflow: hidden;
  background-color: transparent;
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/bg/upjers_logo_40x40.png$ee2e1191");
}
.message-avatar img {
  width: 40px;
  height: 40px;
}
.message-report {
  display: inline-block;
  width: 20px;
  height: 20px;
/* image 8x19 */
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/messages/report.png$07123451") no-repeat 2px 0px;
}
.message-block {
  display: inline-block;
  width: 20px;
  height: 20px;
/* image 18x18 */
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/messages/block.png$07123451") no-repeat 2px 1px;
}
.message-username {
  color: #95aa04;
  font-weight: bold;
}
.message-username.deleted {
  color: #999;
}
.message-username.deleted span:last-child {
  font-weight: normal;
}
.message-username.system {
  color: #e82122;
}
.message-subject {
  font-weight: bold;
  padding: 5px 20px 0 0;
  position: relative;
}
.message-subject.deleted {
  color: #999;
}
.message-content {
  padding: 8px 16px 8px 16px;
}
.message-content .message-text table {
  width: 100%;
  margin: 10px 0;
  border: 1px solid #ccc;
  border-collapse: collapse;
  text-align: center;
}
.message-content .message-text table th,
.message-content .message-text table td {
  padding: 2px 5px;
  border: 1px solid #ccc;
}
.message-buttons {
  text-align: center;
  padding: 16px 0 8px 0;
}
.message-reply,
.message-back {
  display: inline-block;
  margin: 0 8px 0 8px;
}
.message-warning {
  padding: 16px;
  font-size: 90%;
}
.message-warning a {
  color: #000;
}
.message-form {
  padding: 16px 0 0 0;
  position: relative;
}
.message-form .form-group {
  display: block;
}
.message-form .form-group label {
  display: inline-block;
  min-width: auto;
  width: 100px;
  vertical-align: top;
  padding-top: 7px;
}
.message-form .form-group label.active {
  color: #95aa04;
  cursor: pointer;
}
.message-form .form-group input {
  min-width: auto;
  font-size: 100%;
  margin-bottom: 4px;
}
.message-form .form-group input.receiver {
  width: 30%;
}
.message-form .form-group input.subject {
  width: 55%;
}
.message-form .form-group textarea {
  width: 79%;
  font-size: 100%;
}
.message-form .form-group.buttons {
  text-align: center;
  padding-top: 16px;
}
.message-form .friends {
  position: absolute;
  top: 12px;
  left: 94px;
  background-color: #f5f5f5;
  padding: 0;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  min-width: 200px;
  cursor: pointer;
  max-height: 377px;
  overflow: scroll;
}
.message-form .friends .friend {
  border-bottom: 1px solid #d9d9d9;
  padding: 4px 16px;
  font-weight: bold;
}
.message-form .friends .friend:hover {
  background-color: #fafafa;
}
.message-form .friends .close {
  position: absolute;
  top: 0;
  right: 8px;
  font-weight: bold;
  font-size: 120%;
  color: #f00;
}
@media only screen and (max-width: 736px) {
  .content-data-max.messages {
    margin-top: 0;
  }
  .content-data-max.messages .section-tabs-content {
    margin-left: 0;
    margin-right: 0;
  }
  .message-list {
    border-left: none;
    border-right: none;
  }
  .message-form {
    padding: 16px 20px 0 20px;
  }
  .message-form .form-group {
    margin-bottom: 8px;
  }
  .message-form .form-group label {
    display: block;
    margin-bottom: 5px;
  }
  .message-form .form-group input,
  .message-form .form-group input.receiver,
  .message-form .form-group input.subject,
  .message-form .form-group textarea {
    width: 92%;
    padding: 2% 4%;
  }
  .message-form .friends {
    top: 38px;
    left: 15px;
    max-height: 391px;
  }
  .message-container {
    border-left: none;
    border-right: none;
  }
  .message-header {
    padding: 8px 20px 8px 20px;
  }
  .message-content {
    padding: 8px 20px 8px 20px;
  }
  .message-warning {
    padding: 16px 20px 16px 20px;
  }
}
.icon-group {
  display: block;
  width: 44px;
  height: 20px;
  position: absolute;
  right: 25px;
  top: 9px;
}
.icon-group .block {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/messages/block.png$07123451") no-repeat center center;
  cursor: pointer;
  float: right;
}
.icon-group .report {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/messages/report.png$07123451") no-repeat center center;
  cursor: pointer;
  float: right;
}
.form-group .report_reason_text {
  width: 245px;
  height: 90px;
}
.news-item {
  position: relative;
  margin-bottom: 0;
  min-height: 95px;
}
.news-list .section-divider {
  padding-top: 10px;
  margin-bottom: 8px;
}
.news-date {
  float: left;
  width: 100px;
  padding-top: 7px;
}
.news-detail .news-date {
  margin-right: 10px;
}
.news-day-date,
.news-day-month {
  background: #a9c200;
  font-weight: bold;
  color: #fff;
  text-align: center;
  width: 100%;
  margin-bottom: 1px;
  padding-bottom: 2px;
}
.news-day-year {
  display: none;
}
.news-day-month {
  line-height: 24px;
}
.news-day-date {
  font-size: 4em;
  line-height: 63px;
}
.news-header {
  font-weight: bold;
  margin-bottom: 6px;
}
.news-header-list {
  position: relative;
  padding-bottom: 4px;
}
.news-header a {
  text-decoration: none;
  font-size: 1.5em;
  color: #000;
}
.news-header h1 {
  margin: 0;
}
.news-teaser {
  margin-bottom: 5px;
}
.news-teaser-date {
  font-weight: bold;
}
.news-teaser-list {
  padding-bottom: 4px;
  position: relative;
}
.news-article-link a {
  text-decoration: none;
  color: #95aa04;
  font-weight: bold;
}
.news-content:after {
  content: "";
  display: table;
  clear: both;
}
.top-news-item {
  display: flex;
  background-size: cover;
  background-position-x: 44%;
  background-position-y: 50%;
  height: 35vh;
  background-repeat: no-repeat;
  margin-bottom: 10px;
  min-height: 310px;
}
.top-news .top-news-content {
  display: none;
}
.top-news-item .top-news-content {
  display: block;
}
.news-datetime {
  display: none;
}
.news-tags {
  color: #5e5e5e;
  font-size: 12px;
  margin-top: 20px;
}
.news-icon {
  float: left;
  margin-right: 20px;
  padding-top: 6px;
  position: relative;
}
.news-icon .news-icon-date {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(255,255,255,0.6);
  text-align: center;
  font-weight: bold;
  padding: 1px 0 5px 0;
}
.news-icon img {
  width: 130px;
  border-radius: 9px;
}
.news-app-links {
  max-width: 137px;
}
.news-app-links .storelinks {
  margin: 0;
  margin-bottom: -4px;
}
.news-app-links .storelinks img {
  margin: 0 !important;
  width: 100%;
}
.news-redirect-buttons .button.playlink {
  display: block;
  padding: 1px 5px;
}
.play-now-button {
  position: relative;
  width: 300px;
  margin: auto;
  text-align: center;
}
.play-now-button .slideshow {
  text-align: left;
}
.news-game-info {
  position: absolute;
  bottom: 5px;
  left: 145px;
  text-align: center;
}
.news-game-info .title-wrapper {
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
}
.news-game-info .text-wrapper {
  text-align: left;
  margin-bottom: 10px;
}
.news-detail .news-content {
  height: auto;
}
.news-detail.news-item {
  height: auto;
}
.news-text .emoji {
  width: 16px;
}
.news-text p:first-child {
  margin-top: 0;
}
.news-text p:first-child {
  margin-top: 0;
}
.news-list .event-image-wrap {
  width: 130px;
  height: 91px;
  background-position: center center;
  background-size: 330%;
  background-repeat: no-repeat;
  border-radius: 9px;
}
.newslinkspan {
  position: absolute;
  width: calc(100% + 70px);
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (max-width: 500px) {
  .top-news-item {
    background-position-x: 28%;
  }
}
@media only screen and (max-width: 736px) {
  .top-news-item {
    min-height: 200px;
    height: 25vh;
  }
  .top-news .top-news-content {
    display: block;
    padding-inline: 20px;
  }
  .top-news .top-news-item .top-news-content {
    display: none;
  }
}
.list {
  display: flex;
  flex-flow: row wrap;
  gap: 50px;
  row-gap: 20px;
  justify-content: center;
}
.list .entry {
  flex: 0 0 calc(100% / 5 - 200px);
  display: flex;
  flex-flow: column;
  gap: 5px;
}
.list .entry .entry-name {
  white-space: nowrap;
  overflow: hidden;
  max-width: 135px;
  display: block;
  text-overflow: ellipsis;
}
.list .entry img {
  border-radius: 6px;
}
.select-area {
  margin-top: 10px;
}
.select-area .select {
  display: none;
}
.select-area .select:not(:checked) + label span {
  background-color: #a9c200;
}
.select-area .select:not(:checked) + label span:before {
  left: calc(100% - 20px);
}
.select-area label span {
  display: block;
  background-color: #d1d1d1;
  width: 35%;
  margin: 0 auto;
  border-radius: 10px;
  height: 20px;
  position: relative;
  transition: 0.1s ease background-color;
}
.select-area label span:before {
  content: '';
  position: absolute;
  transition: 0.3s ease left;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 1px 1px #8c8c8c;
  left: 0;
  top: -2.5px;
  height: 25px;
  width: 25px;
}
label {
  cursor: pointer;
}
.email-form {
  margin-bottom: 40px;
  display: table;
  margin-inline: auto;
}
@media only screen and (min-width: 736px) {
  .game-news-list .news-content {
    padding-left: 120px;
  }
}
@media only screen and (max-width: 736px) {
  .news-list {
    font-size: 18px;
  }
  .news-item {
    position: relative;
    margin-bottom: 0;
    min-height: 95px;
  }
  .section-divider-mobile {
    display: none;
  }
  .news-date {
    float: left;
    width: 100px;
    padding-top: 7px;
  }
  .news-detail .news-date {
    margin-right: 10px;
  }
  .news-day-date,
  .news-day-month {
    background: #a9c200;
    font-weight: bold;
    color: #fff;
    text-align: center;
    width: 100%;
    margin-bottom: 1px;
    padding-bottom: 2px;
  }
  .news-day-year {
    display: none;
  }
  .news-day-month {
    line-height: 24px;
  }
  .news-day-date {
    font-size: 4em;
    line-height: 63px;
  }
  .news-header {
    font-weight: bold;
    margin-bottom: 6px;
  }
  .news-header-list {
    position: relative;
    padding-bottom: 4px;
  }
  .news-header a {
    text-decoration: none;
    font-size: 1.5em;
    color: #000;
  }
  .news-header h1 {
    margin: 0;
  }
  .news-teaser {
    margin-bottom: 5px;
  }
  .news-teaser-date {
    font-weight: bold;
  }
  .news-teaser-list {
    padding-bottom: 4px;
    position: relative;
  }
  .news-article-link a {
    text-decoration: none;
    color: #95aa04;
    font-weight: bold;
  }
  .news-content:after {
    content: "";
    display: table;
    clear: both;
  }
  .top-news-item {
    display: flex;
    background-size: cover;
    background-position-x: 44%;
    background-position-y: 50%;
    height: 35vh;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    min-height: 310px;
  }
  .top-news .top-news-content {
    display: none;
  }
  .top-news-item .top-news-content {
    display: block;
  }
  .news-datetime {
    display: none;
  }
  .news-tags {
    color: #5e5e5e;
    font-size: 12px;
    margin-top: 20px;
  }
  .news-icon {
    float: left;
    margin-right: 20px;
    padding-top: 6px;
    position: relative;
  }
  .news-icon .news-icon-date {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(255,255,255,0.6);
    text-align: center;
    font-weight: bold;
    padding: 1px 0 5px 0;
  }
  .news-icon img {
    width: 130px;
    border-radius: 9px;
  }
  .news-app-links {
    max-width: 137px;
  }
  .news-app-links .storelinks {
    margin: 0;
    margin-bottom: -4px;
  }
  .news-app-links .storelinks img {
    margin: 0 !important;
    width: 100%;
  }
  .news-redirect-buttons .button.playlink {
    display: block;
    padding: 1px 5px;
  }
  .play-now-button {
    position: relative;
    width: 300px;
    margin: auto;
    text-align: center;
  }
  .play-now-button .slideshow {
    text-align: left;
  }
  .news-game-info {
    position: absolute;
    bottom: 5px;
    left: 145px;
    text-align: center;
  }
  .news-game-info .title-wrapper {
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .news-game-info .text-wrapper {
    text-align: left;
    margin-bottom: 10px;
  }
  .news-detail .news-content {
    height: auto;
  }
  .news-detail.news-item {
    height: auto;
  }
  .news-text p:first-child {
    margin-top: 0;
  }
  .mobile-date {
    display: none;
  }
  .news-arrow {
    display: none;
  }
  .top-news-mobile {
    display: none;
  }
  .news-list .event-image-wrap {
    width: 130px;
    height: 91px;
    background-position: center center;
    background-size: 330%;
    background-repeat: no-repeat;
    border-radius: 9px;
  }
  .newslinkspan {
    position: absolute;
    width: calc(100% + 70px);
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .mobile-news-top-label {
    display: none;
  }
  .news-list .event-image-wrap {
    width: 100px;
    height: 70px;
  }
  .news-list .top-news-mobile {
    padding-left: 5px;
    padding-right: 15px;
  }
  .top-news-mobile {
    display: inline-block;
    background-color: #2c9189;
  }
  .top-news-mobile .news-icon-header {
    margin-right: 10px;
  }
  .top-news-mobile .news-header {
    color: #fff;
    width: calc(100% - 60px);
    padding-right: 0;
  }
  .top-news-mobile .news-teaser {
    color: #fff;
  }
  .news-item {
    min-height: 75px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .news-arrow {
    display: inline-block;
    position: absolute;
    vertical-align: top;
  }
  .news-arrow .arrow {
    margin-top: 100%;
    border: solid #1d2933;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 11px;
    cursor: pointer;
    text-align: center;
    transform: scale(0.7, 0.7) rotate(-45deg);
    -webkit-transform: scale(0.7, 0.7) rotate(-45deg);
  }
  .news-icon {
    margin-right: 10px;
    width: 55px;
    height: 60px;
    padding-top: 10px;
    float: none;
    display: inline-block;
    vertical-align: top;
    padding-left: 5px;
  }
  .news-icon-header {
    width: 65px;
    height: 65px;
    padding-top: 3px;
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  .news-content .news-teaser {
    font-size: 0.7em;
  }
  .mobile-news-content {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 15px);
  }
  .news-icon img {
    margin-top: 0;
    position: absolute;
    max-height: 40px;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .imageborder {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    border: #808080 1px solid;
    margin-left: 5px;
  }
  .news-icon-header img {
    margin-top: 0;
    position: absolute;
    max-height: 60px;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .topnews-imageborder {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    border: #808080 2px solid;
  }
  .mobile-date {
    display: block;
    height: 10px;
    font-size: 0.5em;
    font-weight: bold;
    padding-left: 2px;
    padding-top: 3px;
  }
  .play-now-button:not(.game) {
    width: 100%;
    text-align: center;
  }
  .news-content {
    position: relative;
    padding-left: 0;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
  }
  .news-icon .button {
    height: 15px;
    width: 40px;
    min-width: 40px;
    padding: 0;
    text-align: center;
  }
  .news-list {
    padding: 0;
  }
  html.news .content-data {
    padding: 0;
  }
  .news-list .news-date {
    padding-top: 4px;
    width: 75px;
    margin-right: 10px;
    margin-bottom: 5px;
  }
  .news-list .section-divider {
    padding-top: 5px;
  }
  .news-detail {
    padding-top: 12px;
  }
  .news-header-list {
    color: #a9c200;
    font-size: 0.8em;
    padding-bottom: 0;
    margin-bottom: 5px;
    width: 100%;
  }
  .mobile-news-top-label {
    min-width: 35px;
    display: block;
    float: right;
    padding: 1px 3px 1px 3px;
    background-color: #1c2833;
    border-radius: 0 0 4px 4px;
    font-size: 13px;
    text-align: center;
    text-shadow: none;
    border: none;
    font-weight: normal;
  }
  .news-content-shift {
    padding-left: 120px;
  }
  .news-article-link-list {
    padding-top: 2px;
  }
  .game-news-list .news-day-date {
    font-size: 2.3em;
    line-height: 35px;
  }
  .top-news-item {
    min-height: 200px;
    height: 25vh;
  }
  .top-news .top-news-content {
    display: block;
  }
  .section-divider-mobile {
    display: block;
    width: 100%;
    margin-bottom: 3px;
    padding-top: 0;
    background-color: #d1d1d1;
  }
  .section-divider-mobile:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: -moz-linear-gradient(left, #d1d1d1 0%, #d1d1d1 25%, #d1d1d1 75%, #d1d1d1 100%);
    background: -webkit-linear-gradient(left, #d1d1d1 0%, #d1d1d1 25%, #d1d1d1 75%, #d1d1d1 100%);
    background: linear-gradient(to right, #d1d1d1 0%, #d1d1d1 25%, #d1d1d1 75%, #d1d1d1 100%);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1)";
  }
  .pager {
    margin-right: 5px;
    margin-left: 5px;
    font-size: 12px;
  }
  .pager-page,
  .pager-dots,
  .pager-left-arrow,
  .pager-right-arrow {
    margin-right: 7px;
  }
}
@media only screen and (max-width: 736px) and (max-width: 500px) {
  .top-news-item {
    background-position-x: 28%;
  }
}
.password-info-header {
  padding: 30px 0 0 0;
}
.password-info-choose {
  padding: 20px 0 0 0;
}
.password-info-content {
  padding: 10px 0 0 0;
}
.password-info-content h3 {
  font-weight: bold;
  margin: 0;
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/bg/icon_plus.png$07123451");
  background-repeat: no-repeat;
  background-position: 2px 10px;
  padding: 9px 0 0 32px;
  cursor: pointer;
  text-transform: uppercase;
}
.password-info-content h3 + div {
  padding: 0 0 0 32px;
  display: none;
}
.password-info-content h3 + div > p:first-child {
  margin-top: 10px;
}
.password-info-content h3.selected {
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/bg/icon_minus.png$ee2e1191");
  background-position: 2px 10px;
  color: #95aa04;
}
.password-info-content h3.selected + div {
  display: block;
}
.lightbox-img {
  max-width: 100%;
}
.password-resend-image {
  margin-top: 10px;
}
.password-resend-image img {
  width: 100%;
}
.password-resend-info {
  padding: 30px 0 0 0;
}
.password-resend-form {
  padding: 20px 0 0 0;
}
.password-resend-form:after {
  content: "";
  display: table;
  clear: both;
}
html.page-points .points-packages-items-text {
  padding-bottom: 3px;
  min-height: 40px;
}
html.page-points .points-packages-items-button {
  padding-bottom: 3px;
}
html.page-points .points-tab-button {
  text-align: center;
}
html.page-points .points-wait-timer-image .image-container {
  width: 100%;
  position: relative;
}
html.page-points .points-wait-timer-image .points {
  position: absolute;
  top: 43%;
  left: 52%;
  transform: translate(-50%, -50%) rotateZ(7.7deg);
  font-size: 60px;
  color: #34568f;
  font-weight: bold;
}
html.page-points .points-tab-button a {
  font-size: 90%;
  padding: 3px 24px 3px 24px;
  font-weight: normal;
  display: table;
  margin: 0 auto;
}
html.page-points .points-tab-headline {
  font-size: 120%;
  font-weight: bold;
  padding: 10px 0 10px 0;
}
html.page-points #points-header-background {
  background: url("https://up-portal-assets.wavecdn.net/assets/img/bg/teaser_points.jpg$ee2e1191") no-repeat scroll center center transparent;
}
html.page-points .points-tab-noheader {
  border-top: 1px solid #d1d1d1;
  padding-top: 18px;
}
html.page-points .points-slotmachine {
  padding: 20px 0 0 0;
}
html.page-points .browser-playground .points-slotmachine {
  text-align: center;
}
html.page-points .points-slotmachine-items {
  display: inline-block;
  width: 38%;
  padding: 0 20px 0 0;
  vertical-align: top;
}
html.page-points .points-slotmachine-items img {
  width: 40%;
  height: auto;
  margin: 0 10px 15px 10px;
  cursor: pointer;
}
html.page-points .points-slotmachine-playground {
  display: inline-block;
  width: 56%;
  padding: 0 0 0 0;
  text-align: center;
}
html.page-points .browser-playground .points-slotmachine-playground {
  width: 100%;
}
html.page-points .points-slotmachine-playground img {
  max-width: 480px;
  width: 100%;
  height: auto;
}
html.page-points .points-slotmachine-playground .playground-text {
  margin-top: -18%;
}
html.page-points .points-slotmachine-playground .playground-button {
  text-align: center;
  padding-top: 15px;
}
html.page-points .points-wait {
  padding: 20px 0 0 0;
  text-align: center;
}
html.page-points .points-wait-timer {
  display: inline-block;
  width: 48%;
  padding: 0 20px 0 0;
  vertical-align: top;
}
html.page-points .points-wait-video {
  display: inline-block;
  width: 48%;
  padding: 0;
  overflow: hidden;
}
html.page-points .points-video-text {
  position: absolute;
  bottom: 10px;
  width: 100%;
  font-size: 120%;
  font-weight: bold;
}
html.page-points .points-wait-timer-points {
  font-weight: bold;
  padding: 2px;
}
html.page-points .points-wait-timer-countdown {
  padding: 4px;
}
html.page-points .points-wait-timer-countdown .is-countdown {
  border: none;
  background-color: #fff;
  color: #95aa04;
  font-weight: bold;
}
html.page-points .points-wait-timer-wait {
  padding: 2px;
}
html.page-points .points-packages-todo {
  margin-top: 20px;
}
html.page-points .points-packages-items {
  margin-top: 20px;
}
html.page-points .points-packages-item {
  display: inline-block;
  width: 200px;
  margin: 0 20px 20px 0;
  vertical-align: top;
  text-align: center;
  border: 1px solid #666;
  box-shadow: 3px 3px 6px 0 #808080;
  min-height: 125px;
}
html.page-points .points-packages-item button {
  margin-top: 8px;
  padding: 6px 30px 6px 30px;
}
html.page-points .points-packages-items-title {
  font-weight: bold;
  line-height: 34px;
}
html.page-points .points-packages-redeemed .points-packages-item {
  border: 1px solid #a9c200;
}
html.page-points .points-game {
  cursor: pointer;
}
html.page-points .slideshow-item {
  outline: none;
}
html.page-points .redeem-games {
  text-align: center;
}
html.page-points .redeem-games-headline {
  margin: 15px 0 5px 0;
  font-size: 120%;
  font-weight: bold;
}
html.page-points .redeem-games-headline > .step2 {
  display: none;
}
html.page-points .redeem-games-slider-headline {
  margin: 30px 0 5px 0;
  font-size: 120%;
  font-weight: bold;
}
html.page-points .points-game-border {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 9px;
  overflow: hidden;
  width: 125px;
  height: 85px;
  border: 6px solid #a9c200;
}
html.page-points .points-game.selected .points-game-border {
  display: block;
}
html.page-points .redeem-accounts {
  text-align: center;
/* display none */
  min-height: 189px;
}
html.page-points .redeem-accounts-headline {
  margin: 15px 0 5px 0;
  font-size: 120%;
  font-weight: bold;
  display: none;
}
html.page-points .redeem-accounts-content {
  margin-top: 15px;
}
html.page-points .redeem-accounts-content .game-accounts {
  display: inline-block;
  width: 50%;
  min-height: 150px;
  vertical-align: top;
}
html.page-points .redeem-accounts-content .game-accounts .game-account {
  cursor: pointer;
  padding: 6px 0 7px 0;
  white-space: nowrap;
  border-top: 1px solid #d9d9d9;
  position: relative;
}
html.page-points .redeem-accounts-content .game-accounts .game-account .countryflag {
  position: absolute;
  left: 13px;
  top: 10px;
}
html.page-points .redeem-accounts-content .game-accounts .game-account .server {
  position: absolute;
  left: 43px;
  top: 6px;
}
html.page-points .redeem-accounts-content .game-accounts .game-account .user-name {
  vertical-align: top;
  width: 70%;
  padding-left: 20%;
  display: inline-block;
}
html.page-points .redeem-accounts-content .game-accounts .game-account .img-checkbox {
  position: absolute;
  right: 12px;
  top: 7px;
}
html.page-points .redeem-accounts-content .game-accounts .game-account:nth-child(odd) {
  background-color: #f5f5f5;
}
html.page-points .redeem-accounts-content .game-accounts .game-account.selected {
  background-color: #e7edc9;
}
html.page-points .redeem-accounts-content .game-accounts .game-account.selected .img-checkbox {
  background-position: 0 -18px;
}
html.page-points .redeem-accounts-content .game-accounts .game-account:last-child {
  border-bottom: 1px solid #d9d9d9;
}
html.page-points .redeem-accounts-content .redeem-now-container {
  display: inline-block;
  width: 40%;
  vertical-align: top;
}
html.page-points .redeem-accounts-content .redeem-now-container .redeem-reward {
  padding: 0 0 15px 0;
}
html.page-points .redeem-accounts-content .redeem-now-container .redeem-reward span {
  display: block;
  font-weight: bold;
}
html.page-points .redeem-accounts-content .redeem-now-container .redeem-wait {
  display: none;
  padding: 10px 20px 10px 20px;
  font-weight: bold;
}
html.page-points .redeem-accounts-content .redeem-now-container .redeem-success {
  display: none;
}
html.page-points .redeem-accounts-content .redeem-now-container .redeem-success .message {
  padding: 10px 20px 10px 20px;
  border: 3px solid #a9c200;
  margin-bottom: 20px;
  font-weight: bold;
}
html.page-points .redeem-accounts-content .redeem-now-container .redeem-backlink {
  padding: 15px 0 0 0;
}
html.page-points .redeem-accounts-content .redeem-now-container .button {
  padding: 6px 45px 6px 45px;
}
html.page-points .img-checkbox {
  background: url("https://up-portal-assets.wavecdn.net/assets/img/bg/img_checkbox.png$ee2e1191") no-repeat 0 0 transparent;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: bottom;
}
html.page-points .img-checkbox.checked {
  background-position: 0 -18px;
}
html.page-points .slideshow .slideshow-image {
  height: 115px;
  background-color: #fff;
}
html.page-points .slideshow .slideshow-image .slideshow-title {
  left: 0;
}
@media only screen and (max-width: 600px) {
  .points-slotmachine {
    text-align: center;
  }
  .points-slotmachine-items {
    display: block;
    width: 80%;
    padding: 0 0 20px 0;
    margin: 0 auto;
  }
  .points-slotmachine-playground {
    width: 80%;
  }
}
@media only screen and (max-width: 400px) {
  .points-slotmachine-items {
    width: 100%;
  }
  .points-slotmachine-playground {
    width: 100%;
  }
  .points-video-text {
    font-size: 90%;
  }
}
@media only screen and (max-width: 736px) {
  #points-header-background {
    background-position: 35% 70%;
  }
  html.page-points .points-slotmachine-items {
    width: 100%;
  }
  html.page-points .points-wait-timer {
    padding: 0 0 20px 0;
    width: 90%;
  }
  html.page-points .points-wait-video {
    width: 90%;
  }
  .image-container img {
    position: relative;
    width: 100%;
  }
  .points-packages-items {
    text-align: center;
  }
  .redeem-accounts .game-accounts {
    display: block;
    width: auto;
    min-height: auto;
  }
  .redeem-accounts .redeem-now-container {
    display: block;
    width: auto;
    margin-top: 15px;
  }
  .points-slotmachine-items img {
    width: 100%;
  }
}
@media only screen and (min-width: 737px) and (max-width: 999px) {
  #points-header .background {
    background-position-x: 35%;
  }
  .points-video-text {
    font-size: 90%;
  }
}
.page-userprofile #profile-header {
  width: 100%;
  height: 360px; /* image is 251px */
  position: relative;
  z-index: 1;
}
.page-userprofile #profile-header-wrapper {
  max-width: 960px;
  margin: 0 auto;
}
.page-userprofile #profile-header-background {
  width: 100%;
  height: 251px;
}
.page-userprofile #profile-header-background::before {
  display: block;
  z-index: auto;
}
.page-userprofile #profile-header-background::after {
  display: block;
  z-index: auto;
}
.page-userprofile .user-wrapper {
  position: relative;
  padding-left: 160px;
}
.page-userprofile .avatar {
  width: 96px;
  height: 96px;
  border-radius: 10px;
  overflow: hidden;
  display: block;
  position: absolute;
  left: 50px;
  bottom: 0;
  border: 2px solid #fff;
}
.page-userprofile .avatar > img {
  width: 96px;
  height: 96px;
}
.page-userprofile a.message {
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/community/mail_white.png$ee2e1191") no-repeat top left;
  position: absolute;
  width: 25px;
  height: 16px;
  top: 5px;
  left: 66px;
  overflow: hidden;
  text-indent: -1000em;
}
.page-userprofile .user-text .username {
  font-size: 140%;
  font-weight: bold;
}
.page-userprofile .icon-group {
  display: block;
  width: 81px;
  height: 21px;
  position: absolute;
  right: 20px;
  top: 3px;
}
.page-userprofile .icon-group .report {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/messages/report.png$07123451") no-repeat center center;
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
}
.page-userprofile .icon-group .block {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/messages/block.png$07123451") no-repeat center center;
  cursor: pointer;
  position: absolute;
  left: 30px;
  bottom: 0;
}
.page-userprofile .icon-group .invite {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/friends/plus.png$07123451") no-repeat center center;
  cursor: pointer;
  position: absolute;
  left: 60px;
  bottom: 0;
}
.page-userprofile .motto-wrapper {
  padding: 0 20px 0 20px;
  margin-top: 15px;
}
.page-userprofile .motto {
  background-color: #f5f5f5;
  color: #7f7f7f;
  padding: 7px 0 7px 0;
  text-align: center;
  font-style: italic;
  margin: 0;
}
.page-userprofile .motto::before {
  content: "„";
  font-style: italic;
}
.page-userprofile .motto::after {
  content: "“";
  font-style: italic;
}
.page-userprofile #profile_report_user textarea {
  width: 245px;
}
.page-userprofile .profile-achievements {
  text-align: center;
  padding: 15px 0 0 0;
}
.page-userprofile .achievements-list {
  max-width: 590px;
  display: inline-block;
  text-align: center;
  max-height: 147px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.page-userprofile .achievements-list.revealed {
  height: auto;
  overflow: inherit;
}
.page-userprofile .achievements-list .achievement-icon {
  display: inline-block;
  width: 63px;
  height: 69px;
  margin-right: 5px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #1d2933;
}
.page-userprofile .achievements-list .achievement-icon:hover {
  border: 1px solid #95ac00;
}
.page-userprofile .achievements-reveal-all {
  text-align: center;
  margin: 20px 0 0 0;
}
.page-userprofile .achievements-reveal-all a {
  padding: 3px 20px 3px 20px;
}
.page-userprofile .jBox-Tooltip .jBox-container {
  background-color: rgba(29,41,51,0.9);
  color: #fff;
  border-radius: 10px;
}
.page-userprofile .jBox-Tooltip .jBox-content {
  background-image: url("https://up-portal-assets.wavecdn.net/assets/img/bg/icon_info.png$ee2e1191");
  background-repeat: no-repeat;
  background-position: 15px center;
  padding: 18px 20px 18px 45px;
  border-radius: 10px;
}
.page-userprofile .jBox-Tooltip .jBox-content b {
  color: #fff;
}
.page-userprofile .jBox-Tooltip .jBox-pointer {
  background-color: none;
}
.page-userprofile .jBox-Tooltip .jBox-pointer:after {
  background-color: rgba(29,41,51,0.9);
}
.page-userprofile #profile_friends_slider.carousel .slideshow-item a.friend-message {
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/community/mail_white.png$ee2e1191") no-repeat top left;
  position: absolute;
  width: 25px;
  height: 16px;
  top: 5px;
  left: 66px;
  overflow: hidden;
  text-indent: -1000em;
}
.page-userprofile #profile_friends_slider.carousel .slideshow-item > a:first-child {
  width: 96px;
  height: 96px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  display: block;
  margin-right: 10px;
}
.page-userprofile #profile_friends_slider.carousel .slideshow-item > a:first-child .friend-avatar {
  width: 96px;
  height: 96px;
}
.page-userprofile #profile_friends_slider.carousel .slideshow-item > a:first-child .friend-name {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #1d2933;
  opacity: 0.7;
  color: #fff;
  padding: 0 10px 4px 10px;
  width: 76px;
  text-align: left;
  font-size: 0.9em;
}
@media only screen and (max-width: 736px) {
  .page-profile #profile-header {
    height: 231px;
  }
  .page-profile #profile-header-background {
    height: 100px;
  }
  .page-profile #profile-header-background::before {
    display: none;
  }
  .page-profile #profile-header-background::after {
    display: none;
  }
  .page-profile .user-wrapper {
    padding-left: 135px;
  }
  .page-profile .avatar {
    left: 20px;
  }
  .page-profile .icon-group {
    right: initial;
    left: 20px;
    top: initial;
    bottom: -23px;
  }
  .page-profile .icon-group .invite {
    left: 75px;
  }
  .page-profile .icon-group .block {
    left: 37px;
  }
  .page-profile .motto-wrapper {
    padding: 0;
  }
  .page-profile .motto {
    margin-top: 36px;
  }
}
.section-tabs-content.ranking-content {
  margin-left: 20px;
  margin-right: 20px;
}
.ranking-notice {
  text-align: left;
  font-weight: bold;
  margin: 25px 0 15px 0;
}
.ranking-table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 15px 0 20px 0;
  text-align: center;
  table-layout: fixed;
}
.ranking-table thead tr {
  background-color: #1d2a33;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
}
.ranking-table thead tr th {
  border-right: 1px solid #d9d9d9;
  padding: 8px 0 8px 2px;
}
.ranking-table thead tr th:first-child {
  width: 33%;
}
.ranking-table thead tr th:last-child {
  border-right: none;
  width: 33%;
}
.ranking-table tbody tr {
  border-bottom: 1px solid #d9d9d9;
}
.ranking-table tbody tr:nth-child(even) {
  background-color: #f5f5f5;
}
.ranking-table tbody tr.current {
  background-color: #eff4d0;
}
.ranking-table tbody tr td {
  padding: 7px 0 7px 2px;
  border-right: 1px solid #d9d9d9;
  overflow: hidden;
}
.ranking-table tbody tr td:first-child {
  width: 33%;
}
.ranking-table tbody tr td:last-child {
  border-right: none;
  width: 33%;
}
.ranking-table tbody tr td a {
  text-decoration: underline;
  font-weight: bold;
  color: #95aa04;
}
@media only screen and (max-width: 736px) {
  .section-tabs-content.ranking-content {
    margin-left: 0;
    margin-right: 0;
  }
  .ranking-notice {
    text-align: center;
    padding: 0 20px 0 20px;
    margin: 0;
  }
  .ranking-table thead tr th:first-child {
    width: 28%;
    padding-left: 12px;
  }
  .ranking-table thead tr th:last-child {
    width: 28%;
    padding-right: 12px;
  }
  .ranking-table tbody tr td:first-child {
    width: 28%;
    padding-left: 12px;
  }
  .ranking-table tbody tr td:last-child {
    width: 28%;
    padding-right: 12px;
  }
  .ranking-table tbody tr td .name {
    position: relative;
  }
  .ranking-table tbody tr td a:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 25px;
    background-image: linear-gradient(270deg, #fff, rgba(255,255,255,0));
  }
  .ranking-table tbody tr:nth-child(even) td a:after {
    background-image: linear-gradient(270deg, #f5f5f5, rgba(245,245,245,0));
  }
  .ranking-table tbody tr.current td a:after {
    background-image: linear-gradient(270deg, #eff4d0, rgba(239,244,208,0));
  }
}
.rating {
  display: inline-block;
  margin-right: 10px;
  background: url("https://up-portal-assets.wavecdn.net/assets/img/voting/stars_empty.png$ee2e1191") no-repeat scroll 0 0 transparent;
  height: 30px;
  width: 185px;
  position: relative;
}
.rating-avg {
  display: inline-block;
  background: url("https://up-portal-assets.wavecdn.net/assets/img/voting/stars_full.png$ee2e1191") no-repeat transparent;
  height: 30px;
  position: absolute;
  left: 0;
  z-index: 1;
}
.rating-info {
  display: inline-block;
  width: 15px;
  height: 22px;
  background: url("https://upportal.wavecdn.net/img/icon_info.png") no-repeat;
  cursor: pointer;
  margin-left: 5px;
}
.rating-user {
  display: inline-block;
  background: url("https://up-portal-assets.wavecdn.net/assets/img/voting/stars_full_hover.png$ee2e1191") no-repeat scroll 0 0 transparent;
  height: 30px;
  z-index: 1;
  position: absolute;
  left: 0;
}
.rating-single-star {
  width: 35px;
  height: 30px;
  display: inline-block;
  position: absolute;
  cursor: pointer;
  z-index: 2;
}
.rating-20 {
  left: 0;
}
.rating-40 {
  left: 20%;
}
.rating-60 {
  left: 40%;
}
.rating-80 {
  left: 60%;
}
.rating-100 {
  left: 80%;
}
select {
  width: 100%;
  padding: 5px;
  text-transform: uppercase;
}
select option:selected {
  font-weight: bold;
}
.vacation-table {
  width: 100%;
  display: block;
  margin: 10px 0;
  text-align: justify;
}
.vacation-table .table-title {
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  padding: 5px;
  margin-bottom: 10px;
  border-bottom: solid 1px #d1d1d1;
}
.vacation-table .content {
  width: 100%;
  margin-bottom: 20px;
  max-width: 300px;
  display: inline-block;
  vertical-align: top;
}
.vacation-table .content .game {
  background-color: #1d2933;
  padding: 10px;
  text-align: right;
  color: #fff;
}
.vacation-table .content .game .title {
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  line-height: 25px;
  width: 90%;
}
.vacation-table .content .game .status {
  font-style: italic;
  display: inline-block;
  vertical-align: top;
  margin-left: -5px;
  width: 10%;
}
.vacation-table .content .game .status .icon {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.vacation-table .content .game .status .accepted {
  background-color: #95aa04;
}
.vacation-table .content .game .status .accepted:before {
  content: "✓";
  font-size: 20px;
  position: absolute;
  margin-left: -20px;
}
.vacation-table .content .game .status .open {
  background-color: #999;
}
.vacation-table .content .entry {
  width: 100%;
  margin-bottom: 5px;
}
.vacation-table .content .entry .data {
  width: 100%;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
.vacation-table .content .entry .data .data-type {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: calc(35% - 21px);
  border-bottom: solid 1px #999;
  border-right: solid 1px #999;
  padding: 10px;
}
.vacation-table .content .entry .data .data-content {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  border-bottom: solid 1px #999;
  padding: 10px;
  margin-left: -5px;
  width: calc(65% - 20px);
}
.vacation-table .content .entry .data .user {
  color: #95aa04;
}
.vacation-table .content .entry .data button {
  margin-top: 10px;
}
.vacation-table .content .entry .data:nth-child(even):not(:last-child) {
  background-color: #f4f4f4;
}
.vacation-table caption {
  padding: 10px 0;
  font-weight: bold;
  border-bottom: solid 1px #d1d1d1;
  text-transform: uppercase;
}
.vacation-table tbody,
.vacation-table thead,
.vacation-table th,
.vacation-table td {
  text-align: left;
  padding: 5px;
  border-bottom: 1px solid #ddd;
}
.vacation-table tbody tr:hover {
  background-color: #f4f4f4;
}
.sub_settings .section-tabs .archway-form {
  padding: 10px 0 50px 0;
}
.sub_settings .section-tabs .archway-form .form-field-imagelist {
  margin: 0 auto;
}
.sub_settings .section-tabs .archway-form .form-field-imagelist span.imagelist-image {
  position: relative;
  display: block;
  width: 14%;
  height: 14%;
  border-radius: 15px;
  overflow: hidden;
  cursor: pointer;
  margin: 0 0 13px 1.74%;
  float: left;
}
.sub_settings .section-tabs .archway-form .form-field-imagelist span.imagelist-image.selected:after,
.sub_settings .section-tabs .archway-form .form-field-imagelist span.imagelist-image:hover:after {
  box-shadow: inset 0 0 0 2px #abc200;
  border-radius: 15px;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sub_settings .section-tabs .archway-form .form-field-imagelist span.imagelist-image img {
  width: 100%;
  height: 100%;
  display: block;
}
.sub_settings .section-tabs .archway-form .form-group .sublabel {
  text-transform: none;
  font-weight: normal;
  font-style: italic;
}
.sub_settings .section-tabs .password-notice {
  padding: 10px 0 0 0;
  float: left;
}
.vacation_proxy_conditions_static {
  display: block;
}
.jBox-content {
  max-width: 100%;
}
.sub_settings .archway-form .form-field- label[class*='tooltip'],
.section-tabs .archway-form .form-field- label[class*='tooltip'] {
  background: none;
}
.sub_settings .archway-form .form-field-checkbox label[class*='tooltip'],
.section-tabs .archway-form .form-field-checkbox label[class*='tooltip'] {
  background: none;
}
.sub_settings .archway-form textarea,
.section-tabs .archway-form textarea {
  resize: vertical;
}
@media only screen and (max-width: 736px) {
  .section-tabs .archway-form .form-field-select label[class*='tooltip'] {
    background-position: right 7px !important;
  }
  .section-tabs .form-group.form-submit {
    text-align: center;
  }
  .section-tabs form[name="settings_avatar"] .form-field-imagelist span.imagelist-image,
  .section-tabs form[name="settings_profile"] .form-field-imagelist span.imagelist-image {
    width: 30.5%;
    margin: 0 1.4% 13px 1.4%;
  }
}
.vacation_proxy_conditions_static {
  width: 250px;
}
@media only screen and (min-width: 737px) and (max-width: 999px) {
  .sub_settings .section-tabs form[name="settings_avatar"] .form-field-imagelist span.imagelist-image {
    width: 14.6%;
  }
  .sub_settings .section-tabs form[name="settings_avatar"] .form-field-imagelist span.imagelist-image img:nth-child(6n-5) {
    margin: 0 0 0 0;
  }
  .sub_settings .section-tabs form[name="settings_profile"] .form-field-imagelist span.form-fieldwrap {
    width: 306px;
  }
  .sub_settings .section-tabs form[name="settings_profile"] .form-field-imagelist span.form-fieldwrap span.imagelist-image {
    width: 20.17%;
    height: 20%;
    margin: 0 0 13px 14px;
  }
  .sub_settings .section-tabs form[name="settings_profile"] .form-field-imagelist span.form-fieldwrap span.imagelist-image:nth-child(4n-3) {
    margin: 0 0 0 0;
  }
  .vacation_proxy_conditions_static {
    width: 450px;
  }
}
@media only screen and (min-width: 1000px) {
  .sub_settings .section-tabs form[name="settings_avatar"] .form-field-imagelist span.imagelist-image {
    width: 8.4%;
    height: 8.4%;
  }
  .sub_settings .section-tabs form[name="settings_avatar"] .form-field-imagelist span.imagelist-image:nth-child(10n-9) {
    margin: 0 0 0 0;
    clear: left;
  }
  .sub_settings .section-tabs form[name="settings_profile"] .form-field-imagelist span.form-fieldwrap {
    float: left;
  }
  .sub_settings .section-tabs form[name="settings_profile"] .form-field-imagelist span.form-fieldwrap span.imagelist-image {
    width: 14%;
    height: 14%;
  }
  .sub_settings .section-tabs form[name="settings_profile"] .form-field-imagelist span.form-fieldwrap span.imagelist-image:nth-child(6n-5) {
    margin: 0 0 0 0;
    clear: left;
  }
  .vacation_proxy_conditions_static {
    width: 450px;
  }
}
#vacationproxyslider .slideshow-item.proxy-add > a:first-child {
  background: #1c2932 url("https://up-portal-assets.wavecdn.net/assets/img/community/add.png$ee2e1191") no-repeat center center;
  text-indent: -1000em;
}
#vacationproxyslider .slideshow-item a.proxy-delete {
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/community/delete_white.png$ee2e1191") no-repeat top left;
  position: absolute;
  width: 19px;
  height: 19px;
  top: 75px;
  left: 74px;
  overflow: hidden;
  text-indent: -1000em;
}
#vacationproxyslider .slideshow-item a.proxy-message {
  background: transparent url("https://up-portal-assets.wavecdn.net/assets/img/community/mail_white.png$ee2e1191") no-repeat top left;
  position: absolute;
  width: 25px;
  height: 16px;
  top: 5px;
  left: 66px;
  overflow: hidden;
  text-indent: -1000em;
}
#vacationproxyslider .slideshow-item > a:first-child {
  width: 96px;
  height: 96px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  display: block;
  margin-right: 10px;
}
#vacationproxyslider .slideshow-item > a:first-child .proxy-avatar {
  width: 96px;
  height: 96px;
}
#vacationproxyslider .slideshow-item > a:first-child .proxy-name {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #1d2933;
  opacity: 0.7;
  color: #fff;
  padding: 0 10px 4px 10px;
  width: 76px;
  text-align: left;
  font-size: 0.9em;
}
#vacationproxyslider .slick-track {
  margin-left: inherit;
  margin-right: inherit;
}
.videos {
  float: left;
  width: 100%;
}
.video-item {
  display: block;
  float: left;
  position: relative;
  width: 32%;
  margin: 0 0 2% 0;
}
.video-item img {
  width: 100%;
  height: auto;
  display: block;
}
.video-item iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 736px) {
  .video-item {
    width: 100%;
    margin: 0 0 6% 0;
  }
  .video-item:nth-child(2n-1) {
    clear: left;
  }
}
@media only screen and (min-width: 737px) {
  .video-item:nth-child(3n-2) {
    margin-right: 2%;
  }
  .video-item:nth-child(3n) {
    margin-left: 2%;
  }
}
.age-rating-wrap {
  position: absolute;
  bottom: 3em;
  z-index: 1;
  margin: 0 auto 0 auto;
  width: 100%;
}
.age-rating-wrap .age-rating-container {
  max-width: 960px;
  margin: 0 auto;
}
.age-rating-wrap .age-rating-content {
  border-radius: 15px;
}
.age-rating-wrap .age-rating-widget {
  z-index: 99;
  margin: 0 0 0 18px;
}
.age-rating-wrap .age-rating-widget img {
  height: 85px;
  width: auto;
}
.age-rating-wrap[data-game="fz"],
.age-rating-wrap[data-game="ut"],
.age-rating-wrap[data-game="sr"],
.age-rating-wrap[data-game="wi"],
.age-rating-wrap[data-game="dg"],
.age-rating-wrap[data-game="hf"],
.age-rating-wrap[data-game="ml"],
.age-rating-wrap[data-game="f2"],
.age-rating-wrap[data-game="kr"],
.age-rating-wrap[data-game="kf"],
.age-rating-wrap[data-game="el"],
.age-rating-wrap[data-game="pa"] {
  top: 1.5em;
  bottom: auto;
}
.metalinks-wrap .age-rating-wrap {
  position: static;
}
.metalinks-wrap .age-rating-widget {
  margin: 0 0 30px 0;
  text-align: center;
}
.os-mobile #pagehead .age-rating-wrap {
  display: none;
}
:root {
  --base-background: #1d2933;
  --base-color: #f4f4f4;
  --divider-color: #d1d1d1;
}
@media (prefers-color-scheme: light) {
  :root {
    --base-background: #fff;
    --base-color: #4f4f4f;
    --divider-color: #1d2933;
  }
}
.content {
  max-width: 700px;
  margin: auto;
}
.icon {
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  border: none;
}
html.linktree hr {
  color: var(--divider-color);
  margin: 0;
}
html.linktree img {
  width: 60px;
  height: 60px;
}
.content-social {
  background-color: #1d2933;
}
.content-social .social-media-icons {
  text-align: center;
  margin: auto;
  padding-top: 10px;
}
.content-social .social-media-icon {
  display: inline-block;
  padding: 0 5px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
html.linktree body {
  background-color: var(--base-background);
  font-family: "Arial", "Helvetica", sans-serif;
  margin-left: auto;
  margin-right: auto;
}
html.linktree h1 {
  color: var(--base-color);
  margin: 0;
  padding: 20px 0;
  text-align: center;
  font-size: 23px;
}
.noImage {
  height: 50px;
  line-height: 50px;
  width: calc(100% - 30px);
  display: block;
  font-size: 20px;
}
.linktree-service {
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
}
.linktree-services {
  padding: 10px;
}
html.page-communitycontest fieldset div {
  padding-top: 0 !important;
}
div.calendar.EM2024 {
  --_openCalendarFieldBackgroundRotation: 135deg;
  --_openCalendarFieldBackground: linear-gradient(to bottom, transparent, #fdeca5), linear-gradient(var(--_openCalendarFieldBackgroundRotation), #fdf56d 0%, #fdf56d 51%, #fcdc49 51%, #fcdc49 100%);
  --_openCalendarFieldBorderGradient: linear-gradient(to bottom, #c26c09 10%, #f5d57b 25%, #f5d57b 70%, #fdfcef 78%);
  --_startColor: rgba(158,201,91,0.9);
  --_endColor: rgba(178,211,125,0.9);
  --_stripeLength: 2%;
  --_closedDoorImagePath: url("/assets/img/calendar/door_closed.png");
  --_calendarBackground: linear-gradient(to bottom, transparent, rgba(255,255,255,0.5)), repeating-linear-gradient(-45deg, var(--_startColor), var(--_startColor) var(--_stripeLength), var(--_endColor) var(--_stripeLength), var(--_endColor) calc(var(--_stripeLength) * 2));
}
html.page-calendar {
  --_openCalendarFieldBackground: linear-gradient(to bottom, transparent, #fdeca5), linear-gradient(135deg, #fdf56d 0%, #fdf56d 51%, #fcdc49 51%, #fcdc49 100%);
  --_openCalendarFieldBorderGradient: linear-gradient(to bottom, #c26c09 10%, #f5d57b 25%, #f5d57b 70%, #fdfcef 78%);
}
div.calendar.WINTER2024 {
  --_openCalendarFieldBackground: linear-gradient(to bottom, transparent, #fdeca5), linear-gradient(135deg, #fdf56d 0%, #fdf56d 51%, #fcdc49 51%, #fcdc49 100%);
  --_openCalendarFieldBorderGradient: linear-gradient(to bottom, #c26c09 10%, #f5d57b 25%, #f5d57b 70%, #fdfcef 78%);
}
div.calendar.WINTER2024 {
  position: relative;
  margin-top: 20px;
  z-index: 0;
/** #312ea7 rgba(49, 46, 167, 0.5), #3a76c9 rgba(58, 118, 201, 0.5) */
  background-image: linear-gradient(#312ea7, #3a76c9), url("/assets/img/calendar/calendar_background_WINTER2024.png");
  background-blend-mode: color;
}
html.page-calendar .WINTER2024 .image-nr-1 {
  --_closedDoorImagePath: url("/assets/img/calendar/door_closed_WINTER2024_1.png");
}
html.page-calendar .WINTER2024 .image-nr-2 {
  --_closedDoorImagePath: url("/assets/img/calendar/door_closed_WINTER2024_2.png");
}
html.page-calendar .WINTER2024 .image-nr-3 {
  --_closedDoorImagePath: url("/assets/img/calendar/door_closed_WINTER2024_3.png");
}
html.page-calendar .WINTER2024 .image-nr-4 {
  --_closedDoorImagePath: url("/assets/img/calendar/door_closed_WINTER2024_4.png");
}
html.page-calendar #page-header {
  height: 400px;
}
p.redeemed {
  text-align: center;
}
.calendar-description {
  display: flex;
  flex-flow: column;
  color: #a9c200;
  gap: 5px;
}
.calendar-description span:last-child {
  font-size: 12px;
}
div.calendar {
  position: relative;
  margin-top: 20px;
  z-index: 0;
  background: var(--_calendarBackground);
}
.calendar-content {
  display: flex;
  flex-flow: row wrap;
  padding: 20px 10px;
  gap: 22px;
  justify-content: flex-start;
  align-items: center;
  max-width: 960px;
  margin: 0 auto;
  padding-left: 20px;
  box-sizing: border-box;
}
.calendar-entry {
  --_calendarDoorColor: var(--_closedDoorImagePath);
  background: var(--_calendarDoorColor);
  border-radius: 35px;
  counter-increment: fieldId;
  flex: 0 0 135px;
  height: 134px;
  box-sizing: border-box;
  padding: 5px;
  position: relative;
}
.calendar-entry[data-redeemed="1"] {
  opacity: 1;
}
.calendar-entry[data-state="open"] {
  --_calendarDoorColor: var(--_openCalendarFieldBackground);
  cursor: pointer;
  font-size: 13px;
  padding: 20px 5px;
  border: solid 3px transparent;
  background-clip: padding-box;
}
.calendar-entry[data-state="open"]:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -3px;
  border-radius: inherit;
  background: var(--_openCalendarFieldBorderGradient);
}
.calendar-entry[data-state="open"] .calendar-entry-reward {
  display: flex;
  flex-flow: column;
  gap: 5px;
  font-weight: bold;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.calendar-entry[data-state="open"] .calendar-entry-basic-reward {
  display: flex;
  flex-flow: row;
  margin-top: 5px;
  gap: 5px;
  align-items: center;
}
.calendar-entry[data-state="open"] .calendar-entry-basic-reward:before {
  content: '+';
  font-size: 35px;
}
.calendar-entry[data-state="close"] {
  background-repeat: no-repeat;
  background-size: contain;
  height: 125px;
  color: #fff;
  background-position: center 5px;
}
.calendar-entry[data-state="close"] .calendar-entry-reward {
  display: none;
}
.calendar-entry[data-state="close"].openable {
  animation: tilt-shaking infinite 1.5s;
  cursor: pointer;
}
.calendar-entry[data-state="close"]:before {
  content: counter(fieldId, decimal-leading-zero);
  font-size: 30px;
  font-style: italic;
  position: absolute;
  top: 5px;
  left: 9px;
  text-align: center;
  width: 63px;
  height: 45px;
  line-height: 45px;
}
.calendar-entry[data-state="open"][data-redeemed="0"][data-hasgame="1"]:before,
.calendar-entry[data-state="open"][data-redeemed="0"][data-hasgame="1"] .calendar-entry-reward {
  -webkit-animation-delay: 2s;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-direction: alternate;
}
.calendar-entry.openable[data-state="open"][data-redeemed="0"][data-hasgame="1"]:before,
.calendar-entry.openable[data-state="open"][data-redeemed="0"][data-hasgame="1"] .calendar-entry-reward {
  -webkit-animation-duration: 1s;
}
.section.info {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
.calendar-teaser {
  text-align: center;
}
.calendar-teaser .teaser-date {
  font-weight: bold;
}
.calendar-special-reward.EM2024 .reward-bar-inner {
  background-color: #a9c200;
}
.calendar-special-reward.WINTER2024 .reward-bar-inner {
  background-color: #ffa922;
}
.calendar-special-reward {
  content-visibility: auto;
  display: flex;
  flex-flow: column;
}
.calendar-special-reward .reward-info {
  display: flex;
  flex-flow: column;
  gap: 10px;
  max-height: 330px;
  text-align: center;
  margin-bottom: 10px;
}
.calendar-special-reward .reward-info .picture {
  min-height: 0;
  flex: 1;
  margin: auto;
  padding-inline: 20px;
  box-sizing: border-box;
}
.calendar-special-reward .reward-info .picture img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.calendar-special-reward .reward-info a.button {
  margin: 4px auto;
  width: 200px;
  padding-top: 5px;
}
.calendar-special-reward .reward-info a.button img {
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 3px;
}
.calendar-special-reward .reward-info .reward-bar-outer {
  position: relative;
  height: 30px;
  background-color: #000;
  border: 2px solid #000;
  border-radius: 15px;
}
.calendar-special-reward .reward-info .reward-bar-outer .reward-bar-inner {
  display: inline-block;
  width: 0;
  height: 26px;
  border-radius: 13px;
  top: 2px;
  left: 1px;
  position: absolute;
}
.calendar-special-reward .reward-info .reward-bar-outer img {
  width: 23px;
  height: 23px;
  margin: 2px 0 0 2px;
  position: absolute;
  left: 4px;
  top: 2px;
}
.calendar-special-reward .reward-info .reward-bar-outer .reward-bar-inner-value {
  color: #fff;
  display: inline-block;
  position: absolute;
  left: 45%;
  top: 4px;
}
.calendar-howto {
  content-visibility: auto;
  display: flex;
  flex-flow: column;
  gap: 15px;
  margin-bottom: 15px;
}
.calendar-howto .steps {
  display: flex;
  flex-flow: row wrap;
  gap: 15px 10px;
  counter-set: steps;
}
.calendar-howto .steps .step {
  flex: 1 45%;
  display: flex;
  overflow: hidden;
  gap: 20px;
  counter-increment: steps;
  min-width: 250px;
}
.calendar-howto .steps .step img {
  flex: 1 calc(50% - 10px);
  aspect-ratio: 190/120;
  max-width: 190px;
  max-height: 120px;
}
.calendar-howto .steps .step span {
  flex: 1 calc(50% - 10px);
  display: flex;
  flex-flow: row;
  gap: 5px;
  padding-top: 12px;
}
.calendar-howto .steps .step span:before {
  content: counter(steps) '.';
}
.jBox-Modal.redeem-modal {
  max-width: 800px;
}
.jBox-Modal.redeem-modal .jBox-title {
  overflow: hidden;
  padding: 0;
  border-bottom: 0;
}
.jBox-Modal.redeem-modal .jBox-title > div {
  background-image: url("/assets/img/calendar/popup_bg.jpg");
  background-position: left;
  background-size: cover;
  display: flex;
  position: relative;
  justify-content: center;
  overflow: hidden;
  height: 220px;
}
.jBox-Modal.redeem-modal .jBox-title > div img {
  width: 275px;
  height: auto;
  top: 20px;
  position: absolute;
}
.jBox-Modal.redeem-modal .jBox-title > div .jbox-title-buttons {
  position: absolute;
  bottom: 20px;
  display: flex;
  flex-flow: row;
  gap: 30px;
}
.jBox-Modal.redeem-modal .jBox-title > div .jbox-title-buttons a.button {
  min-width: 120px;
}
.jBox-Modal.redeem-modal .jBox-title > div .closeButton {
  display: none;
  cursor: pointer;
  flex-flow: row;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
  padding: 5px 20px;
  color: #fff;
  width: 100%;
  background-color: rgba(29,41,51,0.4);
  position: absolute;
  bottom: 0;
  height: 26px;
}
.jBox-Modal.redeem-modal .jBox-title > div .closeButton:before {
  content: '';
  border: solid 2px #fff;
  border-left: 0;
  border-top: 0;
  height: 6px;
  width: 6px;
  transform: rotate(135deg);
}
.jBox-Modal.redeem-modal .jBox-title .jBox-closeButton {
  display: none;
}
.jBox-Modal.redeem-modal .jBox-content {
  padding: 0 !important;
}
.fieldinformation {
  padding: 15px 20px;
  max-width: 640px;
}
.fieldinformation h3 {
  margin: 0;
  margin-bottom: 20px;
  text-align: center;
}
.fieldinformation .form {
  margin-block: 20px;
  clear: both;
  float: left;
  box-sizing: border-box;
  width: 100%;
}
.fieldinformation .form .archway-form {
  width: 100%;
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  column-gap: 30px;
}
.fieldinformation .form .archway-form fieldset {
  flex: 1 300px;
}
.fieldinformation .form .archway-form .form-submit {
  margin-left: auto;
  margin-bottom: auto;
  margin-top: auto;
  flex: 1;
}
.fieldinformation .form .archway-form .form-submit input {
  margin: auto;
  width: 100%;
}
.fieldinformation .form .no-game-account p {
  text-align: center;
  color: #f00;
  width: 100%;
}
.fieldinformation .form .no-game-account input {
  width: 100%;
}
.fieldinformation .rewards {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
  position: relative;
  z-index: 1;
}
.fieldinformation .rewards .reward {
  background: var(--_openCalendarFieldBackground);
  display: flex;
  flex-flow: column;
  gap: 5px;
  border: solid 3px transparent;
  position: relative;
  padding: 0;
  align-items: center;
  text-align: center;
  border-radius: 35px;
  box-sizing: border-box;
  background-clip: padding-box;
  min-height: 142px;
  flex: 0 1 250px;
}
.fieldinformation .rewards .reward:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -3px;
  border-radius: inherit;
  background: var(--_openCalendarFieldBorderGradient);
}
.fieldinformation .rewards .reward span.code {
  background-color: #f5d57b;
  display: block;
  width: 100%;
  padding: 0;
}
.fieldinformation .rewards .reward span.title {
  padding: 15px 20px 10px 20px;
}
.fieldinformation .rewards .reward span.description {
  padding: 0 20px 10px 20px;
}
.fieldinformation .rewards .reward div {
  display: flex;
  flex-flow: row;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  gap: 5px;
}
.fieldinformation .rewards .reward div img {
  margin: 10px 0;
  height: 40px;
  width: 40px;
}
.fieldinformation .rewards .code.reward span:nth-child(2) {
  font-size: 20px;
  font-weight: bold;
}
.fieldinformation .rewards .collectable.reward {
  padding: 10px 0;
}
.fieldinformation .rewards .collectable.reward span:nth-child(2) {
  font-size: 14px;
}
.fieldinformation .startEnGame {
  text-align: center;
}
.rewardredeemed {
  padding: 15px 20px;
  max-width: 640px;
}
.rewardredeemed h3 {
  margin: 0;
  margin-bottom: 20px;
  text-align: center;
}
.rewardredeemed .rewards {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
  position: relative;
  z-index: 1;
}
.rewardredeemed .rewards .reward {
  background: var(--_openCalendarFieldBackground);
  display: flex;
  flex-flow: row;
  gap: 6px;
  border: solid 3px transparent;
  position: relative;
  padding: 0;
  align-items: center;
  text-align: center;
  border-radius: 35px;
  box-sizing: border-box;
  background-clip: padding-box;
  min-height: 90px;
  flex: 0 1 170px;
}
.rewardredeemed .rewards .reward:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -3px;
  border-radius: inherit;
  background: var(--_openCalendarFieldBorderGradient);
}
.rewardredeemed .rewards .reward span.code {
  background-color: #f5d57b;
  display: block;
  width: 100%;
  padding: 0;
}
.rewardredeemed .rewards .reward span.title {
  padding: 15px 20px 10px 20px;
}
.rewardredeemed .rewards .reward span.description {
  padding: 0 20px 10px 20px;
}
.rewardredeemed .rewards .reward div {
  display: flex;
  flex-flow: row;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  gap: 5px;
}
.rewardredeemed .rewards .reward div img {
  margin: 10px 0;
  height: 50px;
  width: 50px;
}
.rewardredeemed .rewards .reward.code {
  padding-left: 30px;
}
.rewardredeemed .rewards .reward.collectable {
  padding-left: 10px;
}
@media (max-width: 736px) {
  html.page-calendar #page-header {
    height: 240px;
  }
  .content-data {
    padding-top: 0;
  }
  .calendar-content {
    justify-content: space-evenly;
  }
}
.logged-out .calendar-entry {
  opacity: 0.7;
}
@-moz-keyframes placeholderShimmer {
  0% {
    opacity: 0.7;
    color: #88f;
  }
  100% {
    opacity: 1;
    color: inherit;
  }
}
@-webkit-keyframes placeholderShimmer {
  0% {
    opacity: 0.7;
    color: #88f;
  }
  100% {
    opacity: 1;
    color: inherit;
  }
}
@-o-keyframes placeholderShimmer {
  0% {
    opacity: 0.7;
    color: #88f;
  }
  100% {
    opacity: 1;
    color: inherit;
  }
}
@keyframes placeholderShimmer {
  0% {
    opacity: 0.7;
    color: #88f;
  }
  100% {
    opacity: 1;
    color: inherit;
  }
}
@-moz-keyframes tilt-shaking {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(5deg);
  }
  10% {
    transform: rotate(0eg);
  }
  15% {
    transform: rotate(-5deg);
  }
  20%, 100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes tilt-shaking {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(5deg);
  }
  10% {
    transform: rotate(0eg);
  }
  15% {
    transform: rotate(-5deg);
  }
  20%, 100% {
    transform: rotate(0deg);
  }
}
@-o-keyframes tilt-shaking {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(5deg);
  }
  10% {
    transform: rotate(0eg);
  }
  15% {
    transform: rotate(-5deg);
  }
  20%, 100% {
    transform: rotate(0deg);
  }
}
@keyframes tilt-shaking {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(5deg);
  }
  10% {
    transform: rotate(0eg);
  }
  15% {
    transform: rotate(-5deg);
  }
  20%, 100% {
    transform: rotate(0deg);
  }
}
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url("https://up-portal-assets.wavecdn.net/assets/fonts/slick.eot$07123451");
  src: url("https://up-portal-assets.wavecdn.net/assets/fonts/slick.eot?#iefix") format('embedded-opentype'), url("https://up-portal-assets.wavecdn.net/assets/fonts/slick.woff$07123451") format('woff'), url("https://up-portal-assets.wavecdn.net/assets/fonts/slick.ttf$07123451") format('truetype'), url("https://up-portal-assets.wavecdn.net/assets/fonts/slick.svg#slick") format('svg');
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-dots {
  position: absolute;
  bottom: 25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: 0.75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #fff;
}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  height: 28px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  line-height: 16px;
  height: 28px;
  padding: 10px;
  z-index: 3;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.disabled,
.flatpickr-months .flatpickr-next-month.disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
  left: 0;
/*
        /*rtl:end:ignore*/
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
        /*rtl:begin:ignore*/
  right: 0;
/*
        /*rtl:end:ignore*/
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57,57,57,0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57,57,57,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57,57,57,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 6.16px 0 0 0;
  line-height: 1;
  height: 28px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch 0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0,0,0,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57,57,57,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  display: inline-block;
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57,57,57,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #f3f3f3;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}