/*
 * Globals
 */

/* Links */

@import url('https://fonts.googleapis.com/css?family=Orbitron');

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

a,
a:focus,
a:hover,
a:visited {
  /*color: #000;*/
  color: #FFFFFF;
}
a:hover, a:visited:hover{
    color:#cecece;
}
a:visited{
    /*color:#000;*/
    color:#FFFFFF;
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: 1px solid #fff;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
  /*background-color: #000;*/
  background-color: #fff;
  font-family: 'Orbitron', sans-serif;

}
body {
  color: #fff;
  text-align: center;
  /*text-shadow: 0 1px 3px rgba(0,0,0,.5);*/
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%;
  min-height: 100%;

  /*background: url("img/spaceout_03.png") no-repeat scroll 0px 100% / cover*/
}
/*.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}*/
.cover-container {
  margin-right: auto;
  margin-left: auto;
}

/* Padding for spacing */
.inner {
  padding: 30px;
}


/*
 * Header
 */
.masthead-brand {
  margin-top: 10px;
  margin-bottom: 10px;
}

.masthead-nav > li {
  display: inline-block;
}
.masthead-nav > li + li {
  margin-left: 20px;
}
.masthead-nav > li > a {
  padding-right: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff; /* IE8 proofing */
  color: rgba(255,255,255,.75);
  border-bottom: 2px solid transparent;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: #a9a9a9;
  border-bottom-color: rgba(255,255,255,.25);
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 768px) {
  .masthead-brand {
    float: left;
  }
  .masthead-nav {
    float: right;
  }
}


/*
 * Cover
 */

.cover {
  padding: 0 20px;
}
.cover .btn-lg {
  padding: 10px 20px;
  /*font-weight: bold;*/
}

.info{
  margin-top:20%;
}

.logo{
    width:100%;
    /*margin-top:20px;*/
    /*padding:30px;*/
    /*padding-top:12%;*/
    /*padding-bottom:2%;*/
}
/*.carousel{
    position:absolute!important;
    margin:0!important;
    padding:0!important;
    top:0!important;
    left:0!important;
}
.img-fluid{
    display: table!important;
}*/

.carousel-container, .carousel, .carousel-inner{
    margin:0;
    padding:0;
    position:absolute;
    top:0;
    left:0;
    /*display: table;*/
    width: 100%;
    height: 100%;
    min-height: 100%;

}

.carousel-item{
    width:100%;
    height:100%!important;
}

.carousel .one {
background: url(http://spaceoutvr.com/onepage/img/spaceout_01.png);
background-size: cover;
-moz-background-size: cover;
}
.carousel .two {
background: url(http://spaceoutvr.com/onepage/img/spaceout_03.png);
background-size: cover;
-moz-background-size: cover;
}
.carousel .three {
background: url(http://spaceoutvr.com/onepage/img/spaceout_04.png);
background-size: cover;
-moz-background-size: cover;
}
.carousel .four {
background: url(http://spaceoutvr.com/onepage/img/spaceout_05.png);
background-size: cover;
-moz-background-size: cover;
}
.carousel .five {
background: url(http://spaceoutvr.com/onepage/img/spaceout_06.png);
background-size: cover;
-moz-background-size: cover;
}

.carousel-fade .carousel-item {
  display: block;
  position: absolute;
  opacity: 0;
  transition: opacity .75s ease-in-out;
}
.carousel-fade .carousel-item.active {
  opacity: 1;
}


.row{
    margin:0!important;
}
.btn, .btn-img{
    width:100%!important;
    padding:0!important;
    background:none;
    border:none;
    margin:10px 0 10px 0;
    outline:0;
}
.btn-default, .btn-default:hover, .btn-default:focus{
    color:#FFF;
    background-color: #000;
    padding:10px 0 5px 0!important;
    font-size:110%!important;
}
.store-btn{
    background:none!important;
    /*width:50%!important;*/
    /*display:block;*/
    /*max-width:500px;*/
    /*margin:5px auto!important;*/
}

.footer-link{
    /*color:#FFF;*/
    background-color: #000;
    /*background-color: #fff;*/
    font-size:8pt!important;
    /*padding:10px 2px 5px 2px!important;*/
    padding:10px 5px 5px 5px!important;
    /*margin:5px!important;*/
    /*margin:5px auto!important;*/
    /*display:block;*/
    /*width:55%!important;*/
    /*max-width:150px;*/
    /*width:50%;*/
}
.lead{
    /*width:100%;*/
    text-align: center;
    /*margin:auto;*/
    background-color:#ff0000;
    color:#FFF;
    padding:10px 5px 5px 5px!important;
}
.space-col{
    padding-top:10px;
    padding-bottom:10px;
}
.space-btn{
    /*width:50%!important;*/
    /*color:#000!important;*/
    /*background-color: #fff;*/
    background-color: #000;
    font-size:14pt!important;
    /*padding:10px 2px 5px 2px!important;*/
    padding:10px 10px 5px 10px!important;
    /*margin:5px!important;*/
    /*margin:5px auto!important;*/
    /*display:block;*/
    /*max-width:200px;*/
}
/*.space-btn-big{
    max-width:300px;
}*/

/*
 * Footer
 */

/*.mastfoot {
  color: #000;
  padding:30px;
  margin-top:150px!important;
}*/

/*.info{
    padding-top:30px;
}*/

video {
  margin: 0;
  padding: 0;
}


.video, .video-thumb{
  position: fixed;
  top: 50%;
  left: 50%;
  /*z-index: 1;*/
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  background: url('http://spaceoutvr.com/onepage/img/video_thumb2.jpg') no-repeat;
  /*background: url('img/video_thumb2.jpg') no-repeat;*/
  background-size: cover;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.mastfoot {
  width:100%;
}

.space-col-middle{
    padding:15px!important;
}

/*
 * Affix and center
 */

@media (min-width: 576px) {
    .space-btn{
        font-size:10pt!important;
    }

    .footer-link{
        font-size:5pt!important;
    }



}

@media (min-width: 768px) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot {
    position: fixed;
    bottom: 0;
  }

  /* .info{
      margin-top:50px;
  } */

  /* Handle the widths */
  .masthead,
  /*.mastfoot,*/
  .cover-container {
    /*width: 100%; /* Must be percentage or pixels for horizontal alignment */*/
  }
  .btn-img{
      /*width:70%!important;*/
  }

  .space-col{
      padding-top:70px;
      padding-bottom:10px;
  }
 .space-btn-big{
      max-width:300px;
  }

  .space-btn{
      font-size:9pt!important;
  }


  .footer-link{
      font-size:8pt!important;
  }


}

@media (min-width: 992px) {
  .masthead,
  /*.mastfoot,*/
  .cover-container {
    width: 700px;
  }

  /* .info{
      margin-top:50%;
  } */

  .store-btn{
      background:none!important;
      /*width:100%!important;*/
  }

  .space-col{
      padding-top:90px;
      padding-bottom:30px;
  }

  .space-btn{
      font-size:14pt!important;
  }

  .footer-link{
      font-size:10pt!important;
  }
}

@media (min-width: 1200px) {
    .footer-link{
        /*font-size:9pt!important;*/
    }

}