/*
 * Globals
 */

/* Links */


/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #292826;
}

body {

  color: #fff;
}

.navbar{
    background-color: #292826;
}

.scrollwrapper{
  width: 100%;
  overflow-x: scroll;
    overflow-y: hidden;
}

 .neony{
  display: block;
  width: 3500px;
  height: 960px;
  padding-top: 0px;
   position: relative;
   -webkit-transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -o-transition: all .5s ease-in-out;
   transition: all .5s ease-in-out;
 }

 .elevation{

   margin: 0 auto;

 }

 .scrollwrapper.active .neony {

    cursor: grabbing;
    cursor: -webkit-grabbing;
    transform: scale(.9);
  }

  .scrollwrapper .neony.active{
      transform: scale(1.9);
  }

    .scrollwrapper .neony.active img.neon{
      -webkit-filter: drop-shadow( 1px 1px 12px rgba(220, 113, 38, 1));
      filter: drop-shadow( 1px 1px 12px rgba(220, 113, 38 1));
      -webkit-transition: all 1.5s ease-in-out;
      -moz-transition: all 1.5s ease-in-out;
      -o-transition: all 1.5s ease-in-out;
      transition: all 1.5s ease-in-out;
    }


 .neon{

   position: absolute;
 }


/*
 * Footer
 */
.mastfoot {
  color: rgba(255, 255, 255, .5);
}



/* Scroll 2 */
.sc2::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.sc2::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
.sc2::-webkit-scrollbar-thumb {
  background-color: #11171a;
  border-radius: 10px;
}
.popover-body,
.popover-header,
.popover{
  background-color: #171615;
border-radius: 0;
  color: #7b7a76;
}
.popover-header{
border-bottom: none;
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after, .bs-popover-bottom>.arrow::after{
  border-bottom-color: #171615;
  border-width: 0 .7rem .7rem .7rem;
      left: -3px;
      z-index:9;
}

.gap{
  clear: both;
  height: 2em;
}

.content{
  width: 80%;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
  color: #7b7a76;
}