/**
 * @package Jms Responsive Menu
 * @version 1.0
 * @Copyright (C) 2009 - 2013 Joommasters.
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 * @Website: http://www.joommasters.com
**/

.mobile-menu .slicknav_menu > ul {
    position: absolute;
    background: #F0F0F0;
    width: 100%;
    right: 0;
    z-index: 111111;
    top: 58px;
    margin: 0;
    left: 0;
}
.slicknav_btn {
    display:none;
}

.mobile-menu .slicknav_btn_wrap {
    display:block;
    float: right;
}
.mobile-menu .slicknav_btn { 
    display:inline-block;
    width: 40px;
    height: 33px;
    padding: 5px;
    display: block !important;
    margin: 0px !important;
    background: url('../images/nav-but-2.png') no-repeat center center;
	background-size: 100% 26px;
}
/*.mobile-menu .slicknav_btn:before{
    content: "Menu";
    position: absolute;
    right: 55px;
    color: #929497;
    font-size: 20px;
    margin-top: -4px;
}*/
.mobile-menu .slicknav_nav { clear: both }
.mobile-menu .slicknav_nav ul {
    display: block;
}
.mobile-menu .slicknav_nav li { display: block; text-align: center }
.mobile-menu .slicknav_nav li.haschild { display: inline-block; width:100%}
.mobile-menu .slicknav_nav .slicknav_arrow { text-indent:-9999px; float:right;}
.mobile-menu .slicknav_nav .slicknav_item { display: block!important; cursor: pointer; }
.mobile-menu .slicknav_nav a { display: block }
.mobile-menu .slicknav_nav .slicknav_item a { display: inline }
.mobile-menu .slicknav_menu:before,
.mobile-menu .slicknav_menu:after { content: " "; display: table; }
.mobile-menu .slicknav_menu:after { clear: both }
/* IE6/7 support */
.mobile-menu .slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/
.mobile-menu .mega-child-icon.collapsed,
.slicknav_collapsed .slicknav_arrow {
    display:inline-block;
    background:url(../images/arrow_down.png) no-repeat 0px 3px;
    width:13px;
    height: 16px;
    margin-left: 10px;
    padding: 12px;
    margin-top: -8px;
}
.mobile-menu .mega-child-icon.open,
.slicknav_arrow {
    display: inline-block;
    background: transparent url("../images/arrow_up.png") no-repeat scroll 0px 3px;
    width: 13px;
    height: 16px;
    margin-left: 10px;
    padding: 12px;
    margin-top: -8px;
}
.mobile-menu .slicknav_menu {
    position: relative;
}
.mobile-menu .slicknav_nav {
    color:#fff;
    margin:0;	
    padding:0;
    font-size:0.875em;
}
.mobile-menu .slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.mobile-menu .slicknav_nav ul {
    padding: 0!important;
    margin: 0!important;

}
.mobile-menu .slicknav_nav .slicknav_item {
    padding:5px 10px;	
}
.mobile-menu .slicknav_nav a {
    padding:6px 0px!important;
    line-height:20px;
    text-decoration:none;
    color:#000!important;
    font-size:16px;
    display:block!important;
    background:none!important;
    outline-style:none;
}
.mobile-menu .slicknav_nav li.active li.active a,
.mobile-menu .slicknav_nav li.active a,
.mobile-menu .slicknav_nav a:hover {
    color:#EC008C!important;
}
.mobile-menu .slicknav_nav li.active li a {
    color:#FFF!important;
}

.mobile-menu .slicknav_nav li li a { 
    display: block; 
    border:none!important;
    width: 100%;
}
.mobile-menu .slicknav_nav li li a a,
.mobile-menu .slicknav_nav li li a a:hover {
    background:none!important;
}
.mobile-menu .mega-nav.level2 li a{
    font-weight: 300;
    font-size: 13.5px;
    text-transform: unset;
}
.mobile-menu .slicknav_nav li.active li.active a,
.mobile-menu .slicknav_nav li li a:hover {
    color:#000!important;
}
.mobile-menu .slicknav_nav .slicknav_item a {
    padding:0!important;
    margin:0!important;
    float:left;
    border:none;
}
.mobile-menu .slicknav_nav .slicknav_item:hover {	
    background:#ccc;
    color:#fff;	
}
.mobile-menu li.haschild > a {
    position:relative;
    overflow:hidden;
}
.mobile-menu .slicknav_nav .dropdown-menu {
    display:none;
    padding: 0;
    margin: 0;
    position: initial;
    border: 0;
    box-shadow: none;
    width: 100%;
    background: none;
}

.mobile-menu .mega-row {
    width:100%!important;
    border:none;
}
.mobile-menu .mega-col {
    width:100%!important;
}	
.mobile-menu .mega-child-icon {
    top:10px;
    right:0px;	
}
.mobile-menu .mega-nav > li > ul {
    background:none!important;
}
.mobile-menu .mega-nav > li > ul > li.group, .mega-nav > li.group {
    background:none!important;
}
.mobile-menu .mod-content {
    background:none!important;
}
.mobile-menu .mega-nav > li:first-child > ul li:first-child,
.mobile-menu .mega-nav > li > ul > li,
.mobile-menu .mod-content > ul > li {
    border:none!important;
}