@media (min-width: 1400px) {
  .navbar-top .container {
    max-width: 1320px;
  }
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
}

.ms-auto {
  margin-left: auto !important;
}

@media (min-width: 768px) {
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
}

.i-alienware, [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
    /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.i-alienware:before , .icon-alienware:before {
  content: "\e942";
}
html {
    height: 100%;
}

body {
  font-family: 'AlienwareRegular', sans-serif;
  height: 100%;
  margin: 0;
  color: #999;
  background-color: hsla(0,0%,98%,1);
  background-image: url('../jpg/aw-defaultbg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
}
body.register {
  background-image: url('../jpg/aw-authbg.jpg');
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
  background-position: center top;
}
body.leaderboard {
  background-image: url('../jpg/hex2-dark.jpg')!important;
}
body.academy #main {
  background-color: #000;
  color: #c8c8c8;
}
body.body-profile,
body.body-account {
  background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgb(0 0 0 / 90%)), url(../jpg/awa-hexbg.jpg);
  background-attachment: fixed !important;
}
body.body-marketplace {
  background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgb(0 0 0 / 90%)), url(../jpg/awa-hexbg.jpg);
}
body.body-rewards-wizard {
  background: url('../jpg/awbg.jpg') center / cover no-repeat fixed;
}
body.body-rewards-wizard p {
  font-family: 'Roboto Condensed', sans-serif;
}
table, .table {
  color: #999
}
p {
  font-family: 'AlienwareLight', sans-serif;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.7em;
  color: #999;
}
a, a:hover, a:focus {
  color: inherit;
  text-decoration: none;
}
a[data-href],
[data-url-link],
.pointer {
  cursor: pointer;
}
body.awaTv #main {
  margin-top: 4rem;
}
ul.breadcrumb {
  display: none;
}
label {
  color: #282829;
}
b,strong {
  font-family: 'AlienwareBold', sans-serif;
}
blockquote {
  margin: 0 0 1rem;
  padding: 0 2rem;
  border-left: 5px solid #eee;
}

.verify-account__panel--modal .g-recaptcha > div {
  margin-left: auto;
  margin-right: auto;
}

@media(max-width:567px) {
  .verify-account__panel {
    width:99%;
  }
}

.btn-fixed-logout {
  position:fixed;
  bottom:80px;
  left:20px;
  background-color:white;
  color: hsla(240, 1%, 16%, 0.8);
  border-color: hsla(240, 1%, 16%, 0.8);
  box-shadow: 0 0 7px hsla(240, 1%, 16%, 0.8);
  border-radius:0px;
}

.btn-fixed-logout:hover {
  background-color:hsla(240, 1%, 16%, 0.8);
  border-color:white;
  color:white;
  box-shadow: 0 0 7px white;
  transition: 0.5s all cubic-bezier(.3,.73,.3,.74);
}

.registration-promotion__content {
    border-left: 1px dashed rgb(206, 163, 64);
    border-bottom: 2px solid hsla(165,6%,50%,0.4);
    padding: 10px;
}
.register__country {
  margin-bottom: 1rem;
}
.register__country--item {
    border-left: 1px dashed rgb(206, 163, 64);
    padding: 10px !important;
    text-align: center;
}
.register__country--item-img {
    max-height: 150px;
}
.register__country--item-text p {
    font-size: 0.8rem;
}
.register__country--item-text * {
    color: white;
}
.form-user-registration label {
    font-size: 0.7rem;
}

/* ----------------- overlays --------------- */
.container-arp .nav-tabs {
  border-bottom: none;
}
.container-arp .nav-item {
  margin-left: 1rem;
}
.container-arp .nav-link {
  color: hsla(0,0%,100%,1);
  text-align: left;
  width: 250px;
  border-top-width: 2px;
  border-top-color: hsla(240,3%,60%,1);
}
.container-arp .nav-link:hover,
.container-arp .nav-link:focus {
  border-color: transparent;
  border-top-color: hsla(47,99%,34%,1);
}
.container-arp .nav-link.active {
  background-color: transparent;
  border-color: transparent;
  border-top-color: hsla(47,99%,34%,1);
  color: hsla(0,0%,100%,1);
}

@media(max-width:576px) {
  .alert[data-notify] {
    width: calc(100% - 35px) !important;
    right: 0 !important;
    left: 0 !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .container-arp .carousel {
    height:100vh;
  }

  .container-arp .carousel img:not(.img-fluid) {
    height:100vh;
    object-fit: cover;
  }

  .container-arp .carousel-content {
    overflow-y:scroll;
    overflow-x:hidden;
    max-height:65vh;
  }

  .container-arp .nav-item {
    margin: unset;
    flex: 0 0 50%;
  }

  .container-arp .nav-item a {
    width:auto;
    margin: .5rem 1rem;
  }
}

.overlay .container-auth {
    margin-top: 6rem;
}
.auth-title {
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 1rem;
}
.container-dark label,
.container-dark input,
.container-dark select,
.container-dark .form-control:focus,
.container-auth label,
.container-auth input,
.container-auth select,
.container-auth .form-control:focus {
  color: #c0c2c4;
}
.container-auth .input-wrapper {
  position: relative;
}

.container-auth .input-wrapper .input-icon {
  width: 20px;
  height: auto;
  transition: all 0.3s ease;
} 

.container-auth .icon-wrapper {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 25%;
  background-color: rgba(128, 128, 128, 0.75);
  transition: all 0.3s ease;
}

.container-auth .icon-wrapper:hover {
  background-color: rgba(128, 128, 128, 0.2);
}
.container-auth .icon-wrapper:hover .input-icon {
  transform: scale(1.1);
}
/* ------------------ misc ------------------ */
@media(min-width:1024px) {
  .container__push-left {
    padding-left: 18vw;
  }
}

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

.text-dark-all * {
  color:#282829!important;
}
.ad-container {
  z-index: 2;
}
.img-responsive {
    max-width: 100%;
    height: auto;
}
.border-dashed {
  border-style: dashed !important;
}
.border-top-dashed {
  border-top-style: dashed !important;
}
.border-right-dashed {
  border-right-style: dashed !important;
}
.border-bottom-dashed {
  border-bottom-style: dashed !important;
}
.border-left-dashed {
  border-left-style: dashed !important;
}
.bg-gold {
  background-color: hsla(47, 99%, 34%, 1) !important;
}
.border-gold {
  border-color: hsla(47, 99%, 34%, 1) !important;
}
.text-gold {
  color: hsla(47, 99%, 34%, 1) !important;
}
.box-shadow-gold {
  box-shadow: 0 0 10px hsla(47, 99%, 34%, 1) !important;
}
.hidden {
  display:none !important;
}
.down-vote.user-voted i, .up-vote.user-voted i {
    color: gold;
}
.color-bordered {
  border-width: 4px;
  border-style: solid;
}

@media(max-width:576px) {
  .hide-on-sm {
    visibility: hidden;
  }
}

/* remove when we have font icons */
.awicon {
  display: block;
  height:24px;
  width:24px;
  background-repeat: no-repeat;
  background-size: contain;
}
.awicon.user {
  background-image: url('../png/aw-usericon.png');
}
.awicon.arp {
  background-image: url('../png/aw-arpicon.png');
}
.awicon.search {
  background-image: url('../png/aw-searchicon.png');
}
.nav-item-search {
  margin-left: 150px;
}

.nav-item-mus {
  margin-left: 0px;
}
.nav-item-promo + .nav-item-arp {
    margin-left: 0;
}
.nav-item-promo i.promocal-default {
    font-size: 32px;
}
.nav-item-promo {
  position: relative;
}
.nav-item-promo .promocal {
  width:32px;
  height:32px;
  margin-right: 20px;
}
@media(min-width:992px) {
  .nav-item-promo .promocal {
    /**
    position: absolute;
    **/
    top: 0;
    left:-32px;
    width:32px;
    height:32px;
    margin-right: 0;
  }
}
@media (max-width: 575.98px) {
  .nav-link-login {
    margin-top: -3px;
    margin-right: 5px;
  }
}

.awicon.bell {
  background-image: url('../svg/aw-bell.svg');
}

.bullet-before:before {
  content: "\2022""\a0";
}


.media-left {
  padding-right: 10px;
}

/* ------------------ sidebar ------------------ */
#sidebar {
  width: 380px;
  position: fixed;
  top: 0;
  left: -380px;
  height: 100vh;
  z-index: 9999;
  background: hsla(0,2%,21%,1);
  color: hsla(165,6%,86%,1);
  transition: all 0.3s;
  overflow-y: scroll;
  box-shadow: none;
}

#sidebar .sidebar__promo {
  text-align:center;
  margin-top:2.5rem;
}

#sidebar .sidebar__promo img {
  max-width:80%;
  height:auto;
}

#sidebar.active {
  left: 0;
  box-shadow: 3px 3px 3px hsla(0,0%,0%,0.2);
}

#sidebar .sidebar-header {
  padding: 0 22px;
  background: hsla(0,2%,21%,1);
}
#sidebar ul.components {
  padding: 0 22px;
}
#sidebar ul p {
  padding: 10px;
}
#sidebar ul li a {
  padding: 14px 10px;
  font-family: 'AlienwareLight', sans-serif;
  font-size: 0.9em;
  line-height: 1rem;
  display: block;
  border-right-style: solid;
  border-right-width: 6px;
  border-right-color: transparent;
  border-bottom: 1px solid hsla(330,2%,23%,1);
  text-shadow: 1px 1px 1px hsla(0,0%,0%,0.5);
}
#sidebar ul li a:hover {
  color: hsla(185,63%,59%,1);
  border-right-color: hsla(185,63%,59%,1);
}
#sidebar ul li.active>a, a[aria-expanded="true"] {
  color: hsla(185,63%,59%,1);
  border-right-color: hsla(185,63%,59%,1);
}

.sb-profile {
  display: none;
}

/* ------------------- user menu -------------- */

#um {
  width: 380px;
  position: fixed;
  top: 0;
  right: -380px;
  height: 100vh;
  z-index: 1031;
  background: hsla(0,2%,21%,1);
  color: hsla(165,6%,86%,1);
  transition: all 0.3s;
  overflow-y: scroll;
  box-shadow: none;
}

#um .components {
  margin-top: 3rem;
}

#um .hide-button {
  width:32px;
  height:32px;
  position:relative;
  top:8px;
}

#um.active {
  right: 0;
  box-shadow: 3px 3px 3px hsla(0,0%,0%,0.2);
}

#um.fixed {
  background: hsla(240, 1%, 16%, .5);
  right: 0;
  height: calc(100vh - 80px);
  top: 80px;
  z-index: 1029;
}

.body-profile #um.fixed {
  top: 0;
}

#um.fixed .components {
  border-left: 1px solid hsla(165,6%,86%,0.4);
  margin-top: 0;
}

#um .border-light {
  border-color: hsla(165,6%,86%,0.4) !important;
}

@media(max-width:576px) {
  #um.fixed {
    position: relative;
    width: 100vw;
    margin-top:calc(6.5rem - 40px); /** prevent conflict with nav **/
    padding-bottom: .1rem;
    height:auto;
    z-index:1;
  }

  #um.fixed .components {
    border-left: none;
  }

  #um.fixed .hide-button {
    display: none;
  }

  #main {
    width:100%;
    margin-top:3rem;
    padding:unset;
  }

  .overlay .container-auth {
    margin-top: 3rem;
  }
}

.um-main-bars {
  display:none;
  position:absolute;
  top:50%;
  right:15px;
  transform:translateY(-50%);
}

.um-main-bars:hover {
  cursor:pointer;
}

.um-main-bars:not(.active) .fa-minus {
  display: none;
}

.um-main-bars.active .fa-plus {
  display:none;
}

.um-main-bars.active .fa-minus {
  display:inline-block;
}

@media(max-width:576px) {
  .um-main-info:not(.active) {
    display:none;
  }
  .um-main-info.active {
    display:flex;
  }

  .um-main-bars {
    display:block;
  }
}
.um-epsilon-balance {
    position: absolute;
    left: 0;
    width: 100%;
    top: 51%;
    text-align: center;
    color: #000;
    transform: translateY(-50%);
    line-height: 1.2;
    font-size: 1.2rem;
}
.um-menu-arptotal {
  background: repeating-linear-gradient(45deg, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0) 5px, hsla(0, 0%, 54%, 0.3) 5px, hsla(0, 0%, 54%, 0.3) 10px);
  position: relative;
}
.um-menu-level h3 {
  font-size: 0.7rem;
}
.um-menu-title {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.8rem;
  font-weight: bold;
  width: 100%;
}
.um-menu .quest-item-progress {
  text-transform: uppercase;
  font-size: 0.6rem;
}
.um-arp-status hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-top: 1px solid hsla(165,6%,86%,0.4);
}

.um-footer {
  display:flex;
  flex-direction:row;
  justify-content: center;
  align-items:center;
}

.um-footer > section {
  display:inline-flex;
}

.um-footer > section:last-child {
  border-left: 2px solid hsla(165,6%,86%,0.4);
  padding:10px;
  margin-left:10px;
}

.um-footer > section:last-child  a {
  font-size:.9em;
  font-weight:800;
}

.um-footer__join-date h6 {
  font-size: 0.6rem;
  margin-bottom: 0;
}

.um-links {
  position: absolute;
  font-size: 0.8rem;
  top: 1rem;
  width: 100%;
  text-align: center;
}
.um-links a:not(:last-of-type):after {
  content: ' / ';
}

.dismiss-menu {
  color: hsla(165,6%,86%,1);
  position: absolute;
  top: 8px;
  cursor: pointer;
  transition: all 0.3s;
  z-index: 5;
}
.dismiss-menu.right {
  right: 5px;
}
.dismiss-menu.left {
  left: 5px;
}
.dismiss-menu:hover {
  color: hsla(185,63%,59%,1);
}

a[data-toggle="collapse"] {
  position: relative;
}

.user-border {
  max-width: 100%;
  height: auto;
  z-index: 1;
  background-position: center;
  border: none !important;
}

/** background overlay **/

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, hsla(240, 1%, 16%, 0.8), hsla(240, 1%, 16%, 0.2));
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.overlay.dark {
  background: linear-gradient(to bottom, hsla(240, 1%, 16%, 1), hsla(240, 1%, 16%, 0.8));
}

.overlay.active {
  opacity: 1;
  z-index: 3;
}

.overlay.auth {
  background-image: url('../jpg/aw-authbg.jpg');
  background-attachment: scroll;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #fff;
  overflow-y: scroll;
  padding-bottom: 5rem;
}

.overlay.arp {
  z-index:999;
}

/* ------------------ berders ------------------ */
.hamberder {
  padding: 1px 6px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamberder:hover {
  opacity: 0.7;
}
.hamberder.active:hover {
  opacity: 0.7;
}
.hamberder.active .hamberder-inner,
.hamberder.active .hamberder-inner::before,
.hamberder.active .hamberder-inner::after {
  background-color: hsla(165,6%,86%,1);
}
.hamberder-box {
  width: 28px;
  height: 24px;
  display: inline-block;
  position: relative;
}
.hamberder-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamberder-inner, .hamberder-inner::before, .hamberder-inner::after {
  width: 28px;
  height: 4px;
  background-color: hsla(0,0%,100%,1);
  border-radius: 0px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamberder-inner::before, .hamberder-inner::after {
  content: "";
  display: block;
}
.hamberder-inner::before {
  width: 14px;
  top: -8px;
}
.hamberder-inner::after {
  width: 20px;
  bottom: -8px;
}
.hamberder--covfefe .hamberder-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.5, 0.05, 0.6, 0.2);
}
.hamberder--covfefe .hamberder-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamberder--covfefe .hamberder-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.5, 0.05, 0.6, 0.2);
}
.hamberder--covfefe.active .hamberder-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
}
.hamberder--covfefe.active .hamberder-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
  width: 28px;
}
.hamberder--covfefe.active .hamberder-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.2, 0.6, 0.3, 1);
  width: 28px;
}


/* ------------------ search ------------------ */
.search-form {
  width: 200px;
  position: absolute;
  top: -0.5rem;
  left: 3rem;
  transform: translateY(-100%);
  transition: 0.2s transform cubic-bezier(.3,.73,.3,.74);

}
.search-form.open {
  transform: translateY(0);
}

.btn-search {
  transform: translateY(0);
  transition: 0.2s transform cubic-bezier(.3,.73,.3,.74);
}
.btn-search.closed {
  transform: translateY(-4rem);
}
/* ------------------ arp wizard ------------------ */
.arp-wizard {
  padding: .5rem;
  margin-left:auto;
  margin-right:auto;
  z-index: 10;
  background-color: hsla(0,0%,0%,0.8);
}
.arp-wizard.mob {
  position: absolute;
  left: 0;
  bottom: 0;
}
.carousel-content {
  position: absolute;
  right: 10%;
  top: 4rem;
  left: 10%;
  z-index: 10;
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #fff;
  text-align: center;
}
.carousel-content.rewards {
  right: 0;
  top: 0;
  left: 0;
  padding-top:0;
  padding-bottom: 0;
}
.carousel-content.rewards .rewards-inner {
  position: absolute;
  width: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: .5rem 0;
  background-color: hsla(0,0%,0%,0.7);
}
.arp-cta {
  background-color: hsla(0,0%,0%,0.7);
}
.arp-cta p {
  line-height: 1em;
  font-size: 1rem;
}
.arp-wizard-subtitle {
  color: hsl(0, 0%, 92%) !important;
}

/**
 ** Featured Items Sliders
 **/

 .featured-items .container {
   padding-left:6rem;
   padding-right:6rem;
 }

 /* equal card height */
.featured-items .row-equal > div[class*='col-'] {
  display: flex;
  flex: 1 0 auto;
}

/* general structure */
.featured-items .row-equal .card {
 width: 100%;
 background-color:unset;
}

.featured-items .card-block {
  padding-top: 5px;
  padding-left: 5px;
  position: absolute;
  width:100%;
  background-color: white;
  color:black;
  height:50px;
}

.featured-items .card-block .row {
  position:absolute;
  top:50%;
  left:5px;
  transform:translateY(-50%);
  width:100%;
}

.featured-items .card-block .row .col-sm-2 {
  border-left: 1px solid #e5e5e5;
  font-size:.7em;
}

.featured-items .card-block.type-giveaway {
  text-align:center;
}

.featured-items .card:hover {
  cursor: pointer;
}

.featured-items .card:hover > .card-block {
  background-color: #3c3a3d;
  color:white;
}

.featured-items .card-block h3, .featured-items .card-block h4 {
  text-transform: uppercase;
  margin-bottom:unset;
}

/* ensure equal card height inside carousel */
.featured-items .carousel-inner>.row-equal.active,
.featured-items .carousel-inner>.row-equal.next,
.featured-items .carousel-inner>.row-equal.prev {
  display: flex;
}

/* prevent flicker during transition */
.featured-items .carousel-inner>.row-equal.active.left,
.featured-items .carousel-inner>.row-equal.active.right {
  opacity: 0.5;
  display: flex;
}

/* control image height */
.featured-items .card-img-top-250 {
  min-height: 250px;
  max-height: 250px;
  overflow:hidden;
  position: relative;
}

/* arrow controllers */
.features-items {
  position: relative;
}

.featured-items .prev {
  position: absolute;
  left:1.2rem;
  top:50%;
  transform:translateY(-50%);
}

.featured-items .next {
  position: absolute;
  right:3rem;
  top:50%;
  transform:translateY(-50%);
}

.featured-items .fa {
  color:white;
  z-index:9999;
}

/* ------------------ breadcrumbs ------------------ */
.breadcrumb > li {
  position: relative;
  padding: 5px 15px;
}
.breadcrumb>li:not(:first-child):before {
  content: ' | ';
  position: absolute;
  top: 5px;
  left: 0;
  height: 100%;
  width: 100%;
}
.breadcrumb>li>a {
  color: inherit !important;
}

/* ------------------ product campaign ----------------- */

#product-campaign-container {
  display: none;
}

.product-campaign {
  color: white;
  background-position:center;
  background-repeat: no-repeat;
  background-image: url('../jpg/arp_1_bg.jpg');
  transition: all .5s;

  height:100vh;
  width:calc(100% - 380px);
  padding: 1rem 0;
}

.product-campaign > .row {
  height:100%;
}

.product-campaign .row {
  margin-right: unset; /* override bootstrap */
  margin-left: unset; /* override bootstrap */
}

.product-campaign__cta.more-link.right, .um-arp-booster__cta {
  padding-right:15px;
}

.product-campaign__cta.more-link:before, .um-arp-booster__cta:before {
  border-width:2px;
  height:12px;
  width:12px;
  margin-top:6px;
  margin-left:-3px;
}

.um-arp-booster__cta:not(.more-link) {
  color:rgb(17, 189, 202);
}

/** product campaign footer **/
.product-campaign__footer {
  width:100%;
  padding-top:10px;
  text-align: center;
  font-size:.9em;
}

/** product campaign left description **/
.product-campaign__description {
  width:85%;
  margin:0 auto;
}

@media(min-width:992px) {
  .product-campaign__description {
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
  }
}

.product-campaign__description h1 {
  font-size: .8em;
}

.product-campaign__description p {
  font-size: .7em;
  text-align: justify;
  color:white;
}

/** product campaign structure **/
.product-campaign__products-wrapper {
  max-height:calc(100vh - 2rem);
}

@media(max-width:576px) {
  .product-campaign__products-wrapper {
    margin-top:unset;
    max-height:unset;
    height:100%;
  }
}

.product-campaign__products-wrapper p {
  margin:unset;
}

.product-campaign__products-wrapper hr {
  border-color:white;
  width:100%;
}

.product-campaign__products-wrapper__product {
  margin: 2rem 0;
  position: relative;
}

.product-campaign__products-wrapper__product-image {
  width:100%;
  height:auto;
}

.product-campaign__products-wrapper__product-title {
  font-size:1.2rem;
}

.product-campaign__products-wrapper__product-description {
  overflow-wrap: break-word;
  font-size:.7rem;
}

.product-campaign__products-wrapper__product-description p {
  color:#eee;
}

@media(max-width:576px) {
  .product-campaign {
    width:100%;
    padding-top:2rem;
  }

  .product-campaign__products-wrapper {
    width:calc(100vh -  10rem);
  }

  .product-campaign__products-wrapper__product:not(.product-campaign__products-wrapper__product--full-bg) {
    height:100%;
  }

  .product-campaign__products-wrapper__product-image {
    width:100%;
    height:100%;
    object-fit:cover;
    margin-top:1rem;
  }
}

@media(min-width:576.1px) {
  .product-campaign__products-wrapper__product--full-bg {
    height:100%;
  }

  .product-campaign__products-wrapper__product--alt .col-md-7 {
    order: 2;
  }

  .product-campaign__products-wrapper__product-float {
    position:absolute;
    top:0;
    right:0;
    padding:1rem;
    width:60%;
  }
}

/* ------------------ advent calendar ------------------ */
#advent-calendar-container {
  display: none;
}

.advent-calendar {
    color: white;
    min-height:100vh;
    transition: all .5s;
    width:calc(100% - 380px);
    padding-top:6rem;
    background-image: url('../jpg/arp_1_bg.jpg');
    background-size:cover;
    background-repeat:no-repeat;
}

.advent-calendar.narrow {
    width: calc(100% - 380px);
    transition: width 1s ease-in-out;
}

.advent-calendar .row {
    margin-right: unset; /* override bootstrap */
    margin-left: unset; /* override bootstrap */
}

/** advent calendar header **/
.advent-calendar__header {
    width:100%;
    padding-top:6px;
    padding-bottom:6px;
    text-align:center;
    font-size:1.1em;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    margin-bottom:20px;
}

/** advent calendar footer **/
.advent-calendar__footer {
    width:100%;
    padding-top:10px;
    text-align: center;
    font-size:.9em;
}

/** advent calendar left description **/
.advent-calendar__description {
    width:85%;
    margin:0 auto;
}

@media(min-width:992px) {
  .advent-calendar__description {
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
  }
}

.advent-calendar__description h1 {
    font-size: .8em;
}

.advent-calendar__description p {
    font-size: .7em;
    text-align:justify;
    color:white;
}

/** advent calendar days structure **/
.advent-calendar .advent-calendar__days-wrapper {
    padding-bottom:8vh
}

.advent-calendar .row.advent-calendar__days {
    border-bottom: 1px solid white;
}

.advent-calendar .col.advent-calendar__day {
    border-left: 1px dashed hsla(47, 99%, 34%, 1);
}

.advent-calendar .col.advent-calendar__day.no-border {
    border: unset;
    height:100px;
}

.advent-calendar__day small {
    font-size: .6em;
    position: relative;
    z-index: 1;
}

.advent-calendar .advent-calendar__day.current {
    border: 1px solid hsla(47, 99%, 34%, 1);
    box-shadow: 0 0 10px hsla(47, 99%, 34%, 1);
}

/** advent calendar rewards **/
.advent-calendar__reward {
  position:relative;
  width:100%;
  height:50px;
  margin-top:.5rem;
  user-select: none;
}

.advent-calendar__reward img {
    max-width:70px;
    max-height: 75px;
    height:auto;

    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}

.advent-calendar__reward .advent-calendar__reward-bonus {
    position: absolute;
    right: 10px;
}

.profile-daily-reward .advent-calendar__reward-bonus {
  position: absolute;
  right: 0px;
  top: 5px;
  font-size: 0.8rem;
}

.advent-calendar__reward-fragments {
  font-weight: bold;
}

.advent-calendar__reward h1 {
  font-size: 1.1em;
}

.advent-calendar__reward h2 {
  font-size: 1em;
}

.advent-calendar__reward h1,
.advent-calendar__reward h2 {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    text-align: center;
}

#um .dr-current {
    text-align: center;
}

/* ------------------ promotional calendar ------------------ */
.overlay.active.promo-cal {
    z-index: 5;
}
#promotional-calendar-container {
  display: none;
}

.promotional-calendar {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.promotional-calendar__box {
    position:absolute;
    left:50%;
    transform:translateX(-50%);

    height:80vh;
    width:75vw;

    color:white;
    text-align:center;
}

.promotional-calendar__border {
    width:100%;
    height:auto;
}

/** calendar days structure **/
.promotional-calendar__days {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-top:20px;
    padding-left:33px;
    padding-right:33px;
    padding-bottom:11px;
    height: 75%;
    display: flex;
    justify-content: center;
}

.promotional-calendar__day {
    max-width:200px;
    position: relative;
    padding-left:3px;
    padding-right:3px;
    max-height: 500px;
}

.advent-calendar .advent-calendar__day-overlay {
  display:none;

  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#00000070;
  color:white;

  justify-content: center;
  align-items:center;
  z-index:2;
}

.advent-calendar .advent-calendar__day:hover .advent-calendar__day-overlay {
  display:flex;
  cursor: pointer;
}

.promotional-calendar__day-image {
    height: calc(100% - 100px);
    position:relative;
}

.promotional-calendar__day-image img {
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:.9;
}

.promotional-calendar__day-label {
  position:absolute;
  bottom:0;
  width:100%;
  text-align:center;
  padding:1rem 0;
  font-size:.85em;
}

.promotional-calendar__day-info {
    height: 100px;
    width: 100%;
    color:white;
    text-align:center;
    background-color: rgba(0,0,0,0.7);
    padding: 0.5rem;

    display: flex;
    align-items: center;
    justify-content: center;
}

.promotional-calendar__day-info h1 {
    font-size: 1em;
    margin-bottom: 3.5rem;
    color: white;
}

.promotional-calendar__day-info h4 {
    font-size: .6em;
    text-transform: uppercase;
    margin-bottom:2vh;
}

.promotional-calendar__day-date {
    font-size: 1.2em;
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0.5rem;
}

.promotional-calendar__day-info .btn {
    font-weight: 600;
    border-color: rgb(83,83,83);
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    bottom: 0.5rem;
    width: calc(100% - 60px);
}

.promotional-calendar__day-claimed {
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
}

@media(max-width:640px) {
    .promotional-calendar__box {
        height:90vh;
        width:100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .promotional-calendar__days {
        background-image: unset;
        display: block;
        height: unset;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 1;
    }

    .promotional-calendar__day {
        max-height: unset;
        max-width: unset;
        width: 80%;
        padding-left: 10px;
        padding-right: 10px;
        height: 100%;
    }

    .promotional-calendar__day-info {
        bottom:.75vh;
    }

    .promotional-calendar__day-info .btn {
        width: 75%;
        font-size: 1rem;
    }

    .promotional-calendar__bottom-border {
        margin-bottom: 20px;
    }

    .promotional-calendar__day-image img {
        opacity: 1;
    }
}

/** custom JS tabs **/
.js-tab:not(.active) {
  display:none;
}

.profile-avatar-container .avatar.color-bordered, .avatar-container .avatar.color-bordered {
    border-width: 5px;
    border-style: solid;
}
.profile-avatar-container .border, .avatar-container .border {
    max-height: 78px;
    aspect-ratio: 79 / 125;
    position: absolute;
    z-index: 1;
    background-position: center;
    border: none !important;
}

.avatar-container {
  position: relative;
}

.avatar-container .avatar-imgs {
  display: flex;
  justify-content: center;
  align-items: center;
}

.avatar-container .avatar.bordered {
  z-index: 1;
  height: auto;
}

.avatar.color-bordered {
  border-width: 5px;
  border-style: solid;
}

/* ------------------ sideways button styles ------------------ */
.btn-sideways {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50px;
  background-color: hsla(240, 1%, 16%, 0.8);
  color: hsla(0, 0%, 100%, 1) !important;
  transition: all 0.5s cubic-bezier(0.5, 0.05, 0.6, 0.2);
  opacity: 0;
  pointer-events: none;
}
.btn-sideways.previous {
  left: 0;
  transform: translateX(-50px);
}
.btn-sideways.next {
  right: 0;
  transform: translateX(50px);
}
.btn-sideways.previous.active,
.btn-sideways.next.active {
  pointer-events: auto;
  transform: translateX(0);
  opacity: 1;
  z-index: 2;
}
.btn-sideways__label {
  width: 100vw;
  position: absolute;
  top: 50%;
  left: 0;
  transform: rotate(270deg) translateX(-50%) translateY(50%);
  transform-origin: 0 0;
  font-family: 'AlienwareLight', sans-serif;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1.5rem;
}
.btn-sideways.next .btn-sideways__label {
  left: 4px;
}

/** Common Landing Page Styling (UCF: Video/News/etc) **/
.common__landing-post__author {
  width:100%;
}

.common__landing-post__author .row div {
  position: relative;
}

.common__landing-post__author .col-user-details {
    padding: 0;
    height: 100%;
}

.common__landing-post__author .user-badges {
  height:100%;
}

.common__landing-post__author .user-badges > div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.common__landing-post__author .user-badges > div img:not(.user-prestige):not(.user-insignia) {
  width:100%;
  max-width:32px;
  height:auto;
}

.common__landing-post__author .user-badges > div img.user-insignia {
  max-width:48px;
  height:auto;
}

.common__landing-post__author img.avatar {
  max-width: 70px;
  aspect-ratio: 55 / 58;
  max-height: 100px;
  object-fit: cover;
}

.common__landing-post__author .col-avatar {
  margin-right:.35rem;
}

.common__landing-post__author .profile-username {
  font-size:1.2em;
  border-bottom: 2px solid hsla(0, 0%, 60%, 0.5);
  width:100%;
  margin:unset;
  height: 50%;
  display: flex;
}

.common__landing-post__author .profile-username span {
  margin-top: auto;
}

.common__landing-post__author .profile-username a {
  text-decoration:none;
  color:inherit;
}

.common__landing-post__author .profile-subtitle {
    font-size: 0.8em;
    height: 50%;
    margin-top: 5px;
}

.profile-subtitle.images {
  display: flex;
  justify-content: center;
  align-items: center;
}

.profile-subtitle.images:has(>.user-full-avatar.bordered) {
  margin: 15px 0;
}

.profile-subtitle.images img.border {
  max-height: 250px;
  aspect-ratio: 79 / 125;
}

.user-full-avatar {
  width: 220px;
  aspect-ratio: 55 / 58;
}

.common__landing-post__author .col-avatar {
    flex-grow: 0;
    flex-basis: 70px;
}

@media (max-width: 1200px) and (min-width: 771px) {
  .profile-subtitle.images img.border {
    max-height: 210px;
  }
}

@media(max-width:576px) {
  .common__landing-post__author .profile-username {
    font-size:1.1em;
  }

  .common__landing-post__author .col-avatar {
    flex-basis:90px;
  }

  .common__landing-post__author .user-badges {
    margin-left:3rem;
    margin-right:-3rem;
  }

  .common__landing-comments__post-meta .media-left {
    padding:unset;
  }

  .common__landing-comments__post-meta {
    padding:.25rem;
    width: calc(100% + 2rem + 20px);
    margin-left: calc(-1rem + -10px);
  }

  .profile-subtitle.images {
    margin: 8px 0;
  }

  .profile-subtitle.images img.border {
    height: 110px;
    margin: 0;
  }

  .user-full-avatar {
    width: 96px;
  }
}

@media(min-width:576.1px) {
  .common__landing-post__author .profile-username .timeago::before {
    content: '\2022';
    margin-right:5px;
  }

  .comments-profile {
    border-right:1px solid #c0c2c4!important;
  }

  .common__landing-post__author .user-badges > div:not(:first-child):not(:last-child) {
    border-right: 1px solid hsla(0, 0%, 60%, 0.5);
  }

  .ucf-comments .common__landing-comments__post-meta {
    padding:.75rem 1.25rem;
    width: calc(100% + 2rem + 40px);
    margin-left: calc(-1rem + -20px);
  }
}

.common__landing-post__author .profile-username .timeago {
    margin-left: auto;
    padding-left:10px;
    padding-right:10px;
}

.common__landing-comments {
  margin:1rem;
}

.common__landing-comments__post ul {
  margin:unset;
}

.common__landing-comments__meta {
  font-size:.9em;
  padding: 1rem .7rem;
  border-top: 1px solid hsla(165,6%,86%,0.4);
  border-bottom: 1px solid hsla(165,6%,86%,0.4);
}

.common__landing-comments__meta a.js__jump-to-post {
  margin-left:2rem;
  font-size:.8em;
}

.common__landing-comments__post-meta {
  background-color:rgb(192,192,192);
}

.arp-quest__comments-wrapper .common__landing-comments__post-meta {
  background-color: unset !important;
}

.common__landing-comments__post-options {
  text-align:center;
}

.common__landing-comments__post-options .common__landing-comments__post-option {
  display:inline;
  border-right: 1px solid hsla(165,6%,86%,0.4);
  padding:.5rem;
}

.common__landing-comments__post-options .common__landing-comments__post-option:last-child {
  border:unset;
}

.common__landing-comments__post-content {
  padding:1rem 4rem;
  font-size:1rem;
}

@media (max-width: 575.98px) {
  .common__landing-comments__meta a.js__jump-to-post {
    display:block;
    margin-left:unset;
  }

  .common__landing-comments__post-content {
    padding:1rem 0;
    font-size:.8rem;
  }

  .col-user-personalization * {
    border: unset !important;
  }

  .col-user-personalization .row>.col,.col-user-personalization .row>[class*=col-]{padding-right:0;padding-left:0}
}

.common__landing-comments__post-content img {
    max-width: 100% !important;
    max-height: none;
    height: inherit !important;
}
.featured-widget .flickity-prev-next-button {
  width: 80px;
  height: 80px;
  background: transparent;
}
.featured-widget .flickity-prev-next-button:hover {
  background: transparent;
}
.featured-widget .flickity-prev-next-button .arrow {
  fill: white;
}

/*------------------ panels -----------------*/
.panel, /* legacy panel */
.panel-widget {
  padding: 0 10px 10px;
  border: 2px solid #808284;
  background-color: hsla(0, 0%, 100%, 0.8);
  color: #2b2b2b;
  margin-bottom: 5px;
}
.panel-heading, /* legacy panel */
.panel-widget__heading {
  text-transform: uppercase;
  text-align: center;
  font-size: 1.2rem;
  margin: 15px 0;
}
.panel-widget__table a {
  color: #2b2b2b !important;
}
.panel-widget__row {
  border-bottom: 1px solid hsla(0, 0%, 50%, 0.5);
  display: flex;
  align-items: center;
}
.panel-widget__cell {
    padding: 7px;
}
.panel-widget__cell:not(:last-child) {
  border-right: 1px solid #808284;
}

.panel-widget-ad {
  display: flex;
  justify-content: center;
  padding: 0 10px 10px;
  margin-bottom: 5px;
}

.top-arp-widget .panel-widget__cell img {
  width:24px;
  height:24px;
  object-fit:cover;
  border-radius:50%;
  margin-top:-5px;
}

/*------------------ forums -----------------*/
.forums__table {
    margin-bottom: none;
}

.forums__table th {
    font-size: 1.2rem;
    color: #2b2b2b;
    font-weight: normal;
}

.forums__table td {
    padding: 1.2rem;
    vertical-align: middle;
    
}

.forums__table td a.forums__topic-link {
    width: 700px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.forums__table-title {
    width: 500px;
}

.forums-layout {
    padding: 0 15px;
    position: relative;
}

.forums-list-widget__updates {
  color: #00baf8;
}

.forums__header {
  position: relative;
  min-height: 100px;
  background-color: hsla(0, 0%, 100%, 0.8);
}

.forums__header-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10%;
  color: white;
  line-height: 1.5rem;
}

.forums__header-title {
  font-size: 1.3rem;
  font-weight: bold;
}

.forums__header-subtitle {
  font-size: 0.8rem;
}

.forums__topics {
    background-color: hsla(0, 0%, 100%, 0.8);
    border-bottom: 2px solid #808284;
    margin-bottom: 20px;
}

@media(min-width:1200px) {
  .forums__topics {
      padding: 20px 50px;
  }
}

.forums__topics-list th {
    font-size: 1.2rem;
    color: #2b2b2b;
    font-weight: normal;
}
.forums__topics_list td {
    padding: 1.2rem;
}
.forums__topic-title, .forums__last-post {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.forums__topic-link {
  color: #2b2b2b !important;
}
.forums__topic.disabled a {
  color: #808080 !important;
  pointer-events: none;
}
.forums__topics .topic-mobile-row * {
  font-size:.9em;
  color: black !important;
  text-decoration: none;
}
.forums__topics-list thead th, .forums__topics-list th {
  border: none;
}
.forums__topics-list {
  font-size: 0.9rem;
  color: #2b2b2b;
}
.forums__topic-icons span:not(:last-child) {
  margin-right: 5px;
}

@media(max-width:576px) {
  .forums-layout {
    flex-direction: column;
    padding: 0;
  }
}

@media(min-width:768px) {
  .forums-layout {
      padding: 0 40px;
      margin: 0 20px;
  }
}

.forums__btn-sideways {
  position: absolute;
  top: 6rem;
  height: 100%;
  padding: 15px 0px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 50px;
  background-color: hsla(0, 0%, 100%, 1);
  color: hsla(240, 1%, 16%, 0.8) !important;
  transition: all 0.5s cubic-bezier(0.5, 0.05, 0.6, 0.2);
  opacity: 0;
  pointer-events: none;
  max-height: 600px;
}
.forums__btn-sideways.left {
  left: 0;
  transform: translateX(-50px);
}
.forums__btn-sideways.right {
  right: 0;
  transform: translateX(50px);
}
.forums__btn-sideways.left.active, .forums__btn-sideways.right.active {
  pointer-events: auto;
  transform: translateX(0);
  opacity: 1;
}
.forums__btn-sideways__label {
  writing-mode: vertical-lr;
  position: absolute;
  top: 50%;
  height: 100%;
  left: 15px;
  transform: rotate(180deg) translateY(50%);
  font-family: 'AlienwareLight', sans-serif;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1.5rem;
}
.poll-info .progress.poll {
  height: 20px;
  margin-bottom: 10px;
}
.content-type:before {
    font-family: 'Font Awesome 6 Free';
}
.content-type.ForumPost:before {
    content: "\f086";
}
.content-type.Video:before {
    content: "\f03d";
    font-weight: 900;
}
.content-type.News:before {
    content: "\f1ea";
}
.content-type.ForumPoll:before {
    content: "\f200";
    font-weight: 900;
}
.content-type.Sweepstakes:before {
    content: "\f02b";
    font-weight: 900;
}
.content-type.Giveaway:before {
    content: "\f06b";
    font-weight: 900;
}
/** only used on forum/boards index pages */
.table-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  border-bottom: 1px solid #c0c2c4;
}
.table-row.disabled,
.table-row.disabled a {
  cursor: not-allowed;
}
.table-row.header {
  font-size: 1.2rem;
  color: #2b2b2b;
}
.t-wrap {
  display: flex;
  flex-direction: row;
  flex-grow: 0;
}
.th-left,
.th-text,
.text,
.text-last {
  flex-grow: 1;
}
.text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text {
  width: 172px;
}
.text-last {
  width: 120px;
}
.text-sm, .icon {
  width: 85px;
  text-align: center;
}
.text, .text-sm, .icon:not(.border.icon) {
  padding: .75rem;
}
.label {
  display: none;
}
/*
 * Media queries: optimize for different screen widths.
 */

@media all and (max-width: 1200px) {
  .th-text {
    flex-direction: column;
  }
  .th-text div {
    flex-grow: 0;
    width: 100%;
  }
  .th-text {
    width: 172px;
  }
  .text-sm, .icon {
    text-align: right;
  }
  .text-title {
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: none !important;
  }
  .label {
    display: inline;
  }
}
@media all and (max-width: 576px) {
  .th-left,
  .th-right {
    flex-direction: column;
  }
  .th-left div,
  .th-right div {
    flex-grow: 0;
    width: 100%;
  }
  .th-left {
    width: 180px;
  }
  .th-right {
    width: 120px;
  }
  .text-sm, .icon {
    text-align: right;
  }
  .text-title {
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: none !important;
  }
  .label {
    display: inline;
  }
}
@media all and (max-width: 320px) {
  .table-row {
    flex-direction: column;
  }
  .table-row div {
    flex-grow: 0;
    width: 100%;
  }
  .text-sm, .icon {
    text-align: right;
  }
  .text-title {
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: none !important;
  }
  .label {
    display: inline;
  }
}

/* Microsoft Edge Browser 12+ (All) - one-liner method */

_:-ms-lang(x), _:-webkit-full-screen, .text-title { white-space: unset !important; }
_:-ms-lang(x), _:-webkit-full-screen, .text-last { white-space: unset !important; }
_:-ms-lang(x), _:-webkit-full-screen, .th-left { width:100%; }

/*----------- pagination ------------*/
ul.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center;
}
ul.pager li {
    display: inline;
}

/*----------- discussion layout ------------*/
.discussion__op {
  background-color: hsla(0, 0%, 100%, 0.8);
  padding: 20px;
  border-bottom: 2px solid #808284;
  margin-bottom: 20px;
  color: #282829;
}
.discussion__op p {
  color: #282829;
  line-height: 1.5rem;
}
.discussion__op-title {
  border-bottom: 2px solid hsla(0, 0%, 60%, 0.5);
}
.discussion__op-title h1 {
  font-size: 1.8rem;
}
.discussion__op-meta {
    margin-top: 10px;
}

.discussion__op-meta .discussion__op-meta__votes {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.discussion__op-meta .discussion__op-meta__votes ul {
  margin:unset;
}


.discussion__op-content {
    margin-top: 10px;
}
.ucf__content img {
    max-width: 100% !important;
    max-height: none;
    height: inherit !important;
}
.discussion__op_edited {
  color: #282829;
  font-size: .9rem;
  line-height: 1;
  margin-top: 5px;
}
.discussion__op-actions {
  margin-top: 15px;
  margin-bottom: 15px;
  border-top: 2px solid hsla(0, 0%, 60%, 0.5);
}
.discussion__op-share {
  margin-top: 10px;
}

@media(max-width:576px) {
  .discussion__op {
    padding:10px;
  }
  .discussion__op-actions .btn-group {
    flex-wrap: wrap;
  }
}

@media(min-width:576.1px) {
  .discussion__op-meta__votes {
    border-left:1px solid #c0c2c4!important;
  }
}

/*------------ legacy support --------------*/
.ucf-form__wrapper {
    background-color: hsla(0, 0%, 100%, 0.5);
    color: #2b2b2b;
    padding: 15px;
}
.ucf-form__wrapper p {
  color: inherit;
}

/*-------------- Error page ----------------*/
.error-header {
  text-align: center;
  padding: 1em;
}
.error-body {
  background-image: url('../jpg/error_bg_ptn.jpg');
}
.error-container  {
  padding-top: 8.5em;
  padding-left: 5em;
  font-size: 1.5rem;
  vertical-align: middle;
  color: white;
  max-width: 50%;
}

.error-container h1 {
  text-align: left !important;
}

.error-container p {
  color: white;
}

/* -------------- comments -----------------*/
.container-comment-form {
    position: relative;
}

.loader-icon-container {
    position: absolute;
    top: 0; left: 0;
    background: hsla(0,0%,100%,0.6);
    height: 100%;
    width: 100%;
    text-align: center;
}

.loader-icon .icon-alienware {
    position: absolute;
    padding: 10px;
    left: 10px;
    top: 8px;
    color: hsla(0,0%,0%,1);
}

.loader-icon,
.loader-icon:before,
.loader-icon:after {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.loader-icon {
  margin: 0 auto;
  position: relative;
  background: transparent;
  transform: translateY(50%);
}

.loader-icon:before,
.loader-icon:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  border: 5px solid #00baf8;
  opacity: 0.5;
  animation: 3s rotate infinite linear;
}

.loader-icon:before {
  border-left-color: transparent;
}

.loader-icon:after {
  top: 10.5%;
  left: 10.5%;
  width: 40px;
  height: 40px;
  border-right-color: transparent;
  opacity: 0.9;
  animation-direction: reverse;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

figure.media {
  display: block;
}

/* Contact-FAQ, about, TOS, Privacy Policy  */
.faq-legal {
  opacity:.7;
  margin-bottom: 3rem !important;
}

.faq-legal li,
.faq-legal p {
  font-size: 0.9rem;
  color: #282829 !important;
}

.faq-legal h3 {
  font-size: 1.1rem;
  color: #282829 !important;
}

.faq-legal h1 {
  font-size: 1.7rem;
  color: #282829 !important;
}

/** advertisement wrapper **/
.promo-wrapper {
  width:100%;
}

.promo-wrapper img {
  width:100%;
  height:auto;
  margin:0 auto;
}

@media(min-width:1920px) {
  .promo-wrapper img {
    max-width:1920px;
  }

  .tile-slider {
    max-width:1920px;
    margin: 0 auto;
  }
}

.bg-none {
  background:unset !important;
}

.tooltip-lg .tooltip-inner {
  max-width: 300px !important;
}

.awa-introjs::before {
  content: '';
  background-color: #015eab;
  background-image: url("data:image/svg+xml,%3Csvg%20style%3D%22width%3A%201.25rem%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20139.55%20198.28%22%3E%3Cdefs%3E%3Cstyle%3E.svg-footer-fill%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22svg-footer-fill%22%20d%3D%22M316.8%2C444.88c19.56-41%2C50.16-48%2C50.16-48%2C2.61%2C47.11-50.16%2C48-50.16%2C48m-69.43-48s30.59%2C7%2C50.16%2C48c0%2C0-52.77-.89-50.16-48m129-22.19c-.43-5.52-1.08-11-2.05-16.44a108.94%2C108.94%2C0%2C0%2C0-4.05-16%2C82%2C82%2C0%2C0%2C0-3.08-7.74%2C65.34%2C65.34%2C0%2C0%2C0-3.91-7.29%2C57.52%2C57.52%2C0%2C0%2C0-10.61-12.74A66.23%2C66.23%2C0%2C0%2C0%2C339.13%2C305a69.4%2C69.4%2C0%2C0%2C0-15.44-6%2C65.76%2C65.76%2C0%2C0%2C0-33.05%2C0%2C69.4%2C69.4%2C0%2C0%2C0-15.44%2C6%2C66.23%2C66.23%2C0%2C0%2C0-13.54%2C9.48%2C57.35%2C57.35%2C0%2C0%2C0-5.77%2C6A58.7%2C58.7%2C0%2C0%2C0%2C251%2C327.2a67%2C67%2C0%2C0%2C0-3.9%2C7.29%2C79.4%2C79.4%2C0%2C0%2C0-3.08%2C7.74%2C110.25%2C110.25%2C0%2C0%2C0-4.06%2C16c-1%2C5.42-1.61%2C10.92-2%2C16.44a163.2%2C163.2%2C0%2C0%2C0-.54%2C16.53A106.59%2C106.59%2C0%2C0%2C0%2C239%2C407.63c.49%2C2.73%2C1.11%2C5.47%2C1.86%2C8.14s1.65%2C5.3%2C2.64%2C7.87c4%2C10.26%2C9.57%2C19.76%2C15.7%2C29%2C3.06%2C4.62%2C6.23%2C9.16%2C9.46%2C13.66a140.31%2C140.31%2C0%2C0%2C0%2C10.21%2C13%2C67.35%2C67.35%2C0%2C0%2C0%2C5.94%2C5.76%2C58.47%2C58.47%2C0%2C0%2C0%2C6.73%2C4.94%2C39.1%2C39.1%2C0%2C0%2C0%2C7.46%2C3.73%2C26.37%2C26.37%2C0%2C0%2C0%2C4%2C1.08%2C23.8%2C23.8%2C0%2C0%2C0%2C8.36%2C0%2C26.06%2C26.06%2C0%2C0%2C0%2C4-1.08%2C38.89%2C38.89%2C0%2C0%2C0%2C7.47-3.73%2C58.47%2C58.47%2C0%2C0%2C0%2C6.73-4.94%2C67.35%2C67.35%2C0%2C0%2C0%2C5.94-5.76%2C142%2C142%2C0%2C0%2C0%2C10.21-13c3.23-4.5%2C6.39-9%2C9.46-13.66%2C6.13-9.22%2C11.74-18.72%2C15.7-29%2C1-2.57%2C1.88-5.19%2C2.63-7.87s1.38-5.41%2C1.87-8.14a106.59%2C106.59%2C0%2C0%2C0%2C1.55-16.41c.12-5.5-.11-11-.54-16.53%22%20transform%3D%22translate%28-237.39%20-296.9%29%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-origin: content-box;
  background-repeat: no-repeat;
  background-position: center;
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  top: -16px;
  left: -16px;
  z-index: 9999999999!important;
  padding: 2px;
  font-family: Arial,verdana,tahoma;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
  width: 20px;
  height: 20px;
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0,0,0,.4);
}

.introjs-tooltip {
  background-color: rgba(000, 0, 0, 0.9) !important;
}

.powered-by-intel {
  margin-top:1rem;
  max-width:100px;
  height:auto;
}

img[src^="https://ad.doubleclick.net"] {
    position: absolute;
}

.lds-ellipsis {
      display: inline-block;
      position: relative;
      width: 50px;
      height: 14px;
}
.lds-ellipsis div {
    position: absolute;
    top: 8px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #282829;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 20px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 40px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(20px, 0);
    }
}

@media(max-width:567px) {
  .user-full-avatar {
    width: 90px;
  }

  .profile-subtitle img.border {
    width: 90px;
  }
}

/* ------------------ modal ------------------- */
.modal-dark {
  background-color: rgb(33,37,41);
  align-self: center;
  border: 1px solid #495057;
}
.modal-dark .modal-body {
  background-color: rgb(33,37,41);
}
.modal-dark .modal-header {
  background-color: rgb(33,37,41);
  border-bottom: 1px solid #495057;
}
.modal .modal-dark .close {
  color: white;
}
.modal .modal-dark .close:hover,
.modal .modal-dark .close:focus {
    color: #aaaaaa;
    transition: color 0.3s;
}
.modal-dark .modal-footer {
  background-color: rgb(33,37,41);
  border-top: 1px solid #495057;
}
.modal-dark h3,
.modal-dark h5 {
    color: white;
    font-size: 1.2em;
}

.modal-dark p,
.modal-dark label {
    color: white !important;
    font-size: 0.9em;
}
.modal-dark .modal-title {
  line-height: 1.2;
  text-transform: none;
  color: #fff;
}
.modal .close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.modal-header .close {
  padding: 15px;
  margin: -1rem -1rem -1rem auto;
}
.modal .close:hover {
  color: #000;
  text-decoration: none;
}
.modal .close:not(:disabled):not(.disabled):focus,
.modal .close:not(:disabled):not(.disabled):hover {
  opacity: 0.75;
}
.modal button.close {
  background-color: transparent;
  border: 0;
  appearance: none;
}
.modal a.close.disabled {
  pointer-events: none;
}

/* radio-select */
.radio-select {
  display:flex;
  flex-direction: column;
  position:relative;
  height:40px;
}

.radio-select .option {
  padding:0 30px 0 10px;
  min-height:40px;
  align-items:center;
  background:#333;
  border-top:#222 solid 1px;
  position:absolute;
  top:0;
  width: 100%;
  pointer-events:none;
  order:2;
  z-index:1;
  transition:background .4s ease-in-out;
  box-sizing:border-box;
  overflow:hidden;
  white-space:nowrap;
  margin: 0;
  display: none;
}

.radio-select .option:hover {
  background:#666;
}

.radio-select:focus .option {
  position:relative;
  pointer-events:all;
  display: flex;
}

.radio-select .option-wrapper {
  display: flex;
  flex-direction: column;
  max-height: 300px;
  overflow: auto;
  position: absolute;
  width: 100%;
}

.radio-select input {
  opacity:0;
  position:absolute;
  left:-99999px;
}

.radio-select input:checked + label {
  display: flex;
  order: 1;
  z-index:2;
  background: transparent;
  border-top:none;
  border-bottom: 1px solid #c0c2c4;
  position:relative;
}

/* Invert weglot selector colors */
div.weglot-container div,
div.weglot-container ul {
  background-color: black !important;
}

div.weglot-container div a,
div.weglot-container ul li a {
  color: white;
}

.wg-drop.country-selector .wgcurrent:after {
  background-size: 8px !important;
}

div.weglot-container .wg-drop.country-selector.closed .wgcurrent:after {
  transform: none !important;
  background-image: url("../png/chevron-right-white.png") !important;
}

div.weglot-container .wg-drop.weg-openup .wgcurrent:after {
  transform: rotate(-90deg) !important;
  background-image: url("../png/chevron-right-white.png") !important;
}