@charset "UTF-8";
/*------------------------------------*
    $CONTENTS
*------------------------------------*/
/**
 * BASE
 * - MAIN
 * - NORMALIZE
 * - LAYOUTS
 * - COMPONENTS
 * - TYPOGRAPHY
 * - FORMS
 *
 * CRT
 *
 * COMPONENTS
 * - TOP BAR
 * - HEADER
 * - NAVIGATIONS
 * - LINKS EFFECT
 * - MEGA MENU
 * - SEARCH ICON
 * - DROP DOWN MOBILE
 * - FULL SCREEN MOBILE
 * - PAGE HEADER
 * - BLOG
 * - SIDEBAR
 * - CUSTOM SELECTS
 * - PAGINATION
 * - COMMENT
 * - SEARCH
 * - FOOTER
 * - 404 PAGE
 *
 * PLUGINS
 * - GENERAL
 * - MAGNIFIC POPUP
 * - SIDR
 * - SLICK
 *
 * RESPONSIVE
 */

/*------------------------------------*
	$MAIN
*------------------------------------*/

@font-face {
  font-family: 'CenturyGothic';
  src: url('../fonts/GOTHIC.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('../fonts/GOTHIC.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
@font-face {
  font-family: 'CenturyGothic';
  src: url('../fonts/GOTHICB.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('../fonts/GOTHICB.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
  font-weight: bold;
}
@font-face {
  font-family: 'CenturyGothic';
  src: url('../fonts/GOTHICI.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('../fonts/GOTHICI.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
  font-style: italic;
}
@font-face {
  font-family: 'CenturyGothic';
  src: url('../fonts/GOTHICBI.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('../fonts/GOTHICBI.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
  font-style: italic;
  font-weight: bold;
}

@font-face {
  font-family: 'Aurebesh';
  src: url('../fonts/Aurebesh.otf') format('opentype');
}
@font-face {
  font-family: 'Aurebesh';
  font-weight: bold;
  src: url('../fonts/Aurebesh Bold.otf') format('opentype');
}
@font-face {
  font-family: 'Aurebesh';
  font-style: italic;
  src: url('../fonts/Aurebesh Italic.otf') format('opentype');
}
@font-face {
  font-family: 'Aurebesh';
  font-weight: bold;
  font-style: italic;
  src: url('../fonts/Aurebesh Bold Italic.otf') format('opentype');
}

@font-face {
  font-family: 'AurebeshEnglish';
  src: url('../fonts/Aurebesh-Accentuated.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('../fonts/Aurebesh-Accentuated.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
  font-family: 'BlackFuture';
  src: url('../fonts/Black-Future.eot');
  src: url('../fonts/Black-Future.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Black-Future.ttf') format('truetype'),
       url('../fonts/Black-Future.woff') format('woff'),
       url('../fonts/Black-Future.woff2') format('woff2'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
  font-family: 'Forgotten';
  src: url('../fonts/Forgotten Futurist Bd.eot');
  src: url('../fonts/Forgotten Futurist Bd.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Forgotten Futurist Bd.ttf') format('truetype'),
       url('../fonts/Forgotten Futurist Bd.woff') format('woff'),
       url('../fonts/Forgotten Futurist Bd.woff2') format('woff2'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
   font-family: 'segment';
   src: url('../fonts/14-Segment-LED.woff') format('woff'),
  url('../fonts/14-Segment-LED.ttf') format('truetype');
}

body {
  color: rgb(216,216,216) !important;
  background-image: url('../imgs/star_bg.png');
  background-color: rgb(0, 0, 0) !important;
}

h1, h2, h3, h4, h5 {
  color: rgb(255, 255, 255) !important;
  font-family: CenturyGothic !important;
  text-transform: uppercase;
  text-shadow: 0 0 3px rgb(212, 212, 212);
  background: none;
  text-align: center;
}
h1 {
  font-size: 2.6em !important;
  border: 1px solid grey !important;
  border-image: url('../imgs/title_bg.png') !important;
  border-image-slice: 29 fill !important;
  border-image-width: 29 !important;
}
/*h1::before {
  content: attr(data-title);
  font-family: aurebesh;
  font-size: 0.4em;
  position: relative;
  display: block;
  margin-bottom: -10px;
  color: rgb(82,82,82);
  text-shadow: none;
}*/

a {
  color: rgb(237, 237, 255) !important;
}

p.content {
  font-size: 1.2em;
  text-transform: uppercase;
  font-family: CenturyGothic;
  margin: 0;
  text-align: center;
}

#footer-bottom {
  height: 50px !important;
  background-color: transparent !important;
  border: 1px solid grey !important;
  border-image: url('../imgs/footer_bg.png') !important;
  border-image-slice: 1 143 3 110 fill !important;
  border-image-width: 10% !important;
  padding-top: 26px !important;
}

#footer-widgets {
  display: none !important;
}

/*------------------------------------*
  $FORMS
*------------------------------------*/

label {
  color: rgb(216,216,216);
  text-transform: uppercase;
  text-align: center;

  font-family: "CenturyGothic" !important;
  font-size: 1.3em !important;
  margin-bottom: 0 !important;
}
input {
  color:  rgb(216,216,216) !important;
  /*background-color: transparent !important;
  text-align: center !important;
  border: 2px solid rgb(60,66,76) !important;
  border-radius:  2px !important;*/
}
input[type="text"], textarea {
  color:  rgb(216,216,216) !important;
  background-color: transparent !important;
  text-align: center !important;
  border: 1px solid rgb(60,66,76) !important;
  border-radius:  2px !important;
  border-image:  url('../imgs/text_area_smal.png') !important;
  border-image-slice: 30 fill !important;
  border-image-width: 15 !important;

  font-family: "CenturyGothic" !important;
  font-size: 1.3em !important;
  margin-bottom: 0 !important;
}
textarea {
  border-image:  url('../imgs/text_area_large.png') !important;
  border-image-slice: 30 fill !important;
  border-image-width: 15 !important;

  font-family: "CenturyGothic" !important;
  font-size: 1.2em !important;
  margin-bottom: 0 !important;
}
input[readonly] {
  color:  #bbb !important;
  background-color: #333 !important;
}
input[type="submit"], button.submit {
  background-image: url('../imgs/send_btn.png');
  border: none !important;
  background-color: transparent !important;
  color: transparent !important;
  background-size: 100%;
  width: 200px;
  height: 55px;
}
select {
  /*--d: 12px;*/
  background-image:url('../imgs/dropdown_arrow.png');
  background-position: right center !important;
  background-repeat: no-repeat !important;
  background-size: 17px 10px !important;

  background-color: rgba(0,0,0,0.5) !important;
  color: rgb(216,216,216) !important;
  text-align: center !important;
  border: 2px solid rgb(60,66,76) !important;
  border-radius:  2px !important;

  font-family: CenturyGothic !important;
  font-size: 1.2em !important;
}

hr {
  width: 100% !important;
  border-color: rgb(60,66,76) !important;
  margin: 35px 0!important;
  border-width: 2px !important;
}

/*------------------------------------*
  $CRT
*------------------------------------*/

@keyframes flicker {
  0% {
    opacity: 0.27861;
  }
  5% {
    opacity: 0.34769;
  }
  10% {
    opacity: 0.23604;
  }
  15% {
    opacity: 0.90626;
  }
  20% {
    opacity: 0.18128;
  }
  25% {
    opacity: 0.83891;
  }
  30% {
    opacity: 0.65583;
  }
  35% {
    opacity: 0.67807;
  }
  40% {
    opacity: 0.26559;
  }
  45% {
    opacity: 0.84693;
  }
  50% {
    opacity: 0.96019;
  }
  55% {
    opacity: 0.08594;
  }
  60% {
    opacity: 0.20313;
  }
  65% {
    opacity: 0.71988;
  }
  70% {
    opacity: 0.53455;
  }
  75% {
    opacity: 0.37288;
  }
  80% {
    opacity: 0.71428;
  }
  85% {
    opacity: 0.70419;
  }
  90% {
    opacity: 0.7003;
  }
  95% {
    opacity: 0.36108;
  }
  100% {
    opacity: 0.24387;
  }
}
/* #a0b9f2, #4e37f2, #3802F9; */
@keyframes textShadowBlue {
  0% {
    text-shadow: 0px 0px 2px #a0b9f2, 0 0 4px #a0b9f2, 0 0 8px #4e37f2, 0 0 10px #4e37f2, 0 0 14px #3802f9, 0 0 20px #3802f9;
  }
  5% {
    text-shadow: 0 0 2px #a0b9f2, 0 0 4px #a0b9f2, 0 0 8px #4e37f2, 0 0 10px #4e37f2, 0 0 14px #3802f9, 0 0 20px #3802f9;
  }
  10% {
    text-shadow: 0 0 2px #a0b9f2, 0 0 4px #a0b9f2, 0 0 8px #4e37f2, 0 0 10px #4e37f2, 0 0 14px #3802f9, 0 0 20px #3802f9;
  }
  15% {
    text-shadow: 0 0 2px #a0b9f2, 0 0 4px #a0b9f2, 0 0 8px #4e37f2, 0 0 10px #4e37f2, 0 0 14px #3802f9, 0 0 20px #3802f9;
  }
  20% {
    text-shadow: 2px 0 2px #a0b9f2, 0 0 4px #a0b9f2, 0 0 8px #4e37f2, 0 0 10px #4e37f2, 0 0 14px #3802f9, 0 0 20px #3802f9;
  }
  25% {
    text-shadow: 0 0 2px #a0b9f2, 0 0 4px #a0b9f2, 0 0 8px #4e37f2, 0 0 10px #4e37f2, 0 0 14px #3802f9, 0 0 20px #3802f9;
  }
  30% {
    text-shadow: 0 0 2px #a0b9f2, 0 0 4px #a0b9f2, 0 0 8px #4e37f2, 0 0 10px #4e37f2, 0 0 14px #3802f9, 0 0 20px #3802f9;
  }
  35% {
    text-shadow: 0 0 2px #a0b9f2, 0 0 4px #a0b9f2, 0 0 8px #4e37f2, 0 0 10px #4e37f2, 0 0 14px #3802f9, 0 0 20px #3802f9;
  }
  40% {
    text-shadow: 0 0 2px #a0b9f2, 0 0 4px #a0b9f2, 0 0 8px #4e37f2, 0 0 10px #4e37f2, 0 0 14px #3802f9, 0 0 20px #3802f9;
  }
  45% {
    text-shadow: 0 0 2px #a0b9f2, 0 0 4px #a0b9f2, 0 0 8px #4e37f2, 0 0 10px #4e37f2, 0 0 14px #3802f9, 0 0 20px #3802f9;
  }
  50% {
    text-shadow: 0 0 2px #a0b9f2, 0 0 4px #a0b9f2, 0 0 8px #4e37f2, 0 0 10px #4e37f2, 0 0 14px #3802f9, 0 0 20px #3802f9;
  }
  55% {
    text-shadow: 0 0 2px #a0b9f2, 0 0 4px #a0b9f2, 0 0 8px #4e37f2, 0 0 10px #4e37f2, 0 0 14px #3802f9, 0 0 20px #3802f9;
  }
  60% {
    text-shadow: 0 0 2px #a0b9f2, 0 0 4px #a0b9f2, 0 0 8px #4e37f2, 0 0 10px #4e37f2, 0 0 14px #3802f9, 0 0 20px #3802f9;
  }
  65% {
    text-shadow: 0 0 2px #a0b9f2, 0 0 4px #a0b9f2, 0 0 8px #4e37f2, 0 0 10px #4e37f2, 0 0 14px #3802f9, 0 0 20px #3802f9;
  }
  70% {
    text-shadow: 0 0 2px #a0b9f2, 0 0 4px #a0b9f2, 0 0 8px #4e37f2, 0 0 10px #4e37f2, 0 0 14px #3802f9, 0 0 20px #3802f9;
  }
  75% {
    text-shadow: 0 0 2px #a0b9f2, 0 0 4px #a0b9f2, 0 0 8px #4e37f2, 0 0 10px #4e37f2, 0 0 14px #3802f9, 0 0 20px #3802f9;
  }
  80% {
    text-shadow: 0 0 2px #a0b9f2, 0 0 4px #a0b9f2, 0 0 8px #4e37f2, 0 0 10px #4e37f2, 0 0 14px #3802f9, 0 0 20px #3802f9;
  }
  85% {
    text-shadow: 0 0 2px #a0b9f2, 0 0 4px #a0b9f2, 0 0 8px #4e37f2, 0 0 10px #4e37f2, 0 0 14px #3802f9, 0 0 20px #3802f9;
  }
  90% {
    text-shadow: 0 0 2px #a0b9f2, 0 0 4px #a0b9f2, 0 0 8px #4e37f2, 0 0 10px #4e37f2, 0 0 14px #3802f9, 0 0 20px #3802f9;
  }
  95% {
    text-shadow: 0 0 2px #a0b9f2, 0 0 4px #a0b9f2, 0 0 8px #4e37f2, 0 0 10px #4e37f2, 0 0 14px #3802f9, 0 0 20px #3802f9;
  }
  100% {
    text-shadow: 0 0 2px #a0b9f2, 0 0 4px #a0b9f2, 0 0 8px #4e37f2, 0 0 10px #4e37f2, 0 0 14px #3802f9, 0 0 20px #3802f9;
  }
}

/* #f2a0a0 #f23737 #f90202; */
@keyframes textShadowRed {
  0% {
    text-shadow: 0px 0px 2px #f2a0a0, 0 0 4px #f2a0a0, 0 0 8px #f23737, 0 0 10px #f23737, 0 0 14px #f90202, 0 0 20px #f90202;
  }
  5% {
    text-shadow: 0 0 2px #f2a0a0, 0 0 4px #f2a0a0, 0 0 8px #f23737, 0 0 10px #f23737, 0 0 14px #f90202, 0 0 20px #f90202;
  }
  10% {
    text-shadow: 0 0 2px #f2a0a0, 0 0 4px #f2a0a0, 0 0 8px #f23737, 0 0 10px #f23737, 0 0 14px #f90202, 0 0 20px #f90202;
  }
  15% {
    text-shadow: 0 0 2px #f2a0a0, 0 0 4px #f2a0a0, 0 0 8px #f23737, 0 0 10px #f23737, 0 0 14px #f90202, 0 0 20px #f90202;
  }
  20% {
    text-shadow: 2px 0 2px #f2a0a0, 0 0 4px #f2a0a0, 0 0 8px #f23737, 0 0 10px #f23737, 0 0 14px #f90202, 0 0 20px #f90202;
  }
  25% {
    text-shadow: 0 0 2px #f2a0a0, 0 0 4px #f2a0a0, 0 0 8px #f23737, 0 0 10px #f23737, 0 0 14px #f90202, 0 0 20px #f90202;
  }
  30% {
    text-shadow: 0 0 2px #f2a0a0, 0 0 4px #f2a0a0, 0 0 8px #f23737, 0 0 10px #f23737, 0 0 14px #f90202, 0 0 20px #f90202;
  }
  35% {
    text-shadow: 0 0 2px #f2a0a0, 0 0 4px #f2a0a0, 0 0 8px #f23737, 0 0 10px #f23737, 0 0 14px #f90202, 0 0 20px #f90202;
  }
  40% {
    text-shadow: 0 0 2px #f2a0a0, 0 0 4px #f2a0a0, 0 0 8px #f23737, 0 0 10px #f23737, 0 0 14px #f90202, 0 0 20px #f90202;
  }
  45% {
    text-shadow: 0 0 2px #f2a0a0, 0 0 4px #f2a0a0, 0 0 8px #f23737, 0 0 10px #f23737, 0 0 14px #f90202, 0 0 20px #f90202;
  }
  50% {
    text-shadow: 0 0 2px #f2a0a0, 0 0 4px #f2a0a0, 0 0 8px #f23737, 0 0 10px #f23737, 0 0 14px #f90202, 0 0 20px #f90202;
  }
  55% {
    text-shadow: 0 0 2px #f2a0a0, 0 0 4px #f2a0a0, 0 0 8px #f23737, 0 0 10px #f23737, 0 0 14px #f90202, 0 0 20px #f90202;
  }
  60% {
    text-shadow: 0 0 2px #f2a0a0, 0 0 4px #f2a0a0, 0 0 8px #f23737, 0 0 10px #f23737, 0 0 14px #f90202, 0 0 20px #f90202;
  }
  65% {
    text-shadow: 0 0 2px #f2a0a0, 0 0 4px #f2a0a0, 0 0 8px #f23737, 0 0 10px #f23737, 0 0 14px #f90202, 0 0 20px #f90202;
  }
  70% {
    text-shadow: 0 0 2px #f2a0a0, 0 0 4px #f2a0a0, 0 0 8px #f23737, 0 0 10px #f23737, 0 0 14px #f90202, 0 0 20px #f90202;
  }
  75% {
    text-shadow: 0 0 2px #f2a0a0, 0 0 4px #f2a0a0, 0 0 8px #f23737, 0 0 10px #f23737, 0 0 14px #f90202, 0 0 20px #f90202;
  }
  80% {
    text-shadow: 0 0 2px #f2a0a0, 0 0 4px #f2a0a0, 0 0 8px #f23737, 0 0 10px #f23737, 0 0 14px #f90202, 0 0 20px #f90202;
  }
  85% {
    text-shadow: 0 0 2px #f2a0a0, 0 0 4px #f2a0a0, 0 0 8px #f23737, 0 0 10px #f23737, 0 0 14px #f90202, 0 0 20px #f90202;
  }
  90% {
    text-shadow: 0 0 2px #f2a0a0, 0 0 4px #f2a0a0, 0 0 8px #f23737, 0 0 10px #f23737, 0 0 14px #f90202, 0 0 20px #f90202;
  }
  95% {
    text-shadow: 0 0 2px #f2a0a0, 0 0 4px #f2a0a0, 0 0 8px #f23737, 0 0 10px #f23737, 0 0 14px #f90202, 0 0 20px #f90202;
  }
  100% {
    text-shadow: 0 0 2px #f2a0a0, 0 0 4px #f2a0a0, 0 0 8px #f23737, 0 0 10px #f23737, 0 0 14px #f90202, 0 0 20px #f90202;
  }
}

.crt::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(18, 16, 16, 0.1);
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  animation: flicker 0.15s infinite;
}

.crt::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(
    rgb(0 0 0 / 0%) 50%, 
    rgb(0 0 0 / 13%) 100%);
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}
.crt {
  animation: textShadowBlue 1.6s infinite;
}
.crt-blue {
  animation: textShadowBlue 1.6s infinite;
}
.crt-red {
  color: #fff;
  animation: textShadowRed 1.6s infinite;
}


/*------------------------------------*
  $TOP BAR
*------------------------------------*/

#top-bar-wrap {
  background-color: rgb(0, 0, 0) !important;
}


/*------------------------------------*
  $HEADER
*------------------------------------*/

#site-header, .page-header {
  background-color: rgb(0, 0, 0) !important;
}

.custom-logo {
  width:  150px !important;
}


/*------------------------------------*
  $ BANK
*------------------------------------*/

.balance {
  font-size: 1.2em;
  text-transform: uppercase;
  font-family: CenturyGothic;
  margin: 0;
  text-align: center;
}
.balance b {
  font-size: 1.3em;
}
.credits {
  background-image: url('../imgs/credit_icon.png');
  background-size: cover;
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  top: -4px;
}