html {
  --bg-color: #13171a;
  --main-text: #47535d;
  --dark: #181D21
}
html[theme=dark] {
  --bg-color: #13171a;
  --main-text: #47535d;
  --dark: #181D21
}
html[theme=light] {
  --bg-color: #f8f8f8;
  --main-text: #47535d;
  --dark: #fff
}
::-moz-selection {
  color: #4b8cdc;
  background: rgb(0,0,0,.4)
}
::selection {
  color: #4b8cdc;
  background: rgb(0,0,0,.4)
}
body {
  font-family: montserrat,sans-serif;
  background-color: var(--bg-color);
  color: var(--main-text)
}
a {
  color: #008beb
}
a:active,
a:focus,
a:hover {
  color: #056cb3
}
.xcore-header {
  background: #056cb3;
  background: linear-gradient(90deg,#056cb3 35%,#008beb 100%);
  border-radius: 0
}
.xcore-header h1 {
  color: #fff
}
.xcore-header .breadcrumb {
  background: 0 0
}
.xcore-header .breadcrumb a {
  color: #ccc
}
.xcore-header .breadcrumb .breadcrumb-item.active {
  color: #fff
}
.xcore-header .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #ccc
}
@media(max-width:992px) {
  .left-auto {
    display: none!important
  }
  .right-auto {
    display: inline-block
  }
  .right-auto li {
    display: inline-block!important;
    padding: 0 4px
  }
}
.dropdown-divider {
  border-top: 1px solid #181d21
}
.btn-primary {
  background: #008beb;
  border-color: #008beb;
  box-shadow: none
}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
  background: #057ed1;
  border-color: #057ed1
}
.card {
  border: 1px solid rgba(73,80,87,.06);
  background: #fff;
  box-shadow: 0 0 20px rgba(73,80,87,.04);
  background: #181d21;
  color: #fff
}
#topnav {
  background: #283137;
  color: #eaeaea
}
#topnav .navbar-nav .nav-item .nav-link {
  color: #eaeaea;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 14px;
  font-weight: 500
}
#topnav .navbar-nav .nav-item .nav-link img {
  width: 20px;
  height: 20px
}
#xCoreNav {
  background: #181d21
}
#xCoreNav .navbar-brand img {
  max-height: 45px
}
.navbar-dark .navbar-nav .nav-link {
  color: #a5a5a5;
  font-weight: 500;
  font-size: 16px;
  transition: all .4s ease;
  outline: 0
}
.navbar-dark .navbar-nav .nav-link:active,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: #fff
}
.navbar-dark .navbar-brand {
  color: #fff
}
.navbar-expand-lg .navbar-nav .nav-item {
  padding-top: 12px;
  padding-bottom: 12px
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: .8rem;
  padding-left: .8rem
}
.navbar-expand-lg .navbar-nav .nav-item .btn {
  font-weight: 600;
  font-size: 15px;
  padding: 6px 20px
}
.dropdown-menu {
  background: rgb(40,49,55,.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px)
}
.dropdown-menu .dropdown-item {
  color: #a5a5a5;
  font-size: 16px;
  font-weight: 500
}
.dropdown-menu .dropdown-item:active,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover {
  color: #eaeaea;
  background: #181d21
}
.navbar-expand-lg .dropdown-large {
  min-width: 500px
}
.navbar-expand-lg .dropdown-large {
  padding: 1rem
}
.dropdown-large li {
  padding: 4px
}
.dropdown-large li a {
  color: #a5a5a5;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500
}
.dropdown-large li a:active,
.dropdown-large li a:focus,
.dropdown-large li a:hover {
  color: #eaeaea
}
.dropdown-large li a img {
  margin-top: -1px
}
.navbar-dark .navbar-toggler {
  border: none;
  outline: 0
}
#radeSlider .carousel-item {
  padding: 200px 0
}
@media(max-width:992px) {
  #radeSlider .carousel-item {
    padding: 100px 0;
    text-align: center
  }
  #radeSlider .mt-5 {
    margin: 0!important
  }
}
@media(max-width:768px) {
  #radeSlider .carousel-item {
    padding: 60px 0
  }
}
@media(max-width:568px) {
  #radeSlider .carousel-item {
    padding: 40px 0
  }
}
#radeSlider .carousel-control-next span,
#radeSlider .carousel-control-prev span {
  padding: 12px;
  border-radius: 20%;
  background: rgb(33,37,53,.6);
  transition: all .4s ease
}
#radeSlider .carousel-control-next span:hover,
#radeSlider .carousel-control-prev span:hover {
  background: #212535
}
#radeSlider .carousel-content h1 {
  font-weight: 600;
  color: #fff
}
@media(max-width:768px) {
  #radeSlider .carousel-content h1 {
    font-size: 20px
  }
  #radeSlider .carousel-content p {
    font-size: 12px
  }
}
#radeSlider .carousel-content p {
  font-size: 18px;
  font-weight: 300;
  color: #eaeaea
}
@media(max-width:768px) {
  #radeSlider .carousel-content p {
    font-size: 12px
  }
}
#radeSlider .carousel-content .btn-primary {
  padding: 8px 24px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  margin-right: 6px
}
#radeSlider .carousel-content .btn-outline-light {
  padding: 8px 24px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase
}
@media(max-width:768px) {
  #radeSlider .carousel-content .btn-outline-light,
  #radeSlider .carousel-content .btn-primary {
    padding: 6px 18px;
    font-size: 10px
  }
}
#radeSlider .carousel-image img {
  pointer-events: none
}
section#Carousel .radeSlider-indicators {
  position: relative;
  top: -40px
}
section#Carousel .radeSlider-indicators .card {
  border: 1px solid rgba(73,80,87,.06);
  background: #fff;
  box-shadow: 0 0 20px rgba(73,80,87,.04);
  transition: all .6s ease;
  cursor: pointer;
  background: #181d21;
  color: #fff
}
section#Carousel .radeSlider-indicators .card img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  pointer-events: none
}
section#Carousel .radeSlider-indicators .card:active,
section#Carousel .radeSlider-indicators .card:focus,
section#Carousel .radeSlider-indicators .card:hover {
  transform: translateY(-12px)
}
@media(max-width:992px) {
  #radeSlider .carousel-image {
    display: none
  }
}
@media(max-width:768px) {
  section#Carousel .radeSlider-indicators {
    display: none
  }
}
#games .card {
  background: #181d21;
  border-radius: 20px;
  border: 6px solid transparent;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}
#games .card:active,
#games .card:focus,
#games .card:hover {
  border: 6px solid rgb(0,139,235,.2);
  text-decoration: none;
  -webkit-transform: scale(1.04);
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04)
}
#games .card .card-img {
  position: relative;
  padding: 6px;
  clear: both;
  overflow: hidden
}
#games .card .card-img .card-img-top {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px
}
#games .card .card-img .card-img-box {
  position: absolute;
  top: 6px!important;
  right: 6px!important;
  background: rgb(0,139,235,.2);
  padding: 10px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  color: #fff;
  font-weight: 600
}
#games .card .card-img .card-img-box span {
  font-weight: 400;
  font-size: 13px
}
#games .card .card-img .card-img-title {
  position: absolute;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  left: 6px;
  right: 6px;
  bottom: 6px;
  background: rgb(40,49,55,.4);
  color: #fff;
  padding: 6px 0;
  font-size: 14px;
  font-weight: 700
}
#games .card .card-body {
  padding-top: 0!important;
  padding: 6px
}
#games .btn-order {
  background: rgb(0,139,235,.2);
  color: #008beb;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  font-weight: 600;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-transform: uppercase
}
#features {
  background: #181d21
}
#features .features-box {
  text-align: center;
  cursor: pointer
}
#features .features-box i {
  color: #7da6c6
}
#features .features-box p {
  color: #b4bfc8
}
#features .features-box i {
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s
}
#features .features-box:hover i {
  color: #008beb
}
#servers {
  background: url(../img/map.webp) no-repeat;
  background-position: top center;
  max-height: 100%;
  clear: both;
  overflow: hidden
}
#servers h1 {
  color: #eaeaea
}
#servers .minecraft-server {
  background: url(../img/minecraft-server.png) no-repeat
}
#servers .ts3-server {
  background: url(../img/ts3-server.png) no-repeat
}
#servers .samp-server {
  background: url(../img/samp-server.png) no-repeat
}
#servers .cs16-server {
  background: url(../img/cs16-server.png) no-repeat
}
#servers .csgo-server {
  background: url(../img/csgo-server.png) no-repeat
}
#servers .card .game,
#servers .card .player {
  font-size: 16px;
  font-weight: 700
}
#servers .card .ip,
#servers .card .player-number {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: .4px
}
#servers .card .fa-copy {
  color: #008beb
}
#servers .owl-carousel .item {
  height: 10rem
}
#pre-footer {
  background: #1e252a
}
#footer {
  background: #181d21
}
#footer h2 {
  color: #677e8f;
  font-size: 20px
}
#footer ul {
  list-style: none;
  padding: 0
}
#footer ul li a {
  color: #e6e7e7
}
section#news {
  margin-top: 20px;
  margin-bottom: 60px
}
section#news .announcement-single {
  border-radius: 6px;
  background: #181d21;
  box-shadow: 0 0 20px rgba(73,80,87,.02);
  padding: 20px;
  overflow: hidden
}
section#news .announcement-single .date {
  position: absolute;
  right: 24px;
  top: 8px;
  color: #fff;
  font-weight: 600
}
section#news .announcement-single .icon {
  color: rgba(0,0,0,.08);
  float: right;
  margin-right: -100px;
  transform: rotate(-24deg);
  z-index: 1
}
section#news .announcement-single .icon i {
  font-size: 140px;
  line-height: 0;
  margin: 0;
  padding: 0;
  font-style: normal
}
section#news .icon .icon-news::before {
  font-family: 'font awesome 5 pro';
  content: '\f1ea'
}
section#news .announcement-single .icon i:before {
  margin: 0;
  padding: 0;
  line-height: 0
}
section#news .news-container h1 {
  margin: 40px 0;
  text-align: center;
  color: #f5f5f5
}
section#news .announcement-single h3 a {
  text-decoration: none;
  color: #008beb;
  font-size: 24px;
  transition: .5s
}
section#news .announcement-single blockquote {
  border-left: 5px solid #1e252a;
  padding: 10px 20px;
  margin: 0!important
}
section#news .announcement-single h3 .label-success {
  border-radius: 3px;
  font-size: 12px;
  vertical-align: top
}
section#news .announcement-single p {
  color: #aaa;
  font-size: 14px
}
.package .card h2 {
  text-align: center;
  font-size: 24px;
  font-weight: 600
}
.package .card .card-header {
  background: #008beb;
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  -ms-transform: rotate(1.2deg);
  transform: rotate(1.2deg)
}
.package .card .card-header span {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase
}
.package .card ul {
  list-style: none;
  padding: 0;
  text-align: center
}
.package .card ul li {
  font-weight: 500;
  font-size: 14px;
  color: #eaeaea;
  line-height: 30px
}
.package .card ul li i {
  color: #008beb
}
.package .card .btn {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px
}
#features .text {
  color: #eaeaea
}
#features .text h1 {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase
}
.faqs h2 {
  color: #fff
}
.faqs .faq-section .card {
  margin-bottom: 6px
}
.faqs .faq-section .card-header {
  background: #181d21
}
.faqs .faq-section .mb-0 > a {
  display: block;
  position: relative;
  outline: 0;
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-weight: 500
}
.faqs .faq-section .mb-0 > a h5 {
  text-decoration: none;
  outline: 0;
  color: #fff
}
.faqs .faq-section .mb-0 > a:after {
  content: "\f067";
  font-family: "font awesome 5 pro";
  position: absolute;
  right: 0;
  font-weight: 600
}
.faqs .faq-section .mb-0 > a[aria-expanded=true]:after {
  content: "\f068";
  font-family: "font awesome 5 pro";
  font-weight: 600
}
.sponsors .card {
  overflow: visible;
  transition: .5s;
  color: #cdcdcd;
  text-align: center;
  margin-bottom: 80px
}
.sponsors .card .card-body .img-fluid {
  margin-top: -60px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 30px
}
.sponsors .card .card-body .img-fluid1 {
  margin-top: -60px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 30px;
  width: 175px
}
.sponsors .card .card-body h5 {
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff
}
.sponsors .card .card-body ul {
  list-style: none;
  padding: 0
}
.sponsors .card .card-body ul li {
  display: inline-block
}
.sponsors .card .card-body ul li a {
  padding: 12px
}
.fa-twitch {
  color: #6441a5
}
.list-group-item {
  background: #181d21;
  border-color: #283137;
  color: #f9f9f9
}
.list-group-item:active,
.list-group-item:focus,
.list-group-item:hover {
  background: rgb(24,29,33,.9);
  color: #fff
}
.client-home-cards .card-header {
  background-color: rgba(0,0,0,.03);
  border-bottom: 1px solid rgba(0,0,0,.125)
}
.form-control {
  background: #1e252a;
  border-color: rgba(73,80,87,.04);
  box-shadow: 0 0 20px rgba(73,80,87,.04);
  color: #f9f9f9!important
}
.form-control:active,
.form-control:focus,
.form-control:hover {
  background: #1e252a;
  border-color: rgba(73,80,87,.04);
  box-shadow: 0 0 20px rgba(73,80,87,.04)
}
#registration .card .card-body {
  overflow: visible!important
}
#registration .field,
#registration .form-control {
  background: #1e252a!important;
  border-color: rgba(73,80,87,.04)!important;
  box-shadow: 0 0 20px rgba(73,80,87,.04)!important;
  color: #fff
}
#registration .field:active,
#registration .field:focus,
#registration .field:hover,
#registration .form-control:active,
#registration .form-control:focus,
#registration .form-control:hover {
  border: none!important;
  box-shadow: none!important
}
.intl-tel-input .country-list {
  background: #1e252a!important;
  border: none
}
.intl-tel-input .country-list .divider {
  border-color: #1e252a
}
.modal-content {
  border: 1px solid rgba(73,80,87,.06);
  box-shadow: 0 0 20px rgba(73,80,87,.04);
  background: #181d21;
  color: #f9f9f9
}
.modal-header {
  border: none
}
.input-group-text {
  background: var(--bg-color);
  border-color: var(--bg-color);
  color: #fff
}
.btn-reveal-pw {
  background: var(--bg-color);
  border-color: var(--bg-color);
  color: #fff
}
.btn-reveal-pw:active,
.btn-reveal-pw:focus,
.btn-reveal-pw:hover {
  background: var(--bg-color)!important;
  border-color: var(--bg-color)!important;
  color: #fff!important;
  box-shadow: none
}
.btn {
  font-weight: 500;
  font-size: 14px;
  padding: 6px 20px
}
.client-home-cards .card-header .btn {
  padding: 1px 5px;
  font-size: 12px
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px
}
.client-home-cards .list-group {
  border-color: #1e252a!important
}
.product-icon .fa-stack .fa-circle {
  color: #056cb3!important
}
div.product-details div.product-icon {
  background: #181d21;
  border: 1px solid rgba(73,80,87,.06);
  box-shadow: 0 0 20px rgba(73,80,87,.04)
}
div.tiles .col-6,
div.tiles .col-xl-3 {
  padding-left: 4px;
  padding-right: 4px
}
div.tiles .col-6:nth-child(1n),
div.tiles .col-xl-3:nth-child(1n) {
  padding-left: 15px
}
div.tiles .col-6:nth-child(4n),
div.tiles .col-xl-3:nth-child(4n) {
  padding-right: 15px
}
div.tiles .card {
  padding: 20px;
  color: #f1f1f1!important;
  border-radius: .4rem;
  border: 1px solid rgba(73,80,87,.06);
  box-shadow: 0 0 20px rgba(73,80,87,.04);
  background: #181d21;
  text-decoration: none
}
div.tiles .card .media .media-body .value {
  margin: 0;
  font-weight: 300
}
div.tiles .card .media i {
  transition: all .2s ease
}
div.tiles .card:hover .fa-box-open {
  text-shadow: 0 0 10px rgba(16,172,132,.8);
  color: rgba(16,172,132,.8)
}
div.tiles .card:hover .fa-coin {
  text-shadow: 0 0 10px rgba(254,202,87,.8);
  color: rgba(254,202,87,.8)
}
div.tiles .card:hover .fa-user-headset {
  text-shadow: 0 0 10px rgba(238,83,83,.8);
  color: rgba(238,83,83,.8)
}
div.tiles .card:hover .fa-file-invoice-dollar {
  text-shadow: 0 0 10px rgba(46,134,222,.8);
  color: rgba(46,134,222,.8)
}
@media(max-width:460px) {
  div.tiles .card .media .media-body .money {
    font-size: 16px
  }
}
div.tiles .card:hover .shake {
  -webkit-animation: shake .82s cubic-bezier(.36,.07,.19,.97) both;
  animation: shake .82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
@-webkit-keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px,0,0)
  }
  20%,
  80% {
    transform: translate3d(2px,0,0)
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px,0,0)
  }
  40%,
  60% {
    transform: translate3d(4px,0,0)
  }
}
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px,0,0)
  }
  20%,
  80% {
    transform: translate3d(2px,0,0)
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px,0,0)
  }
  40%,
  60% {
    transform: translate3d(4px,0,0)
  }
}
div.tiles .card .media .media-body .title {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600
}
.sidebar .list-group-item {
  border-color: #1e252a
}
.dataTables_wrapper table.table-list {
  border: 1px solid rgba(73,80,87,.06);
  box-shadow: 0 0 20px rgba(73,80,87,.04)
}
table.table-list thead th {
  background: #181d21;
  color: #ccc
}
.dataTables_wrapper table.table-list thead th.sorting_asc,
.dataTables_wrapper table.table-list thead th.sorting_desc {
  background-color: rgba(0,0,0,.03)
}
.dataTables_wrapper table.table-list thead th {
  border-color: #008beb
}
.table-list > tbody > tr > td {
  background: #181d21;
  color: #fff
}
.table-list > tbody > tr:hover > td {
  background-color: rgba(0,0,0,.03)
}
.table-list > tbody > tr > td:active,
.table-list > tbody > tr > td:focus,
.table-list > tbody > tr > td:hover {
  background-color: rgba(0,0,0,.03)
}
.sidebar .list-group-item.active,
.sidebar .list-group-item.active:focus,
.sidebar .list-group-item.active:hover {
  background-color: rgba(0,0,0,.03)
}
.sidebar .list-group-item.active,
.sidebar .list-group-item.active:focus,
.sidebar .list-group-item.active:hover {
  border-color: #1e252a
}
.primary-content .card-body {
  overflow: visible
}
.table td,
.table th {
  border-color: #1e252a;
  color: #f9f9f9
}
.form-control:disabled,
.form-control[readonly] {
  background: rgba(5,108,179,.4)
}
div.md-editor.active {
  border-color: rgba(73,80,87,.04)!important;
  box-shadow: 0 0 20px rgba(73,80,87,.04)
}
.md-editor {
  border-color: rgba(73,80,87,.04)!important;
  box-shadow: 0 0 20px rgba(73,80,87,.04)
}
.md-editor > .btn-toolbar {
  background: rgba(0,0,0,.03)!important
}
.md-editor .md-footer,
.md-editor > .md-header {
  background: rgba(0,0,0,.03)!important
}
.md-editor > .md-preview,
.md-editor > textarea.markdown-editor {
  background: #1e252a!important;
  border-color: rgba(73,80,87,.04)!important
}
.md-editor > .md-preview,
.md-editor > textarea.markdown-editor {
  background: #1e252a!important;
  border-color: rgba(73,80,87,.04)!important
}
.md-editor.md-fullscreen-mode .md-input,
.md-editor.md-fullscreen-mode .md-preview {
  background: #1e252a!important
}
.md-editor.md-fullscreen-mode .md-input:focus,
.md-editor.md-fullscreen-mode .md-input:hover {
  background: #1e252a!important
}
div.md-editor.active {
  background: #1e252a!important;
  border-color: rgba(73,80,87,.04)!important
}
.md-editor .md-footer,
.md-editor > .md-header {
  background: #1e252a!important
}
.md-editor.md-fullscreen-mode {
  background: #1e252a!important
}
.md-editor.md-fullscreen-mode .btn {
  color: #ccc
}
.md-editor.md-fullscreen-mode .btn:active,
.md-editor.md-fullscreen-mode .btn:focus,
.md-editor.md-fullscreen-mode .btn:hover {
  color: #008beb;
  background: 0 0!important
}
.modal .modal-header {
  background: rgba(0,0,0,.03)!important
}
.modal-body {
  color: #f9f9f9
}
.modal-body pre {
  color: #fff
}
.view-ticket .posted-by {
  background: #1e252a;
  color: #f9f9f9
}
.view-ticket .card-body {
  border-color: #1e252a
}
.header {
  padding: 60px 0
}
.header h1 {
  font-weight: 800;
  color: #fff
}
.header p {
  color: #eaeaea
}
.minecraft-header {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: linear-gradient(rgba(19,23,26,.8),rgba(19,23,26,.8)),url('../img/minecraft-header.png')
}
.csgo-header {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: linear-gradient(rgba(19,23,26,.8),rgba(19,23,26,.8)),url('../img/csgo-header.png')
}
.cs-header {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: linear-gradient(rgba(19,23,26,.8),rgba(19,23,26,.8)),url('../img/cs-header.png')
}
.samp-header {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: linear-gradient(rgba(19,23,26,.8),rgba(19,23,26,.8)),url('../img/samp-header.png')
}
.fivem-header {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: linear-gradient(rgba(19,23,26,.8),rgba(19,23,26,.8)),url('../img/fivem-header.png')
}
.ts-header {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: linear-gradient(rgba(19,23,26,.8),rgba(19,23,26,.8)),url('../img/ts-header.png')
}
.web-header {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: linear-gradient(rgba(19,23,26,.8),rgba(19,23,26,.8)),url('../img/web-header.png')
}
.vps-header {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: linear-gradient(rgba(19,23,26,.8),rgba(19,23,26,.8)),url('../img/vps-header.png')
}
.ts3 ul {
  padding: 0;
  margin: 0
}
.ts3 ul li {
  list-style: none
}
.slidecontainer {
  width: 100%;
  background: #fff;
  padding: 30px;
  box-shadow: 8px 28px 50px rgba(39,44,49,.07),1px 6px 12px rgba(39,44,49,.04);
  border-radius: 5px
}
.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: 0;
  opacity: .9;
  -webkit-transition: .2s;
  transition: opacity .2s
}
.slider:hover {
  opacity: 1
}
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  border: 8px solid #52bae3;
  cursor: pointer
}
.slider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  border: 8px solid #52bae3;
  cursor: pointer
}
input[type=range]::-moz-range-progress {
  background: linear-gradient(131deg,#3d69be 0,#4399db 50%,#5bd2fb 100%);
  height: 15px;
  border-radius: 4px;
  outline: 0
}
input[type=range] {
  display: block;
  width: 100%;
  background: #12141a
}
.list-group-item.active {
  background: #008beb
}
.register-header {
  background: #000!important
}
.login-header {
  background: green!important
}
.products-header {
  background: green!important
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background: #181d21!important;
  border-color: #181d21!important
}
.nav-tabs .nav-link {
  color: #ccc!important
}
.nav-tabs .nav-link:hover {
  border: none!important
}
div.product-details-tab-container {
  background: #181d21!important;
  border-color: #181d21!important
}

.neonText {
  text-align: center;
  animation: flicker 1.5s infinite alternate;
  color: #fff;
}

h1 {
  font-size: 4.2rem;    
}

/* Flickering animation */
@keyframes flicker {
    
  0%, 18%, 22%, 25%, 53%, 57%, 100% {

      text-shadow:
      0 0 4px #fff,
      0 0 11px #fff,
      0 0 19px #fff,
      0 0 40px #0fa,
      0 0 80px #0fa,
      0 0 90px #0fa,
      0 0 100px #0fa,
      0 0 150px #0fa;
  
  }
  
  20%, 24%, 55% {        
      text-shadow: none;
  }    
}

/* Additional styling */
  
h2 {
 font-size: 1.8rem;
}


h1, h2 {
  text-transform: uppercase;
  font-weight: 400;
}



.gradiant {
  --bg-size: 400%;
  --color-one: #4158D0;
  --color-two: #C850C0;
  --color-three: #F4D03F;
  background:
    linear-gradient(
      90deg,
      var(--color-one),
      var(--color-two),
      var(--color-three),
      var(--color-two),
      var(--color-one)
    )
    0 0 / var(--bg-size) 100%;
  color: transparent !important;
   -webkit-background-clip: text;
}

@media (prefers-reduced-motion: no-preference) {
  .gradiant {
    animation: move-bg 8s linear infinite;
  }
  @keyframes move-bg {
    to {
      background-position: var(--bg-size) 0;
    }
  }
}


body {
   user-select: none; /* empêche la sélection de texte */
   -webkit-user-select: none; /* pour Safari */
   -moz-user-select: none; /* pour Firefox */
   -ms-user-select: none; /* pour Internet Explorer */
}

img {
 pointer-events: none;
}



.prisma-discount{
    background:#b8312f;
    padding:3px 0;
    color:#fff
}
.prisma-discount .discount{
    font-weight:900;
    font-size:25px
}
.prisma-discount .discount-text{
    color:#fff
}
.prisma-discount .discount-text{
    font-weight:500;
    color:#fff;
    font-size:18px;
    margin-right:10px
}
.prisma-discount .coupon-text{
    font-weight:700;
    font-size:15px;
    text-transform:uppercase;
    color:#ece7ef
}
.prisma-discount .btn-code{
    position:relative;
    text-transform:uppercase;
    background:#b8312f;
    border:2px dashed #fff;
    color:#fff;
    font-size:13px;
    font-weight:800;
    border-radius:4px;
    padding:6px 30px;
    transition:all .4s ease 0s
}
.prisma-discount .btn-code:hover,.prisma-discount .btn-code:active,.prisma-discount .btn-code:focus{
    box-shadow:none;
    background:#b8312f;
    border:2px dashed #fff
}
#copy_txt{
    cursor:pointer
}
.tip{
    right:-20px;
    margin-top:10px;
    background-color:#000;
    padding:0 20px;
    line-height:27px;
    position:absolute;
    margin-right:60px;
    border-radius:4px;
    text-transform:capitalize!important;
    z-index:100;
    color:#fff;
    font-weight:600;
    font-size:14px;
    animation-duration:.6s;
    animation-fill-mode:both;
    z-index:2009
}
.tip:before{
    content:"";
    background-color:#000;
    height:10px;
    width:10px;
    display:block;
    position:absolute;
    transform:rotate(45deg);
    top:-4px;
    right:17px;
    z-index:2009
}
@media(max-width:768px){
    .prisma-discount-left,.prisma-discount-right{
        margin:0 auto
    }
    .prisma-discount .discount-text{
        margin-bottom:1rem!important
    }
    .prisma-discount .btn-code{
        margin-bottom:.6rem!important
    }
}