<style>
body {
  overflow: hidden;
}

body.jukebox-body {
  background-color: #010101;
  color: #ffffff;
}

.hidden {
  display: none;
}

.site {
  background-color: black;
  background-image: -o-radial-gradient(
    #111111, #000000 120%
  );
  background-image: radial-gradient(
    #111111, #000000 120%
  );
  color: #ebebeb;
}

.col-xs-12 {
  width: 100%;
  padding: 20px;
}

a {
  color: #8b8b8b;
}

a:hover {
  color: #801010;
}


/* Preloader */

#preloader{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
 -webkit-transition:none !important;
 -o-transition:none !important;
 transition:none !important;
 background-image: url(/images/tracking.gif);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 opacity: .94;
}

.preloader-image img {
  width: 100%;
  height: 100%;
}

.img-center {
  width: auto;
  max-height: auto;
  display: block;
  margin: auto;
}

.text-center {
  text-align: center;
}

.bold {
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

.custom-btn {
  background-color: #000;
  color: #bbbbbb;
  border: 1px solid #bbbbbb;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 100%;
}

.custom-btn:hover {
  background-color: #900000;
  color: #bbbbbb;
  border: 1px solid #bbbbbb;
}

/* Navigation */
.section-header img {
  margin-top: 20px;
  max-width: 400px;
}

.section-options {
  z-index: 2000;
  position: relative;
}

.section-options .nav-tabs {
  border-bottom: none;
}

.section-options .nav-tabs {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
    width: 24%;
    background-color: #ebebeb;
    margin: 0 5px;
}

.section-options .fb_iframe_widget {
	display: block;
}

.section-options .fb_iframe_widget span {
	display: block !important;
	margin: auto !important;
}

.section-options .tab-pane {
  min-height: 700px;
  /*background-color: rgba(0,0,0,.5);*/
  padding: 10px;
}

.section-options .nav-tabs li {
  width: 19%;
}

.map-form .img-map {
  width: 100%;
}

#contact a {
  color: #DAA520;
}


.modal {
  margin-top: 5em;
}


.modal-content {
        width: 110%;
        background-color: #222222;
        color: #ffffff;
    }

.modal-footer {
  margin-top: 5%;
  background-color: rgba(0,0,0,.9);
}

    .btn-game {
    display: inline-block;
    width: auto;
    margin: 0 auto;
    background-color: #801010;
    color: #ffffff;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 5px;
    margin: 5px auto 0;
    }

    .btn-game:hover,
    .btn-game:active {
      background-color: #fff;
      color: #801010;
      border: 1px solid #801010;
      border-radius: 5px;
    }

    .container-games .col-md-4 {
        display: inline-block;
        width: 32%;
    }

    .pinky-frame iframe {
    width: calc(100% + 16px);
    overflow: hidden;
    }



/* Game Player */
  .game-image {
    display: inline-block;
    padding: 20px;
    vertical-align: text-top;
  }

  .game-image img {
    max-height: 200px;
    max-width: 200px;
    border: 1px solid #222222;
    border-radius: 10px;
    margin-bottom: 10px;
  }

    #vectorrun iframe.pinky-frame {
    width: 500px;
    height: 430px;
    margin-top: -2.4%;
    margin-left: -17%;
    border: 1px solid #666;
    border-radius: 26px;
    }

    #vectorrun body {
      background-color: #121212;
    }

    #vectorrun .modal-game {
      padding: 20px;
      background-image: url('gamecave_tv.png');
      background-repeat: no-repeat;
      background-size: 100% 100%;
      /*padding-right: calc(13rem + 1vw) !important;*/
    }

    .game-content {
      width: 715px;
      height: 535px;
    }

    .modal-header {
      border-bottom: none;
    }

    .modal-footer {
      border-top: none;
    }

    .controls-text {
      text-align: left;
      width: 100%;
      margin-top: 25px;
    }

/*jukebox body*/
iframe.jukebox-frame {
  width: 100% !important;
  height: 100% !important;
  min-height: 320px;
}

.nav-jukebox {
  border-bottom: none;
}

.jukebox-body {
  /*background-color: #555555;*/
  padding: 15px;
}

.jukebox-content {
  border: 1px solid #bbbbbb;
  width: 100%;
  min-height: 320px;
}

.jukebox-header {
  background-color: #111111;
}

.jukebox-header-text {
  text-align: center;
  color: #801010;
  font-family: 'Russo One', sans-serif !important;
  width: 100%;
}

.jukebox-footer {
  margin-top: 0;
  background-color: #111111;
}

/* profile */
#profilePic {
  max-width: 200px;
  border: 1px solid #ebebeb;
  margin-bottom: 15px;
}

/* Media Queries */
@media (max-width: 766px) {
.section-options .nav-tabs li {
		width: 100%;
    margin-bottom: 10px;
	}

  .img-center {
    width: 100%;
  }
}

@media (max-width: 1023px) {
  .hideonmobile {
    display: none;
  }
}
</style>
