[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
header{
  position: absolute;
  top:0;
  width: 100%;
}
.navbar {
  padding: .5rem 2rem;


  /* background: rgb(255,255,255,0.8); */
}



.navbar.white-bg{
  background: rgb(255, 255, 255, 0.8);
}
.social-links a {
  line-height: 2em;
}
.contact-about a {
  width: 140px;
  margin: 1em auto;
  display: block;
}
#footer {
  color:#000;
}
#footer a {
  color: #fff;
 
}

#footer a.facebook {
  background: #3d5997;
}
#footer a.twitter{
  background: #56abed;
}
#footer a.youtube {
  background: #e30000;
}
#footer a.telegram {
 background:#33aade;
}
#footer a.instagram{
  background:#000;
}
#footer .social-links a {
  line-height: 2.3em !important;
}


#sticky {
  position: absolute;
  top: 40%;
  z-index: 1000000;
}
.side-menu {
  display: block;
}


.side-menu li{
  list-style: none;
  text-align: left;
  border: #fbb03b solid 5px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  height: 6em;
  padding: 20px;
  margin: 2px 0;
  position: relative;
  vertical-align: top;
  width: 6em;
  margin-bottom: 0.8em;
  color: #000;
}

.side-menu a{
  line-height: 1.2;
 
}
.side-menu li.active, .side-menu li:hover {
 background-color: #fbb03b;
 
  
}
.side-menu li.active a, .side-menu li:hover a{
  color: white;
  font-weight: 600;
}

.bottomMenu {
  left: 0;
  z-index: 3;
  /* display: none; */
}
#navbar-bottom a.active{
  font-weight: 700;
  background-color: #fbb03b;
 /* border: #fff solid 2px; */
}

.bottom-nav{
  display: none;
}
@media (min-width:577px) and (max-width: 1024px) {  
  .side-menu {
    display: none;
  }
  .bottom-nav{
    display: none;
  }
  .bottom-nav li{
    padding: 0 !important;
  }
  #navbar-bottom .navbar-nav a {
    padding: 0.5em 0.2em;
    display: block;
    width: 100%;
    color: #000;
    border: #fbb03b solid 1px;
    background: #fff;
  }
  #navbar-bottom .navbar-nav a.active{
    font-weight: 700;
    background-color: #fbb03b;

  }
  
}
/* Ipad Pro Landscape */
@media screen 
  and (min-device-width: 993px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
    
}
/* Ipad Pro */
@media (min-width:993px) and (max-width: 1024px) {  
  
}
/* Medium size devices */
@media (min-width:769px) and (max-width: 992px) { 
  
 
}
/* Ipad Landscape */
@media screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
    .side-menu {
      display: block;
    }
}
/*  Ipad Portrait */
@media (min-width:577px) and (max-width: 768px) {  
  #navbar-bottom .navbar-nav a {
    padding: 0.4em 0.2em;
    display: block;
    width: 100%;
    color: #000;

    border: #fbb03b solid 1px;
    background: #fff;
   
  }
  #navbar-bottom a.active{
    font-weight: 700;
    background-color: #fbb03b;
     /* border: #fff solid 2px; */
  }
.nav .navbar-nav .menu{
  width:100%;
  padding:0;
}

}
/* Small Device */
@media (min-width:200px) and (max-width: 576px) { 
  #navbar-bottom .navbar-nav a {
    padding: 0.4em 0.2em;
    display: block;
    width: 100%;
    color: #000;

    border: #fbb03b solid 1px;
    background: #fff;
   
  }
  #navbar-bottom a.active{
    font-weight: 700;
    background-color: #fbb03b;
     /* border: #fff solid 2px; */
  }
.nav .navbar-nav .menu{
  width:100%;
}

.dl-list{
  width:230px;
  
}

#credits .dl-list dd {
  margin-right:0;
}


}