@charset "UTF-8";
.nav-sidebar h2{
  margin:0;
}
.nav-sidebar li{
  position:relative;
  text-shadow:1px 1px 0 #fff;
}
.nav-sidebar li a{
  font-family:SiteFont-Light,Effra,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:.8rem;
  color:#00866c;
  transition:background-color .1s ease-out;
  background-color:transparent;
}
.nav-sidebar li .menu-collapse i{
  font-size:inherit;
}
.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 .08s ease-out;
  border-bottom:1px solid #fff;
  width:100%;
  position:relative;
  z-index:0;
  padding:.5rem 1rem;
  color:#51534a;
}
.nav-sidebar li .bel:not(.menu-collapse).active{
  position:relative;
  background-color:#000;
  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:300;
  content:"";
  position:absolute;
  left:.5rem;
  top:4px;
  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:#00866c;
}
.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{
  color:#00866c;
}
.nav-sidebar li.depth-1 .menu-collapse:hover{
  color:#4c2f48;
}
.nav-sidebar li.depth-1 .bel:not(.menu-collapse){
  font-size:1.188rem;
  color:#51534a;
  background-color:#e8e9e6;
}
.nav-sidebar li.depth-1 .bel:not(.menu-collapse):hover{
  color:#fff;
  background-color:#4c2f48;
}
.nav-sidebar li.depth-1 .bel:not(.menu-collapse):hover+.menu-collapse{
  color:#4c2f48;
}
.nav-sidebar li.depth-1 .bel:not(.menu-collapse).active{
  color:#fdd370;
  background-color:#4c2f48;
}
.nav-sidebar li.depth-1 .bel:not(.menu-collapse).active:hover+.menu-collapse{
  color:#4c2f48;
}
.nav-sidebar li.depth-1 .bel:not(.menu-collapse).active:before{
  top:4px;
  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:#4c2f48;
}
.nav-sidebar li.depth-2{
  margin-left:.5rem;
}
.nav-sidebar li.depth-2 .menu-collapse{
  padding:.64rem;
  color:#00866c;
}
.nav-sidebar li.depth-2 .menu-collapse:hover{
  color:#4c2f48 !important;
}
.nav-sidebar li.depth-2 .bel:not(.menu-collapse){
  font-size:inherit;
  color:#212529;
  background-color:#f2f2f2;
}
.nav-sidebar li.depth-2 .bel:not(.menu-collapse):hover{
  color:#fff;
  background-color:#4c2f48;
}
.nav-sidebar li.depth-2 .bel:not(.menu-collapse):hover+.menu-collapse{
  color:#4c2f48;
}
.nav-sidebar li.depth-2 .bel:not(.menu-collapse).active{
  color:#fdd370;
  background-color:#4c2f48;
}
.nav-sidebar li.depth-2 .bel:not(.menu-collapse).active:before{
  color:#fff;
  top:2px;
}
.nav-sidebar li.depth-2 .bel:not(.menu-collapse).active:hover+.menu-collapse{
  color:#00866c;
}
.nav-sidebar li.depth-2 .bel:not(.menu-collapse).active+.menu-collapse{
  color:#fdd370;
}
.nav-sidebar li.depth-3{
  margin-left:.5rem;
}
.nav-sidebar li.depth-3 .bel:not(.menu-collapse){
  font-size:inherit;
  color:#333;
  background-color:#fff;
}
.nav-sidebar li.depth-3 .bel:not(.menu-collapse):hover{
  color:#fff;
  background-color:#4c2f48;
}
.nav-sidebar li.depth-3 .bel:not(.menu-collapse).active{
  color:#fdd370;
  background-color:#4c2f48;
}
.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:#00866c;
}
.nav-sidebar .bel:not(.menu-collapse).active{
  padding-left:1rem !important;
}
.nav-sidebar .bel:not(.menu-collapse).active:before{
  display:none;
}
#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:#00866c;
}
#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,Effra,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;
  right:-15px;
  top:5px;
  font-size:1.25rem;
  color:#fff;
}
#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){
  color:#51534a;
  background-color:#e8e9e6;
}
#offcanvas-content .nav-sidebar li.depth-1 .bel:not(.menu-collapse):hover{
  color:#fff;
  background-color:#4c2f48;
}
#offcanvas-content .nav-sidebar li.depth-1 .bel:not(.menu-collapse).active{
  color:#fdd370;
  background-color:#4c2f48;
}
#offcanvas-content .nav-sidebar li.depth-1 .bel:not(.menu-collapse).active:before{
  color:#51534a;
}
#offcanvas-content .nav-sidebar li.depth-1 .bel:not(.menu-collapse).active+.menu-collapse{
  color:#fff;
}
#offcanvas-content .nav-sidebar li.depth-1 .menu-collapse{
  color:#00866c;
}
#offcanvas-content .nav-sidebar li.depth-2{
  margin-left:1rem;
}
#offcanvas-content .nav-sidebar li.depth-2 .bel:not(.menu-collapse){
  color:#51534a;
  background-color:#f2f2f2;
}
#offcanvas-content .nav-sidebar li.depth-2 .bel:not(.menu-collapse):hover{
  margin-left:-.5rem;
  color:#51534a;
  background-color:#f2f2f2;
}
#offcanvas-content .nav-sidebar li.depth-2 .bel:not(.menu-collapse).active{
  color:#fdd370;
  background-color:#4c2f48;
}
#offcanvas-content .nav-sidebar li.depth-2 .bel:not(.menu-collapse).active:before{
  color:#51534a;
}
#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:#00866c !important;
}
#offcanvas-content .nav-sidebar li.depth-3{
  margin-left:1rem;
}
#offcanvas-content .nav-sidebar li.depth-3 .bel:not(.menu-collapse){
  color:#51534a;
  background-color:#fff;
}
#offcanvas-content .nav-sidebar li.depth-3 .bel:not(.menu-collapse):hover{
  margin-left:-.5rem;
  color:#51534a;
  background-color:#e5e5e5;
}
#offcanvas-content .nav-sidebar li.depth-3 .bel:not(.menu-collapse).active{
  color:#fdd370;
  background-color:#4c2f48 !important;
}
#offcanvas-content .nav-sidebar li.depth-3 .bel:not(.menu-collapse).active:before{
  color:#fff;
}
#offcanvas-content .nav-sidebar li .depth-2 .active-trail .depth-3 .bel:not(.menu-collapse){
  background-color:#fff;
}
.nav-title-link{
  background:#4c2f48;
  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:none;
}
.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 #e0e0e0 !important;
  border-right:1px solid #e0e0e0 !important;
}
.offc-mnu-btm .bel:not(.menu-collapse),.offc-mnu-btm .bel:not(.menu-collapse):hover{
  color:#51534a !important;
  background-color:#fff !important;
}

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