/* CODED BY TripleZone#8501 */
/* Copyright TripleZone */
/* SAVE THAT FOR NEXT TEMPLATE UPDATES */
:root {
  --logo_width: 450px;
  --main-color: #d14841;
  --error-color: #fe3c45;
  --hover-buy: #48995d;
  --hover-sell: #d9373f;
  --hover-info: #218bdf;
  --background-color: #17171b;
  --second-background: #252229;
  --third-background: #2b2731;
  --fourth-background: #1e1e29;
  --package-border: #494949;
  --primary-text-color: #ffffff;
  --focus-text-color: #d14841;
  --secondary-text-color: #aeaeae;
  --cold-color: #c3463f;
  --green-button: #4da564;
  --light-green: #57b871;
  --disable-button: #428954;
  --font-family: Montserrat, sans-serif;
  --tiny-font: 12px;
  --small-font: 14px;
  --medium-font: 16px;
  --big-font: 18px;
  --border-radius: 5px;
  --header-img: url(https://i.imgur.com/w0xnJs1.png);
  --filter-shadow: rgba(209, 72, 65, 0.5);
  --gradient-shadow: #d148413d;
  --height-image: 590px;
  --opacity-image: 1;
  --blur-image: 0px;
}

/* SAVE THAT FOR NEXT TEMPLATE UPDATES */
.tooltip-arrow {
  border-top-color: var(--background-color) !important;
}

.tooltip-inner {
  background: var(--background-color) !important;
  font-weight: bold !important;
}

.header-splash {
  background: var(--header-img) no-repeat 50%/cover;
  height: var(--height-image);
  width: 100%;
  position: absolute;
  opacity: var(--opacity-image);
  -webkit-filter: blur(var(--blur-image));
  filter: blur(var(--blur-image));
}

.splash__background {
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(30%, rgba(0, 0, 0, 0)), to(var(--background-color)));
  background: linear-gradient(transparent 0, rgba(0, 0, 0, 0) 30%, var(--background-color) 100%);
}

.sidebar-round {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.close-mobile {
  display: none;
}

* {
  margin: 0;
  padding: 0;
  font-family: var(--font-family);
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-thumb {
  background: var(--third-background);
}

::-webkit-scrollbar-track {
  background: var(--second-background);
}

p {
  margin: 0;
}

body {
  background: var(--background-color) !important;
  font-size: var(--small-font);
  color: var(--secondary-text-color);
  margin: 0;
  font-weight: 500;
  line-height: unset;
}

.triplezone-wrapper {
  max-width: 1360px;
  margin: auto;
  padding: 0 10px;
  position: relative;
}

#ipServer {
  cursor: context-menu;
  opacity: 0;
  outline: 0;
  border: none;
  position: fixed;
}

#loader {
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  border-radius: 0;
}

#loader-giftcard {
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.74);
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  border-radius: 5px;
}

.alerta-giftcard {
  margin: 10px 0 0;
  color: #fff;
  background: #4da564;
  padding: 10px 20px;
  color: #ffffff;
  display: inline-block;
  border-radius: 5px;
  display: none;
}

.alerta-eroare {
  color: #d8000c !important;
  background-color: #ffd2d2 !important;
}

.alerta-succes {
  color: #4f8a10 !important;
  background-color: #dff2bf !important;
}

.loader-hide {
  display: none;
}

.lds-ring {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.lds-ring div {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  -webkit-animation-delay: -0.45s;
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  -webkit-animation-delay: -0.15s;
  animation-delay: -0.15s;
}

@-webkit-keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#modal {
  background: var(--second-background);
}

@-webkit-keyframes scaleAnimation {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes scaleAnimation {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes drawCircle {
  0% {
    stroke-dashoffset: 151px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes drawCircle {
  0% {
    stroke-dashoffset: 151px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes drawCheck {
  0% {
    stroke-dashoffset: 36px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes drawCheck {
  0% {
    stroke-dashoffset: 36px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animated {
  display: none;
  position: absolute;
  left: 44%;
  top: 38%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#successAnimationCircle {
  stroke-dasharray: 151px 151px;
  stroke: var(--main-color);
}

#successAnimationCheck {
  stroke-dasharray: 36px 36px;
  stroke: var(--main-color);
}

#successAnimationResult {
  fill: var(--main-color);
  opacity: 0;
}

#successAnimation.animated {
  -webkit-animation: 1s ease-out 0s 1 both scaleAnimation;
          animation: 1s ease-out 0s 1 both scaleAnimation;
}
#successAnimation.animated #successAnimationCircle {
  -webkit-animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle, 0.3s linear 0.9s 1 both fadeOut;
          animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCircle, 0.3s linear 0.9s 1 both fadeOut;
}
#successAnimation.animated #successAnimationCheck {
  -webkit-animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck, 0.3s linear 0.9s 1 both fadeOut;
          animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both drawCheck, 0.3s linear 0.9s 1 both fadeOut;
}
#successAnimation.animated #successAnimationResult {
  -webkit-animation: 0.3s linear 0.9s both fadeIn;
          animation: 0.3s linear 0.9s both fadeIn;
}

@-webkit-keyframes glowitem {
  0% {
    -webkit-filter: drop-shadow(0px 0px 5px var(--filter-shadow));
            filter: drop-shadow(0px 0px 5px var(--filter-shadow));
  }
  100% {
    -webkit-filter: drop-shadow(0px 0px 10px var(--filter-shadow));
            filter: drop-shadow(0px 0px 10px var(--filter-shadow));
  }
}

@keyframes glowitem {
  0% {
    -webkit-filter: drop-shadow(0px 0px 5px var(--filter-shadow));
            filter: drop-shadow(0px 0px 5px var(--filter-shadow));
  }
  100% {
    -webkit-filter: drop-shadow(0px 0px 10px var(--filter-shadow));
            filter: drop-shadow(0px 0px 10px var(--filter-shadow));
  }
}
.payment--mod {
  text-align: center;
}
.payment--mod svg {
  width: 64px;
  height: auto;
  margin: auto;
  display: block;
  margin-bottom: 10px;
}
.payment--mod .payment-title {
  font-size: 16px;
  font-weight: bold;
  color: var(--primary-text-color);
}
.triplezone-header {
  position: relative;
  padding-top: 25px;
}
.triplezone-header .prioritate {
  position: relative;
  z-index: 10;
}
.triplezone-header .top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.triplezone-header .top-bar .back-btn {
  text-decoration: none;
  display: inline-block;
  color: rgba(255, 255, 255, 0.45);
  background: rgba(255, 255, 255, 0.15);
  font-weight: 700;
  padding: 12px 20px;
  border-radius: 40px;
  font-size: var(--small-font);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.triplezone-header .top-bar .back-btn span {
  display: none;
}
.triplezone-header .top-bar .back-btn i {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.triplezone-header .top-bar .back-btn:hover {
  color: rgba(255, 255, 255, 0.75);
}
.triplezone-header .top-bar .back-btn:hover i {
  margin-right: 5px;
}
.triplezone-header .top-bar .profile-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  margin-left: auto;
}
.triplezone-header .top-bar .profile-avatar .profile-description {
  text-align: right;
  margin-right: 10px;
}
.triplezone-header .top-bar .profile-avatar .profile-description p {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.triplezone-header .top-bar .profile-avatar .profile-description .profile-title {
  font-size: var(--medium-font);
  color: var(--primary-text-color);
  font-weight: 500;
}
.triplezone-header .top-bar .profile-avatar .profile-description .profile-description-text {
  font-size: var(--tiny-font);
  color: var(--focus-text-color);
  text-transform: uppercase;
  font-weight: 700;
}
.triplezone-header .top-bar .profile-avatar .profile-head {
  position: relative;
}
.triplezone-header .top-bar .profile-avatar .profile-head .helmet {
  position: absolute;
  top: -14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 27px;
}
.triplezone-header .top-bar .profile-avatar .profile-head .avatar-head {
  border-radius: 5px;
  max-width: 32px;
}
.triplezone-header .top-bar .profile-avatar .profile-head .placeholder-items {
  position: absolute;
  right: -30px;
  top: -10px;
  background: var(--focus-text-color);
  color: var(--primary-text-color);
  border: 2px solid var(--primary-text-color);
  padding: 3px 6px;
  font-weight: bold;
  border-radius: 40px;
  display: none;
}
.triplezone-header .top-bar .profile-avatar:hover p {
  margin-right: 5px;
}
.triplezone-header .triplezone-header-g {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 50px;
}
.triplezone-header .triplezone-header-g .widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: auto;
  padding: 10px 30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
  text-decoration: none;
}
.triplezone-header .triplezone-header-g .widget i {
  color: var(--main-color);
  font-size: 50px;
}
.triplezone-header .triplezone-header-g .widget .widget-icon {
  position: relative;
}
.triplezone-header .triplezone-header-g .widget .widget-icon span {
  position: absolute;
  top: -31px;
  background: var(--second-background);
  padding: 5px 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 40px;
  background: var(--main-color);
  color: var(--background-color);
  font-weight: bold;
}
.triplezone-header .triplezone-header-g .widget .description-widget {
  margin-left: 20px;
  letter-spacing: 1px;
}
.triplezone-header .triplezone-header-g .widget .description-widget .widget-title {
  font-weight: 700;
  text-transform: uppercase;
  font-size: var(--medium-font);
  color: var(--main-color);
}
.triplezone-header .triplezone-header-g .widget .description-widget .widget-description {
  color: var(--primary-text-color);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}
.triplezone-header .triplezone-header-g .widget:hover {
  -webkit-filter: drop-shadow(0px 0px 5px var(--filter-shadow));
          filter: drop-shadow(0px 0px 5px var(--filter-shadow));
}
.triplezone-header .triplezone-header-g .discord-widget p {
  text-align: right;
}
.triplezone-header .triplezone-header-g .discord-widget .description-widget {
  margin-right: 20px;
  margin-left: 0;
}
.triplezone-header .triplezone-header-g .minecraft-widget {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-top: 10px;
}
.triplezone-header .header-logo {
  position: relative;
  top: 0px;
}
.triplezone-header .header-logo .header-logo-image {
  max-width: var(--logo_width);
}
.triplezone-header .header-logo .logo-particles img {
  position: absolute;
  max-width: 64px;
  width: 32px;
}
.triplezone-header .header-logo .logo-particles img:nth-child(1) {
  -webkit-animation: logo-particle-1 4.5s;
          animation: logo-particle-1 4.5s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.05, 1, 0.5);
          animation-timing-function: cubic-bezier(0.5, 0.05, 1, 0.5);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  top: 0;
}
.triplezone-header .header-logo .logo-particles img:nth-child(2) {
  top: 30px;
  right: 0;
  -webkit-animation: logo-particle-2 4.5s;
          animation: logo-particle-2 4.5s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.05, 1, 0.5);
          animation-timing-function: cubic-bezier(0.5, 0.05, 1, 0.5);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@-webkit-keyframes logo-particle-1 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    width: 54px;
    -webkit-transform: translate3d(0, -25px, 0);
            transform: translate3d(0, -25px, 0);
  }
}
@keyframes logo-particle-1 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    width: 54px;
    -webkit-transform: translate3d(0, -25px, 0);
            transform: translate3d(0, -25px, 0);
  }
}
@-webkit-keyframes logo-particle-2 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    width: 64px;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
}
@keyframes logo-particle-2 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    width: 64px;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
}

.triplezone__second--nav {
  background: var(--second-background);
  border-radius: 5px;
  margin-top: 33px;
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
  display: none;
  position: relative;
}
.triplezone__second--nav .second__nav--list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.triplezone__second--nav .second__nav--list .list__second--nav .list__second__category--link {
  padding: 35px 20px 35px 53px;
  display: block;
  color: var(--secondary-text-color);
  position: relative;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.triplezone__second--nav .second__nav--list .list__second--nav .list__second__category--link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 12px;
  width: 35px;
  height: 100%;
  display: block;
  background-size: contain !important;
  background: url(https://i.imgur.com/gXPCyVX.png) no-repeat center !important;
  background-size: contain !important;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.triplezone__second--nav .second__nav--list .list__second--nav .list__second__category--link::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 27px;
  background: rgba(255, 255, 255, 0.1215686275);
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.triplezone__second--nav .second__nav--list .list__second--nav .list__second__category--link:hover {
  color: #fff;
}
.triplezone__second--nav .second__nav--list .list__second--nav .list__second__category--link:hover::before {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.triplezone__second--nav .second__nav--list .list__second--nav:first-child .list__second__category--link::after {
  display: none;
}
.triplezone__second--nav .second__nav--list .triplezone__second--dropdown {
  list-style: none;
  position: absolute;
  background: var(--third-background);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 10px 0 0 0;
  z-index: 1;
  border-radius: 5px;
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
  display: none;
}
.triplezone__second--nav .second__nav--list .triplezone__second--dropdown li a {
  color: inherit;
  text-decoration: none;
  padding: 20px;
  /* width: 100%; */
  display: block;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-bottom: 1px solid rgba(255, 255, 255, 0.0392156863);
}
.triplezone__second--nav .second__nav--list .triplezone__second--dropdown li a:hover {
  color: #fff;
}
.triplezone__second--nav .second__nav--list .triplezone__second--dropdown li:last-child a {
  border-bottom: none;
}
.triplezone__second--nav .rotire-carret {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.triplezone__second--nav i {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 20px;
  display: inline-block;
}

.active-dropdown .list__second__category--link {
  color: var(--cold-color) !important;
}

.gift {
  position: absolute;
  top: -21px;
  width: 40px;
  height: 40px;
  background: var(--main-color);
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.gift:hover i {
  color: var(--primary-text-color);
}
.gift i {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.5294117647);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.iziToast > .iziToast-body .iziToast-texts {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.__disabled--button {
  opacity: 0.5;
  pointer-events: none;
}

.category__list .category__list--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid var(--third-background);
  padding: 15px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.1215686275);
  margin-bottom: 10px;
}
.category__list .category__list--item .category__list__item--title p {
  font-size: 16px;
}
.category__list .category__list--item .category__list__item--title .countdown__title {
  color: var(--error-color);
}
.category__list .category__list--item .category__list__item--price {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.category__list .category__list--item .category__list__item--price p {
  color: var(--main-color);
  font-weight: bold;
}
.category__list .category__list--item .category__list__item--price p del {
  font-size: var(--tiny-font);
  color: var(--error-color);
  font-weight: 500;
}
.category__list .category__list--item .category__list__item--buttons {
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.category__list .category__list--item .category__list__item--buttons .buy__btn {
  font-weight: bold;
  padding: 5px 10px;
  color: var(--primary-text-color) !important;
  font-size: 13px;
  border-radius: 5px;
  width: 120px;
  margin: auto;
  background: var(--green-button);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}
.category__list .category__list--item .category__list__item--buttons .buy__btn:hover {
  background: var(--hover-buy);
}
.category__list .category__list--item .category__list__item--buttons .info__btn {
  font-weight: bold;
  padding: 5px 10px;
  color: var(--primary-text-color) !important;
  font-size: 13px;
  border-radius: 5px;
  margin: auto;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  background: #2196f3;
  width: auto;
  margin-right: 5px;
}
.category__list .category__list--item .category__list__item--buttons .info__btn:hover {
  background: var(--hover-info);
}
.category__list .category__list--item .category__list__item--buttons .remove__btn {
  font-weight: bold;
  padding: 5px 10px;
  color: var(--primary-text-color) !important;
  font-size: 13px;
  border-radius: 5px;
  width: 120px;
  margin: auto;
  background: var(--error-color) !important;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}
.category__list .category__list--item .category__list__item--buttons .remove__btn:hover {
  background: var(--hover-sell) !important;
}
.category__list .category__list--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--third-background);
  padding: 15px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.category__list .category__list--item .category__list__item--title p {
  font-size: 16px;
}
.category__list .category__list--item .category__list__item--title .countdown__title {
  color: var(--error-color);
}
.category__list .category__list--item .category__list__item--price {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.category__list .category__list--item .category__list__item--price p {
  color: var(--main-color);
  font-weight: bold;
}
.category__list .category__list--item .category__list__item--price p del {
  font-size: var(--tiny-font);
  color: var(--error-color);
  font-weight: 500;
}
.category__list .category__list--item .category__list__item--buttons {
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.category__list .category__list--item .category__list__item--buttons .buy__btn {
  font-weight: bold;
  padding: 5px 10px;
  color: var(--primary-text-color) !important;
  font-size: 13px;
  border-radius: 5px;
  width: 120px;
  margin: auto;
  background: var(--green-button);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}
.category__list .category__list--item .category__list__item--buttons .buy__btn:hover {
  background: var(--hover-buy);
}
.category__list .category__list--item .category__list__item--buttons .info__btn {
  font-weight: bold;
  padding: 5px 10px;
  color: var(--primary-text-color) !important;
  font-size: 13px;
  border-radius: 5px;
  margin: auto;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  background: #2196f3;
  width: auto;
  margin-right: 5px;
}
.category__list .category__list--item .category__list__item--buttons .info__btn:hover {
  background: var(--hover-info);
}
.category__list .category__list--item .category__list__item--buttons .remove__btn {
  font-weight: bold;
  padding: 5px 10px;
  color: var(--primary-text-color) !important;
  font-size: 13px;
  border-radius: 5px;
  width: 120px;
  margin: auto;
  background: var(--error-color) !important;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}
.category__list .category__list--item .category__list__item--buttons .remove__btn:hover {
  background: var(--hover-sell) !important;
}

.category__list--with--images {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7.5px;
}
@media (max-width: 1324px) {
  .category__list--with--images {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 800px) {
  .category__list--with--images {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 568px) {
  .category__list--with--images {
    grid-template-columns: repeat(1, 1fr);
  }
}
.category__list--with--images .countdown__title {
  background: var(--error-color);
  color: var(--primary-text-color);
  padding: 5px 10px;
  border-radius: 40px;
  position: absolute;
  top: -12px;
  left: 61px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.category__list--with--images .category__list--item {
  background: var(--third-background);
  border-radius: 5px;
  border: 1px solid var(--package-border);
  padding: 20px;
  position: relative;
}
.category__list--with--images .category__list--item .category__list__item--title img {
  margin: auto;
  display: block;
  max-width: 165px;
  max-height: 143px;
  cursor: pointer;
}
.category__list--with--images .category__list--item .category__list__item--details {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.category__list--with--images .category__list--item .category__list__item--details .__item--title {
  color: var(--primary-text-color);
  font-weight: bold;
  text-align: center;
  margin: 10px 0;
  word-break: break-all;
}
.category__list--with--images .category__list--item .category__list__item--details .__item__price--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.category__list--with--images .category__list--item .category__list__item--details .__item__price--list .__item--discount {
  font-size: 12px;
  color: var(--error-color);
  margin-right: 5px;
}
.category__list--with--images .category__list--item .category__list__item--details .__item__price--list .__item--price {
  display: inline-block;
  color: var(--cold-color);
  font-weight: bold;
  font-size: 14px;
}
.category__list--with--images .category__list--item .category__list__item--buttons {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.category__list--with--images .category__list--item .category__list__item--buttons .buy__btn {
  font-weight: bold;
  padding: 8px 10px;
  color: var(--primary-text-color) !important;
  font-size: 13px;
  border-radius: 5px;
  margin: auto;
  background: var(--green-button);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}
.category__list--with--images .category__list--item .category__list__item--buttons .buy__btn:hover {
  background: var(--hover-buy);
}
.category__list--with--images .category__list--item .category__list__item--buttons .remove__btn {
  font-weight: bold;
  padding: 8px 10px;
  color: var(--primary-text-color) !important;
  font-size: 13px;
  border-radius: 5px;
  margin: auto;
  background: var(--error-color) !important;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}
.category__list--with--images .category__list--item .category__list__item--buttons .remove__btn:hover {
  background: var(--hover-sell) !important;
}
.category__list--with--images .category__list--item .category__list__item--buttons .info__btn {
  font-weight: bold;
  padding: 8px 13px;
  color: var(--primary-text-color) !important;
  font-size: 13px;
  border-radius: 5px;
  margin: auto;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  background: #2196f3;
  width: auto;
  margin-right: 10px;
}
.category__list--with--images .category__list--item .category__list__item--buttons .info__btn:hover {
  background: var(--hover-info);
}
.category__list--with--images .upgrade--icon {
  background: none !important;
  border: none !important;
  text-align: center;
}
.category__list--with--images .upgrade--icon i {
  font-size: 84px;
  display: inline-block;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background: -webkit-gradient(linear, left top, left bottom, from(#e72c83), to(#a742c6));
  background: linear-gradient(to bottom, #e72c83 0%, #a742c6 100%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media (max-width: 668px) {
  .category__list--with--images .upgrade--icon i {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
.category__list--with--images .hided__upgrade--icon {
  opacity: 0.5;
}
.category__list--with--images .hided__upgrade {
  display: none;
}
.category__list--with--images .category__list--upgrade {
  background: var(--third-background);
  border-radius: 5px;
  border: 1px solid var(--package-border);
  padding: 0;
  padding-top: 10px;
  position: relative;
}
.category__list--with--images .category__list--upgrade .category__list__item--title img {
  margin: auto;
  display: block;
  max-width: 120px;
  cursor: pointer;
}
.category__list--with--images .category__list--upgrade .category__list__item--details {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.category__list--with--images .category__list--upgrade .category__list__item--details .__item--title {
  color: var(--primary-text-color);
  font-weight: bold;
  text-align: center;
  margin: 10px 0;
}
.category__list--with--images .category__list--upgrade .category__list__item--details .__item__price--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: -8px;
  right: 10px;
  background: var(--package-border);
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
}
.category__list--with--images .category__list--upgrade .category__list__item--details .__item__price--list .__item--discount {
  font-size: 12px;
  color: var(--error-color);
  margin-right: 5px;
}
.category__list--with--images .category__list--upgrade .category__list__item--details .__item__price--list .__item--price {
  display: inline-block;
  color: var(--main-color);
  font-weight: bold;
  font-size: 14px;
}
.category__list--with--images .category__list--upgrade .category__list__item--buttons {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.category__list--with--images .category__list--upgrade .category__list__item--buttons .buy__btn {
  font-weight: bold;
  padding: 5px 10px;
  color: var(--primary-text-color) !important;
  font-size: 13px;
  border-radius: 5px;
  margin: auto;
  background: var(--green-button);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}
.category__list--with--images .category__list--upgrade .category__list__item--buttons .buy__btn:hover {
  background: var(--hover-buy);
}
.category__list--with--images .category__list--upgrade .category__list__item--buttons .remove__btn {
  font-weight: bold;
  padding: 5px 10px;
  color: var(--primary-text-color) !important;
  font-size: 13px;
  border-radius: 5px;
  margin: auto;
  background: var(--error-color) !important;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}
.category__list--with--images .category__list--upgrade .category__list__item--buttons .remove__btn:hover {
  background: var(--hover-sell) !important;
}
.category__list--with--images .category__list--upgrade .category__list__item--buttons .info__btn {
  font-weight: bold;
  padding: 5px 13px;
  color: var(--primary-text-color) !important;
  font-size: 13px;
  border-radius: 5px;
  margin: auto;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  background: #2196f3;
  width: auto;
  margin-right: 10px;
}
.category__list--with--images .category__list--upgrade .category__list__item--buttons .info__btn:hover {
  background: var(--hover-info);
}

.category__list--upgrades {
  grid-template-columns: repeat(3, 1fr);
  margin: 20px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 668px) {
  .category__list--upgrades {
    grid-template-columns: repeat(1, 1fr);
  }
}

.change__data__upgrade--package {
  display: none;
  cursor: pointer;
}

p.upgrade__category--title {
  font-weight: bold;
  font-size: 16px;
  color: #fff;
}

#ranks-upgrades {
  background: var(--second-background);
}
#ranks-upgrades .rank-selected {
  background: var(--gradient-shadow) !important;
  border: 1px solid var(--main-color) !important;
}
#ranks-upgrades .ranks--body {
  padding: 20px;
}
#ranks-upgrades .ranks--body .ranks__upgrades--flex {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 10px;
}
@media (max-width: 968px) {
  #ranks-upgrades .ranks--body .ranks__upgrades--flex {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 568px) {
  #ranks-upgrades .ranks--body .ranks__upgrades--flex {
    grid-template-columns: repeat(1, 1fr);
  }
}
#ranks-upgrades .ranks--body .ranks__upgrades--flex .category__list--upgrade {
  background: var(--third-background);
  border-radius: 5px;
  border: 1px solid var(--package-border);
  padding: 0;
  position: relative;
}
#ranks-upgrades .ranks--body .ranks__upgrades--flex .category__list--upgrade .category__list__item--title img {
  margin: auto;
  display: block;
  max-width: 120px;
  cursor: pointer;
}
#ranks-upgrades .ranks--body .ranks__upgrades--flex .category__list--upgrade .category__list__item--details {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#ranks-upgrades .ranks--body .ranks__upgrades--flex .category__list--upgrade .category__list__item--details .__item--title {
  color: var(--primary-text-color);
  font-weight: bold;
  text-align: center;
  margin: 10px 0;
}
#ranks-upgrades .ranks--body .ranks__upgrades--flex .category__list--upgrade .category__list__item--details .__item__price--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: -8px;
  right: 10px;
  background: var(--package-border);
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
}
#ranks-upgrades .ranks--body .ranks__upgrades--flex .category__list--upgrade .category__list__item--details .__item__price--list .__item--discount {
  font-size: 12px;
  color: var(--error-color);
  margin-right: 5px;
}
#ranks-upgrades .ranks--body .ranks__upgrades--flex .category__list--upgrade .category__list__item--details .__item__price--list .__item--price {
  display: inline-block;
  color: var(--main-color);
  font-weight: bold;
  font-size: 14px;
}
#ranks-upgrades .ranks--body .ranks__upgrades--flex .category__list--upgrade .category__list__item--buttons {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#ranks-upgrades .ranks--body .ranks__upgrades--flex .category__list--upgrade .category__list__item--buttons .buy__btn {
  font-weight: bold;
  padding: 5px 10px;
  color: var(--primary-text-color) !important;
  font-size: 13px;
  border-radius: 5px;
  margin: auto;
  background: var(--green-button);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}
#ranks-upgrades .ranks--body .ranks__upgrades--flex .category__list--upgrade .category__list__item--buttons .buy__btn:hover {
  background: var(--hover-buy);
}
#ranks-upgrades .ranks--body .ranks__upgrades--flex .category__list--upgrade .category__list__item--buttons .remove__btn {
  font-weight: bold;
  padding: 5px 10px;
  color: var(--primary-text-color) !important;
  font-size: 13px;
  border-radius: 5px;
  margin: auto;
  background: var(--error-color) !important;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}
#ranks-upgrades .ranks--body .ranks__upgrades--flex .category__list--upgrade .category__list__item--buttons .remove__btn:hover {
  background: var(--hover-sell) !important;
}
#ranks-upgrades .ranks--body .ranks__upgrades--flex .category__list--upgrade .category__list__item--buttons .info__btn {
  font-weight: bold;
  padding: 5px 13px;
  color: var(--primary-text-color) !important;
  font-size: 13px;
  border-radius: 5px;
  margin: auto;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  background: #2196f3;
  width: auto;
  margin-right: 10px;
}
#ranks-upgrades .ranks--body .ranks__upgrades--flex .category__list--upgrade .category__list__item--buttons .info__btn:hover {
  background: var(--hover-info);
}
#ranks-upgrades .ranks--body .ranks__upgrades--flex .category__list--upgrade .category__list__item--buttons .buy__btn {
  font-weight: bold;
  padding: 5px 10px;
  color: var(--primary-text-color) !important;
  font-size: 13px;
  border-radius: 5px;
  margin: auto;
  background: var(--green-button);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}
#ranks-upgrades .ranks--body .ranks__upgrades--flex .category__list--upgrade .category__list__item--buttons .buy__btn:hover {
  background: var(--hover-buy);
}
#ranks-upgrades .ranks--body .ranks__upgrades--flex .category__list--upgrade .category__list__item--buttons .remove__btn {
  font-weight: bold;
  padding: 5px 10px;
  color: var(--primary-text-color) !important;
  font-size: 13px;
  border-radius: 5px;
  margin: auto;
  background: var(--error-color) !important;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}
#ranks-upgrades .ranks--body .ranks__upgrades--flex .category__list--upgrade .category__list__item--buttons .remove__btn:hover {
  background: var(--hover-sell) !important;
}
#ranks-upgrades .ranks--body .ranks__upgrades--flex .category__list--upgrade .category__list__item--buttons .info__btn {
  font-weight: bold;
  padding: 5px 13px;
  color: var(--primary-text-color) !important;
  font-size: 13px;
  border-radius: 5px;
  margin: auto;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  background: #2196f3;
  width: auto;
  margin-right: 10px;
}
#ranks-upgrades .ranks--body .ranks__upgrades--flex .category__list--upgrade .category__list__item--buttons .info__btn:hover {
  background: var(--hover-info);
}

.upgrade--btn {
  font-weight: bold;
  padding: 20px 10px;
  color: #fff !important;
  font-size: 13px;
  border-radius: 5px;
  margin: auto;
  background: var(--green-button);
  border: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  width: 100%;
  text-transform: uppercase;
  outline: none;
  display: block;
  text-align: center;
  text-decoration: none !important;
}
.upgrade--btn:hover {
  background: var(--hover-buy);
}

.upgrade__btn--disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}

.no__choosen--upgrade {
  height: 157px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  cursor: pointer;
}
.no__choosen--upgrade .category__list__item--title p:first-child {
  font-size: 16px;
  font-weight: bold;
  color: var(--main-color);
}
.no__choosen--upgrade .category__list__item--title p:nth-child(2) {
  text-transform: uppercase;
  font-size: 12px;
}

.mobile-enabled {
  display: block !important;
}

.mobile-icon {
  font-size: 26px;
  vertical-align: middle;
  margin-right: 10px;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(var(--filter-shadow), 1));
          filter: drop-shadow(0px 0px 5px rgba(var(--filter-shadow), 1));
}

.swal-modal {
  padding: 20px !important;
  background: var(--third-background) !important;
}

.swal-footer .swal-button {
  background-color: var(--main-color) !important;
  border-radius: 5px !important;
  padding: 12px 50px !important;
  border-bottom: 3px solid rgba(0, 0, 0, 0.08);
  outline: none !important;
}

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

.swal-title:not(:last-child) {
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 900 !important;
  letter-spacing: 1.5px;
  color: var(--primary-text-color) !important;
}

.swal-text {
  color: var(--secondary-text-color) !important;
}

.body--with-sidebar, .checkout__page {
  display: grid;
  margin-top: 40px;
}
.body--with-sidebar img, .checkout__page img {
  max-width: 100%;
}
.body--with-sidebar .triplezone-sidebar, .checkout__page .triplezone-sidebar {
  margin-bottom: 20px;
}
.body--with-sidebar .triplezone-sidebar .chains, .checkout__page .triplezone-sidebar .chains {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.body--with-sidebar .triplezone-sidebar .chains img, .checkout__page .triplezone-sidebar .chains img {
  max-width: 14px;
}
.body--with-sidebar .triplezone-sidebar .sidebar-header, .checkout__page .triplezone-sidebar .sidebar-header {
  background: var(--second-background);
  padding: 30px 20px;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  cursor: pointer;
  position: relative;
}
.body--with-sidebar .triplezone-sidebar .sidebar-header p, .checkout__page .triplezone-sidebar .sidebar-header p {
  color: var(--main-color);
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
  font-size: var(--medium-font);
}
.body--with-sidebar .triplezone-sidebar .sidebar-nav, .checkout__page .triplezone-sidebar .sidebar-nav {
  background: var(--second-background);
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
  display: none;
  position: relative;
}
.body--with-sidebar .triplezone-sidebar .sidebar-nav .link__active, .checkout__page .triplezone-sidebar .sidebar-nav .link__active {
  border-left: 4px solid var(--cold-color);
  color: var(--cold-color) !important;
  background: var(--cold-color); /* The Fallback */
  background: -webkit-gradient(linear, left top, right top, from(rgba(var(--cold-color), 0.15)), color-stop(35%, var(--third-background))) !important;
  background: linear-gradient(90deg, rgba(var(--cold-color), 0.15) 0%, var(--third-background) 35%) !important;
  overflow: hidden;
}
.body--with-sidebar .triplezone-sidebar .sidebar-nav .link__active::after, .checkout__page .triplezone-sidebar .sidebar-nav .link__active::after {
  height: 50px;
  content: "";
  position: absolute;
  left: -49px;
  width: 50px;
  background: var(--cold-color);
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.body--with-sidebar .triplezone-sidebar .sidebar-nav .toggle-drop-active, .checkout__page .triplezone-sidebar .sidebar-nav .toggle-drop-active {
  background: var(--third-background);
}
.body--with-sidebar .triplezone-sidebar .sidebar-nav .active-dropdown, .checkout__page .triplezone-sidebar .sidebar-nav .active-dropdown {
  color: var(--focus-text-color);
  background: var(--third-background);
}
.body--with-sidebar .triplezone-sidebar .sidebar-nav .rotire-carret, .checkout__page .triplezone-sidebar .sidebar-nav .rotire-carret {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.body--with-sidebar .triplezone-sidebar .sidebar-nav ul, .checkout__page .triplezone-sidebar .sidebar-nav ul {
  list-style-type: none;
}
.body--with-sidebar .triplezone-sidebar .sidebar-nav ul li, .checkout__page .triplezone-sidebar .sidebar-nav ul li {
  border-top: 1px solid var(--third-background);
  position: relative;
}
.body--with-sidebar .triplezone-sidebar .sidebar-nav ul li .triplezone-dropdown, .checkout__page .triplezone-sidebar .sidebar-nav ul li .triplezone-dropdown {
  background: var(--third-background);
  display: none;
}
.body--with-sidebar .triplezone-sidebar .sidebar-nav ul li .triplezone-dropdown li, .checkout__page .triplezone-sidebar .sidebar-nav ul li .triplezone-dropdown li {
  display: block;
  border-top: none;
}
.body--with-sidebar .triplezone-sidebar .sidebar-nav ul li .triplezone-dropdown li a, .checkout__page .triplezone-sidebar .sidebar-nav ul li .triplezone-dropdown li a {
  display: block;
  text-decoration: none;
  padding: 15px 20px;
  font-size: var(--small-font);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.body--with-sidebar .triplezone-sidebar .sidebar-nav ul li .triplezone-dropdown li:hover a, .checkout__page .triplezone-sidebar .sidebar-nav ul li .triplezone-dropdown li:hover a {
  margin-left: 5px;
}
.body--with-sidebar .triplezone-sidebar .sidebar-nav ul li a, .checkout__page .triplezone-sidebar .sidebar-nav ul li a {
  display: block;
  text-decoration: none;
  color: var(--secondary-text-color);
  padding: 30px 20px;
  padding-left: 90px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-weight: bold;
  font-size: var(--medium-font);
  position: relative;
  letter-spacing: 1px;
}
.body--with-sidebar .triplezone-sidebar .sidebar-nav ul li a .rotire-carret, .checkout__page .triplezone-sidebar .sidebar-nav ul li a .rotire-carret {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.body--with-sidebar .triplezone-sidebar .sidebar-nav ul li a i, .checkout__page .triplezone-sidebar .sidebar-nav ul li a i {
  float: right;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 20px;
}
.body--with-sidebar .triplezone-sidebar .sidebar-nav ul li a:hover, .checkout__page .triplezone-sidebar .sidebar-nav ul li a:hover {
  color: var(--primary-text-color);
}
.body--with-sidebar .triplezone-sidebar .sidebar-nav ul li:last-child, .checkout__page .triplezone-sidebar .sidebar-nav ul li:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.body--with-sidebar .triplezone-sidebar .sidebar-nav ul li:last-child .triplezone-dropdown, .checkout__page .triplezone-sidebar .sidebar-nav ul li:last-child .triplezone-dropdown {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.body--with-sidebar .triplezone-sidebar .sidebar-nav ul:nth-child(1), .checkout__page .triplezone-sidebar .sidebar-nav ul:nth-child(1) {
  display: block;
}
.body--with-sidebar .triplezone-sidebar .sidebar-nav li a:before, .checkout__page .triplezone-sidebar .sidebar-nav li a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 12px;
  width: 64px;
  height: 100%;
  display: block;
  background-size: contain !important;
}
.body--with-sidebar .triplezone-main-content, .checkout__page .triplezone-main-content {
  position: relative;
}
.body--with-sidebar .triplezone-main-content .title-category, .checkout__page .triplezone-main-content .title-category {
  background: var(--second-background);
  padding: 20px;
  border-radius: 5px 5px 0 0;
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
}
.body--with-sidebar .triplezone-main-content .title-category .category-title, .checkout__page .triplezone-main-content .title-category .category-title {
  font-weight: bold;
  color: var(--main-color);
  font-size: 24px;
}
.body--with-sidebar .triplezone-main-content .description-category, .checkout__page .triplezone-main-content .description-category {
  background: var(--second-background);
  padding: 20px;
  padding-top: 0;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}
.body--with-sidebar .triplezone-main-content .body-object, .checkout__page .triplezone-main-content .body-object {
  background: var(--second-background);
  padding: 20px;
  margin: 20px 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
}
.body--with-sidebar .triplezone-main-content .triplezone-body-description, .checkout__page .triplezone-main-content .triplezone-body-description {
  background: var(--second-background);
  padding: 20px;
  border-radius: var(--border-radius);
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
}
.body--with-sidebar .triplezone-main-content .triplezone-body-description .body-obj, .checkout__page .triplezone-main-content .triplezone-body-description .body-obj {
  margin: 20px 0;
}
.body--with-sidebar .triplezone-main-content .giftcard-button, .checkout__page .triplezone-main-content .giftcard-button {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 5px;
  text-decoration: none;
  color: #ffffff;
  display: inline-block;
  margin-right: 10px;
  background: var(--main-color);
  padding: 6px 15px;
  font-weight: 700;
  border-bottom: 3px solid rgba(0, 0, 0, 0.08);
  margin-top: 10px;
  margin-bottom: 10px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.body--with-sidebar .triplezone-main-content .giftcard-button i, .checkout__page .triplezone-main-content .giftcard-button i {
  font-size: 22px;
  vertical-align: middle;
}
.body--with-sidebar .triplezone-main-content .announcement, .checkout__page .triplezone-main-content .announcement {
  background: var(--main-color);
  padding: 15px 20px;
  border-bottom: 3px solid rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius);
  position: relative;
}
.body--with-sidebar .triplezone-main-content .announcement p, .checkout__page .triplezone-main-content .announcement p {
  color: var(--primary-text-color);
  font-weight: 500;
  font-size: var(--small-font);
  margin: 0;
}
.body--with-sidebar .triplezone-main-content .announcement p i, .checkout__page .triplezone-main-content .announcement p i {
  font-size: 22px;
  vertical-align: middle;
  margin-right: 15px;
}
.body--with-sidebar .triplezone-main-content .announcement:before, .checkout__page .triplezone-main-content .announcement:before {
  content: "";
  position: absolute;
  display: block;
  top: 99%;
  left: 20px;
  width: 0;
  height: 0;
  border: 11px solid transparent;
  border-top-color: var(--main-color);
}
.body--with-sidebar .triplezone-main-content .home-splash, .checkout__page .triplezone-main-content .home-splash {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
}
.body--with-sidebar .triplezone-main-content .home-splash .splash__goal, .checkout__page .triplezone-main-content .home-splash .splash__goal {
  width: 100%;
  background: var(--third-background);
  border-radius: 5px;
}
.body--with-sidebar .triplezone-main-content .home-splash .splash__goal .splash__goal--body, .checkout__page .triplezone-main-content .home-splash .splash__goal .splash__goal--body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.body--with-sidebar .triplezone-main-content .home-splash .splash__goal .splash__goal--body .goal__title, .checkout__page .triplezone-main-content .home-splash .splash__goal .splash__goal--body .goal__title {
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.body--with-sidebar .triplezone-main-content .home-splash .splash__goal .splash__goal--body .goal__progress, .checkout__page .triplezone-main-content .home-splash .splash__goal .splash__goal--body .goal__progress {
  color: var(--main-color);
  font-weight: bold;
}
.body--with-sidebar .triplezone-main-content .home-splash .splash__goal .splash__goal--footer, .checkout__page .triplezone-main-content .home-splash .splash__goal .splash__goal--footer {
  height: 10px;
  background: var(--background-color);
  position: relative;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.body--with-sidebar .triplezone-main-content .home-splash .splash__goal .splash__goal--footer .splash__goal__footer--progress, .checkout__page .triplezone-main-content .home-splash .splash__goal .splash__goal--footer .splash__goal__footer--progress {
  background: var(--main-color);
  position: absolute;
  width: 0%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  height: 100%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.body--with-sidebar .triplezone-main-content .home-splash p, .checkout__page .triplezone-main-content .home-splash p {
  margin: 0;
}
.body--with-sidebar .triplezone-main-content .home-splash .welcome-s, .checkout__page .triplezone-main-content .home-splash .welcome-s {
  width: 100%;
  margin-bottom: 10px;
}
.body--with-sidebar .triplezone-main-content .home-splash .welcome-s p, .checkout__page .triplezone-main-content .home-splash .welcome-s p {
  font-weight: bold;
  text-transform: uppercase;
}
.body--with-sidebar .triplezone-main-content .home-splash .welcome-s p:nth-child(1), .checkout__page .triplezone-main-content .home-splash .welcome-s p:nth-child(1) {
  font-size: var(--tiny-font);
  color: var(--focus-text-color);
}
.body--with-sidebar .triplezone-main-content .home-splash .welcome-s p:nth-child(2), .checkout__page .triplezone-main-content .home-splash .welcome-s p:nth-child(2) {
  color: var(--main-color);
  font-size: 22px;
  letter-spacing: 2px;
  background: -webkit-linear-gradient(var(--cold-color), var(--main-color));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.body--with-sidebar .triplezone-main-content .home-splash .featured-item-s, .checkout__page .triplezone-main-content .home-splash .featured-item-s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.body--with-sidebar .triplezone-main-content .home-splash .featured-item-s .featured-item-description .featured-title, .checkout__page .triplezone-main-content .home-splash .featured-item-s .featured-item-description .featured-title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  opacity: 1;
  color: var(--main-color);
  -webkit-filter: drop-shadow(0px 0px 5px rgb(218, 58, 233));
          filter: drop-shadow(0px 0px 5px rgb(218, 58, 233));
  margin-bottom: 5px;
}
.body--with-sidebar .triplezone-main-content .home-splash .featured-item-s .featured-item-description .featured-item-title, .checkout__page .triplezone-main-content .home-splash .featured-item-s .featured-item-description .featured-item-title {
  color: var(--primary-text-color);
  font-size: var(--medium-font);
  text-transform: uppercase;
  font-weight: bold;
}
.body--with-sidebar .triplezone-main-content .home-splash .featured-item-s .featured-item-description .featured-item-price, .checkout__page .triplezone-main-content .home-splash .featured-item-s .featured-item-description .featured-item-price {
  color: var(--green-button);
  font-weight: bold;
  font-size: var(--tiny-font);
}
.body--with-sidebar .triplezone-main-content .home-splash .featured-item-s .featured-item-description .featured-item-price del, .checkout__page .triplezone-main-content .home-splash .featured-item-s .featured-item-description .featured-item-price del {
  color: var(--error-color);
}
.body--with-sidebar .triplezone-main-content .home-splash .featured-item-s .featured-item-description a, .checkout__page .triplezone-main-content .home-splash .featured-item-s .featured-item-description a {
  padding: 5px 10px;
  color: var(--primary-text-color);
  border: none;
  margin-right: auto;
  background: var(--green-button);
  outline: none;
  display: inline-block;
  text-decoration: none;
  margin-top: 5px;
  border-radius: 5px;
  border-bottom: 3px solid rgba(0, 0, 0, 0.08);
  text-transform: uppercase;
}
.body--with-sidebar .triplezone-main-content .home-splash .featured-item-s img, .checkout__page .triplezone-main-content .home-splash .featured-item-s img {
  max-width: 128px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.body--with-sidebar .triplezone-main-content .home-splash .featured-item-s:hover img, .checkout__page .triplezone-main-content .home-splash .featured-item-s:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-filter: drop-shadow(0px 0px 5px rgba(218, 58, 233, 0.5));
          filter: drop-shadow(0px 0px 5px rgba(218, 58, 233, 0.5));
}
.body--with-sidebar .triplezone-main-content p, .checkout__page .triplezone-main-content p {
  margin: 0;
  line-height: 1.5;
}
.body--with-sidebar .triplezone-main-content legend, .checkout__page .triplezone-main-content legend {
  padding: 0 20px;
  color: var(--green-button);
  text-transform: uppercase;
  font-weight: bold;
  font-size: var(--medium-font);
}
.body--with-sidebar .triplezone-main-content .support, .checkout__page .triplezone-main-content .support {
  color: var(--green-button);
}
.body--with-sidebar .triplezone-main-content .refund, .checkout__page .triplezone-main-content .refund {
  color: var(--error-color);
}
.body--with-sidebar .triplezone-main-content .support-button, .checkout__page .triplezone-main-content .support-button {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 5px;
  text-decoration: none;
  color: hsla(136deg, 100%, 100%, 0.8);
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: var(--green-button);
  padding: 0 19px;
  height: 37px;
  line-height: 37px;
  font-weight: 700;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}
.body--with-sidebar .triplezone-main-content .support-button i, .checkout__page .triplezone-main-content .support-button i {
  font-size: 20px;
  vertical-align: middle;
}
.body--with-sidebar .triplezone-main-content .support-button:hover, .checkout__page .triplezone-main-content .support-button:hover {
  color: var(--primary-text-color);
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
}
.body--with-sidebar .triplezone-main-content .terms-button, .checkout__page .triplezone-main-content .terms-button {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 5px;
  text-decoration: none;
  color: hsla(136deg, 100%, 100%, 0.8);
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: var(--error-color);
  padding: 0 19px;
  height: 37px;
  line-height: 37px;
  font-weight: 700;
  border-bottom: 3px solid rgba(0, 0, 0, 0.08);
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.body--with-sidebar .triplezone-main-content .terms-button i, .checkout__page .triplezone-main-content .terms-button i {
  font-size: 20px;
  vertical-align: middle;
}
.body--with-sidebar .triplezone-main-content .terms-button:hover, .checkout__page .triplezone-main-content .terms-button:hover {
  color: var(--primary-text-color);
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
}
.body--with-sidebar .title-of-subject, .checkout__page .title-of-subject {
  color: #ffffff;
  font-weight: 900;
  letter-spacing: 0.8px;
  font-size: var(--medium-font);
  text-transform: uppercase;
  margin-bottom: 10px !important;
}
.body--with-sidebar .giftcard-widget .giftcard-box, .checkout__page .giftcard-widget .giftcard-box {
  position: relative;
}
.body--with-sidebar .giftcard-widget .giftcard-box i, .checkout__page .giftcard-widget .giftcard-box i {
  position: absolute;
  padding: 8px 12px;
  pointer-events: none;
  color: var(--focus-text-color);
  font-size: 25px;
}
.body--with-sidebar .giftcard-widget .giftcard-box input, .checkout__page .giftcard-widget .giftcard-box input {
  border: none;
  background: var(--third-background);
  padding: 13px;
  outline: none;
  border-radius: 5px;
  padding-left: 51px;
  max-width: 320px;
  width: 300px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: var(--secondary-text-color);
}
.body--with-sidebar .giftcard-widget .giftcard-box button, .checkout__page .giftcard-widget .giftcard-box button {
  background: #4da564;
  padding: 13px 20px;
  outline: none;
  border: none;
  border-bottom: 3px solid rgba(0, 0, 0, 0.08);
  cursor: pointer;
  border-radius: 5px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.triplezone-modules {
  margin-top: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 -15px;
}
.triplezone-modules .triplezone-module {
  background: var(--third-background);
  border-radius: 5px;
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 15px);
          flex: 0 0 calc(50% - 15px);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
  margin: 0 7.5px;
}
.triplezone-modules .triplezone-module .triplezone-module__header {
  padding: 15px 15px;
  position: relative;
}
.triplezone-modules .triplezone-module .triplezone-module__header i {
  vertical-align: middle;
  font-size: 26px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.2196078431);
}
.triplezone-modules .triplezone-module .triplezone-module__header p {
  margin-bottom: 0;
  text-align: left;
  font-weight: bold;
  letter-spacing: 1.2px;
  color: var(--main-color);
  text-transform: uppercase;
  margin-left: 40px;
}
.triplezone-modules .triplezone-module:nth-child(3n), .triplezone-modules .triplezone-module:nth-child(4n) {
  margin-top: 10px !important;
}
.triplezone-modules .giftcard__response {
  background: var(--fourth-background);
  border: none;
  padding: 10px;
  border-radius: 5px;
  outline: none;
  color: #bdbdbd;
  width: 100%;
  letter-spacing: 0.5px;
}
.triplezone-modules .giftcard__response p {
  line-height: unset !important;
  text-align: left !important;
}
.triplezone-modules .giftcard__back--btn {
  background: var(--error-color) !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.triplezone-modules .giftcard__back--btn span {
  margin-right: 5px !important;
}
.triplezone-modules .giftcard__back__btn--disabled {
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.triplezone-modules #giftcard__response--stage2 {
  display: none;
}
.triplezone-modules .giftcard__module {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(60% - 15px);
          flex: 0 0 calc(60% - 15px);
}
.triplezone-modules .giftcard__module .giftcard__module--body {
  padding: 15px 15px;
  padding-top: 0;
}
.triplezone-modules .giftcard__module .giftcard__module--body p {
  text-align: center;
  line-height: 1.5;
}
.triplezone-modules .giftcard__module .giftcard__module--body .giftcard__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.triplezone-modules .giftcard__module .giftcard__module--body .giftcard__buttons [data-giftcard-state=idle] [data-giftcard-element=cta] {
  display: block;
}
.triplezone-modules .giftcard__module .giftcard__module--body .giftcard__buttons [data-giftcard-state=idle] [data-giftcard-element=loader] {
  display: none;
}
.triplezone-modules .giftcard__module .giftcard__module--body .giftcard__buttons [data-giftcard-state=loading] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  opacity: 0.8;
}
.triplezone-modules .giftcard__module .giftcard__module--body .giftcard__buttons [data-giftcard-state=loading] [data-giftcard-element=cta] {
  display: none;
}
.triplezone-modules .giftcard__module .giftcard__module--body .giftcard__buttons [data-giftcard-state=loading] [data-giftcard-element=loader] {
  -webkit-animation: rotating 0.5s linear infinite;
          animation: rotating 0.5s linear infinite;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
}
.triplezone-modules .giftcard__module .giftcard__module--body .giftcard__buttons button {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 5px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  border: none;
  background: #4da564;
  padding: 10px 15px;
  font-weight: 700;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  margin-left: 5px;
  outline: none;
}
.triplezone-modules .giftcard__module .giftcard__module--body .giftcard__buttons button:hover {
  color: #ffffff;
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
}
.triplezone-modules .giftcard__module .giftcard__module--body .giftcard__buttons input {
  background: var(--fourth-background);
  border: none;
  padding: 10px;
  border-radius: 5px;
  outline: none;
  color: #bdbdbd;
  width: 100%;
  letter-spacing: 0.5px;
}
.triplezone-modules .giftcard__module .giftcard__module--body .giftcard__buttons ::-webkit-input-placeholder {
  color: var(--secondary-text-color);
}
.triplezone-modules .giftcard__module .giftcard__module--body .giftcard__buttons input:focus,
.triplezone-modules .giftcard__module .giftcard__module--body .giftcard__buttons input:hover {
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.triplezone-modules .recent-payments {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(40% - 15px);
          flex: 0 0 calc(40% - 15px);
  margin-top: 10px;
}
.triplezone-modules .recent-payments .tea {
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.0196078431);
  margin: 5px;
  border-radius: 5px;
}
.triplezone-modules .recent-payments .tea:nth-child(1) {
  opacity: 1;
}
.triplezone-modules .recent-payments .tea:nth-child(2) {
  opacity: 0.8;
}
.triplezone-modules .recent-payments .tea:nth-child(3) {
  opacity: 0.65;
}
.triplezone-modules .recent-payments .tea:nth-child(4) {
  opacity: 0.55;
}
.triplezone-modules .recent-payments .tea:nth-child(5) {
  opacity: 0.32;
}
.triplezone-modules .recent-payments .tea:nth-child(6) {
  opacity: 0.25;
}
.triplezone-modules .recent-payments .tea:nth-child(7) {
  opacity: 0.2;
}
.triplezone-modules .recent-payments .payment-pr {
  margin: 5px 5px;
  cursor: pointer;
  position: relative;
}
.triplezone-modules .recent-payments .payment-pr .payment-tooltip {
  bottom: 90%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  background: var(--third-background);
  color: #71829a;
  padding: 6px 10px;
  border-radius: var(--border-radius);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.2s all ease-out;
  transition: 0.2s all ease-out;
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.triplezone-modules .recent-payments .payment-pr .payment-tooltip .payment-item {
  color: var(--secondary-text-color);
  font-weight: 500;
  font-size: var(--tiny-font);
}
.triplezone-modules .recent-payments .payment-pr .payment-tooltip p {
  margin: 0;
  text-transform: unset;
  text-align: center;
  color: var(--main-color);
  font-weight: bold;
}
.triplezone-modules .recent-payments .payment-pr:hover .payment-tooltip {
  opacity: 1;
  bottom: 115%;
}
.triplezone-modules .recent-payments .payments-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -5px -5px;
  padding: 10px 15px;
  padding-top: 0;
}
.triplezone-modules .recent-payments .payments-flex img {
  max-width: 30px;
  border-radius: var(--border-radius);
}
.triplezone-modules .top-payments {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(40% - 15px);
          flex: 0 0 calc(40% - 15px);
}
.triplezone-modules .top-payments .top__payments--body {
  padding: 10px 20px 20px 20px;
}
.triplezone-modules .top-payments .top__payments--body .top-donator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.triplezone-modules .top-payments .top__payments--body .top-donator .info .ign {
  color: var(--focus-text-color);
  font-weight: bold;
}

.splash__goal__footer--progress {
  max-width: 100%;
}

.triplezone--module__info {
  border-radius: 5px;
  background: var(--third-background);
  margin-bottom: 20px;
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
  width: 100%;
}

.triplezone--module__header {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.0196078431);
  position: relative;
}

.triplezone--module__header i {
  position: absolute;
  font-size: 23px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.2196078431);
}

.triplezone--module__header p {
  margin-left: 40px;
  font-weight: 700;
  font-size: 16px;
  color: var(--main-color);
}

.triplezone--module__body {
  padding: 20px;
  text-align: center;
}

.triplezone--module__body a {
  color: var(--main-color);
  text-decoration: none;
}

.variables {
  margin: 0 !important;
}

.variables input, .variables select, .variables .input-group {
  margin-bottom: 0 !important;
}

.form-group {
  margin-bottom: 20px;
}

.input-group-addon {
  background: var(--main-color);
  border: none;
  color: var(--primary-text-color);
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.__input--options {
  display: block;
  width: 100%;
  border-radius: 5px;
  padding: 20px 10px;
  border: none;
  background: var(--third-background);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  outline: none;
  color: inherit;
  font-size: 16px;
}
.__input--options::-webkit-input-placeholder {
  color: var(--secondary-text-color);
}
.__input--options::-moz-placeholder {
  color: var(--secondary-text-color);
}
.__input--options:-ms-input-placeholder {
  color: var(--secondary-text-color);
}
.__input--options::-ms-input-placeholder {
  color: var(--secondary-text-color);
}
.__input--options::placeholder {
  color: var(--secondary-text-color);
}

.__options--buttons {
  margin: 0px -5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.__options--buttons .__options-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 10px);
          flex: 0 0 calc(50% - 10px);
  margin: 0 5px;
}
.__options--buttons .__options-btn .__continue--btn--options {
  font-weight: bold;
  padding: 15px 10px;
  color: #fff !important;
  font-size: 14px;
  border-radius: 5px;
  background: var(--green-button);
  border: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 0 !important;
}
.__options--buttons .__options-btn .__continue--btn--options:hover {
  background: #48995d;
}
.__options--buttons .__options-btn .__back--btn-options {
  font-weight: bold;
  padding: 15px 10px;
  color: #fff !important;
  font-size: 14px;
  border-radius: 5px;
  width: 100%;
  background: var(--error-color);
  border: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  display: block;
  text-align: center;
  text-decoration: none;
}
.__options--buttons .__options-btn .__back--btn-options:hover {
  background: #d9373f;
}

.__loading--refresh {
  -webkit-animation: rotation 0.6s infinite linear;
          animation: rotation 0.6s infinite linear;
  display: none;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
.checkout__page {
  display: grid;
  margin-top: 40px;
}
.checkout__page .purchase__btn {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 5px;
  text-decoration: none;
  color: var(--primary-text-color);
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px;
  background: var(--green-button);
  padding: 20px;
  font-weight: 700;
  border: none;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  outline: none;
  width: 100%;
}
.checkout__page .purchase__btn:hover {
  color: var(--primary-text-color);
  background: #48995d;
}
.checkout__page .gateways {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -7.5px;
}
.checkout__page .gateway__payment {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(25% - 15px);
  flex: 0 0 calc(25% - 15px) !important;
  margin: 7.5px !important;
  float: unset !important;
  height: unset !important;
  padding: unset !important;
  width: unset !important;
}
.checkout__page .gateway__payment .gateway__fee {
  position: absolute;
  background: var(--error-color);
  color: var(--primary-text-color);
  padding: 5px 10px;
  top: 0;
  right: 0;
  border-radius: 5px;
  font-weight: bold;
  text-transform: uppercase;
}
.checkout__page .gateway__payment .gateway__fee--zero {
  position: absolute;
  background: var(--green-button);
  color: var(--primary-text-color);
  padding: 5px 10px;
  top: 0;
  right: 0;
  border-radius: 5px;
  font-weight: bold;
  text-transform: uppercase;
}
.checkout__page .gateway__payment input[type=radio] {
  -webkit-appearance: none;
}
.checkout__page .gateway__payment label {
  border: 3px solid var(--third-background);
  border-radius: 5px;
  color: var(--main-color);
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  width: 100%;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.checkout__page .gateway__payment label img {
  height: 52px !important;
  border-radius: 5px;
  padding-right: 0 !important;
}
.checkout__page .gateway__payment label:hover {
  border-color: var(--main-color);
}
.checkout__page .gateway__payment input[type=radio]:checked + label {
  border: 3px solid var(--main-color);
  background-color: var(--gradient-shadow);
  color: var(--primary-text-color);
}
.checkout__page .privacyStatement .page-header {
  display: none !important;
}
.checkout__page .privacyStatement label {
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 0.5px;
}
.checkout__page .privacyStatement a,
.checkout__page .terms--link {
  color: var(--main-color);
  font-weight: bold;
}
.checkout__page select#stateselect {
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  border: none;
  background: var(--third-background);
  padding: 0 10px;
  color: inherit;
}
.checkout__page .checkout__page--sidebar {
  margin-bottom: 10px;
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product {
  background: var(--second-background);
  border-radius: 5px;
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--third-background);
  padding: 20px;
  border-bottom: 3px solid rgba(0, 0, 0, 0.1882352941);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--header p {
  color: var(--main-color);
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--header #update-cart {
  border: none;
  font-size: 22px;
  color: var(--main-color);
  background: var(--second-background);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  outline: none;
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--body .checkout__page__sidebar__product__body--product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid var(--third-background);
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--body .checkout__page__sidebar__product__body--product .__product--name .__package--name {
  color: var(--primary-text-color);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 13ch;
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--body .checkout__page__sidebar__product__body--product .__product--name .__price {
  font-size: 12px;
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--body .checkout__page__sidebar__product__body--product .__quantity--product .__quantity {
  width: 35px;
  padding: 7px;
  text-align: center;
  border-radius: 5px;
  border: none;
  outline: none;
  background: var(--third-background);
  color: var(--main-color);
  -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--body .checkout__page__sidebar__product__body--product .__product--buttons .__options--item {
  margin-right: 10px;
  background: #e91e63;
  color: var(--primary-text-color);
  border-radius: 50%;
  padding: 4px;
  font-size: 14px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--body .checkout__page__sidebar__product__body--product .__product--buttons .__info--item {
  margin-right: 5px;
  background: #2196f3;
  color: var(--primary-text-color);
  border-radius: 50%;
  padding: 4px;
  font-size: 14px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--body .checkout__page__sidebar__product__body--product .__product--buttons .__remove--item {
  background: var(--error-color);
  color: var(--primary-text-color);
  border-radius: 50%;
  padding: 4px;
  font-size: 14px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--body .checkout__page__sidebar__product__body--product:last-child {
  border: none;
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--footer {
  padding: 20px;
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--footer .__total--price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--footer .__total--price span {
  font-size: 16px;
  color: var(--main-color);
  letter-spacing: 0.5px;
  margin-top: 2px;
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--footer .coupon--btn {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  color: var(--main-color);
  text-align: right;
  text-decoration: none;
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--footer .coupon--wrapper {
  position: relative;
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--footer .coupon--wrapper #__coupon--form {
  background: var(--third-background);
  padding: 20px;
  border-radius: 5px;
  position: absolute;
  -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 1;
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--footer .coupon--wrapper #__coupon--form input {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border: none;
  background: var(--second-background);
  color: var(--secondary-text-color);
  outline: none;
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--footer .coupon--wrapper #__coupon--form input::-webkit-input-placeholder {
  color: var(--secondary-text-color);
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--footer .coupon--wrapper #__coupon--form input::-moz-placeholder {
  color: var(--secondary-text-color);
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--footer .coupon--wrapper #__coupon--form input:-ms-input-placeholder {
  color: var(--secondary-text-color);
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--footer .coupon--wrapper #__coupon--form input::-ms-input-placeholder {
  color: var(--secondary-text-color);
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--footer .coupon--wrapper #__coupon--form input::placeholder {
  color: var(--secondary-text-color);
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--footer .coupon--wrapper #__coupon--form button {
  margin-bottom: 0 !important;
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--footer .__coupons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--footer .__coupons .__coupon {
  background: var(--third-background);
  border-radius: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 10px;
  -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
}
.checkout__page .checkout__page--sidebar .checkout__page__sidebar--product .checkout__page__sidebar__product--footer .__coupons .__coupon a {
  display: block;
  margin-left: 5px;
  color: var(--secondary-text-color);
  text-decoration: none;
}
.checkout__page .checkout__page--body .coupon__separe {
  margin-bottom: 20px;
}
.checkout__page .checkout__page--body .coupon__separe .coupon__form {
  margin-top: 20px;
}
.checkout__page .checkout__page--body .coupon__separe form {
  display: grid;
  grid-template-columns: 1fr minmax(100px, 125px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
}
.checkout__page .checkout__page--body .coupon__separe form input {
  height: 100%;
  border-radius: 5px;
  border: none;
  padding: 10px;
  outline: none;
  background: var(--third-background);
  color: #fff;
}
.checkout__page .checkout__page--body .coupon__separe form .purchase__btn {
  margin: 0;
}
.checkout__page .checkout__page--body .checkout__body--separe {
  background: var(--second-background);
  border-radius: 5px;
}
.checkout__page .checkout__page--body .checkout__details--step:not(:first-child) {
  border-top: 1px solid var(--third-background);
}
.checkout__page .checkout__page--body .checkout__details--step {
  padding: 20px;
}
.checkout__page .checkout__page--body .checkout__details--step .checkout__details__step--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkout__page .checkout__page--body .checkout__details--step .checkout__details__step--header .gift__btn {
  margin-left: auto;
  border: none;
  background: none;
  width: 32px;
  height: 32px;
  color: var(--cold-color);
  font-size: 26px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  cursor: pointer;
}
.checkout__page .checkout__page--body .checkout__details--step .checkout__details__step--header p {
  color: var(--primary-text-color);
  font-size: 18px;
  font-weight: 600;
}
.checkout__page .checkout__page--body .checkout__details--step .checkout__details__step--header p span {
  border: 2px solid var(--main-color);
  border-radius: 41px;
  height: 30px;
  width: 30px;
  display: inline-block;
  text-align: center;
  line-height: 26px;
  margin-right: 10px;
  font-weight: bold;
  color: var(--main-color);
}
.checkout__page .checkout__page--body .checkout__details--step .address--details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -7.5px;
}
.checkout__page .checkout__page--body .checkout__details--step .address--details .checkout__form {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 15px);
          flex: 0 0 calc(50% - 15px);
  margin: 7.5px;
}
.checkout__page .checkout__page--body .checkout__details--step .address--details .checkout__form label {
  font-weight: 500;
}
.checkout__page .checkout__page--body .checkout__details--step .address--details .checkout__form .checkout__form--input {
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  padding: 0 10px;
  border: none;
  background: var(--third-background);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  outline: none;
}
.checkout__page .checkout__page--body .checkout__details--step .address--details .checkout__form .checkout__form--input:hover, .checkout__page .checkout__page--body .checkout__details--step .address--details .checkout__form .checkout__form--input:focus {
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
}
#modal-giftcard {
  background: var(--second-background);
}

.giftcard-panel {
  background: var(--second-background);
  text-align: center;
  padding: 50px;
  position: relative;
}
.giftcard-panel img {
  max-width: 128px;
  position: absolute;
  top: -55px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
.giftcard-panel .giftcard-title {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin: 0;
}
.giftcard-panel .giftcard-description {
  margin-bottom: 0;
}
.giftcard-panel form .username {
  margin: 5px 0 7px 0;
}
.giftcard-panel form .username .triplezone-giftcard input {
  border: none;
  background: var(--third-background);
  padding: 15px;
  outline: none;
  border-radius: 5px;
  color: var(--primary-text-color);
  margin: auto;
  margin-top: 10px;
  width: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.giftcard-panel form .username .triplezone-giftcard button {
  background: #4da564;
  padding: 13px 20px;
  outline: none;
  border: none;
  border-bottom: 3px solid rgba(0, 0, 0, 0.08);
  cursor: pointer;
  border-radius: 5px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 10px auto 0;
  width: 100%;
}
.giftcard-panel form .username .triplezone-giftcard i {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-size: 22px;
  vertical-align: middle;
}
.giftcard-panel form .username .triplezone-giftcard button:hover i {
  margin-left: 10px;
}

.login-loader {
  z-index: 2 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.loading__animated {
  display: inline-block;
  -webkit-animation: rotation 2.6s infinite linear;
          animation: rotation 2.6s infinite linear;
}

.login-error {
  border: 1px solid var(--error-color) !important;
}

.ign_image {
  border-radius: 5px;
  height: 32px;
  left: 61px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  z-index: 1;
}

#modal-login {
  background: var(--second-background);
}

.login-panel {
  background: var(--second-background);
  text-align: center;
  padding: 50px;
  position: relative;
}
.login-panel img.logo__server {
  max-width: 128px;
  position: absolute;
  top: -55px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
.login-panel .login-title {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin: 0;
}
.login-panel .login-description {
  margin-bottom: 0;
}
.login-panel form .username {
  margin: 5px 0 7px 0;
}
.login-panel form .username .triplezone-login #IGN_MC input {
  border: none;
  background: var(--third-background);
  padding: 15px;
  outline: none;
  border-radius: 5px;
  color: var(--primary-text-color);
  margin: auto;
  margin-top: 10px;
  width: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  padding-left: 55px;
}
.login-panel form .username .triplezone-login #IGN_MC img {
  position: absolute;
  z-index: 1;
  top: 58%;
  left: 13px;
  border-radius: 5px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.login-panel form .username .triplezone-login button {
  background: var(--green-button);
  padding: 15px 20px;
  outline: none;
  border: none;
  border-bottom: 3px solid rgba(0, 0, 0, 0.08);
  cursor: pointer;
  border-radius: 5px;
  font-weight: bold;
  color: var(--primary-text-color);
  text-transform: uppercase;
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 10px auto;
  width: 100%;
}
.login-panel form .username .triplezone-login input[type=checkbox]:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
.login-panel form .username .triplezone-login input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  outline: none;
}
.login-panel form #IGN_MC {
  position: relative;
}

.bedrock__checkbox {
  height: 31px;
  width: 86px;
  background-color: var(--error-color);
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.bedrock__checkbox:before {
  content: "NO";
  position: absolute;
  width: 45px;
  height: 21px;
  background-color: rgba(0, 0, 0, 0.5803921569);
  top: 5px;
  left: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #e5e5e5;
  font-family: "Montseratt", sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
}

.bedrock__checkbox:checked {
  background-color: var(--green-button);
}

.bedrock__checkbox:checked:before {
  content: "YES";
  left: 36px;
  color: #ffffff;
}

.bedrock__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  margin: 10px 0 0 0;
}

.username .form-control {
  color: #FFFFFF;
  background: var(--third-background);
  border: 1px solid var(--package-border) !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.username button.btn.btn-success.btn-lg {
  background: var(--main-color);
  color: rgba(0, 0, 0, 0.6117647059);
  font-weight: bold;
  border: 1px solid var(--main-color);
  outline: none;
  cursor: pointer;
}

.body__description--title {
  text-align: center;
  font-weight: bold;
  color: #FFF;
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 820px;
    max-width: calc(100% - 10px);
  }
}
.modal-title {
  color: var(--focus-text-color);
  text-transform: uppercase;
  font-weight: 700;
}

.modal-header {
  padding: 30px 30px;
  border: none;
  background-color: var(--third-background);
}

.modal-footer {
  border: none;
  padding: 15px 30px;
  background-color: var(--third-background);
}

.modal-body {
  padding: 30px 30px;
  max-height: 60vh;
  overflow-x: auto;
  background-color: var(--second-background);
}

.modal .close {
  background: var(--second-background);
  color: var(--secondary-text-color);
  width: 40px;
  height: 40px;
  border-radius: 5px;
}

.modal-content {
  border-radius: 0px;
}

.modal-body::-webkit-scrollbar {
  width: 5px;
}

.modal-content {
  background-clip: unset;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}

.activ-zone {
  background: #262626;
  color: var(--primary-text-color) !important;
}

.modal-body::-webkit-scrollbar-thumb {
  background: var(--third-background);
}

.modal-body::-webkit-scrollbar-track {
  background: var(--second-background);
}

.logout-btn {
  color: var(--error-color) !important;
  padding-right: 6px;
  background: var(--second-background);
  padding: 5px 10px;
  border-radius: 5px;
  margin-top: 5px;
  display: inline-block;
  margin-right: 5px;
  font-weight: bold;
  text-decoration: none !important;
}

.shopping-cart-overlay .shopping-cart {
  background: var(--second-background);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow-y: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-header {
  background: var(--third-background);
  padding: 0px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
}
.shopping-cart-overlay .shopping-cart .shopping-cart-header .cart-description {
  margin-left: 20px;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-header .cart-description .title-cart {
  font-size: var(--medium-font);
  color: var(--main-color);
  font-weight: bold;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-header .cart-description .description-cart {
  text-transform: uppercase;
  font-weight: 500;
  font-size: var(--tiny-font);
}
.shopping-cart-overlay .shopping-cart .shopping-cart-header .cart-description #activate-dropdown {
  background: none;
  border: none;
  color: #ffffff;
  font-weight: 500;
  outline: none;
  cursor: pointer;
  font-size: 14px;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-header .cart-description #activate-dropdown span {
  color: var(--main-color);
}
.shopping-cart-overlay .shopping-cart .shopping-cart-header .cart-description .currency-triplezone {
  position: relative;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-header .cart-description #dropdown-currency-triplezone {
  margin-top: 15px;
  position: absolute;
  background: var(--second-background);
  max-width: 300px;
  width: 300px;
  border-radius: 5px;
  z-index: 10;
  display: none;
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
}
.shopping-cart-overlay .shopping-cart .shopping-cart-header .cart-description #dropdown-currency-triplezone ul {
  list-style-type: none;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-header .cart-description #dropdown-currency-triplezone ul li {
  width: calc(33.33% - 3px);
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-header .cart-description #dropdown-currency-triplezone ul li a {
  color: var(--secondary-text-color);
  display: block;
  text-decoration: none;
  padding: 10px 0;
  font-size: 14px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-header .cart-description #dropdown-currency-triplezone ul li a:hover {
  color: var(--focus-text-color);
}
.shopping-cart-overlay .shopping-cart .shopping-cart-header .close-shoppingcart {
  margin-left: auto;
  background: var(--second-background);
  outline: none;
  border: none;
  color: var(--secondary-text-color);
  font-size: 22px;
  padding: 5px;
  border-radius: var(--border-radius);
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-header .close-shoppingcart:hover {
  color: var(--error-color);
}
.shopping-cart-overlay .shopping-cart .shopping-cart-body {
  margin: 20px 0;
  padding: 0 20px;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-body .cart-tile {
  font-size: var(--big-font);
  color: var(--main-color);
  font-weight: bold;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-body .empty-cart-title {
  text-align: center;
  font-size: var(--big-font);
  font-weight: bold;
  color: var(--error-color);
  text-transform: uppercase;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-body .empty-cart-description {
  margin: 10px 0;
  text-align: center;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-body .cart-desc {
  font-size: var(--tiny-font);
  text-transform: uppercase;
  margin-bottom: 20px;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-body .shopping-description {
  margin: 20px 0;
  color: var(--focus-text-color);
  font-weight: bold;
  font-size: var(--medium-font);
}
.shopping-cart-overlay .shopping-cart .shopping-cart-body .shopping-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--third-background);
  border-radius: var(--border-radius);
  margin-bottom: 10px;
  padding: 20px;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-body .shopping-item img {
  max-width: 72px;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-body .shopping-item .shopping-item-description .title-item {
  font-weight: bold;
  color: var(--primary-text-color);
  font-size: var(--medium-font);
}
.shopping-cart-overlay .shopping-cart .shopping-cart-body .shopping-item .shopping-item-description .description-item {
  color: var(--green-button);
  font-size: var(--tiny-font);
  font-weight: bold;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-body .shopping-item a {
  margin-left: auto;
  color: var(--error-color);
  font-size: 22px;
  padding: 5px;
  border-radius: var(--border-radius);
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  outline: none;
  border: none;
  background: none;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-body .shopping-item a:hover {
  -webkit-filter: drop-shadow(0px 0px 5px rgba(244, 67, 54, 0.5));
          filter: drop-shadow(0px 0px 5px rgba(244, 67, 54, 0.5));
}
.shopping-cart-overlay .shopping-cart .shopping-cart-footer {
  padding: 20px;
  padding-top: 0;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-footer a {
  padding: 22px 20px;
  text-decoration: none;
  font-weight: bold;
  display: block;
  border-radius: var(--border-radius);
  text-align: center;
  text-transform: uppercase;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-footer a i {
  font-size: 22px;
  vertical-align: middle;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-footer a:hover i {
  margin-left: 10px;
}
.shopping-cart-overlay .shopping-cart .shopping-cart-footer a:nth-child(1) {
  background: var(--green-button);
  color: var(--primary-text-color);
}
.shopping-cart-overlay .shopping-cart .options__display {
  background: var(--second-background);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 5px 10px;
  border-radius: 10px;
  margin-top: 5px;
  color: var(--cold-color);
}
.shopping-cart-overlay .shopping-cart .package__quantity {
  color: var(--main-color);
}

.steam__login {
  background: var(--green-button);
  padding: 15px 20px;
  outline: none;
  border: none;
  border-bottom: 3px solid rgba(0, 0, 0, 0.08);
  cursor: pointer;
  border-radius: 5px;
  font-weight: bold;
  color: var(--primary-text-color) !important;
  text-transform: uppercase;
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 10px auto;
  width: 100%;
  text-decoration: none !important;
}

.shopping__as {
  text-decoration: none;
  color: transparent !important;
}
.shopping__as .shopping__as--widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
  border: 3px solid var(--third-background);
  background: var(--second-background);
  color: var(--secondary-text-color);
}
.shopping__as .shopping__as--widget .__avatar {
  margin-right: 20px;
}
.shopping__as .shopping__as--widget .__avatar .avatar-head {
  max-width: 32px;
  border-radius: 5px;
}
.shopping__as .shopping__as--widget .__description .__logout--text {
  font-weight: 800;
  font-size: 9px;
  text-transform: uppercase;
}
.shopping__as .shopping__as--widget .__description .__shopping__as--text {
  font-size: 14px;
  line-height: 1;
  margin-top: -2px;
  color: var(--focus-text-color);
  font-weight: bold;
}

.disabled__btn {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.disabled__btn--qnt {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rotate__compress {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.coupon--btn {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  color: var(--main-color);
  text-align: right;
  text-decoration: none;
}

.coupon--wrapper {
  position: relative;
}
.coupon--wrapper #__coupon--form {
  background: var(--third-background);
  padding: 20px;
  border-radius: 5px;
  position: absolute;
  -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  right: 0;
}
.coupon--wrapper #__coupon--form input {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border: none;
  background: var(--second-background);
  color: var(--secondary-text-color);
  outline: none;
}
.coupon--wrapper #__coupon--form input::-webkit-input-placeholder {
  color: var(--secondary-text-color);
}
.coupon--wrapper #__coupon--form input::-moz-placeholder {
  color: var(--secondary-text-color);
}
.coupon--wrapper #__coupon--form input:-ms-input-placeholder {
  color: var(--secondary-text-color);
}
.coupon--wrapper #__coupon--form input::-ms-input-placeholder {
  color: var(--secondary-text-color);
}
.coupon--wrapper #__coupon--form input::placeholder {
  color: var(--secondary-text-color);
}
.coupon--wrapper #__coupon--form button {
  margin-bottom: 0 !important;
}

.__coupons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 10px;
}
.__coupons .__coupon {
  background: var(--third-background);
  border-radius: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 10px;
  -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
}
.__coupons .__coupon a {
  display: block;
  margin-left: 5px;
  color: var(--secondary-text-color);
  text-decoration: none;
}

.cart__review {
  padding: 18px 20px;
  margin-bottom: 20px;
  border-radius: 5px;
  border: 3px solid var(--third-background);
  background: var(--second-background);
  color: #bcbcca;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.cart__review .cart__review--title {
  font-weight: bold;
  color: var(--cold-color);
  font-size: 18px;
}
.cart__review .cart__action--compress {
  margin-left: auto;
  background: var(--second-background);
  border: none;
  outline: none;
  height: 36px;
  width: 36px;
  border-radius: 5px;
  border: 1px solid var(--third-background);
}
.cart__review .cart__action--compress i {
  font-size: 19px;
  color: var(--cold-color);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: block;
}

.cart__items {
  background: var(--second-background);
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
}
.cart__items .cart__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  padding: 20px;
  background: var(--third-background);
  border: 1px solid rgba(255, 255, 255, 0.031372549);
  border-radius: 7px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}
.cart__items .cart__item:last-child {
  margin-bottom: 0 !important;
}
.cart__items .cart__item img {
  max-width: 32px;
  margin-right: 20px;
  -webkit-filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.15));
          filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.15));
  display: none;
}
@media only screen and (min-width: 968px) {
  .cart__items .cart__item img {
    display: block !important;
  }
}
.cart__items .cart__item .cart__item--name {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cart__items .cart__item .cart__item--name .cart__item--description .cart__item__description--name {
  color: #fff;
  font-weight: bold;
}
.cart__items .cart__item .quantity__item {
  margin-left: auto;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 968px) {
  .cart__items .cart__item .quantity__item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 40% !important;
            flex: 0 0 40% !important;
  }
}
.cart__items .cart__item .quantity__item a {
  background: var(--second-background);
  border: none;
  font-weight: bold;
  height: 36px;
  line-height: 36px;
  width: 36px;
  text-align: center;
  font-size: 21px;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
.cart__items .cart__item .quantity__item .quantity__decrease {
  border: none;
  color: #fe3c45;
  font-weight: bold;
  border-radius: 5px 0 0 5px;
  border-right: 2px solid var(--third-background) !important;
}
.cart__items .cart__item .quantity__item .quantity__input {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  border: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none;
  height: 36px;
  background: var(--second-background);
  text-align: center;
  line-height: 36px;
  vertical-align: middle;
  margin: -1px;
  width: 36px;
}
.cart__items .cart__item .quantity__item .quantity__input::-webkit-outer-spin-button, .cart__items .cart__item .quantity__item .quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
.cart__items .cart__item .quantity__item .quantity__increase {
  border: none;
  color: #4da564;
  font-weight: bold;
  border-radius: 0 5px 5px 0;
  border-left: 1px solid var(--third-background);
}
.cart__items .cart__item .cart__item--actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cart__items .cart__item .cart__item--actions .cart__action--info {
  height: 26px;
  line-height: 26px;
  width: 26px;
  text-align: center;
  color: #2196f3;
  font-size: 23px;
  margin-right: 10px;
}
.cart__items .cart__item .cart__item--actions .cart__action--remove {
  height: 26px;
  line-height: 26px;
  width: 26px;
  text-align: center;
  color: var(--error-color);
  font-size: 23px;
}
.cart__items .cart__total--price {
  color: #ffffff;
  text-align: right;
  margin-top: 20px;
  font-weight: bold;
}
.cart__items .cart__total--price span {
  color: var(--cold-color);
  font-weight: 600;
  font-size: 14px;
}

.featured__packages {
  background: var(--second-background);
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  border-radius: 5px;
  padding: 20px;
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
}
.featured__packages .featured__packages--title {
  color: var(--main-color);
  font-size: 20px;
  letter-spacing: 2px;
  margin-bottom: 12px !important;
  font-weight: bold;
  text-transform: uppercase;
}
.featured__packages .featured__packages--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.featured__packages .featured__packages--flex .featured__package {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--third-background);
  padding: 10px 20px;
  border-radius: 5px;
  border: 2px solid rgba(255, 255, 255, 0.0392156863);
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin: 7.5px;
}
@media only screen and (min-width: 968px) {
  .featured__packages .featured__packages--flex .featured__package {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33% - 15px);
            flex: 0 0 calc(33.33% - 15px);
  }
}
.featured__packages .featured__packages--flex .featured__package .featured__package--circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 84px;
  height: 84px;
  background: rgba(255, 255, 255, 0.1411764706);
  border-radius: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.featured__packages .featured__packages--flex .featured__package .featured__package--circle img {
  display: block;
  width: 61px;
}
.featured__packages .featured__packages--flex .featured__package .featured__package--text {
  margin-left: 20px;
}
.featured__packages .featured__packages--flex .featured__package .featured__package--text .featured__package__text--title {
  font-size: 16px;
  font-weight: bold;
}
.featured__packages .featured__packages--flex .featured__package .featured__package--text .featured__package__text--price {
  color: var(--primary-text-color);
  font-weight: 700;
  font-size: 12px;
}

.login__page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 150px 0;
}
.login__page .login__logo img {
  max-width: 425px;
  display: block;
}
.login__page .login__box {
  margin: 40px 0;
  width: 100%;
  background: var(--second-background);
  max-width: 965px;
  padding: 60px 20px;
  border-radius: var(--border-radius);
}
.login__page .login__box .login__box--header {
  text-align: center;
}
.login__page .login__box .login__box--header .login__box--title {
  font-size: 18px;
  color: var(--primary-text-color);
  font-weight: 700;
}
.login__page .login__box .login__box--header .login__box--description {
  font-size: 14px;
  max-width: 58ch;
  display: block;
  margin: auto;
  margin-top: 5px;
}
.login__page .login__box .login__box--body form .username .triplezone-login #IGN_MC {
  position: relative;
}
.login__page .login__box .login__box--body form .username .triplezone-login #IGN_MC img {
  position: absolute;
  z-index: 1;
  top: 58%;
  left: 13px;
  border-radius: 5px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.login__page .login__box .login__box--body form .username .triplezone-login #IGN_MC input {
  border: none;
  background: var(--third-background);
  padding: 15px;
  outline: 0;
  border-radius: 5px;
  color: var(--primary-text-color);
  margin: auto;
  margin-top: 10px;
  width: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  padding-left: 55px;
}
.login__page .login__box .login__box--body form .username .triplezone-login button, .login__page .login__box .login__box--body form .username .triplezone-login .steam__login {
  background: var(--green-button);
  padding: 15px 20px;
  outline: 0;
  border: none;
  border-bottom: 3px solid rgba(0, 0, 0, 0.08);
  cursor: pointer;
  border-radius: 5px;
  font-weight: 700;
  color: var(--primary-text-color);
  text-transform: uppercase;
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 10px auto;
  width: 100%;
  text-decoration: none;
  display: inline-block;
  text-align: center;
}

.order__form--control {
  display: block;
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: inherit;
  background-color: var(--third-background);
  background-image: none;
  border: none;
  border-radius: 5px;
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  outline: none !important;
}

.order__title {
  font-weight: bold;
  color: var(--main-color);
  font-size: 24px;
}

.order__table {
  margin-bottom: 20px;
  margin-top: 20px;
}
.order__table td {
  border-top: 1px solid var(--package-border) !important;
}

.status__btn {
  font-weight: bold;
  padding: 8px 10px;
  color: #fff !important;
  font-size: 13px;
  border-radius: 5px;
  margin: auto;
  background: #4da564;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  outline: none !important;
}
.status__btn:hover {
  background: #48995d;
}

.well {
  background-color: var(--third-background) !important;
  border: 1px solid var(--package-border) !important;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: var(--background-color) !important;
}

.order__result {
  color: var(--cold-color);
  margin-top: 17px;
  font-weight: bold;
}

.title-of-tab {
  padding: 15px 10px;
  background: var(--third-background);
  border: 1px solid var(--package-border);
  text-transform: uppercase;
  font-weight: bold;
  color: var(--primary-text-color);
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.options {
  margin-top: 10px;
  margin-bottom: 10px;
  border-left: 3px solid var(--main-color);
}
.options ul {
  margin: 0;
}
.options ul li {
  list-style: none;
  padding: 15px 10px;
  border-top: 1px solid var(--package-border);
  border-right: 1px solid var(--package-border);
}
.options ul li:last-child {
  border-bottom: 1px solid var(--package-border);
}

.tab-zone {
  display: none;
}

.tab__buttons {
  background: var(--package-border);
}

.toggle-tab {
  padding: 20px 20px;
  margin: 0;
  border: none;
  background: transparent;
  font-weight: bold;
  outline: none;
  border-bottom: 3px solid transparent;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.toggle-tab::first-letter {
  text-transform: uppercase;
}
.toggle-tab:hover {
  border-color: rgba(0, 0, 0, 0.2);
}

.tab__id {
  display: none;
}

.toggled-zone {
  display: block;
}

.btn-rosu {
  border-bottom: 3px solid var(--main-color) !important;
}

.footer-triplezone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.footer-triplezone .footer-copyright p {
  margin: 0;
}
.footer-triplezone .footer-copyright .copyright-title {
  color: var(--secondary-text-color);
  font-weight: bold;
}
.footer-triplezone .footer-copyright .copyright-subtitle {
  font-size: var(--tiny-font);
  opacity: 0.5;
}
.footer-triplezone .designed-by path {
  stroke: transparent;
  fill: var(--secondary-text-color);
}
.footer-triplezone .designed-by {
  margin-top: 10px;
}

@media only screen and (max-width: 1024px) {
  .category__list--item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(33.33% - 15px) !important;
            flex: 0 0 calc(33.33% - 15px) !important;
  }
}
@media only screen and (max-width: 500px) {
  .category__list--item {
    -webkit-box-flex: 100% !important;
        -ms-flex: 100% !important;
            flex: 100% !important;
  }
  .header-logo-image {
    max-width: 320px !important;
  }
}
@media only screen and (min-width: 968px) {
  .body--with-sidebar {
    display: grid;
    -ms-grid-columns: minmax(240px, 320px) 1fr;
    grid-template-columns: minmax(240px, 320px) 1fr;
    grid-gap: 20px;
  }
  .triplezone-sidebar {
    margin-bottom: 0 !important;
  }
  .triplezone-header-g {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .header-logo {
    top: 30px !important;
  }
  .widget.minecraft-widget {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
    margin-top: auto !important;
  }
  .back-btn span {
    display: inline-block !important;
  }
  .home-splash {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .placeholder-items {
    display: block !important;
  }
  .triplezone-modules {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .sidebar-nav {
    display: block !important;
  }
  .sidebar-header {
    cursor: auto !important;
  }
  .sidebar-header p {
    text-align: center !important;
  }
  .home-splash .splash__goal {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(40% - 15px) !important;
            flex: 0 0 calc(40% - 15px) !important;
  }
  .home-splash .welcome-s {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(60% - 15px) !important;
            flex: 0 0 calc(60% - 15px) !important;
    margin: 0 !important;
  }
  .mobile-icon {
    display: none !important;
  }
  .recent-payments {
    margin-top: 0 !important;
  }
  .footer-triplezone {
    text-align: unset !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    margin: 40px 0 !important;
  }
  .designed-by {
    margin-top: 0px !important;
  }
  .sidebar-round {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .checkout__page {
    -ms-grid-columns: minmax(240px, 320px) 1fr;
    grid-template-columns: minmax(240px, 320px) 1fr;
    grid-gap: 20px;
    margin-bottom: 0 !important;
  }
  .checkout__page--sidebar {
    margin-bottom: 0 !important;
  }
  .checkout__form {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 calc(33.33% - 15px) !important;
            flex: 0 0 calc(33.33% - 15px) !important;
  }
}
.rank__table {
  margin-block: 20px;
}
.rank__table p,
.rank__table h3 {
  margin: 0;
}
.rank__table__features {
  margin-block: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.rank__table__features__col[data-accordion] .accordion__icon {
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  display: block;
}
.rank__table__features__col[data-accordion] .accordion__panel {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
}
.rank__table__features__col[data-accordion=true] .accordion__panel {
  max-height: unset;
  overflow: hidden;
}
.rank__table__features__col[data-accordion=true] .accordion__icon {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.rank__table__features__col__full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px;
  min-height: 80px;
  background-color: var(--third-background);
}
.rank__table__features__col__full h3 {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
}
.rank__table__features__col__full[data-type=accordion] {
  width: 100%;
  outline: none;
  border: none;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}
.rank__table__features__col__full[data-type=accordion] i {
  font-size: 32px;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.rank__table__features__col__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0px;
}
.rank__table__features__col__grid__feature {
  background-color: var(--second-background);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px;
  min-height: 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-bottom: 1px solid var(--third-background);
}
.rank__table__features__col__grid__feature [data-feature-icon] {
  font-size: 24px;
}
.rank__table__features__col__grid__feature [data-feature-icon=check] {
  color: var(--light-green);
}
.rank__table__features__col__grid__feature [data-feature-icon=not-check] {
  color: var(--error-color);
}
.rank__table__features__col__grid__feature:not(:last-child) {
  border-right: 1px solid var(--third-background);
}
.rank__table__features__col__grid__feature p {
  color: var(--secondary-text-color);
}
.rank__table__features__col__grid__feature p[data-type-feature=tag] {
  min-width: 100px;
  min-height: 30px;
  color: #34C6FB;
  background: #05526E;
  border: 1px solid #34C6FB;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
}
.rank__table__features__col__grid__feature[data-type-table=features] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 220px;
          flex: 0 0 220px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 20px;
}
.rank__table__features__col__grid__feature[data-type-table=features] p {
  text-align: left;
  font-weight: bold;
  color: var(--secondary-text-color);
}
.rank__table__features__col__grid__feature[data-type-table=features] .tooltip__active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 5px;
  width: 100%;
}
.rank__table__features__col__grid__feature[data-type-table=features] .tooltip__active i {
  font-size: 20px;
  color: hsla(0deg, 0%, 100%, 0.32);
}
.rank__table__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0px;
}
.rank__table__grid__col {
  background-color: var(--second-background);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px 10px;
  min-height: 250px;
  position: relative;
}
.rank__table__grid__col--salebadge {
  position: absolute;
  top: -11px;
  background: var(--main-color);
  width: 80px;
  height: 27px;
  border-radius: 100vmax;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFF;
}
.rank__table__grid__col:not(:last-child) {
  border-right: 1px solid var(--third-background);
}
.rank__table__grid__col img {
  max-width: 100px;
  margin-bottom: 10px;
}
.rank__table__grid__col--title {
  font-size: 18px;
  color: #FFFFFF;
  font-weight: bold;
}
.rank__table__grid__col__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
}
.rank__table__grid__col__price--tag {
  font-size: 14px;
  color: var(--main-color);
  font-weight: bold;
  margin-top: 2.5px;
}
.rank__table__grid__col__price--tag del {
  font-size: 12px;
}
.rank__table__grid__col--cta {
  display: block;
  font-weight: bold;
  padding: 14px 10px;
  color: var(--primary-text-color) !important;
  font-size: 13px;
  border-radius: 5px;
  margin: 10px auto 0 auto;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  width: calc(100% - 20px);
  text-align: center;
  text-decoration: none !important;
}
.rank__table__grid__col--cta[data-cta-type=add] {
  background: var(--green-button);
}
.rank__table__grid__col--cta[data-cta-type=remove] {
  background: var(--error-color);
}
.rank__table__grid__col--cta[disabled] {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: not-allowed;
  opacity: 0.6;
}
.rank__table__grid__col--features {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 220px;
          flex: 0 0 220px;
  height: 100%;
  background-color: var(--third-background);
}
.rank__table__grid__col--features i {
  font-size: 80px;
  margin-bottom: 5px;
  color: var(--main-color);
}
.rank__table__grid__col--features p {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--main-color);
}

@media (max-width: 1050px) {
  .rank__table {
    display: none;
  }
  .body--with-sidebar {
    display: grid !important;
  }
}
.patron__category {
  background: var(--second-background);
  padding: 20px;
  border-radius: var(--border-radius);
  margin-bottom: 20px;
}

.patron__category__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  gap: 5px;
  background: var(--third-background);
  padding: 15px;
  border-radius: 5px;
  border: 1px solid var(--package-border);
}

.patron__category__header h3 {
  color: var(--color);
  margin: 0;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
}

.patron__category__header p {
  color: #FFFFFF;
}

.patron__category__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  text-align: center;
  margin-top: 20px;
}

@media (max-width: 768px) {
  .patron__category__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.patron__category__grid__col {
  background: var(--third-background);
  padding: 20px;
  border-radius: var(--border-radius);
  overflow: hidden;
  border: 1px solid var(--package-border);
}

.patron__category__grid__col p {
  color: var(--color);
}

.patron__category__grid__col .patron__category__grid__col--image {
  position: relative;
  top: 67px;
  margin-top: -57px;
}

.patron__category__grid__col .patron__category__grid__col--image span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.patron__category__grid__col .crown__col {
  position: relative;
  top: 91px;
  margin-top: -57px;
}

.patron__category__grid__col .crown__col span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 42px;
  height: 42px;
}

@media (max-width: 568px) {
  .patron__category__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .patron__category__grid__col--image img {
    max-width: 68px;
  }
  .patron__category__grid__col .crown__col {
    position: relative;
    top: 91px;
    margin-top: -64px;
  }
  .patron__category__grid__col .crown__col span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 32px;
    height: 32px;
  }
}
.halloween--hat {
  position: absolute;
  width: 34px;
  top: -27px;
}
.halloween--web {
  position: relative;
  overflow: hidden;
}
.halloween--web::after {
  position: absolute;
  top: -13px;
  left: -15px;
  background: url(https://cdn.discordapp.com/attachments/987015543989080104/1029797840161099827/unknown.png);
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.2;
}
@media (max-width: 968px) {
  .halloween--web::after {
    background: url(https://cdn.discordapp.com/attachments/987015543989080104/1029797594836242432/unknown.png);
    background-position: right;
    left: 0;
    right: -13px;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
.halloween--web-right {
  position: relative;
  overflow: hidden;
}
.halloween--web-right::after {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  opacity: 0.2;
  background: url(https://cdn.discordapp.com/attachments/987015543989080104/1029797594836242432/unknown.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  left: 0;
  top: -31px;
}
.halloween--web-left {
  position: relative;
  overflow: hidden;
}
.halloween--web-left::before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  opacity: 0.2;
  background: url(https://cdn.discordapp.com/attachments/987015543989080104/1029797840161099827/unknown.png);
  background-size: contain;
  background-repeat: no-repeat;
  left: -10px;
  top: -31px;
}
.halloween--crow {
  position: absolute;
  width: 27px;
  right: -7px;
  top: -25px;
  -webkit-transform: rotate(-17deg);
          transform: rotate(-17deg);
  z-index: 1;
}
@media (max-width: 968px) {
  .halloween--crow {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
    top: -31px;
    left: 0;
  }
}
.halloween--full {
  position: absolute;
  width: 100%;
  height: 100%;
}
@-webkit-keyframes spider {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
@keyframes spider {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
.halloween--spider {
  position: absolute;
  width: 43px;
  bottom: 0;
  bottom: -66px;
  left: 26px;
  z-index: -1;
  -webkit-animation: spider 4s ease infinite;
          animation: spider 4s ease infinite;
}
@media (max-width: 968px) {
  .halloween--spider {
    display: none;
  }
}

.triplezone-sidebar {
  position: relative;
}

.triplezone__vote--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--second-background);
  border-radius: var(--border-radius);
}
.triplezone__vote--col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 15px);
          flex: 0 0 calc(100% - 15px);
  margin: 7.5px;
  background: var(--main-color);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-radius: 5px;
  cursor: pointer;
}
.triplezone__vote--col:hover {
  -webkit-filter: contrast(0.9);
          filter: contrast(0.9);
}
.triplezone__vote--col a {
  display: block;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  padding: 24px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
@media only screen and (min-width: 968px) {
  .triplezone__vote--col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 15px);
            flex: 0 0 calc(25% - 15px);
  }
}