@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'), url("../../assets/fonts/regular.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local('Poppins Bold'), local('Poppins-Bold'), url("../../assets/fonts/bold.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --color-primary: #bb903a;
  --color-secondary: #008db5;
  --color-tertiary: #ffffff;
  --color-dark: #0a172d;
  --color-dark-2: #07213c;
  --color-white: #ffffff;
  --color-light: #eaeaea;
  --color-light-2: #b5b4b4;
  --color-twitch: #6441a5;
  --color-discord: #7289da;
  --color-gradient-start: #bb903a;
  --color-gradient-stop: #008db5;
  --color-gradient-start-secondary: #0a172d;
  --color-gradient-stop-secondary: #008db5;
  --color-gradient-start-tertiary: #ffffff;
  --color-gradient-stop-tertiary: #bb903a;
  --color-font: #a9a6a1;
  --color-link: #94bbc2;
  --color-link-hover: #e5e1d8;
  --color-img-holder: #47616a;
}

body {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  line-height: 1.9em;
  color: var(--color-font);
  background-color: #000000;
}

#content {background-color: #000000;}

h1, .h1,
h2, .h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: var(--color-secondary) !important;
}
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: var(--color-primary) !important;
}

.h1,
h1 {
  font-size: 52px;
  line-height: 1.4em;
}

.h2,
h2 {
  font-size: 42px;
  line-height: 1.3em;
  letter-spacing: 0;
}

.h3,
h3 {
  font-size: 30px;
  line-height: 1.6em;
}

.h4,
h4 {
  font-size: 25px;
  line-height: 1.7em;
}

.h5,
h5 {
  font-size: 21px;
  line-height: 1.8em;
}

.h6,
h6 {
  font-size: 18px;
  line-height: 1.6em;
}

/* exclusive for WoW Shadowlands */
.game-divider-1 {
  background-image: url(./bg/divider1.png);
  height: 68px;
  width: 100%;
  top: 0;
  z-index: 1;
  flex: 1 1 auto;
  background-repeat: no-repeat;
  background-position: center center;
}
.game-divider-2 {
  background-image: url(./bg/divider2.png) !important;
  height: 68px;
  width: 100%;
  top: 0;
  z-index: 1;
  flex: 1 1 auto;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
.game-divider-3 {
  background-image: url(./bg/divider3.png);
  height: 20px;
  width: 100%;
  top: 0;
  z-index: 1;
  flex: 1 1 auto;
  background-repeat: no-repeat;
  background-position: center center;
}
.fancy-box .gwtdesign-overlay-link {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    min-width: 0px;
    min-height: 0px;
    box-shadow: rgb(0, 0, 0) 0px 0px 18px 6px inset, rgb(0, 0, 0) 0px 1px 18px 6px;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    border-image: url(./bg/frame2.png) 72 fill / 52px / 19px round;
    overflow: visible;
}
#events .fancy-box-overlay {overflow: visible;}
.gwtdesign-lp-media {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  min-width: 0px;
  min-height: 0px;
  box-shadow: rgb(0, 0, 0) 0px 0px 18px 6px inset;
  border-width: 10px;
  border-style: solid;
  border-color: transparent;
  border-image: url(./bg/frame1.png) 72 fill / 52px / 0px round;
}
.gwt-media-item .gwtdesign-overlay-link {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  min-width: 0px;
  min-height: 0px;
  box-shadow: rgb(0, 0, 0) 0px 0px 18px 6px inset, rgb(0, 0, 0) 0px 1px 18px 6px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  border-image: url(./bg/frame1.png) 72 fill / 40px / 0px round;
}
/* END of exclusive for WoW Shadowlands */

.gwtdesign-blog-item .gwtdesign-lp-title {
  letter-spacing: inherit;
  color: var(--color-tertiary) !important;
  text-shadow: 0 3px 2px var(--color-dark);
  text-transform: uppercase;
}

.btn-solid {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-dark);
}

.btn-solid:hover {
  background-color: var(--color-dark);
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.btn-twitch {
  background-color: var(--color-twitch);
  border-color: var(--color-twitch);
  color: #ffffff;
}
.btn-twitch:hover {
  background-color: #ffffff;
  border-color: var(--color-twitch);
  color: var(--color-twitch) !important;
}
.btn-discord {
  background-color: #7289da;
  border-color: #7289da;
  color: #ffffff;
}
.btn-discord:hover {
  background-color: #ffffff;
  border-color: #7289da;
  color: #7289da;
}
.btn-youtube {
  background-color: #FF0000;
  border-color: #FF0000;
  color: #ffffff;
}
.btn-youtube:hover {
  background-color: #ffffff;
  border-color: #FF0000;
  color: #FF0000;
}
.btn-mixer {
  background-color: #00C6F2;
  border-color: #00C6F2;
  color: #ffffff;
}
.btn-mixer:hover {
  background-color: #ffffff;
  border-color: #00C6F2;
  color: #00C6F2;
}

.btn-path1 {    -webkit-clip-path: polygon(4% 0,100% 0,98% 100%,2% 100%);
    clip-path: polygon(4% 0,100% 0,98% 100%,2% 100%);border: 0;}
.btn-bg1, .btn-bg2 {cursor: pointer;
    font-weight: 700;
    font-size: 16px;}
.btn-bg1:hover {color: var(--color-dark); background-color: var(--color-secondary);}
.btn-bg2:hover {color: var(--color-secondary);background-color: var(--color-dark);border-color: var(--color-secondary);}
.btn-bg1 {background-color: var(--color-primary);color: var(--color-dark);}
.btn-bg2 {background-color: var(--color-secondary);color: var(--color-light); border-color: var(--color-secondary);}

.main-header .main-nav > li > a {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: var(--color-light-2);
}

.iconbox .iconbox-icon-container {color: var(--color-primary);}

.main-nav > li.is-active > a,
.main-nav > li.current-menu-item > a,
.main-nav > li:hover > a,
.main-header .main-nav > li > a:hover {
  color: var(--color-primary);
}

.mainbar-container {border-bottom: 0;}

@media screen and (min-width: 1200px) {
  .mainbar-wrap {background: rgba(0, 0, 0, 0.85);}
  .main-nav .link-icon, .main-nav .link-txt {width: 100%;text-align: center;}
  #main-header-collapse .social-top, .mobile-buttons {display: none !important;}
  .mainbar-wrap.is-stuck .main-nav > li.is-active > a {
    color: var(--color-primary) !important;
  }
  .mainbar-wrap.is-stuck .social-icon a,
  .mainbar-wrap.is-stuck .header-module .gwt-module-trigger,
  .mainbar-wrap.is-stuck .main-nav > li > a,
  .mainbar-wrap.is-stuck .gwt-module-search-visible-form .gwt-search-form input {
    color: var(--color-secondary) !important;
  }
  .mainbar-wrap.is-stuck .social-icon a:hover,
  .mainbar-wrap.is-stuck .main-nav > li > a:hover {
    color: #fff !important;
  }
}

.btn-top {
  height: 100%;
  border: 0;
  background-color: var(--color-primary);
  color: var(--color-dark);
}
.btn-top:hover {
  color: var(--color-light);
  background-color: var(--color-secondary);
  -webkit-transform: none;
  transform: none;
  border: 0;
}

.gwtstyle-vbg-wrap .inline-YTPlayer {max-width: 100% !important;}

@media screen and (max-width: 480px) {
  .btns-center-mobile {text-align: center;}
  .btns-center-mobile a {margin-left: 0 !important;}
}
@media screen and (max-width: 600px) {
  .bg-top-main {background-image: url(./bg/top-main-mobile.jpg);}
  .bg-coming-soon {background-image: url(./bg/bg-coming-mobile.jpg);}
}
@media screen and (min-width: 601px) {
  .bg-top-main {background-image: url(./bg/top-main.jpg);}
  .bg-coming-soon {background-image: url(./bg/top-main.jpg);}
}

@media screen and (max-width: 991px) {
  .bg-news {background-image: url(./bg/bg-news-mobile.jpg);}
  .bg-media {background-image: url(./bg/bg-media-mobile.jpg);}
  .bg-discord {background-image: url(./bg/bg-discord-mobile.jpg);}
  .carousel-nav {display: none;}
  .fullwidth-mobile, .btn-center {width: 100%;}
}

@media screen and (max-width: 767px) {
  .overlay-top-main {
  background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
  .pull-up {margin-top: -60px;}
  #newsletter .gwt-sf--border-thin .submit-text {display: none;}
}
@media screen and (min-width: 768px) {
  .overlay-top-main {
  background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
  .bg-cover-extra-size {position: relative;
    height: 100%;
    width: 100%;
    min-width: 800px;
    background-size: calc(100% + 400px);
    background-position: center top;
    background-repeat: no-repeat;}
}


@media screen and (max-width: 991px) and (min-width: 768px) {
  .pull-up {margin-top: -230px;}
  .carousel-item:not([class*=col-xs-]) {width: 50%;}
}

#top-main h2 {text-shadow: 0 3px 3px var(--color-dark);}

@media screen and (max-width: 1199px) {
  #top-main.fullheight {min-height: 90vh;}
  .mainbar {display: block;}
  .navbar-toggle {height: 47px;}
  [data-mobile-nav-trigger-alignment=right] .navbar-header .navbar-toggle {justify-content: center; height: 100%;width: 80px;
    right: 0;left: auto;position: absolute; border-radius: 0; background-color: var(--color-primary);}
  [data-mobile-header-scheme=dark] .nav-trigger .bar {background-color: var(--color-dark);}
  [data-mobile-nav-scheme=dark] .main-nav .gwtstyle-custom-menu > li > a, [data-mobile-nav-scheme=dark] ul.nav.main-nav > li > a {
    color: var(--color-secondary);
    border: 0;}
  [data-mobile-header-scheme=dark] .navbar-header {background-color: #111111;}
  [data-mobile-nav-style=classic] .navbar-collapse, [data-mobile-nav-style=minimal] .navbar-collapse {max-height: 70vh;}
  [data-mobile-nav-scheme=dark] .navbar-collapse {background-color: var(--color-dark-2);}
  [data-mobile-nav-scheme=dark] .main-nav {background-image: url(./bg/bg-menu-mobile.jpg);background-position: center top;background-size: cover;}
  [data-mobile-nav-scheme=dark] ul.nav.main-nav > li.is-active > a {color: #ffffff;background-image: url(./bg/dot.png);
    background-color: rgba(71, 97, 106, 0.5);}
  .is-stuck .navbar-header {background-color: rgba(0, 0, 0, 0.85);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);}
  .main-nav .link-icon {margin-right:10px;}
  #main-header-collapse {border-bottom: solid 2px;border-bottom-color: var(--color-primary);}
  .mobile-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mobile-buttons .mbtn {text-align: center;width: 50%;}
  .mobile-buttons .mbtn a {width: 100%;}
  .mobile-buttons .mbtn span {text-align: center;width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;}
  .social-top {background-color: rgba(0, 0, 0, 0.35);}
}


.gwt-tm-img {background-color: var(--color-dark-2);}
.gwt-tm {color: var(--color-primary);}
.gwt-tm-info.gwt-overlay .gwt-tm-social {z-index: -1;}
.gwt-tm:hover .gwt-overlay .gwt-tm-social {z-index: 5;}

.shadow {-webkit-box-shadow: 0 0 10px rgba(11,6,4), 0 0 30px rgba(11,6,4), 0 0 10px rgba(11,6,4);
    box-shadow: 0 0 10px rgba(11,6,4), 0 0 30px rgba(11,6,4), 0 0 10px rgba(11,6,4);}

.mixer-icon {width: 19px;height: auto;vertical-align: bottom;}
.nimotv-icon {width: 30px;height: auto;vertical-align: text-bottom;}
footer .social-icon a {color: #ffffff;opacity: 0.7;}

.gwt-sf [type=text], .gwt-sf [type=email] {border-color: var(--color-primary);}
.gwt-sf [type=submit] {color: var(--color-dark-2);}

.fr-close-background, .lity-close {background-color: var(--color-secondary) !important;}

#events .cb-subtitle {
      position: absolute;
      top: 0;
      bottom: auto;
      margin-top: 20px;}
#events .fancy-box-overlay h3 {color: var(--color-tertiary) !important;}
#events .fancy-box-header {background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    padding: 15px;
    border-bottom: solid 1px;
    border-bottom-color: var(--color-secondary);}
#events .fancy-box-overlay:hover {
  -webkit-box-shadow: 0 0 16px var(--color-primary);
  box-shadow: 0 0 16px var(--color-primary);
}
#members .cb-subtitle {
    position: absolute;
    bottom: 0;
    top: auto;
}
.cb-subtitle {font-weight: 700;}
#members .gwt-tm-name {color: var(--color-light) !important;top: 0;bottom: auto;position: absolute;width: 100%;text-align: center;}
#members .gwt-tm-pos {margin-bottom: -3px;}
#members .gwt-tm .social-icon {font-size: 20px;line-height:normal;}

.flickity-prev-next-button i {color: var(--color-dark);}
.gamearrows .carousel-nav-solid .flickity-prev-next-button {background-color: inherit;}
.gamearrows .carousel-nav-solid .flickity-prev-next-button:hover:before, .carousel-nav-bordered .flickity-prev-next-button:hover:before {opacity: 0;}
.gamearrows .carousel-nav-xl .flickity-prev-next-button {width: 65px;height: auto;}


.bg-none {background-image: none !important; background-color: inherit !important;}
.bg-dark {background-color: var(--color-dark) !important;}
.bg-dark-2 {background-color: var(--color-dark-2) !important;}
.bg-twitch {background-color: var(--color-twitch);}
.bg-primary {color: inherit;}
.bg-tertiary {background-color: var(--color-tertiary) !important;}
.bg-light {background-color: var(--color-light);}
.bg-light-2 {background-color: var(--color-light-2);}

.overlay-lines {background-image: url(./bg/lines.png);}
.overlay-dot {background-image: url(./bg/dark-dot.png);}
.overlay-stripes {background-image: url(./bg/cross-stripes.png);}
.overlay-carbon {background-image: url(./bg/carbon-fibre.png);background-color: #131b1e;}
.overlay-carbon-transparent {background-image: url(./bg/carbon-fibre.png);background-color: transparent;}
.bg-gradient-discord {background: -webkit-gradient(linear, left top, left bottom, from(var(--color-discord)), to(#000000)) !important;
    background: linear-gradient(to bottom, var(--color-discord) 0%, #000000 100%) !important;}
.bg-gradient-reflect-black {
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}

.modal-style1 {background-color: var(--color-dark); border: solid 6px; border-color: var(--color-secondary);}
.contact-form input[type=submit], .contact-form button[type=submit], .gwtdesign-lp-category li {color: var(--color-dark);}
.gwtdesign-overlay-link {z-index: 99;}

.bt-primary {border-top: solid 2px; border-top-color: var(--color-primary);}
.bt-secondary {border-top: solid 2px; border-top-color: var(--color-secondary);}
.bt-tertiary {border-top: solid 2px; border-top-color: var(--color-tertiary);}
.bt-dark {border-top: solid 2px; border-top-color: var(--color-dark);}
.bt-dark-2 {border-top: solid 2px; border-top-color: var(--color-dark-2);}
.bt-discord {border-top: solid 2px; border-top-color: var(--color-discord);}
.bt-white {border-top: solid 2px; border-top-color: var(--color-white);}
.bb-primary {border-bottom: solid 2px; border-bottom-color: var(--color-primary);}
.bb-secondary {border-bottom: solid 2px; border-bottom-color: var(--color-secondary);}
.bb-tertiary {border-bottom: solid 2px; border-bottom-color: var(--color-tertiary);}
.bb-dark {border-bottom: solid 2px; border-bottom-color: var(--color-dark);}
.bb-dark-2 {border-bottom: solid 2px; border-bottom-color: var(--color-dark-2);}
.bb-discord {border-bottom: solid 2px; border-bottom-color: var(--color-discord);}
.bb-white {border-bottom: solid 2px; border-bottom-color: var(--color-white);}

.b-primary {border: solid 2px; border-color: var(--color-primary);}
.b-secondary {border: solid 2px; border-color: var(--color-secondary);}
.b-tertiary {border: solid 2px; border-color: var(--color-tertiary);}
.b-dark-2 {border: solid 2px; border-color: var(--color-dark-2);}
.b-light-2 {border: solid 1px; border-color: var(--color-light-2);}

.text-dark {color: var(--color-dark) !important;}
.text-light {color: var(--color-light) !important;}

.gwt-media-icon.icon-play.solid {color: var(--color-primary);background-color: var(--color-dark);text-shadow: none;}
.gwt-media-item-overlay {color: var(--color-tertiary);text-shadow: 2px 2px 8px #000000;}
figcaption {position: absolute;top: auto;z-index: 1;
    bottom: 0;width: 100%;text-align: center;
    background-image: url(./bg/bg-media-caption.jpg);background-color: var(--color-dark);
    background-repeat: repeat-x;padding: 10px;background-position: center;
    color: var(--color-tertiary);opacity: 0.8;}
.pswp__caption {background-color: var(--color-primary) !important;opacity: 0.9;}
.pswp__caption__center {color: var(--color-tertiary);font-style: italic;font-weight: 700;}

.fancy-box-overlay:hover .img-scale {-webkit-transform: scale(1.15);
    transform: scale(1.15);}
.fancy-box-overlay:hover .animate-up .fancy-box-header, .gwt-media-item:hover .animate-up {-webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: -webkit-transform .3s ease-in-out .03s;
    transition: -webkit-transform .3s ease-in-out .03s;
    -o-transition: transform .3s ease-in-out .03s;
    transition: transform .3s ease-in-out .03s;
    transition: transform .3s ease-in-out .03s,-webkit-transform .3s ease-in-out .03s;}
.fancy-box-overlay .animate-up .fancy-box-header, .gwt-media-item .animate-up {-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;}
.img-scale {    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), -webkit-filter 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), -webkit-filter 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), filter 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), filter 0.5s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), -webkit-filter 0.5s cubic-bezier(0.86, 0, 0.07, 1);}

.carousel-dots-style4 .dot:hover {background-color: var(--color-primary);}
.carousel-dots-style4 .dot.is-selected {background-color: var(--color-primary);}

.gwtdesign-blog-contents-inside .gwtdesign-lp-media:after {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #09172d), to(transparent));
    background: linear-gradient(to top, #09172d 50%, transparent 100%);
}
.gwtdesign-blog-item-square .gwtdesign-lp-header {width: 100%;}
.gwtdesign-blog-contents-inside:hover .gwtdesign-lp-media:after {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.gwtstyle-modal-content h2 {color: var(--color-primary) !important;
  text-transform: uppercase;font-size: 30px;}

.contents-visible .gwt-tm-info.gwt-overlay .gwt-tm-name, .contents-visible .gwt-tm-info.gwt-overlay .gwt-tm-pos, .contents-visible .gwt-tm-info.gwt-overlay { opacity: 1; visibility: visible; -webkit-transform: none; transform: none; }

.gwtstyle-sticky-sentinel {width: 100% !important;}

.main-footer {
  color: #fff;
}

.main-footer a:not(.btn) {
  color: #fff;
}

.main-footer a:not(.btn):hover {
  color: rgba(255, 255, 255, 0.5);
}

.main-footer .social-icon a {
  color: rgba(255, 255, 255, 0.5);
}

.main-footer .social-icon a:hover {
  color: #fff;
}

@media screen and (min-width: 992px) {
  .lity-container {width: 750px;}
  .bg-news {background-image: url(./bg/bg-news.jpg);}
  .bg-media {background-image: url(./bg/bg-media.jpg);}
  .bg-discord {background-image: url(./bg/bg-discord.jpg);}
  .pull-up {margin-top: -230px;}
}

.page-404 {padding-top: 60px;padding-bottom: 60px;}
.text-404 h1 {margin: 0;}

/* extra elements */

.accordion-body-bordered .accordion-item {border-color: var(--color-primary);}
.branded [class*=fa-instagram] {background: radial-gradient(circle farthest-corner at 35% 100%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 10% 140%, #feda7e, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e42e66 50%, #fa5332 70%, #ffdc80 100%);}
.branded-text [class*=fa-instagram] {color: #E1306C;}
.branded [class*=fa-steam] {background: rgba(29, 32, 36, 0.9);}
.branded-text [class*=fa-steam] {color: rgba(228, 228, 228, 0.9);}
.branded [class*=fa-discord] {background-color: #7289DA;}
.branded-text [class*=fa-discord] {color: #7289DA;}
.branded [class*=fa-mixer] {background-color: #1754c6;}
.branded-text [class*=fa-mixer] {color: #1754c6;}
.tabs-nav-active-filled .tabs-nav li.active a, .tabs-nav-active-filled .tabs-nav li a:hover {background-color: var(--color-primary);}
.tabs-nav-filled.tabs-content-filled .tabs-nav a, .tabs-nav-filled .tabs-nav a {background-color: var(--color-dark-2);color: var(--color-light);}
.tabs-content-filled .tabs-content {background-color: var(--color-light);}
.tabs-nav-side-alt .tabs-nav li {border-bottom: 1px solid var(--color-dark-2);}
.tabs-nav-side-alt .tabs-nav li a {color: var(--color-secondary);}
.countdown .countdown-row {background-color: rgba(0, 0, 0, 0.3);padding: 0.2em;}

.social-icon.round.social-icon-lg li, .social-icon.semi-round.social-icon-lg li, .social-icon.square.social-icon-lg li, .social-icon.circle.social-icon-lg li, .social-icon.round.social-icon-md li, .social-icon.semi-round.social-icon-md li, .social-icon.square.social-icon-md li, .social-icon.circle.social-icon-md li, .social-icon.social-icon-lg li {margin-top: 0.5em;}
.tabs-nav-side-alt .tabs-nav li a:after {font-family: "Font Awesome 5 Free";content: '\f054'}