.mean-container .mean-bar {
float:left;
width:100%;
position:absolute;
background:transparent;
padding:20px 0 0;
z-index:999;
border-bottom:1px solid rgba(0,0,0,0.03);
height:55px
}

.mean-container a.meanmenu-reveal {
width:35px;
height:30px;
padding:12px 15px 0 0;
position:absolute;
right:0;
cursor:pointer;
color:#fff;
text-decoration:none;
font-size:16px;
text-indent:-9999em;
line-height:22px;
font-size:1px;
display:block;
font-weight:700
}

.mean-container a.meanmenu-reveal span {
display:block;
background:#fff;
height:4px;
margin-top:3px;
border-radius:3px
}

.mean-container .mean-nav {
float:left;
width:100%;
background:#fff;
margin-top:55px
}

.mean-container .mean-nav ul {
padding:0;
margin:0;
width:100%;
border:none;
list-style-type:none
}

.mean-container .mean-nav ul li {
position:relative;
float:left;
width:100%
}

.mean-container .mean-nav ul li a {
display:block;
float:left;
width:90%;
padding:1em 5%;
margin:0;
text-align:left;
color:#677294;
border-top:1px solid #DBEEFD;
text-decoration:none
}

.mean-container .mean-nav ul li a.active {
color:#000
}

.mean-container .mean-nav ul li li a {
width:80%;
padding:1em 10%;
color:#677294;
border-top:1px solid #DBEEFD;
background:#DBEEFD;
opacity:1;
filter:alpha(opacity=75);
text-shadow:none!important;
visibility:visible;
text-transform:none;
font-size:14px
}

.mean-container .mean-nav ul li.mean-last a {
border-bottom:none;
margin-bottom:0
}

.mean-container .mean-nav ul li li li a {
width:70%;
padding:1em 15%
}

.mean-container .mean-nav ul li li li li a {
width:60%;
padding:1em 20%
}

.mean-container .mean-nav ul li li li li li a {
width:50%;
padding:1em 25%
}

.mean-container .mean-nav ul li a:hover {
background:#252525;
background:rgba(255,255,255,0.1)
}

.mean-container .mean-nav ul li a.mean-expand {
margin-top:3px;
width:100%;
height:24px;
padding:12px!important;
text-align:right;
position:absolute;
right:0;
top:0;
z-index:2;
font-weight:700;
background:transparent;
border:none!important
}

.mean-container .mean-push {
float:left;
width:100%;
padding:0;
margin:0;
clear:both
}

.mean-nav .wrapper {
width:100%;
padding:0;
margin:0
}

.mean-container .mean-bar,.mean-container .mean-bar * {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box
}

.mean-remove {
display:none!important
}

.mobile-nav {
display:none
}

.mobile-nav.mean-container .mean-nav ul li a.active {
color:#FF2D55
}

.main-nav {
background:#000;
position:absolute;
top:0;
left:0;
padding-top:15px;
padding-bottom:15px;
width:100%;
z-index:999;
height:auto
}

.mean-nav .dropdown-toggle::after {
display:none
}

.navbar-light .navbar-brand,.navbar-light .navbar-brand:hover {
color:#fff;
font-weight:700;
text-transform:uppercase;
line-height:1
}

.main-nav nav ul {
padding:0;
margin:0;
list-style-type:none
}

.main-nav nav .navbar-nav .nav-item {
position:relative;
padding:15px 0
}

.main-nav nav .navbar-nav .nav-item a {
font-weight:500;
font-size:16px;
text-transform:uppercase;
color:#fff;
margin-left:15px;
margin-right:15px;
padding:0
}

.main-nav nav .navbar-nav .nav-item a:hover,.main-nav nav .navbar-nav .nav-item a:focus,.main-nav nav .navbar-nav .nav-item a.active {
color:#FF2D55
}

.main-nav nav .navbar-nav .nav-item:hover a {
color:#FF2D55
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu {
-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,0.05);
box-shadow:0 0 30px 0 rgba(0,0,0,0.05);
background:#0d1028;
position:absolute;
top:80px;
left:0;
width:250px;
z-index:99;
display:block;
opacity:0;
visibility:hidden;
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
padding:20px 5px
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
position:relative;
padding:0
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
font-size:15px;
font-weight:500;
text-transform:capitalize;
padding:9px 15px;
margin:0;
display:block;
color:#fff
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
color:#FF2D55
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
position:absolute;
left:-100%;
top:0;
opacity:0!important;
visibility:hidden!important
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
opacity:1!important;
visibility:visible!important;
top:-20px!important
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
position:absolute;
left:-100%;
top:0;
opacity:0!important;
visibility:hidden!important
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu li:hover .dropdown-menu {
opacity:1!important;
visibility:visible!important;
top:-20px!important
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
color:#fff;
text-transform:capitalize
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
color:#fff
}

.main-nav nav .navbar-nav .nav-item:hover ul {
opacity:1;
visibility:visible;
top:100%
}

.main-nav nav .navbar-nav .nav-item:last-child .dropdown-menu {
left:auto;
right:0
}

@media only screen and (max-width: 991px) {
.mobile-nav {
display:block;
position:relative
}

.mobile-nav .logo {
text-decoration:none;
position:absolute;
top:11px;
z-index:999;
left:15px;
color:#fff;
font-weight:700;
text-transform:uppercase;
font-size:20px
}

.mean-container .mean-bar {
background-color:#fff;
padding:0
}

.mean-container a.meanmenu-reveal {
padding:15px 15px 0 0
}

.mobile-nav nav .navbar-nav {
height:300px;
overflow-y:scroll
}

.mobile-nav nav .navbar-nav .nav-item a i {
display:none
}

.main-nav {
display:none!important
}
}