@import url("https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");
/* SCSS/Front-end developed by Calum - GFXDistrict.com */
/* Created for Redemption RSPS 2023. */
/* This is the compiled SCSS file! Do NOT make changes or edits here. */
:root,
[data-bs-theme=dark] {
  --bs-body-color: hsl(0, 0%, 100%);
  --bs-body-color-rgb: 255, 255, 255;
  --bs-body-bg: #030814;
  --bs-body-bg-rgb: 3, 8, 20;
  --bs-secondary-color: hsl(207, 31%, 40%);
  --bs-primary: #00d9ff;
  --bs-secondary: #183455;
  --bs-light: #0d1e31;
  --bs-dark: #0d1927;
  --bs-primary-rgb: 0, 216, 255;
  --bs-secondary-rgb: 24, 52, 85;
  --bs-light-rgb: 13, 30, 49;
  --bs-dark-rgb: 13, 25, 39;
  --bs-heading-color: #fff;
  --bs-success-bg-subtle: #14231b;
  --bs-success: #109731;
  --bs-success-rgb: 16, 151, 49;
  --bs-warning: #ff6523;
  --bs-warning-rgb: 255, 101, 35;
  --bs-warning-bg-subtle: #25120f;
  --bs-border-radius: 0rem;
  --bs-border-color: #183455;
}

html {
  box-sizing: border-box;
  background: #030814;
  height: 100%;
  scroll-behavior: smooth;
}

body {
  background-color: #030814;
  background-image: url("../images/main/backgrounds/body-background.webp");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
  margin: 0;
  padding: 0;
  min-height: 100%;
  font-size: 16px;
  font-weight: 400;
  font-family: "DM Sans", sans-serif;
  line-height: 1.4;
}
@media (max-width: 1400px) {
  body {
    background-size: auto 80vw;
  }
}
@media (max-width: 992px) {
  body {
    background-size: auto 100vw;
  }
}

.container {
  max-width: 1520px;
}
.container.narrow {
  max-width: 1240px;
}

img {
  max-width: 100%;
}

ul,
ol,
li {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  list-style: none;
}

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

button,
html input[type=button],
input[type=reset] {
  border: 0;
  cursor: pointer;
  -webkit-appearance: button;
}

textarea input,
textarea select {
  height: auto;
}

label {
  margin: 0px 0px 10px 0px;
}

input,
.form-control {
  background-color: #0d1e31;
  border: 1px solid #183455;
  outline: 0;
  color: hsl(220, 29%, 72%);
  padding: 0.8rem 1rem;
  margin-bottom: 20px;
  border-radius: 0px;
  font-size: 1rem;
}
input.center,
.form-control.center {
  text-align: center;
}
input:active, input:hover, input:focus,
.form-control:active,
.form-control:hover,
.form-control:focus {
  border-color: #00d9ff;
  background-color: #0d1e31;
  color: #00d9ff;
  outline: 0;
  box-shadow: none;
}
input::placeholder,
.form-control::placeholder {
  color: hsl(207, 31%, 40%);
}
input i,
.form-control i {
  color: #00d9ff;
  margin-right: 10px;
}

.form-control:disabled,
.form-control[readonly],
.input-group-text {
  background-color: #0d1927;
  border: 1px solid #183455;
  outline: 0;
  color: hsl(220, 29%, 72%);
  padding: 0.6rem 1rem;
  margin-bottom: 20px;
}
.form-control:disabled i,
.form-control[readonly] i,
.input-group-text i {
  color: #00d9ff;
}

.content-box {
  padding: calc(30px);
  background-color: #081423;
  box-shadow: 0px 0px 12px hsla(0, 0%, 0%, 0.342);
  border: 1px solid #183455;
}
.content-box.thin {
  padding: calc(30px / 2);
}
.content-box.wide {
  padding: calc(30px * 2);
}
.content-box.no-padding {
  padding: 0px;
}

.card {
  --bs-card-bg: var(--bs-dark);
  --bs-card-border-color: var(--bs-border-color);
}
.card-body {
  background-color: var(--bs-card-bg);
}
.card-header {
  background-image: url("../images/main/backgrounds/card-header-background.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.card-footer {
  background-image: url("../images/main/backgrounds/card-footer-background.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.content-heading {
  background-color: #081423;
  box-shadow: 0px 0px 12px hsla(0, 0%, 0%, 0.342);
  border: 1px solid #0d1e31;
  padding: calc(30px / 2);
  font-size: 18px;
  color: #00d9ff;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}
.content-heading.red {
  color: hsl(0, 100%, 50%);
}

@media (max-width: 992px) {
  .content-box,
  .content-box.wide,
  .content-box.thin {
    padding: calc(30px / 2);
  }
}
::-webkit-scrollbar {
  width: 12px;
  background: #030814;
}

::-webkit-scrollbar-track {
  background: #030814;
}

::-webkit-scrollbar-thumb {
  background: #00d9ff;
}

.form-check-input {
  background-color: #081423;
  padding: 0.5rem;
}

.form-check-input:checked {
  border-color: #00d9ff;
  background-color: #00d9ff;
}

.form-check-input:focus {
  border-color: #00d9ff;
  box-shadow: 0 0 0 0.2rem rgba(0, 217, 255, 0.25);
}

.form-check-input:checked ~ .form-check-input::before {
  border-color: #00d9ff;
  background-color: #00d9ff;
  box-shadow: 0 0 0 0.2rem rgba(0, 217, 255, 0.25);
}

.pagination .page-item.active .page-link {
  color: #00d9ff;
  background-color: #0d1927;
  border-color: #0d1927;
}
.pagination .page-item .page-link {
  background-color: #081423;
  border: 1px solid #0d1927;
  color: hsl(220, 29%, 72%);
}
.pagination .page-item .page-link:hover {
  color: #00d9ff;
  background-color: #0d1927;
  border-color: #0d1927;
}
.pagination .page-item .page-link:focus {
  box-shadow: 0 0 0 0.2rem hsla(0, 0%, 100%, 0.2);
}

.section-header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: calc(30px * 2);
  text-transform: uppercase;
  text-align: center;
}
.section-header h3 {
  margin-right: 30px;
  margin-bottom: 0px;
}
.section-header h3:last-child {
  margin-right: 0px;
}
.section-header a {
  color: hsl(207, 31%, 40%);
}
.section-header.center {
  justify-content: center;
}
.section-header.center h3 {
  margin-right: 0px;
}
@media (max-width: 768px) {
  .section-header {
    margin-bottom: calc(30px);
  }
}

hr {
  border-top: 1px solid #183455;
}

.fancybox-bg {
  background: hsl(210, 69%, 5%) !important;
}

.c-main-divider {
  background-image: url("../images/main/backgrounds/repeat-divider-line.webp");
  background-size: auto;
  background-repeat: repeat-x;
  background-position: center;
  height: 10px;
  width: 100%;
}

.c-section-divider {
  background-image: url("../images/main/backgrounds/divider-left.png"), url("../images/main/backgrounds/divider-center.png"), url("../images/main/backgrounds/divider-right.png"), url("../images/main/backgrounds/divider-repeat.png");
  background-size: auto;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
  background-position: left -2px top 10px, center, right -2px top 10px, top 12px center;
  height: 41px;
  width: 100%;
}

.c-main-container {
  background-color: #050d17;
  border: 1px solid #0d1e31;
  background-image: url("../images/main/backgrounds/main-box-texture.webp");
  background-size: auto;
  background-repeat: repeat;
  background-position: center;
}

a {
  color: #fff;
  text-decoration: none;
  transition: all 300ms ease-in-out;
}
a:hover, a:focus, a:active {
  color: #00d9ff;
  text-decoration: none;
  cursor: pointer;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  line-height: 1.2;
  font-family: "Crimson Text", serif;
  letter-spacing: 0.8;
}

.is--white {
  color: white;
}

.is--faded,
.text-faded {
  color: hsl(207, 31%, 40%);
}

.is--blue {
  color: #00d9ff;
}

.is--red {
  color: hsl(0, 87%, 54%);
}

.is--green {
  color: #3fff08;
}

.is--serif {
  font-family: "Crimson Text", serif;
}

.is--sans-serif {
  font-family: "DM Sans", sans-serif;
}

.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0rem;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: all 0.2s;
}
.btn i:first-child {
  margin-right: 0.5rem;
}
.btn:last-child {
  margin-right: 0;
}
.btn:active {
  transform: scale(0.9);
}

.btn.large {
  padding: 1rem 2rem;
}

.btn.wide {
  padding: 0.5rem 2rem;
}

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

.btn.small {
  padding: 0.5rem 10px;
  font-size: 14px;
}

.btn.green {
  background-color: hsl(134, 76%, 15%);
  color: #3fff08;
}
.btn.green:hover {
  background-color: hsl(135, 90%, 19%);
}

.btn.discord {
  background-color: #5e60f1;
  color: white;
}
.btn.discord:hover {
  background-color: hsl(238, 63%, 66%);
}

.btn.red {
  background-color: hsl(0, 66%, 7%);
  color: #ff0808;
}
.btn.red:hover {
  background-color: hsl(0, 82%, 15%);
}

.btn > svg {
  fill: currentcolor;
}

.btn.inline {
  display: inline-block;
}

.btn.focus, .btn:focus, button:focus {
  outline: 0;
  box-shadow: none;
  text-decoration: none;
}

.c-button {
  background-image: url("../images/main/backgrounds/button-texture.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #030814;
  border: 1px solid #00d9ff;
  transition: all ease 400ms;
}
.c-button:hover, .c-button:focus, .c-button:active {
  color: #030814;
  opacity: 0.6;
}

.c-button-icon {
  background-image: url("../images/main/backgrounds/icon-background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #030814;
  transition: all ease 400ms;
}
.c-button-icon:hover, .c-button-icon:focus, .c-button-icon:active {
  color: #030814;
}
.c-button-icon--small {
  min-width: 32px;
  height: 32px;
}
.c-button-icon--medium {
  min-width: 64px;
  height: 67px;
}

a.c-button-icon:hover {
  opacity: 0.6;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgba(0, 216, 255, 0.8);
  --bs-btn-border-color: #00d9ff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00d9ff;
  --bs-btn-hover-border-color: #00d9ff;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #00d9ff;
  --bs-btn-active-border-color: #00d9ff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 216, 255, 0.05);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(0, 216, 255, 0.4);
  --bs-btn-disabled-border-color: rgba(0, 216, 255, 0.5);
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgba(rgb(255, 35, 35), 0.8);
  --bs-btn-border-color: #ff2323;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ff2323;
  --bs-btn-hover-border-color: #ff2323;
  --bs-btn-focus-shadow-rgb: 130,138,145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ff2323;
  --bs-btn-active-border-color: #ff2323;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(rgb(255, 35, 35), 0.05);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(rgb(255, 35, 35), 0.4);
  --bs-btn-disabled-border-color: rgba(rgb(255, 35, 35), 0.5);
}

.btn-discord {
  --bs-btn-color: #fff;
  --bs-btn-bg: #5865f2;
  --bs-btn-border-color: #6976fc;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6976fc;
  --bs-btn-hover-border-color: #6976fc;
  --bs-btn-focus-shadow-rgb: 130,138,145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5865f2;
  --bs-btn-active-border-color: #6976fc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #474ea4;
  --bs-btn-disabled-border-color: #525aaf;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #109731;
  --bs-btn-border-color: #0ec53c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0ec53c;
  --bs-btn-hover-border-color: #0ec53c;
  --bs-btn-focus-shadow-rgb: 60,153,110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0ec53c;
  --bs-btn-active-border-color: #0ec53c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #145c26;
  --bs-btn-disabled-border-color: #109731;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: hsl(208, 75%, 13%);
  --bs-btn-border-color: hsl(208, 66%, 18%);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: hsl(208, 66%, 18%);
  --bs-btn-hover-border-color: hsl(208, 66%, 18%);
  --bs-btn-focus-shadow-rgb: 60,153,110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: hsl(208, 61%, 20%);
  --bs-btn-active-border-color: hsl(208, 61%, 20%);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: hsl(208, 47%, 12%);
  --bs-btn-disabled-border-color: hsl(208, 66%, 18%);
}

/* SCSS/Front-end developed by Calum - GFXDistrict.com */
/* Created for Redemption RSPS 2023. */
/* This is the compiled SCSS file! Do NOT make changes or edits here. */
.navigation {
  background-image: url("../images/main/nav/navbar-bg.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 124px;
  margin-bottom: 0px;
}
@media (max-width: 1400px) {
  .navigation {
    background-size: cover;
  }
}
@media (max-width: 992px) {
  .navigation {
    height: 100px;
    background-size: auto;
  }
}

.navbar {
  max-width: 1240px;
}
@media (max-width: 992px) {
  .navbar-collapse {
    position: absolute;
    width: 100%;
    top: 100px;
    background-color: #081423;
    padding: calc(30px / 2);
    z-index: 9999;
  }
}
.navbar .navbar-brand {
  background-image: url("../images/main/nav/nav-icon-logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 80px;
  width: 88px;
  top: 5px;
  position: relative;
}
.navbar .navbar-brand:active {
  transform: scale(0.9);
}
.navbar .navbar-brand-mobile {
  background-image: url("../images/main/nav/nav-logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 64px;
  width: 296px;
}
.navbar .navbar-brand-mobile:active {
  transform: scale(0.9);
}
.navbar .navbar-nav {
  height: 100%;
}
.navbar .navbar-nav .nav-link {
  color: hsl(0, 0%, 100%);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}
.navbar .navbar-nav .nav-link:hover {
  color: #00d9ff;
}
.navbar .navbar-nav li {
  position: relative;
}
.navbar .navbar-nav li::after {
  content: "";
  background-image: url("../images/main/nav/nav-divider.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 16px;
  height: 16px;
  position: absolute;
  right: -8px;
  top: auto;
  bottom: auto;
}
.navbar .navbar-nav li:last-of-type::after, .navbar .navbar-nav li:nth-child(4)::after, .navbar .navbar-nav li:nth-child(3)::after {
  display: none;
}
@media (max-width: 992px) {
  .navbar .navbar-nav li {
    height: auto;
  }
  .navbar .navbar-nav li::after {
    display: none;
  }
}
.navbar .navbar-toggler .navbar-toggler-icon {
  background-image: url("../images/svg/menu-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.navbar .navbar-toggler:focus {
  outline: 0;
  box-shadow: none;
}
.navbar .nav-socials {
  display: flex;
  align-items: center;
  justify-items: center;
  grid-template-columns: 1fr 1fr;
  gap: calc(30px / 2);
  margin-right: 30px;
  font-size: 1.1rem;
}
.navbar .nav-socials a {
  color: hsl(207, 31%, 40%);
}
.navbar .nav-socials a:hover {
  color: #00d9ff;
}
@media (max-width: 992px) {
  .navbar .nav-socials {
    margin-left: 0px;
    margin-right: auto;
  }
}

.c-play-button {
  background-image: url("../images/main/nav/play-button.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: #030814;
}
.c-play-button:hover {
  color: #030814;
  opacity: 0.75;
  transform: scale(1.05);
}
.c-play-button:active, .c-play-button:focus {
  color: #030814;
}
.c-play-button--large {
  width: 350px;
  height: 104px;
}
@media (max-width: 768px) {
  .c-play-button--large {
    width: 224px;
    height: 67px;
  }
}
.c-play-button--small {
  width: 224px;
  height: 67px;
}

/* SCSS/Front-end developed by Calum - GFXDistrict.com */
/* Created for Redemption RSPS 2023. */
/* This is the compiled SCSS file! Do NOT make changes or edits here. */
footer {
  background-image: url("../images/main/backgrounds/footer-background.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
footer .footer-logo {
  max-width: 452px;
}
footer .footer-logo:active {
  transform: scale(0.9);
}
footer .footer-flex {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 768px) {
  footer .footer-flex {
    align-items: center;
  }
}

ul.c-footer-nav li::after {
  content: "";
  background-image: url("../images/main/nav/nav-divider.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 16px;
  height: 16px;
  position: absolute;
  right: -8px;
  top: auto;
  bottom: auto;
  margin: auto;
}
ul.c-footer-nav li:last-of-type::after {
  display: none;
}
@media (max-width: 992px) {
  ul.c-footer-nav li {
    height: auto;
  }
  ul.c-footer-nav li::after {
    display: none;
  }
}

.back-to-top-btn {
  height: 32px;
  width: 32px;
  border-color: #34699d;
  top: -12px;
}
.back-to-top-btn:active {
  transform: scale(0.9);
}
.back-to-top-btn:hover {
  filter: brightness(1.4);
}

#HeaderCarousel {
  overflow: hidden;
}
#HeaderCarousel .carousel-caption {
  top: 2rem;
  left: 2rem;
  bottom: auto;
  text-align: left;
  padding: 0;
  z-index: 11;
}
#HeaderCarousel .carousel-indicators {
  left: 0;
  right: auto;
  margin-left: 2rem;
  margin-bottom: 2rem;
  margin-right: auto;
}
#HeaderCarousel .carousel-indicators [data-bs-target] {
  background-image: url("../images/home/sliders/slider-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 16px;
  width: 16px;
  filter: grayscale(1);
  background-color: transparent;
}
#HeaderCarousel .carousel-indicators .active {
  filter: grayscale(0);
}
#HeaderCarousel .carousel-fade-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  height: 100%;
  background-image: linear-gradient(180deg, #030814 0%, rgba(var(--bs-body-bg-rgb), 0) 50%, #030814 100%);
  z-index: 10;
}
#HeaderCarousel .carousel-item img {
  image-rendering: crisp-edges;
}
@media (max-width: 992px) {
  #HeaderCarousel .carousel-item img {
    width: auto;
    height: 400px;
    object-fit: cover;
  }
}
@media (max-width: 992px) {
  #HeaderCarousel .carousel-item img {
    width: auto;
    height: 320px;
    object-fit: cover;
  }
}
#HeaderCarousel .carousel-control-prev-icon {
  background-image: url("../images/main/backgrounds/icon-background.png");
  background-size: cover;
  background-repeat: repeat;
  background-position: center;
  height: 32px;
  width: 32px;
  box-shadow: 0px 0px 12px hsla(0, 0%, 0%, 0.342);
  color: #030814;
}
#HeaderCarousel .carousel-control-next-icon {
  background-image: url("../images/main/backgrounds/icon-background.png");
  background-size: cover;
  background-repeat: repeat;
  background-position: center;
  height: 32px;
  width: 32px;
  box-shadow: 0px 0px 12px hsla(0, 0%, 0%, 0.342);
  color: #030814;
}
#HeaderCarousel .carousel-control-prev {
  right: 36px;
  left: auto;
}
#HeaderCarousel .carousel-control-next, #HeaderCarousel .carousel-control-prev {
  opacity: 1;
  bottom: 2rem;
  top: auto;
  z-index: 12;
}
#HeaderCarousel .carousel-control-next:focus, #HeaderCarousel .carousel-control-next:hover, #HeaderCarousel .carousel-control-prev:focus, #HeaderCarousel .carousel-control-prev:hover {
  opacity: 1;
}
#HeaderCarousel .carousel-control-next:focus .carousel-control-next-icon, #HeaderCarousel .carousel-control-next:focus .carousel-control-prev-icon, #HeaderCarousel .carousel-control-next:hover .carousel-control-next-icon, #HeaderCarousel .carousel-control-next:hover .carousel-control-prev-icon, #HeaderCarousel .carousel-control-prev:focus .carousel-control-next-icon, #HeaderCarousel .carousel-control-prev:focus .carousel-control-prev-icon, #HeaderCarousel .carousel-control-prev:hover .carousel-control-next-icon, #HeaderCarousel .carousel-control-prev:hover .carousel-control-prev-icon {
  color: #030814;
}

.c-home-main {
  margin-top: -4rem;
}

.c-hero-section {
  background-image: url("../images/main/backgrounds/hero-background.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  min-height: 800px;
}
@media (max-width: 1400px) {
  .c-hero-section {
    min-height: auto;
  }
}

.c-news-background {
  background-image: url("../images/home/news-background.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.c-news-title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.c-quick-link__buttons {
  background-image: url("../images/home/quick-button-background.webp");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.play-page {
  display: block;
  text-align: left;
  margin-top: -124px;
  position: relative;
  z-index: 0;
}
.play-page .dropdown-menu-dark {
  background-color: #081423;
}
.play-page .dropdown-menu-dark .dropdown-item:hover {
  background-color: #183455;
  color: #00d9ff;
}
.play-page #PlayPageCarousel {
  position: relative;
  height: 100%;
}
.play-page #PlayPageCarousel .carousel-inner {
  min-height: auto;
  padding: calc(30px * 4) 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  padding-top: 300px;
}
.play-page #PlayPageCarousel .carousel-inner .container {
  z-index: 99;
}
.play-page #PlayPageCarousel .carousel-inner .container h1 {
  text-transform: uppercase;
  font-weight: 900;
}
.play-page #PlayPageCarousel .carousel-inner .container h5 {
  font-weight: normal;
}
.play-page #PlayPageCarousel .carousel-inner .carousel-item {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 0;
}
.play-page #PlayPageCarousel .carousel-inner .carousel-item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  opacity: 1;
  filter: brightness(100%);
}

#features .play--features {
  object-fit: cover;
  height: 200px;
  margin-bottom: 30px;
  width: 100%;
}
#features h5 {
  color: #00d9ff;
}

@media (max-width: 768px) {
  .store-categories ul {
    display: grid;
    grid-template-columns: 1fr;
  }
}
.store-categories ul li {
  width: 100%;
}
.store-categories .nav-pills .nav-item .nav-link {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: left;
  background-color: #0d1927;
  border: 1px solid #0d1e31;
  color: hsl(0, 0%, 100%);
  padding: calc(30px / 2) calc(30px / 2);
}
.store-categories .nav-pills .nav-item .nav-link:hover {
  background-color: #0d1e31;
}
.store-categories .nav-pills .nav-item .nav-link.active {
  background-color: transparent;
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 75%);
}
.store-categories .nav-pills .nav-item .nav-link img {
  max-height: 32px;
  object-fit: contain;
  margin-right: calc(30px / 2);
}

.flash-sales ul {
  display: flex;
  flex-direction: column;
  gap: calc(30px / 3);
}
.flash-sales ul li .content-box {
  display: grid;
  grid-template-columns: 50px 3fr 1fr;
  padding: calc(30px / 3);
  border-top: 1px solid #183455;
  gap: 4px;
  border-bottom: 1px solid #050d17;
  align-items: center;
}
.flash-sales ul li .content-box img {
  max-height: 50px;
  max-width: 50px;
  object-fit: contain;
}
.flash-sales--countdown {
  background-color: #081423;
  border: 1px solid #0d1e31;
  padding: calc(30px / 6);
  text-align: center;
}
.flash-sales--countdown span {
  margin: 0px 2px;
  font-weight: bold;
}
.flash-sales--info {
  display: flex;
  flex-direction: column;
}
.flash-sales--info p {
  margin-bottom: 0px;
}
.flash-sales--price {
  color: red;
}
.flash-sales--price span {
  text-decoration: line-through;
  color: hsl(207, 31%, 40%);
  margin-right: calc(30px / 3);
}

.store-content {
  padding: 30px calc(30px / 2);
}
.store-content--header {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 30px;
}
.store-content--header h4 {
  color: #00d9ff;
}
.store-content--header .input-group {
  width: auto;
}

.store-products-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
@media (max-width: 1400px) {
  .store-products-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 1200px) {
  .store-products-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 992px) {
  .store-products-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .store-products-grid {
    grid-template-columns: 1fr 1fr;
    gap: calc(30px / 2);
  }
}
@media screen and (max-width: 350px) {
  .store-products-grid {
    grid-template-columns: 1fr;
  }
}

.store-product {
  background-color: #0d1927;
  border: 1px solid #183455;
  padding: 30px;
  box-shadow: 0px 0px 12px hsla(0, 0%, 0%, 0.342);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 992px) {
  .store-product {
    padding: calc(30px / 2);
  }
}
.store-product--title {
  text-align: center;
}
.store-product--block {
  background-color: #081423;
  border: 1px solid #183455;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: calc(30px / 3);
}
.store-product--block-info {
  position: absolute;
  top: -1px;
  right: -1px;
  background-color: #050d17;
  border: 1px solid #183455;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: white;
}
.store-product--block img {
  width: 150px;
  height: 150px;
}
@media (max-width: 478px) {
  .store-product--block img {
    height: 100px;
    width: 100px;
  }
}
.store-product--price {
  color: #00d9ff;
  margin: calc(30px / 4) auto;
}
.store-product--price.discount {
  color: red;
  gap: 12px;
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
}
.store-product--price span {
  color: hsl(207, 31%, 40%);
  text-decoration: line-through;
  font-size: 1rem;
}
.store-product--add-cart {
  display: grid;
  grid-template-columns: 1fr 3fr;
  position: relative;
}
.store-product--add-cart .quantity-adjust {
  padding: 2px;
  text-align: center;
  margin-bottom: 0px;
  background-color: hsl(208, 75%, 13%);
  border: 1px solid #183455;
}
.store-product--add-cart .quantity-adjust .product-quantity {
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding: 0px;
  margin-bottom: 0px;
  text-align: center;
}
.store-product--add-cart .quantity-adjust .product-quantity::-webkit-outer-spin-button, .store-product--add-cart .quantity-adjust .product-quantity::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}
.store-product--add-cart .quantity-adjust .product-quantity[type=number] {
  appearance: textfield;
}
.store-product--add-cart .quantity-adjust .caret-up, .store-product--add-cart .quantity-adjust .caret-down {
  color: hsl(207, 31%, 40%);
  width: 100%;
  display: block;
  font-size: 0.6rem;
}
.store-product--add-cart .btn {
  box-shadow: none;
  border-left: none;
}

.store-cart {
  padding: calc(30px / 2);
}
.store-cart-items li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: calc(30px / 3);
  border-top: 1px solid #183455;
  border-bottom: 1px solid #000;
  align-items: center;
}
.store-cart-items li:first-of-type {
  border-top: none;
}
.store-cart-items li:last-of-type {
  border-bottom: none;
}
.store-cart-items li .delete-item {
  color: red;
  margin-left: 5px;
}
.store-cart-items li .delete-item:hover {
  color: white;
}
.store-cart--total {
  display: block;
  margin-top: calc(30px / 3);
  margin-bottom: calc(30px / 3);
  border: 1px solid #183455;
  background-color: #0d1927;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: calc(30px / 2);
}
.store-cart--total span {
  color: #00d9ff;
  font-weight: bold;
}
.store-cart .input-group {
  margin-bottom: calc(30px / 3);
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
}
.store-cart .input-group-text {
  display: flex;
  justify-content: center;
}
.store-cart .input-group-text, .store-cart .input-group input, .store-cart .input-group .form-control {
  margin-bottom: 0px;
}
.store-cart .input-group input {
  width: 100%;
}
.store-cart label {
  margin-bottom: 0px;
}
.store-cart .form-check {
  margin-bottom: calc(30px / 3);
}

.make-custom-btn {
  background-image: url("../images/store/store-make-custom-btn.gif");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.fancybox-bg {
  background-color: #050d17;
  background: #050d17;
}

#productInfoModal, #customizeModal {
  background-color: #0d1e31;
  border: 1px solid #183455;
  max-width: 740px;
  min-width: 340px;
  margin: 0 auto;
  padding: 0px;
}
#productInfoModal .content-modal-inner, #customizeModal .content-modal-inner {
  padding: 30px;
  color: hsl(0, 0%, 100%);
}
#productInfoModal .content-modal-inner button, #customizeModal .content-modal-inner button {
  background-color: hsl(0, 66%, 7%);
  color: #ff0808;
  display: inline-block;
  margin-left: auto;
  margin-right: 0px;
  margin-top: 30px;
}
#productInfoModal .content-modal-inner button:hover, #customizeModal .content-modal-inner button:hover {
  background-color: hsl(0, 82%, 15%);
}

.checkout-inner {
  margin: 30px;
  padding: 30px;
  background-color: #0d1927;
  border: 1px solid #050d17;
}
.checkout-inner h5 {
  margin-bottom: 30px;
}

.cart-table--row {
  display: grid;
  grid-template-columns: 60px 2fr 2fr 1fr;
  gap: calc(30px / 2);
  align-items: center;
  background-color: #081423;
  border: 1px solid #050d17;
}
.cart-table--row p {
  margin-bottom: 0px;
}
.cart-table--row.table-header {
  background-color: #0d1e31;
  box-shadow: 0px 0px 12px hsla(0, 0%, 0%, 0.342);
  border: 1px solid #050d17;
  margin-bottom: calc(30px / 3);
  font-family: "Crimson Text", serif;
  font-weight: bold;
}
.cart-table--image, .cart-table--product, .cart-table--quantity, .cart-table--price {
  padding: calc(30px / 3);
}
.cart-table--image {
  text-align: center;
  order: 1;
}
.cart-table--product {
  order: 2;
}
.cart-table--quantity {
  order: 3;
}
.cart-table--price {
  order: 4;
}
.cart-table--summary {
  margin-top: calc(30px / 2);
  width: 50%;
  margin-left: auto;
}
.cart-table--summary ul li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: calc(30px / 3);
  border-top: 1px solid #183455;
  border-bottom: 1px solid #183455;
}
.cart-table--summary ul li:first-of-type {
  border-top: none;
}
.cart-table--summary ul li:last-of-type {
  border-bottom: none;
}
.cart-table--summary ul li p {
  color: hsl(207, 31%, 40%);
  margin-bottom: 0px;
}
.cart-table--summary ul li .cart-table--summary-bold {
  color: white;
}
.cart-table--summary ul li .cart-table--summary-bold.total {
  font-weight: bold;
  color: #00d9ff;
}

.cart-items--table {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
}
.cart-items--block {
  background-color: #081423;
  padding: calc(30px / 2);
  border: 1px solid #050d17;
}
.cart-items--block-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: fit-content;
  margin: 0 auto;
}
.cart-items--block-image img {
  height: 100px;
  width: 100px;
  object-fit: contain;
}
.cart-items--block-quantity {
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 100%;
  background-color: #183455;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00d9ff;
  font-weight: bold;
}

.checkout-overview-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
.checkout-overview-grid--text {
  background-color: #081423;
  padding: calc(30px / 2);
  border: 1px solid #050d17;
  display: block;
}
.checkout-overview-grid--text p {
  margin-bottom: 0px;
  font-weight: bold;
}

.limited-sales-background {
  background-image: url("../images/store/limited-sales-banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.beginners-background {
  background-image: url("../images/store/value-package/store-beginners-value.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
}

.beginners-rewards {
  gap: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
}

.beginners-boxes {
  width: 120px;
  height: 120px;
  padding: 8px;
  background-color: #081423;
  border: 1px solid #050d17;
}
.beginners-boxes img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

@media (max-width: 1400px) {
  .checkout-inner {
    margin: 0px;
    margin-bottom: 30px;
  }
  .checkout-inner:last-child {
    margin-bottom: 0px;
  }
}
@media (max-width: 1200px) {
  .checkout-overview-grid {
    gap: calc(30px / 2);
  }
  .cart-items--table {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .checkout-inner h5 {
    margin-bottom: calc(30px / 2);
  }
  .checkout-overview-grid {
    grid-template-columns: 1fr;
    gap: calc(30px / 1);
  }
  .cart-items--table {
    grid-template-columns: 1fr 1fr;
  }
  .cart-table--row {
    grid-template-columns: 40px 2fr 1fr 1fr;
    gap: calc(30px / 3);
  }
  .cart-table--image, .cart-table--product, .cart-table--quantity, .cart-table--price {
    padding: calc(30px / 4) calc(30px / 6);
  }
  .cart-table--summary {
    width: 100%;
  }
  .beginners-boxes {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 478px) {
  .cart-table--row {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .cart-table--product, .cart-table--quantity, .cart-table--price {
    padding: calc(30px / 4);
  }
  .cart-table--image {
    display: none;
  }
}
.total-votes-flex {
  display: flex;
  flex-direction: row;
  gap: calc(30px / 2);
  align-items: center;
  justify-content: center;
}
.total-votes-flex i {
  color: #00d9ff;
  font-size: 2.8rem;
}
.total-votes-text {
  text-align: left;
}
.total-votes-text h5 {
  color: #00d9ff;
}
.total-votes-text p {
  color: white;
  margin-bottom: 0px;
}

.vote-leaderboard {
  padding: calc(30px / 3);
}
.vote-leaderboard ul li {
  display: grid;
  grid-template-columns: 50px 3fr 1.5fr;
  padding: calc(30px / 3);
  border-top: 1px solid #183455;
  border-bottom: 1px solid #000;
}
.vote-leaderboard ul li:first-of-type {
  border-top: none;
}
.vote-leaderboard ul li:last-of-type {
  border-bottom: none;
}
.vote-leaderboard-user--rank {
  text-align: left;
}
.vote-leaderboard-user--username {
  color: white;
}
.vote-leaderboard-user--count {
  text-align: right;
}

.top-voters-flex {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 992px) {
  .top-voters-flex {
    margin-bottom: calc(30px / 2);
  }
}
.top-voters-flex .vote-trophy {
  position: relative;
  display: inline-block;
  margin-bottom: calc(30px / 2);
}
.top-voters-flex .vote-trophy i {
  font-size: 2rem;
}
.top-voters-flex .vote-trophy.first {
  color: #ffde00;
}
.top-voters-flex .vote-trophy.second {
  color: #dfdfdf;
}
.top-voters-flex .vote-trophy.third {
  color: #b99060;
}
.top-voters-flex .vote-trophy span {
  position: absolute;
  bottom: -10px;
  right: -10px;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #050d17;
  text-align: center;
}
.top-voters-flex h4 {
  color: #00d9ff;
}
.top-voters-flex P {
  margin-bottom: 0px;
}

.vote-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.vote-form .vote-field {
  max-width: 50%;
  margin: 30px auto;
}
.vote-form h2 {
  color: #00d9ff;
  text-transform: uppercase;
}
.vote-form p {
  margin-bottom: 0px;
}

.vote-toplist-row {
  width: 100%;
  max-width: 80%;
  margin: 30px auto;
}

.vote-toplist-block {
  background-color: #050d17;
  box-shadow: 0px 0px 12px hsla(0, 0%, 0%, 0.342);
  display: block;
  border: 1px solid #000;
}
.vote-toplist-block:hover {
  border-color: #00d9ff;
}
.vote-toplist-block--header {
  padding: 30px;
}
.vote-toplist-block--header img {
  margin-top: calc(30px / 3);
  height: 70px;
  object-fit: contain;
}
.vote-toplist-block--header p {
  color: hsl(207, 31%, 40%);
}
.vote-toplist-block--footer {
  border-top: 1px solid #000;
  padding: calc(30px / 3);
  color: hsl(207, 31%, 40%);
}
.vote-toplist-block--footer.available {
  color: hsl(128, 100%, 53%);
}

.platinum-partners--header {
  margin-bottom: calc(30px * 2);
  max-height: 540px;
  height: 540px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.platinum-partners--header video {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .platinum-partners--header {
    height: 270px;
  }
  .platinum-partners--header video {
    object-fit: cover;
  }
}
@media (max-width: 478px) {
  .platinum-partners--header {
    height: 200px;
    margin-bottom: calc(30px * 1);
  }
}
.platinum-partners--intro {
  text-align: center;
}
.platinum-partners--intro h5 {
  font-weight: 500;
}
.platinum-partners--cta {
  text-align: center;
  margin: calc(30px * 2) auto;
}
.platinum-partners--cta .btn {
  font-size: 1.2rem;
  color: white;
  background-color: #2d1c48;
  border: 1px solid #ffd519;
  box-shadow: 0px 0px 30px hsla(0, 0%, 0%, 0.6);
}
.platinum-partners--cta .btn:hover, .platinum-partners--cta .btn:active, .platinum-partners--cta .btn:focus {
  color: #ffd519;
  background-color: #432a6b;
}
.platinum-partners--cta .btn.large {
  padding: 1.5rem 3rem;
}
@media (max-width: 478px) {
  .platinum-partners--cta {
    margin-bottom: calc(30px * 1);
  }
  .platinum-partners--cta .btn {
    font-size: 1rem;
  }
  .platinum-partners--cta .btn.large {
    padding: 0.5rem 1rem;
  }
}
.platinum-partners--grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 992px) {
  .platinum-partners--grid {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(30px / 2);
  }
}
@media (max-width: 768px) {
  .platinum-partners--grid {
    grid-template-columns: repeat(1, 1fr);
    text-align: center;
  }
}
.platinum-partners--feature-box {
  padding: 0px;
  height: 100%;
}
.platinum-partners--feature-img {
  height: 200px;
  width: 100%;
  object-fit: cover;
  margin-bottom: 10px;
  display: none;
}
.platinum-partners--feature-text {
  padding: calc(30px / 2);
}
.platinum-partners--feature-text h5 {
  color: #00d9ff;
}
.platinum-partners--feature-text p {
  margin-bottom: 0px;
}
.platinum-partners--feature-others-box {
  margin-bottom: 20px;
  font-size: 1.2rem;
  color: #00d9ff;
  font-weight: bold;
}
.platinum-partners--feature-others-box p {
  margin-bottom: 0px;
  text-align: center;
}

.platinum-raids-list li {
  padding: 5px 20px;
  text-align: center;
  background-image: url("../images/main/backgrounds/texture-panel.jpg");
  background-size: auto;
  background-repeat: repeat;
  background-position: center;
  background-color: #081423;
  box-shadow: 0px 0px 12px hsla(0, 0%, 0%, 0.342);
  border: 1px solid #0d1e31;
  font-size: 1.2rem;
  margin-bottom: 10px;
  color: #00d9ff;
}

.platinum-prayers {
  text-shadow: 0px 0px 10px #000;
}
.platinum-prayers--grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 1200px) {
  .platinum-prayers--grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .platinum-prayers--grid {
    grid-template-columns: repeat(1, 1fr);
    gap: calc(30px / 2);
  }
}
.platinum-prayers--col {
  background-image: url("../images/main/backgrounds/texture-panel.jpg");
  background-size: auto;
  background-repeat: repeat;
  background-position: center;
  background-color: #081423;
  box-shadow: 0px 0px 12px hsla(0, 0%, 0%, 0.342);
  border: 1px solid #0d1e31;
  padding: calc(30px / 2);
  width: 100%;
}
@media (max-width: 768px) {
  .platinum-prayers--col {
    text-align: center;
  }
}
.platinum-prayers--img {
  margin-bottom: 15px;
}
.platinum-prayers--img img {
  height: 28px;
}
.platinum-prayers--content h5 {
  color: #00d9ff;
}
.platinum-prayers--content p {
  margin-bottom: 0px;
}

.plat-armour-set--img {
  margin: 0 auto;
  display: block;
}

.platinum-video--container {
  max-width: 720px;
  margin: 0 auto;
}

.platinum-video {
  text-align: center;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.platinum-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.platinum-obtain {
  text-align: center;
}
.platinum-obtain h5 {
  font-weight: 500;
}
.platinum-obtain .red {
  color: hsl(0, 87%, 54%);
}
.platinum-obtain .plat-rank {
  color: rgb(158, 49, 221);
}
.platinum-obtain .gold {
  color: gold;
}
.platinum-obtain .small-text {
  font-size: 0.8rem;
  color: hsl(207, 31%, 40%);
}