/**
 * @package Helix Framework
 * @author JoomShaper http://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2013 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 */
#sp-mobile-menu {
	position:relative;
}
#sp-mobile-menu select.select-menu{
	cursor: pointer;
    height: 28px;
    left: -14px;
    opacity: 0;
    position: absolute;
    top: -4px;
    width: 42px;
    z-index: 1;
}
.btn.sp-main-menu-toggler{
	background: url("../images/bg_drillmenu.png") no-repeat 0 0 transparent!important;
	height: 25px;
    width: 25px;
}
.sp-main-menu-toggler{
	display: inline-block;
	position: absolute;
	top: 9px;
	right: 20px;
	z-index: 1;
}

.sp-main-menu-toggler i{
	color:#fff;
}

.sp-mobile-menu{
  position: absolute !important;
  top: 50px;
  left: 0;
  width: 100%;
}

.sp-mobile-menu ul{
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}

.sp-mobile-menu ul li{
  display: block;
  margin: 0;
  padding: 0;
  background: #333;
  cursor: pointer;
  position: relative;
}

.sp-mobile-menu ul li span.sp-menu-toggler{
  cursor: pointer;
  display: block;
  height: 30px;
  position: absolute;
  right: 10px;
  text-indent: -9999px;
  top: 4px;
  width: 30px;
  z-index: 9;
  -webkit-transition: All 0.3s linear;
  -moz-transition: All 0.3s linear;
  -o-transition: All 0.3s linear;
}

.sp-mobile-menu ul li span.sp-menu-toggler i{
  display: block;
  line-height: 26px;
}

.sp-mobile-menu ul li span.sp-menu-toggler .fa-angle-right,
.sp-mobile-menu ul li span.sp-menu-toggler.collapsed .fa-angle-down{
  display: none;
}

.sp-mobile-menu ul li span.sp-menu-toggler .fa-angle-down,
.sp-mobile-menu ul li span.sp-menu-toggler.collapsed .fa-angle-right{
  display: block;
}

.sp-mobile-menu ul li span.sp-menu-toggler .fa-angle-right{
  background: url(../images/bg_drillmenu.png) no-repeat 2px -55px;
}
.sp-mobile-menu ul li span.sp-menu-toggler .fa-angle-down{
	background: url(../images/bg_drillmenu.png) no-repeat 2px -32px;
}

.sp-mobile-menu ul li a{
	background: #fff url("../images/bg_item_drillmenu.png") repeat-x left bottom;
	color: #2F3E46;
	display: block;
	font-size: 120%;
	height: 41px;
	line-height: 41px;
	padding: 0 10px !important;
	text-decoration: none;
}

.sp-mobile-menu ul li.active > a,
.sp-mobile-menu ul li:hover > a{
  color: #000;
}
.sp-mobile-menu ul ul span.menu {
    padding-left: 10px;
}
.sp-mobile-menu ul ul span.menu:before{
    content: "* ";
	line-height: 35px;
}
.sp-mobile-menu ul ul ul span.menu {
    padding-left: 20px;
}
.sp-mobile-menu ul ul ul ul span.menu {
    padding-left: 30px;
}
.sp-mobile-menu ul ul ul ul ul span.menu {
    padding-left: 40px;
}
.sp-mobile-menu ul ul ul ul ul ul span.menu {
    padding-left: 50px;
}