@charset "UTF-8";
.nav-sidebar h2{
  margin:0;
}
.nav-sidebar li{
  position:relative;
}
.nav-sidebar li a{
  font-family:SiteFont-Light,Helvetica Neue,Arial,sans-serif !important;
}
.nav-sidebar li a .bell{
  flex:1;
}
.nav-sidebar li .menu-collapse{
  position:absolute;
  right:0;
  top:0;
  width:auto;
  padding:.9rem;
  color:#4e5055;
  transition:background-color .2s ease-out;
  background-color:transparent;
}
.nav-sidebar li .menu-collapse i{
  font-size:22px;
}
.nav-sidebar li .menu-collapse:hover{
  background-color:#fff;
}
.nav-sidebar li .menu-collapse.active{
  background-color:#fff;
  color:inherit;
  text-shadow:none;
}
.nav-sidebar li .bel:not(.menu-collapse){
  transition:all .1s ease-out;
  border-bottom:1px solid #fff;
  width:100%;
  position:relative;
  z-index:0;
  padding:.5rem 1rem;
  color:#4e5055;
}
.nav-sidebar li .bel:not(.menu-collapse).active{
  position:relative;
  background-color:#080607;
  padding-left:1.5rem;
  text-shadow:none;
}
.nav-sidebar li .bel:not(.menu-collapse).active:before{
  font-family:Font Awesome\ 5 Pro;
  font-style:normal;
  font-weight:900;
  content:"";
  position:absolute;
  left:.5rem;
  top:13px;
  font-size:1.25rem;
  background-color:transparent;
  color:inherit;
}
.nav-sidebar li .bel:not(.menu-collapse).active+.menu-collapse:hover,.nav-sidebar li .bel:not(.menu-collapse).active:hover+.menu-collapse{
  color:#4e5055;
}
.nav-sidebar li .bel:not(.menu-collapse):hover{
  color:#fff;
  margin-left:-.5rem;
  text-shadow:none;
}
.nav-sidebar li .bel:not(.menu-collapse):hover+.menu-collapse{
  background-color:#fff;
}
.nav-sidebar li.depth-1 .menu-collapse,.nav-sidebar li.depth-1 .menu-collapse:hover{
  color:#080607;
}
.nav-sidebar li.depth-1 .bel:not(.menu-collapse){
  font-size:1.25rem;
  color:#4e5055;
  background-color:#f0f0f0;
}
.nav-sidebar li.depth-1 .bel:not(.menu-collapse):hover{
  color:#fff;
  background-color:#080607;
}
.nav-sidebar li.depth-1 .bel:not(.menu-collapse):hover+.menu-collapse{
  color:#080607;
}
.nav-sidebar li.depth-1 .bel:not(.menu-collapse).active{
  color:#fff;
  background-color:#080607;
}
.nav-sidebar li.depth-1 .bel:not(.menu-collapse).active:hover+.menu-collapse{
  color:#080607;
}
.nav-sidebar li.depth-1 .bel:not(.menu-collapse).active:before{
  top:13px;
  color:#fff;
}
.nav-sidebar li.depth-1 .bel:not(.menu-collapse).active+.menu-collapse{
  color:#fff;
}
.nav-sidebar li.depth-1 .bel:not(.menu-collapse).active+.menu-collapse:hover{
  color:#080607;
}
.nav-sidebar li.depth-2{
  margin-left:.5rem;
}
.nav-sidebar li.depth-2 .menu-collapse{
  padding:.72rem;
  color:#080607;
}
.nav-sidebar li.depth-2 .menu-collapse:hover{
  color:#080607 !important;
}
.nav-sidebar li.depth-2 .bel:not(.menu-collapse){
  font-size:inherit;
  color:#4e5055;
  background-color:#f7f7f7;
}
.nav-sidebar li.depth-2 .bel:not(.menu-collapse):hover{
  color:#fff;
  background-color:#080607;
}
.nav-sidebar li.depth-2 .bel:not(.menu-collapse):hover+.menu-collapse{
  color:#080607;
}
.nav-sidebar li.depth-2 .bel:not(.menu-collapse).active{
  color:#fff;
  background-color:#080607;
}
.nav-sidebar li.depth-2 .bel:not(.menu-collapse).active:before{
  color:#fff;
  top:9px;
}
.nav-sidebar li.depth-2 .bel:not(.menu-collapse).active:hover+.menu-collapse{
  color:#080607;
}
.nav-sidebar li.depth-2 .bel:not(.menu-collapse).active+.menu-collapse{
  color:#fff;
}
.nav-sidebar li.depth-3{
  margin-left:.5rem;
}
.nav-sidebar li.depth-3 .bel:not(.menu-collapse){
  font-size:inherit;
  color:#4e5055;
  background-color:#f7f7f7;
}
.nav-sidebar li.depth-3 .bel:not(.menu-collapse).active,.nav-sidebar li.depth-3 .bel:not(.menu-collapse):hover{
  color:#fff;
  background-color:#080607;
}
.nav-sidebar li.depth-3 .bel:not(.menu-collapse).active:before{
  color:#fff;
}
.nav-sidebar li.depth-3 .bel:not(.menu-collapse).active+.menu-collapse{
  color:#080607;
}
#offcanvas-content .nav-sidebar{
  padding-right:20px;
}
#offcanvas-content .nav-sidebar li{
  text-shadow:none;
  position:relative;
}
#offcanvas-content .nav-sidebar li a{
  color:#fff;
}
#offcanvas-content .nav-sidebar li a.bel:not(.menu-collapse){
  background-color:#e07709;
}
#offcanvas-content .nav-sidebar li a.bel:not(.menu-collapse) i{
  width:1.5rem;
  text-align:center;
}
#offcanvas-content .nav-sidebar li a.menu-collapse{
  background-color:transparent !important;
}
#offcanvas-content .nav-sidebar li a.active,#offcanvas-content .nav-sidebar li a.in_active_trail{
  font-weight:400;
  font-family:SiteFont-Regular,Helvetica Neue,Arial,sans-serif;
  padding-left:1rem;
  background-color:#fff;
}
#offcanvas-content .nav-sidebar li a.active:after,#offcanvas-content .nav-sidebar li a.in_active_trail:after{
  font-family:Font Awesome\ 5 Pro;
  font-style:normal;
  font-weight:900;
  content:"";
  position:absolute;
  top:0;
  height:100%;
  right:-1rem;
  width:1rem;
  background-color:#4e5055;
  -webkit-clip-path:polygon(0 0, 0 100%, 70% 50%);
          clip-path:polygon(0 0, 0 100%, 70% 50%);
  color:#4e5055;
}
#offcanvas-content .nav-sidebar li a.active:before,#offcanvas-content .nav-sidebar li a.in_active_trail:before{
  content:none;
}
#offcanvas-content .nav-sidebar li.depth-1 .bel:not(.menu-collapse),#offcanvas-content .nav-sidebar li.depth-1 .bel:not(.menu-collapse).active,#offcanvas-content .nav-sidebar li.depth-1 .bel:not(.menu-collapse):hover{
  color:#fff;
  background-color:#4e5055;
}
#offcanvas-content .nav-sidebar li.depth-1 .bel:not(.menu-collapse).active:before{
  color:#4e5055;
}
#offcanvas-content .nav-sidebar li.depth-1 .bel:not(.menu-collapse).active+.menu-collapse,#offcanvas-content .nav-sidebar li.depth-1 .menu-collapse{
  color:#fff;
}
#offcanvas-content .nav-sidebar li.depth-2{
  margin-left:0;
}
#offcanvas-content .nav-sidebar li.depth-2 .bel:not(.menu-collapse){
  color:#080607;
  background-color:#f0f0f0;
}
#offcanvas-content .nav-sidebar li.depth-2 .bel:not(.menu-collapse):hover{
  margin-left:-.5rem;
  color:#080607;
  background-color:#f0f0f0;
}
#offcanvas-content .nav-sidebar li.depth-2 .bel:not(.menu-collapse).active{
  color:#fff;
  background-color:#080607;
}
#offcanvas-content .nav-sidebar li.depth-2 .bel:not(.menu-collapse).active:before{
  color:#fff;
}
#offcanvas-content .nav-sidebar li.depth-2 .bel:not(.menu-collapse).active:after{
  right:-.8rem;
  width:.8rem;
  color:#080607;
  background-color:#080607;
}
#offcanvas-content .nav-sidebar li.depth-2 .bel:not(.menu-collapse).active+.menu-collapse{
  color:#fff !important;
}
#offcanvas-content .nav-sidebar li.depth-2 .menu-collapse{
  color:#4e5055 !important;
}
#offcanvas-content .nav-sidebar li.depth-3{
  margin-left:.5rem;
}
#offcanvas-content .nav-sidebar li.depth-3 .bel:not(.menu-collapse){
  color:#080607;
  background-color:#f7f7f7;
}
#offcanvas-content .nav-sidebar li.depth-3 .bel:not(.menu-collapse):hover{
  margin-left:-.5rem;
  color:#080607;
  background-color:#f7f7f7;
}
#offcanvas-content .nav-sidebar li.depth-3 .bel:not(.menu-collapse).active{
  color:#fff;
  background-color:#080607 !important;
}
#offcanvas-content .nav-sidebar li.depth-3 .bel:not(.menu-collapse).active:before{
  color:#fff;
}
#offcanvas-content .nav-sidebar li.depth-3 .bel:not(.menu-collapse).active:after{
  right:-.7rem;
  width:.7rem;
  color:#080607;
  background-color:#080607;
}
#offcanvas-content .nav-sidebar li .depth-2 .active-trail .depth-3 .bel:not(.menu-collapse){
  background-color:#f7f7f7;
}
.nav-title-link{
  background:#4e5055;
  color:#fff;
  padding:.5rem 1rem;
  justify-content:normal;
}
.nav-title-link .beli,.nav-title-link .bell{
  align-self:baseline;
}
.nav-title-link .beli{
  font-weight:400;
}
.nav-title-link .belir{
  display:inline;
}
.nav-title-link:hover{
  color:#fff;
}
.nav-title-link:hover .bell{
  text-decoration:underline;
  text-decoration-thickness:2px;
}
.offc-mnu-btm .bel:not(.menu-collapse){
  border-bottom:1px solid #63666a !important;
  border-right:none;
}
.offc-mnu-btm .bel:not(.menu-collapse),.offc-mnu-btm .bel:not(.menu-collapse):hover{
  color:#4e5055 !important;
  background-color:#fff !important;
}

/*# sourceMappingURL=menu-ac.css.map */