#home_section, .home_promo_banner {
  width: 100%;
  height:auto;
  position: relative;
  overflow: hidden
}
.home_promo_banner {
  height:auto;
}




.top-menu {
  top: 35%; right: 0px; 
}
.bottom-menu {
  position: absolute !important;
  bottom:0px;
}
.stick-left-nav-ul {
  padding-left: 40px;
  width: 115px
}
.sticky-left-nav {
  position: fixed;
  width: 110px;
  display: block;
  background-color: transparent;
  z-index: 1
}
.sticky-left-nav ul li {
  list-style: none;
  height: 50px;
  cursor: pointer;
  transition: all .3s ease-in-out
}
.sticky-left-nav ul li a::before, .side-menu .sticky-left-nav ul li.nav-active-menu a::before {
    content: "";
    display: block;
    width: 30px;
    height: 1px;
    opacity: 1;
    background-color: #19E5CF;
    transition: all .3s ease-in-out
}
.side-menu .sticky-left-nav ul li a::before {
  background-color: #000 !important
}
.sticky-left-nav ul li.nav-active a::before, .side-menu .sticky-left-nav ul li.nav-active-menu a::before {
  width: 60px;
  height: 4px;
  opacity: 1; background-color: #ac6bf4
      
}
.side-menu .sticky-left-nav ul li.nav-active-menu {
  margin-bottom: 50px !important
}
.sticky-left-nav ul li a, .sticky-left-nav ul li a:hover, .sticky-left-nav ul li a:focus {
  text-decoration: none
}
.sticky-left-nav ul li a span {
    display: block;
    color: #fff;
    opacity: 0;
    transition: opacity .3s ease-out;
    padding-top: 5px;
    font-size: 12px
}


.sticky-left-nav ul li a:hover span {color: #00caa6}




.sticky-left-nav ul li.nav-active a span {
  opacity: 1
}
.sticky-left-nav ul li.darkText a span {
    color: #5829AE !important
}
.sticky-left-nav ul li.darkText a:hover span {
    color: #00caa6 !important
}


.sticky-left-nav ul li.darkText a::before {
  background-color: #03b7af !important;
  opacity: 1
}



@media(max-width:530px){


    .sticky-left-nav {display: none}


    }