body {
  background-color: rgba(0, 0, 0, 1) !important;
  background-image: url('../jpg/bg.jpg');
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  background-attachment: fixed;
  font-family: 'AlienwareRegular', RobotoCondensed, sans-serif;
  color: #999;
}
.body-account {
  background-color: #0c0d11 !important;
  background-image: none;
  background-attachment: fixed !important;
}
body.no-bg {
  background-image: none !important;
}
main > .container {
  padding: 80px 15px 0;
}
p {
  font-family: 'AlienwareLight', sans-serif;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.7em;
  color: #999;
  margin-top: 0;
    margin-bottom: 1rem;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-family: AlienwareLight;
    text-transform: uppercase;
    letter-spacing: 0.125rem;
}
.small, small {
  font-size: 80%
}
.text-dark {
  color: #282829 !important
}

a, a:hover, a:focus {
  color: inherit;
  text-decoration: none;
}

a.text-dark:focus,
a.text-dark:hover {
  color: #020202 !important
}

.hidden {
  display: none !important;
}

.awicon {
  display: block;
  height:24px;
  width:24px;
  background-repeat: no-repeat;
  background-size: contain;
}
.awicon.search {
  background-image: url('../png/aw-searchicon.png');
}
.nav-item-search {
  margin-left: 2rem;
}

/* ------------------ 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;
    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;
}

/* ------------------ 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);
}

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

.btn {
  --bs-btn-border-radius: 0;
  display: inline-block;
  font-weight: 400;
  color: var(--bs-btn-color);
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: var(--bs-btn-bg);
  border: 1px solid var(--bs-btn-border-color);
  padding: .5rem .75rem;
  font-size: 1rem;
  text-transform: capitalize;
  line-height: 1.25;
  border-radius: none;
  transition: all .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .btn {
      transition: none
  }
}

.btn:hover {
  text-decoration: none
}

.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(40, 40, 41, .25)
}

.btn.disabled,
.btn:disabled {
  opacity: .65
}

.btn-block {
  display: block;
  width: 100%
}

.btn-block+.btn-block {
  margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
  width: 100%
}

.btn-primary {
  --bs-btn-bg: transparent;
  --bs-btn-hover-bg: transparent;
  --bs-btn-active-bg: transparent;
  --bs-btn-focus-bg: transparent;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-color: #282829;
  --bs-btn-hover-color: #282829;
  --bs-btn-active-color: #282829;
  --bs-btn-focus-color: #282829;
  --bs-btn-disabled-color: #282829;
  --bs-btn-border-color: #282829;
  --bs-btn-hover-border-color: #282829;
  --bs-btn-active-border-color: #282829;
  --bs-btn-focus-border-color: #282829;
  --bs-btn-disabled-border-color: #282829;
}

.btn-primary:hover {
  border-color: #0f0f0f
}

.btn-primary.focus,
.btn-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(72, 72, 73, .5)
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  color: #fff
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(72, 72, 73, .5)
}

.btn-secondary {
  color: #fff;
  border: 1px solid #fff
}

.btn-secondary.focus,
.btn-secondary:focus {
  box-shadow: 0 0 0 .2rem rgba(223, 223, 223, .5)
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(223, 223, 223, .5)
}

.btn-success {
  color: #00f0a0;
  border-color: #00f0a0
}

.btn-success:hover {
  border-color: #00ca87
}

.btn-success.focus,
.btn-success:focus {
  box-shadow: 0 0 0 .2rem rgba(6, 210, 142, .5)
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(6, 210, 142, .5)
}

.btn-info {
  color: #00f0f0;
  border-color: #00f0f0
}

.btn-info:hover {
  border-color: #00caca
}

.btn-info.focus,
.btn-info:focus {
  box-shadow: 0 0 0 .2rem rgba(6, 210, 210, .5)
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(6, 210, 210, .5)
}

.btn-warning {
  color: #f05000;
  border-color: #f05000
}

.btn-warning:hover {
  border-color: #ca4300
}

.btn-warning.focus,
.btn-warning:focus {
  box-shadow: 0 0 0 .2rem rgba(242, 106, 38, .5)
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(242, 106, 38, .5)
}

.btn-danger {
  color: #f00000;
  border-color: #f00000
}

.btn-danger:hover {
  border-color: #ca0000
}

.btn-danger.focus,
.btn-danger:focus {
  box-shadow: 0 0 0 .2rem rgba(242, 38, 38, .5)
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(242, 38, 38, .5)
}

.btn-light {
  color: #c0c2c4;
  border-color: #c0c2c4
}

.btn-light:hover {
  border-color: #acafb2
}

.btn-light.focus,
.btn-light:focus {
  box-shadow: 0 0 0 .2rem rgba(169, 171, 173, .5)
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(169, 171, 173, .5)
}

.btn-dark {
  color: #282829;
  border-color: #282829
}

.btn-dark:hover {
  border-color: #151516
}

.btn-dark.focus,
.btn-dark:focus {
  box-shadow: 0 0 0 .2rem rgba(72, 72, 73, .5)
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(72, 72, 73, .5)
}

.btn-outline-primary {
  --bs-btn-color: #282829;
  --bs-btn-border-color: #282829;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #282829;
  --bs-btn-hover-border-color: #282829;
  --bs-btn-disabled-color: #282829;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #282829;
  --bs-btn-active-border-color: #282829;
  --bs-btn-focus-box-shadow: 0 0 0 .2rem rgba(40, 40, 41, .5);
}

.show>.btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(40, 40, 41, .5)
}

.btn-outline-secondary {
  color: #fff;
  border-color: #fff
}

.btn-outline-secondary:hover {
  color: #282829;
  background-color: #fff;
  border-color: #fff
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
  box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #fff;
  background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
  color: #282829;
  background-color: #fff;
  border-color: #fff
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
}

.btn-outline-success {
  color: #00f0a0;
  border-color: #00f0a0
}

.btn-outline-success:hover {
  color: #282829;
  background-color: #00f0a0;
  border-color: #00f0a0
}

.btn-outline-success.focus,
.btn-outline-success:focus {
  box-shadow: 0 0 0 .2rem rgba(0, 240, 160, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #00f0a0;
  background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
  color: #282829;
  background-color: #00f0a0;
  border-color: #00f0a0
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(0, 240, 160, .5)
}

.btn-outline-info {
  color: #00f0f0;
  border-color: #00f0f0
}

.btn-outline-info:hover {
  color: #282829;
  background-color: #00f0f0;
  border-color: #00f0f0
}

.btn-outline-info.focus,
.btn-outline-info:focus {
  box-shadow: 0 0 0 .2rem rgba(0, 240, 240, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #00f0f0;
  background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
  color: #282829;
  background-color: #00f0f0;
  border-color: #00f0f0
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(0, 240, 240, .5)
}

.btn-outline-warning {
  color: #f05000;
  border-color: #f05000
}

.btn-outline-warning:hover {
  color: #fff;
  background-color: #f05000;
  border-color: #f05000
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
  box-shadow: 0 0 0 .2rem rgba(240, 80, 0, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #f05000;
  background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #f05000;
  border-color: #f05000
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(240, 80, 0, .5)
}

.btn-outline-danger {
  color: #f00000;
  border-color: #f00000
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #f00000;
  border-color: #f00000
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
  box-shadow: 0 0 0 .2rem rgba(240, 0, 0, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #f00000;
  background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #f00000;
  border-color: #f00000
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(240, 0, 0, .5)
}

.btn-outline-light {
  color: #c0c2c4;
  border-color: #c0c2c4
}

.btn-outline-light:hover {
  color: #282829;
  background-color: #c0c2c4;
  border-color: #c0c2c4
}

.btn-outline-light.focus,
.btn-outline-light:focus {
  box-shadow: 0 0 0 .2rem rgba(192, 194, 196, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #c0c2c4;
  background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
  color: #282829;
  background-color: #c0c2c4;
  border-color: #c0c2c4
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(192, 194, 196, .5)
}

.btn-outline-dark {
  color: #282829;
  border-color: #282829
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #282829;
  border-color: #282829
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
  box-shadow: 0 0 0 .2rem rgba(40, 40, 41, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #282829;
  background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #282829;
  border-color: #282829
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(40, 40, 41, .5)
}

.btn-link {
  font-weight: 400;
  color: #00f0f0;
  text-decoration: none
}

.btn-link:hover {
  color: #00d7d7;
  text-decoration: none
}

.btn-link.focus,
.btn-link:focus {
  text-decoration: none;
  box-shadow: none
}

.btn-link.disabled,
.btn-link:disabled {
  color: #c0c2c4;
  pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: none
}

.btn-group-sm>.btn,
.btn-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: none
}
.btn-arrow {
    --arrow-btn-color: #fff;
    padding-right: 3rem;
    position: relative;
}
.btn-arrow:after {
    content: '\f061';
    right: 0.75rem;
    position: absolute;
    color: var(--arrow-btn-color);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.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;
}

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

.overlay .container-auth {
  margin-top: 6rem;
  max-width: 1140px;
}
.auth-title {
  letter-spacing: 2px;
  font-weight: bold;
  font-size: 1rem;
}

/** 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;
  z-index: -1;
}

.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;
}


.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);
}

.container-auth label,
.container-auth input,
.container-auth .form-control:focus {
  color: #c0c2c4;
}

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

.card {
  --bs-card-border-radius:0rem;
  --bs-card-inner-border-radius: 0rem;
  --bs-card-bg: transparent;
  --bs-card-spacer-y: 0.25rem;
  --bs-card-spacer-x: 0.25rem;
  --bs-card-title-spacer-y: 0.25rem;
  --bs-card-cap-padding-y: 0.25rem;
  --bs-card-cap-padding-x: 0.25rem;
}
.card-title {
  margin-top: 0.5rem;
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
  text-transform: none;
  letter-spacing: normal;
  font-weight: normal;
}

.homepage-title {
  font-size: 1rem;
}
.twitch-cta {
  line-height: 1.2;
  font-size:1rem;
  padding-top:1.25rem;
  padding-bottom:1.25rem;
  color: #fff;
  text-align: center;
  background: gray;
}

.list-group h1,
.list-group h2,
.list-group h3,
.list-group h4,
.list-group h5 {
  margin-top: .5rem;
}

.list-group-item.active {
  background-color: #ff1b35;
  border-color: #7c4ef6;
}
.list-group-item {
  background-color: #000;
  color: #fff;
}
.list-group-item:hover {
  color: #fff;
  background-color: #ff1b35;
  border-color: #7c4ef6;
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/** Forms **/
.form-control {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: .5rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  color: #282829;
  background-color: transparent;
  background-clip: padding-box;
  border-radius: 0;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  border: 1px solid #c0c2c4
}

.form-control:focus {
  background-color: transparent;
}

label {
  color: #282829;
}

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

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

input, 
.form-check-input {
  font-size: 1rem;
  line-height: 1.5;
  padding: 11px 23px;
  border: 1px solid white;
  border-radius: 0;
  outline: 0;
  background-color: transparent;
}

input.form-control,
select.form-control:not([multiple]) {
  -webkit-appearance: none;
  background: 0 0;
  border: unset;
  border-bottom: 1px solid #c0c2c4
}

.form-control:focus:not(input):not(select):not(textarea) {
  color: #282829;
  background-color: transparent;
  border-color: #67676a;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 3px rgba(40, 40, 41, .25)
}

input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
  border-color: #00a0f0 !important;
  outline: unset !important;
  box-shadow: unset !important
}

.form-control::placeholder {
  color: #c0c2c4;
  opacity: 1
}

@media (prefers-reduced-motion:reduce) {
  .form-control {
      transition: none
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #c0c2c4;
  opacity: 1
}

select.form-control:focus::-ms-value {
  color: #282829;
  background-color: none
}

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

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

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

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

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: .5rem;
  padding-bottom: .5rem;
  margin-bottom: 0;
  line-height: 1.25;
  color: #282829;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0
}

.form-control-sm {
  height: calc(1.8125rem + 2px);
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: none
}

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

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

textarea.form-control {
  height: auto
}

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

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

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px
}

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

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

.form-check-input {
  position: absolute;
  margin-top: .25rem;
  margin-left: -1.25rem;
  appearance: auto;
  height: 14px;
}

.form-check-input:disabled~.form-check-label {
  color: #c0c2c4
}

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

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: .75rem
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: .3125rem;
  margin-left: 0
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: 80%;
  color: #00f0a0
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 3px 8px;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1.5;
  color: #282829;
  background-color: rgba(0, 240, 160, .9);
  border-radius: none
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #00f0a0;
  padding-right: 2.25rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300f0a0' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right 1rem;
  background-size: 1.125rem 1.125rem
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #00f0a0;
  box-shadow: 0 0 0 .2rem rgba(0, 240, 160, .25)
}

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

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: 2.25rem;
  background-position: top 1rem right 1rem
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
  border-color: #00f0a0;
  padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300f0a0' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/1.125rem 1.125rem
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
  border-color: #00f0a0;
  box-shadow: 0 0 0 .2rem rgba(0, 240, 160, .25)
}

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

.form-control-file.is-valid~.valid-feedback,
.form-control-file.is-valid~.valid-tooltip,
.was-validated .form-control-file:valid~.valid-feedback,
.was-validated .form-control-file:valid~.valid-tooltip {
  display: block
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
  color: #00f0a0
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
  display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
  color: #00f0a0
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
  border-color: #00f0a0
}

.custom-control-input.is-valid~.valid-feedback,
.custom-control-input.is-valid~.valid-tooltip,
.was-validated .custom-control-input:valid~.valid-feedback,
.was-validated .custom-control-input:valid~.valid-tooltip {
  display: block
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
  border-color: #24ffb6;
  background-color: #24ffb6
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(0, 240, 160, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
  border-color: #00f0a0
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
  border-color: #00f0a0
}

.custom-file-input.is-valid~.valid-feedback,
.custom-file-input.is-valid~.valid-tooltip,
.was-validated .custom-file-input:valid~.valid-feedback,
.was-validated .custom-file-input:valid~.valid-tooltip {
  display: block
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
  border-color: #00f0a0;
  box-shadow: 0 0 0 .2rem rgba(0, 240, 160, .25)
}

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

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 3px 8px;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(240, 0, 0, .9);
  border-radius: none
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #f00000;
  padding-right: 2.25rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f00000' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f00000' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right 1rem;
  background-size: 1.125rem 1.125rem
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #f00000;
  box-shadow: 0 0 0 .2rem rgba(240, 0, 0, .25)
}

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

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: 2.25rem;
  background-position: top 1rem right 1rem
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
  border-color: #f00000;
  padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f00000' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f00000' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/1.8125rem 1.8125rem
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
  border-color: #f00000;
  box-shadow: 0 0 0 .2rem rgba(240, 0, 0, .25)
}

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

.form-control-file.is-invalid~.invalid-feedback,
.form-control-file.is-invalid~.invalid-tooltip,
.was-validated .form-control-file:invalid~.invalid-feedback,
.was-validated .form-control-file:invalid~.invalid-tooltip {
  display: block
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
  color: #f00000
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
  display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
  color: #f00000
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
  border-color: #f00000
}

.custom-control-input.is-invalid~.invalid-feedback,
.custom-control-input.is-invalid~.invalid-tooltip,
.was-validated .custom-control-input:invalid~.invalid-feedback,
.was-validated .custom-control-input:invalid~.invalid-tooltip {
  display: block
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
  border-color: #ff2424;
  background-color: #ff2424
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(240, 0, 0, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
  border-color: #f00000
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
  border-color: #f00000
}

.custom-file-input.is-invalid~.invalid-feedback,
.custom-file-input.is-invalid~.invalid-tooltip,
.was-validated .custom-file-input:invalid~.invalid-feedback,
.was-validated .custom-file-input:invalid~.invalid-tooltip {
  display: block
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
  border-color: #f00000;
  box-shadow: 0 0 0 .2rem rgba(240, 0, 0, .25)
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center
}

.form-inline .form-check {
  width: 100%
}

@media (min-width:576px) {
  .form-inline label {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0
  }

  .form-inline .form-group {
      display: flex;
      flex: 0 0 auto;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 0
  }

  .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle
  }

  .form-inline .form-control-plaintext {
      display: inline-block
  }

  .form-inline .custom-select,
  .form-inline .input-group {
      width: auto
  }

  .form-inline .form-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      padding-left: 0
  }

  .form-inline .form-check-input {
      position: relative;
      flex-shrink: 0;
      margin-top: 0;
      margin-right: .25rem;
      margin-left: 0
  }

  .form-inline .custom-control {
      align-items: center;
      justify-content: center
  }

  .form-inline .custom-control-label {
      margin-bottom: 0
  }
}

/* ------------------ 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('../arp_1_bg.html');
    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-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;
    }
}

/* ------------------ 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;
}

/* -----------------------alerts --------------*/
.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: none
}

.alert-heading {
  color: inherit
}

.alert-link {
  font-weight: 700
}

.alert-dismissible {
  padding-right: 4rem
}

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

.alert-dismissible .dismiss-icon {
  display: none;
}

.alert-primary {
  color: #151515;
  background-color: #d4d4d4;
  border-color: #c3c3c3
}

.alert-primary hr {
  border-top-color: #b6b6b6
}

.alert-primary .alert-link {
  color: #000
}

.alert-secondary {
  color: #858585;
  background-color: #fff;
  border-color: #fff
}

.alert-secondary hr {
  border-top-color: #f2f2f2
}

.alert-secondary .alert-link {
  color: #6c6c6c
}

.alert-success {
  color: #007d53;
  background-color: #ccfcec;
  border-color: #b8fbe4
}

.alert-success hr {
  border-top-color: #a0fadb
}

.alert-success .alert-link {
  color: #004a31
}

.alert-info {
  color: #007d7d;
  background-color: #ccfcfc;
  border-color: #b8fbfb
}

.alert-info hr {
  border-top-color: #a0fafa
}

.alert-info .alert-link {
  color: #004a4a
}

.alert-warning {
  color: #7d2a00;
  background-color: #fcdccc;
  border-color: #fbceb8
}

.alert-warning hr {
  border-top-color: #fabda0
}

.alert-warning .alert-link {
  color: #4a1900
}

.alert-danger {
  color: #7d0000;
  background-color: #fccccc;
  border-color: #fbb8b8
}

.alert-danger hr {
  border-top-color: #faa0a0
}

.alert-danger .alert-link {
  color: #4a0000
}

.alert-light {
  color: #646566;
  background-color: #f2f3f3;
  border-color: #edeeee
}

.alert-light hr {
  border-top-color: #e0e2e2
}

.alert-light .alert-link {
  color: #4b4c4c
}

.alert-dark {
  color: #151515;
  background-color: #d4d4d4;
  border-color: #c3c3c3
}

.alert-dark hr {
  border-top-color: #b6b6b6
}

.alert-dark .alert-link {
  color: #000
}

/* ------------------- borders ---------------*/
.border {
  border: 1px solid #c0c2c4 !important
}

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

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

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

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

.border-0 {
  border: 0 !important
}

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

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

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

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

.border-primary {
  border-color: #282829 !important
}

.border-secondary {
  border-color: #fff !important
}

.border-success {
  border-color: #00f0a0 !important
}

.border-info {
  border-color: #00f0f0 !important
}

.border-warning {
  border-color: #f05000 !important
}

.border-danger {
  border-color: #f00000 !important
}

.border-light {
  border-color: #c0c2c4 !important
}

.border-dark {
  border-color: #282829 !important
}

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

.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;
}

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

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

.product-campaign {
  color: white;
  background-position:center;
  background-repeat: no-repeat;
  background-image: url('../arp_1_bg.html');
  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%;
  }
}

/* Account menu */
@media (min-width: 992px) and (max-width: 1300px) {
  .navbar-main.has-fixed-menu {
    padding-left: 0px !important;
  }
}

@media (min-width: 768px) and (max-width: 1550px) {
  .container.has-fixed-menu {
    width: 100%;
    padding-left: 250px;
  }

  .navbar-main.has-fixed-menu,
  .footer.has-fixed-menu {
    padding-left: 300px;
  }
}

@media (min-width: 1551px) and (max-width: 1800px) {
  .container.has-fixed-menu {
    width: 100%;
    padding-left: 150px;
  }

  .navbar-main.has-fixed-menu,
  .footer.has-fixed-menu {
    padding-left: 300px;
  }
}

/* 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;
}