@charset "utf-8";
/* 
	mobilenav.css
	
	Project: Star of the North
	
*/

/*------ mobile navigation ------*/
#mbl-navigation{display:block; position:absolute; top:0px; right:0px; height:100%; min-height: 100% !important; }
#mbl-navigation_multilevelpushmenu { min-height: 100% !important; }
#mbl-navigation nav{display:none;}
#mbl-toggle{ display:block; float: right; width:55px; height:55px; cursor:pointer; background: url('../images/ui/menu.png') no-repeat 50% 9px #4e7fa4; color:#fff; line-height:55px; text-align:center; }
#mbl-toggle:hover, #mbl-toggle:active, #mbl-toggle.close:hover, #mbl-toggle.close:active { background-color: #52a44e; color: #fff; }

.mblmenu{display:block !important; position:relative; overflow:hidden; min-width:100%; min-height:100%; margin:0; padding:0;}
.mblmenu .levelHolderClass{position:absolute; z-index:1; top:0; background:#666; width:auto; margin-left:20px; min-height:100%; text-transform:uppercase; zoom:1; cursor:default;}
.mblmenu .rtl{margin-right:-100%; right:0; -moz-box-shadow:5px 0 15px 5px #555; -webkit-box-shadow:5px 0 15px 5px #555; box-shadow:5px 0 15px 5px #555;}

.mblmenu h4{display:block; position:relative; padding:20px; margin:0; border-bottom: 1px solid #555; background: #4e7fa4; color:#fff; text-align:left !important; font-size: 24px;}
.mblmenu ul{list-style:none; padding:0; margin:0;}
.mblmenu li{cursor:pointer; border-bottom:1px solid #555; padding:0; text-align:left !important; }
.mblmenu li:hover{background-color:#666;}
.mblmenu li a{
	display:block;
	position:relative;
	z-index:0;
	outline:none;
	overflow:hidden;
	padding:0;
	text-decoration:none;
	color:#fff;
	padding:15px 20px;
	-webkit-tap-highlight-color:rgba(0,0,0,0); 
	-webkit-tap-highlight-color:transparent; 
	background:none;
	font-weight: 500;
}
.mblmenu a:hover,
.mblmenu a:active {background:#fff; color: #4e7fa4;}
.mblmenu .menu-header a{background:#555; color: #fff;}

.mblmenu .backItemClass{display:block; padding:0; background:#666; border-bottom:1px solid #555;}
.mblmenu .backItemClass a, .mblmenu .backItemClass a:hover, .mblmenu .backItemClass a:active{background:#666; color:#999; font-size: 16px;}
.mblmenu .floatRight{float:right;}
.mblmenu .floatLeft{float:left;}
.mblmenu .cursorPointer{cursor:pointer;}
.mblmenu .iconSpacing_ltr{padding:0;}
.mblmenu .iconSpacing_rtl{padding:0;}
.mblmenu .hit-area{display:block; position:absolute; top:0; left:-20px; height:100%; width:18px;}
.mblmenu .more-icon{display:block; background: url('../images/ui/menu.png') 50% -66px #555 no-repeat; position:absolute; top:0; bottom:0; right:0; width:50px; text-align:center;}

.mblmenu .nonlinkable { cursor: default; }

#m_nav_logo { margin: 0; padding-top: 25px; background: #4e7fa4; text-align: center; }
#m_nav_logo h3 { position: relative; display: inline-block; font-weight: 700; text-transform: none; color: #fff; font-size: 24px; }
#m_nav_logo span { font-weight: 400; font-size: 18px; }
#m_nav_logo h3:before { content: ""; position: absolute; top: -15px; left: -28px; display: block; width: 24px; height: 31px; background: url('../images/ui/stars_sprites.png') 0 -35px; }

#close-menu { border-top: 1px solid #555; font-size: 16px; color: #999; }
#close-menu:hover, #close-menu:active { background-color: #666; color: #999; }

.mblmenu .bg_blue { background: #4e7fa4; }
.mblmenu .bg_green { background: #52a44e; }