/*! SmartMenus jQuery Plugin - v1.1.0 | MIT License | github.com/vadikom/smartmenus */.sm-btn,.sm-title {
 display:block;
 overflow:hidden
}
.sm,.sm-btn {
 -webkit-tap-highlight-color:transparent
}
#sm-state,.sm-btn,.sm-title,.sm::after {
 overflow:hidden
}
.sm-btn {
 position:relative;
 padding:.815em 40px;
 height:50px;
 line-height:26px;
 text-align:center;
 cursor:pointer;
 color:#BBB1A3
}
.sm-title {
 white-space:nowrap;
 text-overflow:ellipsis;
 opacity:1;
 -webkit-transform:none;
 transform:none;
 -webkit-transition:all .25s;
 transition:all .25s;
 font:italic 700 1.111em/10px Verdana,Arial,Helvetica,sans-serif;
 color:#3092C0;
 padding-top:10px
}
#sm-state:checked~.sm-btn .sm-title {
 opacity:0;
 -webkit-transform:translate3d(0,-50%,0);
 transform:translate3d(0,-50%,0);
 display:none
}
.sm-icon,.sm-icon:after,.sm-icon:before {
 position:absolute;
 top:50%;
 left:5px;
 height:2px;
 width:24px;
 background:#fff;
 -webkit-transition:all .25s;
 transition:all .25s
}
.sm-icon:after,.sm-icon:before {
 left:0;
 content:""
}
.sm-icon:before {
 top:-7px
}
.sm-icon:after {
 top:7px
}
#sm-state:checked~.sm-btn .sm-icon {
 height:0;
 background:0 0
}
#sm-state:checked~.sm-btn .sm-icon:before {
 top:0;
 -webkit-transform:rotate(-45deg);
 transform:rotate(-45deg)
}
#sm-state:checked~.sm-btn .sm-icon:after {
 top:0;
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg)
}
#sm-state {
 position:absolute;
 width:1px;
 height:1px;
 margin:-1px;
 border:0;
 padding:0;
 clip:rect(1px,1px,1px,1px)
}
#sm-state:not(:checked)~.sm {
 display:none
}
#sm-state:checked~.sm {
 display:block
}
@media (min-width:768px) {
 .sm-btn {
  position:absolute;
  top:-99999px
 }
 #sm-state:not(:checked)~.sm {
  display:block
 }
}
.sm,.sm a,.sm li {
 position:relative
}
.sm {
 box-sizing:border-box;
 z-index:9999
}
.sm,.sm li,.sm ul {
 display:block;
 list-style:none;
 margin:0;
 padding:0;
 line-height:normal;
 direction:ltr;
 text-align:left
}
.sm-rtl,.sm-rtl li,.sm-rtl ul {
 direction:rtl;
 text-align:right
}
.sm ul {
 display:none;
 background:rgba(162,162,162,.1)
}
.sm a,.sm::after {
 display:block
}
.sm::after {
 content:"";
 height:0;
 font:0/0 serif;
 clear:both
}
.sm *,.sm ::after,.sm ::before {
 box-sizing:inherit
}
.sm a,.sm a:active,.sm a:focus,.sm a:hover {
 padding:13px 58px 13px 20px;
 color:#fff;
 font-size:14px;
 font-weight:400;
 line-height:17px;
 text-decoration:none;
 text-transform:uppercase
}
.sm a.current {
 color:#d23600
}
.sm a.disabled {
 cursor:default;
 color:#bbb
}
.sm a .sub-arrow {
 position:absolute;
 top:50%;
 margin-top:-17px;
 left:auto;
 right:4px;
 width:34px;
 height:34px;
 overflow:hidden;
 font:700 16px/34px monospace!important;
 text-align:center;
 text-shadow:none;
 border-radius:5px
}
.sm-rtl a .sub-arrow {
 left:4px;
 right:auto
}
.sm a .sub-arrow::before {
 content:"+"
}
.sm a.highlighted .sub-arrow::before {
 content:"-"
}
.sm li {
 border-top:1px solid rgba(0,0,0,.05)
}
.sm>li:first-child {
 border-top:0
}
.sm ul a,.sm ul a:active,.sm ul a:focus,.sm ul a:hover {
 font-size:14px;
 border-left:8px solid transparent
}
.sm ul ul a,.sm ul ul a:active,.sm ul ul a:focus,.sm ul ul a:hover {
 border-left:16px solid transparent
}
.sm ul ul ul a,.sm ul ul ul a:active,.sm ul ul ul a:focus,.sm ul ul ul a:hover {
 border-left:24px solid transparent
}
.sm ul ul ul ul a,.sm ul ul ul ul a:active,.sm ul ul ul ul a:focus,.sm ul ul ul ul a:hover {
 border-left:32px solid transparent
}
.sm ul ul ul ul ul a,.sm ul ul ul ul ul a:active,.sm ul ul ul ul ul a:focus,.sm ul ul ul ul ul a:hover {
 border-left:40px solid transparent
}
@media (min-width:768px) {
 .sm ul {
  position:absolute;
  width:12em
 }
 .sm li {
  display:inline-block
 }
 .sm ul li,.sm.sm-rtl ul li,.sm.sm-vertical li {
  display:block
 }
 .sm a .sub-arrow::before,.sm.sm-vertical>li>ul::after,.sm.sm-vertical>li>ul::before {
  display:none
 }
 .sm a {
  white-space:nowrap
 }
 .sm ul a,.sm.sm-vertical a {
  white-space:normal
 }
 .sm .sm-nowrap>li>:not(ul) a,.sm .sm-nowrap>li>a {
  white-space:nowrap
 }
 .sm {
  padding:0 10px
 }
 .sm a,.sm a.highlighted,.sm a:active,.sm a:focus,.sm a:hover {
  padding:15px 18px 15px 1px;
  color:#fff;
  font-weight:700
 }
 .sm a.current,.sm a.highlighted,.sm a:active,.sm a:focus,.sm a:hover {
  color:#000
 }
 .sm a.disabled {
  color:#bbb
 }
 .sm a.has-submenu {
  padding-right:24px
 }
 .sm a .sub-arrow {
  top:50%;
  margin-top:-2px;
  right:12px;
  width:0;
  height:0;
  border-width:4px;
  border-style:solid dashed dashed;
  border-color:#555 transparent transparent;
  border-radius:0
 }
 .sm li {
  border-top:0
 }
 .sm>li>ul::after,.sm>li>ul::before {
  content:"";
  position:absolute;
  top:-18px;
  left:30px;
  width:0;
  height:0;
  overflow:hidden;
  border-width:9px;
  border-style:dashed dashed solid;
  border-color:transparent transparent #bbb
 }
 .sm>li>ul::after {
  top:-16px;
  left:31px;
  border-width:8px;
  border-color:transparent transparent #fff
 }
 .sm ul {
  border:1px solid #bbb;
  padding:5px 0;
  background:#fff;
  border-radius:5px!important;
  box-shadow:0 5px 9px rgba(0,0,0,.2)
 }
 .sm ul a,.sm ul a.highlighted,.sm ul a:active,.sm ul a:focus,.sm ul a:hover {
  border:0!important;
  padding:10px 20px;
  color:#555
 }
 .sm ul a.highlighted,.sm ul a:active,.sm ul a:focus,.sm ul a:hover {
  background:#eee;
  color:#d23600
 }
 .sm ul a.current {
  color:#000
 }
 .sm ul a.disabled {
  background:#fff;
  color:#ccc
 }
 .sm ul a.has-submenu {
  padding-right:20px
 }
 .sm ul a .sub-arrow {
  right:8px;
  top:50%;
  margin-top:-5px;
  border-width:5px;
  border-style:dashed dashed dashed solid;
  border-color:transparent transparent transparent #555
 }
 .sm .scroll-down,.sm .scroll-up {
  position:absolute;
  display:none;
  visibility:hidden;
  overflow:hidden;
  background:#fff;
  height:20px
 }
 .sm .scroll-down:hover,.sm .scroll-up:hover {
  background:#eee
 }
 .sm .scroll-up:hover .scroll-up-arrow {
  border-color:transparent transparent #d23600
 }
 .sm .scroll-down:hover .scroll-down-arrow {
  border-color:#d23600 transparent transparent
 }
 .sm .scroll-down-arrow,.sm .scroll-up-arrow {
  position:absolute;
  top:0;
  left:50%;
  margin-left:-6px;
  width:0;
  height:0;
  overflow:hidden;
  border-width:6px;
  border-style:dashed dashed solid;
  border-color:transparent transparent #555
 }
 .sm .scroll-down-arrow {
  top:8px;
  border-style:solid dashed dashed;
  border-color:#555 transparent transparent
 }
 .sm.sm-rtl ul a .sub-arrow,.sm.sm-rtl.sm-vertical a .sub-arrow {
  border-style:dashed solid dashed dashed;
  border-color:transparent #555 transparent transparent
 }
 .sm.sm-rtl a.has-submenu {
  padding-right:12px;
  padding-left:24px
 }
 .sm.sm-rtl a .sub-arrow {
  right:auto;
  left:12px
 }
 .sm.sm-rtl.sm-vertical a.has-submenu {
  padding:10px 20px
 }
 .sm.sm-rtl.sm-vertical a .sub-arrow {
  right:auto;
  left:8px
 }
 .sm.sm-rtl>li>ul::before {
  left:auto;
  right:30px
 }
 .sm.sm-rtl>li>ul::after {
  left:auto;
  right:31px
 }
 .sm.sm-rtl ul a.has-submenu {
  padding:10px 20px!important
 }
 .sm.sm-rtl ul a .sub-arrow {
  right:auto;
  left:8px
 }
 .sm.sm-vertical {
  padding:10px 0;
  border-radius:5px
 }
 .sm.sm-vertical a,.sm.sm-vertical ul a {
  padding:10px 20px
 }
 .sm.sm-vertical a.highlighted,.sm.sm-vertical a:active,.sm.sm-vertical a:focus,.sm.sm-vertical a:hover {
  background:#fff
 }
 .sm.sm-vertical a.disabled,.sm.sm-vertical ul a.highlighted,.sm.sm-vertical ul a:active,.sm.sm-vertical ul a:focus,.sm.sm-vertical ul a:hover {
  background:#eee
 }
 .sm.sm-vertical a .sub-arrow {
  right:8px;
  top:50%;
  margin-top:-5px;
  border-width:5px;
  border-style:dashed dashed dashed solid;
  border-color:transparent transparent transparent #555
 }
 .sm.sm-vertical ul a.disabled {
  background:#fff
 }
}
