/* Body Style*/
html, body {
  background: #41464b !important;
  font-family: "Lato", sans-serif;
  margin: 0;
  font-palette: light;

}



/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript,
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;

  background: url(../assets/util/loading.gif) center no-repeat #fff;
}

#vidBox{


}

#vidMainVideo{

}

.city {
  display:none
}



#navBar{

  position: fixed;
  top: 0;
  width: 100%;


}

/*#footerBar{*/

/*  bottom: auto;*/
/*  left: 0;*/
/*  right: 0;*/
/*  width: 100%;*/
/*  height: 100px;*/

/*}*/

#videoList{
  background-color: #0a0a0a;
}

#vList{
background-color: #0a0a0a;
}

#vidSection {

  display: grid;
  margin: 2% auto 2% auto;
  place-items: center;
  width: 100%;


}


#main {
  transition: margin-left .5s;

  padding: 0;

}

.menuStyle{

  margin-left:250px;

}

.menuStyleBar{



}

#chapterPlayer{

  display:none;
  margin:2% auto 2% auto;
  place-items: center;
  width:100%;
}

/*#loginModalImport{
  display: none;
}*/

/*Side Nav */


.sidenav {
  height: 100%;
  width: 250px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 1em;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}



@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}



#footerBar{
  margin: 0;
  bottom: 0;
  width: 100%;
  display: block;
  position: absolute;
  height: 73px;
}

.colStyle{
  background-color: rgba(10, 14, 21, 0.46);
  display: compact;
  width: 200px;
  margin: 5% auto 5% auto  ;
  padding: 0;
  max-height: content-box;

}