/*** Все уровни ***/
.shop-nav {position:relative}
.shop-nav {border-radius:4px; background-color: rgba(0,0,0,0.05); border:solid 1px rgba(0,0,0,0.1)}
.shop-nav li a {text-decoration:none; color:rgba(0,0,0,0.7)}
.shop-nav ul {list-style: none; margin: 9px 0 9px; padding-left: 0}
.shop-nav li {padding:3px 10px 3px 29px; text-indent:-14px; }/*line-height:22px;*/
.shop-nav li:before {font:13px FontAwesome; content:"\f138"; padding-right:5px; position:relative; top:-1px; color:rgba(0,0,0,0.7); opacity:0.9}
.shop-nav > h4 {border-bottom:solid 1px rgba(0,0,0,0.3);  margin:11px 0 0; padding:0 0 8px 15px}/*; opacity:0.8*/
.shop-nav li:hover a {cursor:pointer}
/*** Уровень 1 ***/
/*
.shop-nav > ul > li:hover:before {color:#2f6bad}
.shop-nav > ul > li:hover a {color:#2f6bad}
.shop-nav > ul > li.active:hover {background:transparent}
.shop-nav > ul > li.active:hover a {color:rgba(0,0,0,0.7)}
*/
/*** Уровень 2 и 3 ***/
.shop-nav > ul ul {margin:4px 0 0 -11px; padding-left: 0}
.shop-nav > ul ul > li:before {content:"\f111"; font-size:9px; opacity:0.7}
/*.shop-nav > ul ul > li:hover:before {color:#2f6bad}*/
/*
.shop-nav > ul ul > li.active:hover {background:transparent}
.shop-nav > ul ul > li.active:hover > a {color:rgba(0,0,0,0.7) !important}
.shop-nav > ul ul > li:hover > a {color:#2f6bad !important}
*/

/*
При данной схеме стилей дерево работает только при открытии веток по одному (режим SII),
т.к. из стилей убраны жесткая привязка номеров уровней классам (как было ранее)
Если нужно сразу иметь открытые ветки (режим SSI или SSS), то придется переделывать классы
*/


/* Стилизация */
.shop-nav ul > li {font-size:16px}
.shop-nav ul ul li a {font-size:14px}

/*** Уровень 1 ***/
.shop-nav > ul > li:hover > a {color:#FF5500; text-decoration: underline;}
.shop-nav > ul > li:hover:before,
.shop-nav > ul > li.active:before {color:#FF5500}
.shop-nav li.active > a {color:#FF5500}
/*** Уровень 2 ***/
.shop-nav > ul > li > ul > li:hover > a {color:#FF5500; text-decoration: underline;}
.shop-nav > ul > li > ul > li:hover:before,
.shop-nav > ul > li > ul > li.active:before {color:#FF5500}
/*** Уровень 3 ***/
.shop-nav > ul > li > ul > li > ul > li:hover > a {color:#FF5500; text-decoration: underline;}
.shop-nav > ul > li > ul > li > ul > li:hover:before,
.shop-nav > ul > li > ul > li > ul > li.active:before {color:#FF5500}
/*** Уровень 3 ***/
.shop-nav > ul > li > ul > li > ul > li > ul > li:hover > a {color:#FF5500; text-decoration: underline;}
.shop-nav > ul > li > ul > li > ul > li > ul > li:hover:before,
.shop-nav > ul > li > ul > li > ul > li > ul > li.active:before {color:#FF5500}



/*** Уровень 2 и 3 ***/
/*.shop-nav > ul ul > li:hover {background:#2f6bad}*/
/*.shop-nav > ul ul > li.active:before {color:#0d53a0}*/


/*** Уровень 1 ***/
/*
.shop-nav > ul > li:hover {background:#2f6bad}
.shop-nav > ul > li.active:before {color:#0d53a0}
.shop-nav li.active > a {color:#0d53a0}
*/
/*** Уровень 2 и 3 ***/
/*
.shop-nav > ul ul > li:hover {background:#2f6bad}
.shop-nav > ul ul > li.active:before {color:#0d53a0}
*/