﻿.container940{text-align:left}

.mobile-menu{margin-left:px}

#mobilewrapper{float:left; height:100%; width:100%; position:relative}
/*#contentwrapper{height:95%; width:100%; position:absolute!important}*/

#mobile-menu h3 {
    background: url("../img/danva-logo.png") no-repeat scroll 10px center #92c733;
    border-right: 1px solid #000;        
    vertical-align: middle;
    width:100%;
}
#mobile-menu h3 span {
    color: #000;
    display: inline-block;
    margin-left: 17px;
    text-transform: uppercase;
}
#mobile-menu h3 span {
      
    color: #fff;
    display: inline-block;
    font: 1em/1 "Oswald","Arial Narrow",Arial,sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
    display: block;
    height: 66px;
    margin: 0; 
}
#mobile-menu h3 span:hover{   cursor:hand;  }
#mobile-menu {
    margin-left: 0;
}
#mobile-menu {
    float: left;
    height: 100%;
    width: 85%;
}
#mobile-menu ul {
    background-color: #eee;
    margin: 0;
    padding: 0;
    width: 100%;
}
#mobile-menu ul li {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
}

#mobile-menu ul li a, #mobile-menu ul li a:link, #mobile-menu ul li a:visited {
    border-bottom: 1px solid #323232;
    box-sizing: border-box;
    color: #141414;
    cursor: pointer;
    display: block;
    font: 0.83em "Oswald","Arial Narrow",Arial,sans-serif !important;
    overflow: hidden;
    padding: 10px 0 10px 10px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}
.ui-bar-a {
    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    border-color: -moz-use-text-color -moz-use-text-color #323232 !important;
    border-image: none !important;
    border-style: none none solid !important;
    border-width: medium medium 1px !important;
    color: #444 !important;
    height: 42px !important;
    text-shadow: none;
}
.ui-btn-corner-all {
    border-radius: 0 !important;
}
#mobile-menu .active {
}
#mobile-menu ul li a.top-link, #mobile-menu ul li ul li a:link, #mobile-menu ul li ul li a:visited {
    border-bottom: 1px solid #323232;
    color: #323232;
    display: block;
    font-family: "Oswald","Arial Narrow",Arial,sans-serif;
    font-size: 12px;
    padding: 10px 0 10px 25px;
    text-decoration: none;
    text-transform: none;
    width: 100%;
}
#mobile-menu ul li ul li ul li a:link{padding-left:40px}

#mobile-menu ul li.L1_last a.lastitem{border-bottom:;}
#mobile-menu ul li:first-child {
    border-top: 1px solid #323232;
}
#mobile-menu ul ul li:first-child {
    border-top: medium none;
}
#mobile-menu ul ul li {
    border-left: medium none;
    border-right: medium none;
}
#mobile-menu ul ul li[class*="L2"] {
    padding-left: 0;
}
#mobile-menu a.top-link:before, 
#mobile-menu ul li ul li a:before {
    color: #787373;
    content: "";
    display: inline;
    font-size: 10px;
    height: 16px;
    margin-right: 10px;
    padding-left: 20px;
    width: 16px;
}
#mobile-menu ul li ul li[class*="L2"] a:before {
    display: none;
}
#mobile-menu ul > li > ul {
    background: none repeat scroll 0 0 #eee;
    margin: 0;
    max-height: 0;
    transition: max-height 0.4s ease-out 0.4s;
}
#mobile-menu ul > li.active > ul {
    max-height: 1200px;
    transition: max-height 0.6s ease-in 0.6s;
}
#mobile-menu ul li ul li a:link, #mobile-menu ul li ul li a:visited {
    font: 0.83em "Oswald","Arial Narrow",Arial,sans-serif !important;
    text-transform: uppercase;
}
#mobile-menu ul li ul li ul li {
    background: none repeat scroll 0 0 #eee;
}
#mobile-menu ul li ul li ul li a{text-transform:; color:; font-weight:normal}


#mobile-menu > ul > li > ul > li.active {
    background: none repeat scroll 0 0 #eee;
}
#mobile-menu > ul > li > ul > li a{padding-left:25px}
#mobile-menu > ul > li > ul > li > a{text-transform:; color:; font-weight:normal}


#mobile-menu ul li ul li ul li ul li {
    background: none repeat scroll 0 0 #eee;
}
#mobile-menu ul li ul li ul li ul li a{text-transform:; color:green; font-weight:normal}


#mobile-menu ul li ul li ul li a:before {
    background: url("../img/arrows-bullet-sprite.png") no-repeat scroll right -5px transparent;
    content: "";
    display: inline-block;
    height: 5px;
    padding-left: 0;
    width: 8px;
}
.devider {
    background: none repeat scroll 0 0 #333366;
    height: 5px;
}
.btn {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    box-shadow: none;
}
.btn:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
a.showMenu {
    color: #b1b1b1;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding: 10px 10px 7px 0;
    text-transform: uppercase;
    font-family:"Oswald","Arial Narrow",Arial,sans-serif;
}
a.showMenu:hover {
    text-decoration: none;
}
a.showMenu:before {
    background: url("../img/menu-ico.png") no-repeat scroll 0 0 transparent;
    content: "";
    display: inline-block;
    height: 25px;
    margin: 0 10px;
    vertical-align: middle;
    width: 25px;
}
.fixed-mobile-content {
    display: block;
}
#mobile-menu ul li ul li.L3 a, #mobile-menu ul li ul li.L3_first a, #mobile-menu ul li ul li.L3_last a {    
    font: 0.83em "Oswald","Arial Narrow",Arial,sans-serif !important;
    padding-left: 30px;
}
#mobile-menu ul li ul li.L4 a, #mobile-menu ul li ul li.L4_first a, #mobile-menu ul li ul li.L4_last a {
    font: 0.83em "Oswald","Arial Narrow",Arial,sans-serif !important;
    padding-left: 70px;
}






/****** main.css *****/
.wrap-mobilemenu{
background: none repeat scroll 0 0 #f3f3f3;
    border-bottom: 1px solid #e0e0e0;
}


.wrap-top-menu {
/*
    background: none repeat scroll 0 0 #f3f3f3;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 30px;
*/
}
.wrap-top-menu .mobilecontainer .span6 {
    margin: 0;
}

@media (min-width: 768px) and (max-width: 979px) {
.wrap-top-menu .mobilecontainer .span3 {
    margin-right: 1.2%;
 }
#contentwrapper{height:auto; width:100%; position:relative!important}
}

ul.floating-menu-inner li ul li:before, .mobile-deep-levels ul li:before {
    background: url("../img/arrows-bullet-sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 5px;
    left: 20px;
    padding-right: 10px;
    position: absolute;
    top: 12px;
    width: 8px;
}
ul.floating-menu li a.L2_Active_first, .mobile-deep-levels ul.floating-menu li a.L4_Active_first {
    background: none repeat scroll 0 0 #96b92f;
    color: #fff;
    display: block;
    font: italic lighter 1.667em/1 "Oswald","Arial Narrow",Arial,sans-serif;
    margin: 0;
    padding: 13.5px 0 13.5px 20px;
}
.mobile-deep-levels ul.floating-menu li a.L4_Active_first {
    border-bottom: 1px solid #fff;
    font: italic 2.5em/1 "Oswald","Arial Narrow",Arial,sans-serif;
    margin-bottom: 8px;
    padding-bottom: 18px;
}
.mobile-deep-levels {
    background-color: #96b92f;
    float: left !important;
    margin-left: 0 !important;
    padding-bottom: 10px;
}
.mobile-deep-levels a span {
    color: #fff;
}
.mobile-deep-levels ul.floating-menu-inner > li {
    border: medium none;
}
.mobile-deep-levels ul li:before {
    background: url("../img/arrows-bullet-sprite.png") no-repeat scroll 0 -5px rgba(0, 0, 0, 0);
}
.mobile-deep-levels ul li ul {
    background: none repeat scroll 0 0 #96b92f;
    float: left;
    margin: 0;
    padding: 0 1.5%;
    width: 47%;
}

@media (min-width: 0px) and (max-width: 767px) {
#white-mask {min-height:500px}
#contentwrapper{height:auto; width:100%; position:absolute!important}
.wrap-top-menu .span6.wrap-mobilemenu {
    width: 92px;
    border-right:1px solid #d1d1d1
}
.wrap-top-menu .span6 {
    float: left;
    width: 50%;
}

.top-mobile-menu {
    border-bottom: 1px solid #d1d1d1;
 }
.mobile-links h2 {
    background: none repeat scroll 0 0 #9494ae;
    border-bottom: 2px solid #7b7b9b;
    height: 67px;
    line-height: 67px;
    margin: 0;
    padding-left: 11px;
}
.wrap-top-menu .span6.wrap-mobilemenu {
    width:92px ;
}
.wrap-top-menu .span6 {
    float: left;
    width: 50%;
}
}