/****** 0001.pro | OooOnePro | oop ******/

#oop_cls_div_cont {
   margin-bottom:20px;
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#oop_ul_cats {
  list-style: none;
  padding: 1.2rem;
	border:1px solid rgba(255,255,255,0.18);
	border-radius:10px;
	overflow:hidden;
  margin-bottom: 0px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025)),
    #0b0b0b;
  box-shadow: 0 18px 55px rgba(0,0,0,0.34);
}

#oop_ul_cats li {
  display: block;
  font-weight: bold;
  cursor: pointer;
	border-top: 1px solid rgba(255,255,255,0.08);
	position: relative;
  background: transparent;
}

#oop_ul_cats ul {
  list-style: none;
  padding: 0;
  display: none;
}

#oop_ul_cats ul li {
  font-weight: normal;
  background-color: transparent;
}

#oop_ul_cats > li > ul > li:first-child {
	border-top:none;
}

#oop_ul_cats .oop_cls_div_exp {
  color:rgba(255,255,255,0.76);
  float:right;
	padding: 8px;
	margin-top:-8px;
}

#oop_ul_cats a {
	display: block;
  color:rgba(255,255,255,0.78);
  text-decoration: none;
	padding: 10px 12px;
	outline: 0;
  border-radius: 7px;
  transition: all 0.25s ease;
}

#oop_ul_cats .oop_cls_a_active,  #oop_ul_cats a:hover{
	background: rgba(255,0,56,0.16);
	color:#fff;
	text-shadow:none;
  box-shadow: 0 0 16px rgba(255,0,84,0.36);
}

#oop_ul_cats .oop_cls_a_prev_active {
	background: rgba(255,255,255,0.07);
	color:#fff;
	text-shadow:none;
}