/*
 * YO MENU v2.0
 * Author: iDiY (info@idiy.club)
 */

.panel-heading
{
position: relative;
cursor: pointer;
}
.panel-heading:after
{
position: absolute;
top: 50%;
right: 1em;
width: 1em;
height: 2px;
margin-top: -5px;
content: '';
opacity: 0;
background-color: rgba(0,0,0,.6);

-webkit-box-shadow: 0 2px transparent, 0 4px rgba(0,0,0,.6), 0 6px transparent, 0 8px rgba(0,0,0,.6);
   -moz-box-shadow: 0 2px transparent, 0 4px rgba(0,0,0,.6), 0 6px transparent, 0 8px rgba(0,0,0,.6);
box-shadow: 0 2px transparent, 0 4px rgba(0,0,0,.6), 0 6px transparent, 0 8px rgba(0,0,0,.6);
}
.panel-heading.menu-collapsed
{
padding-right: 2.5em;
border-color: transparent;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;

-webkit-transition: border-color .3s;
   -moz-transition: border-color .3s;
-ms-transition: border-color .3s;
 -o-transition: border-color .3s;
transition: border-color .3s;
}
.panel-heading.menu-collapsed:after
{
opacity: 1;
}
.yo-am,
.yo-am ul
{
width: 100%;
margin: 0;
padding: 0;
list-style: none;

-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
box-sizing: border-box;
}
.yo-am ul
{
overflow: hidden;
height: 0;
}
.yo-am li.active > ul
{
height: auto;
}
.yo-am li
{
line-height: 1.618em;
position: relative;
display: block;
float: none;
margin: 0;
padding: 0;
border: none;
    background: rgb(250 250 250);
}
.yo-am li+li,
.yo-am li li
{
border-top: 1px solid rgba(0,0,0,.085);
}
.yo-am li a.item-current
{
color: #ffffff;
background: #FF8100;
}
.yo-am .item-wrapper
{
position: relative;
display: table;
table-layout: fixed;
overflow: hidden;
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
text-decoration: none;
color: #111;
border: none;
outline: none;
background-color: transparent;
}
.yo-am li.active > .item-wrapper
{
color: #ffffff;
background: rgb(158 198 66);
}
.yo-am li .item-wrapper:hover
{
color: #ffffff;
background-color: rgb(158 198 66);
}
.yo-am .item-wrapper > div
{
position: relative;
display: table-cell;
padding: .4em 1.4em;
vertical-align: middle;
word-wrap: break-word;
	font-weight: 400;
}
.yo-am .item-wrapper .item-icon
{
line-height: 1;
width: 4.3em;
text-align: center;
}
.yo-am .item-wrapper .item-icon img
{
display: block;
max-width: 1.5em;
height: auto;
margin-right: auto;
margin-left: auto;
vertical-align: middle;
border: 0;
}
.yo-am .item-wrapper .item-icon + div
{
padding-left: 0;
}
.yo-am .item-wrapper .item-title
{
width: 100%;
}
.yo-am .fa
{
font-size: 1.25em;
}
.yo-am .item-wrapper .item-count
{
width: 5.5em;
padding: 0 2.5em 0 0;
text-align: right;
}
.yo-am .item-wrapper .item-count-tb
{
width: 5.7em;
padding: 0 2.7em 0 0;
text-align: center;
}
.yo-am .item-wrapper .item-count-tb-parent
{
width: 3em;
padding: 0;
text-align: center;
}
.yo-am .item-wrapper .item-count span,
.yo-am .item-wrapper .item-count-tb span,
.yo-am .item-wrapper .item-count-tb-parent span
{
font-size: 83%;
font-weight: normal;
line-height: 1;
display: inline-block;
min-width: 1.6em;
margin-bottom: .1em;
padding: .3em .5em;
text-align: center;
border: 1px solid rgba(0,0,0,.12);
background-color: #fff;

-webkit-border-radius: .8em;
   -moz-border-radius: .8em;
border-radius: .8em;
}
.yo-am .item-wrapper .item-price
{
font-size: 83%;
font-weight: normal;
width: 50%;
padding: 0 1.35em 0 0;
text-align: right;
}
.yo-am .item-wrapper .item-price span
{
line-height: 1;
padding: .1em .6em;
border: 1px solid rgba(0,0,0,.085);
background-color: #fff;

-webkit-border-radius: .8em;
   -moz-border-radius: .8em;
border-radius: .8em;
}
.yo-am .item-wrapper .btn-toggle
{
line-height: 1;
width: 2.7em;
padding: 0 .35em;
cursor: pointer;
border-left: 1px solid transparent;
}
.yo-am .item-image > a
{
display: block;
margin: 0;
padding: 0;
text-align: center;
border: none;
outline: none;
background: transparent;
}
.yo-am .item-image img
{
display: block;
max-width: 100%;
height: auto;
margin-right: auto;
margin-left: auto;
vertical-align: middle;
border: 0;
}
.yo-am .btn-toggle:hover
{

}
.yo-am .item-wrapper:hover .btn-toggle
{
border-left: 1px solid rgba(0,0,0,.085);
}
.yo-am .btn-toggle:active, .yo-am .item-toggle:active
{
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.04);
box-shadow: inset 0 1px 1px rgba(0,0,0,.04);
}
.yo-am .btn-toggle span
{
position: relative;
display: block;
width: 2em;
height: 2em;
line-height: 2em;
}
.yo-am .btn-toggle span:before
{
position: absolute;
top: 50%;
right: 50%;
width: 2em;
height: 2em;
margin-top: -1em;
margin-right: -1em;
content: '';
opacity: .75;
background: transparent url('image/yo.svg') 0 0 no-repeat;

-webkit-background-size: 4em 8em;
   -moz-background-size: 4em 8em;
 -o-background-size: 4em 8em;
background-size: 4em 8em;
}

.yo-am .item-wrapper:hover .btn-toggle span:before
{
opacity: 1;
}
.yo-am .btn-toggle:hover span:before
{
background-position: -2em 0;
}
.yo-am li.active > .item-wrapper .btn-toggle span:before
{
background-position: 0 -2em;
}
.yo-am li.active > .item-wrapper .btn-toggle:hover span:before
{
background-position: -2em -2em;
}
.yo-am .item-toggle
{
cursor: pointer;
}
.yo-am li > .item-toggle:after
{
font-family: FontAwesome;
font-weight: normal;
position: absolute;
top: 50%;
right: 1em;
margin-top: -.809em;
content: '\f105';
opacity: .45;
}
.yo-am li.active > .item-toggle:after
{
 -webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
 transform: rotate(90deg);
}
.yo-am li.active > .item-toggle:after,
.yo-am li .item-toggle:hover:after
{
opacity: .85;
}
.yo-am li li .item-wrapper .item-arrow:before
{
font-weight: normal;
position: absolute;
top: 50%;
left: .5em;
margin-top: -0.80em;
	font-family: FontAwesome;
content: "\f105";
opacity: .85;
}
.yo-am li li.active > .item-wrapper .item-arrow:before,
.yo-am li li .item-current .item-arrow:before
{
opacity: 1;
}
.yo-am  li li .item-wrapper
{
padding-left: 1.5em;
}
.yo-am  li li li .item-wrapper
{
padding-left: 2.5em;
}
.yo-am  li li li li .item-wrapper
{
padding-left: 3.5em;
}
.yo-am  li li li li li .item-wrapper
{
padding-left: 4.5em;
}
.yo-am *:before, .yo-am *:after {
display: block;
}
.panel-heading:after,
.yo-am .item-wrapper,
.yo-am .item-wrapper .item-price span,
.yo-am .item-wrapper .btn-toggle,
.yo-am li > .item-toggle:after
{
-webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
-ms-transition: all .3s ease;
 -o-transition: all .3s ease;
transition: all .3s ease;
}