
.toggleMenu {
    display: none;
	font-size:16px; font-weight:bold; color:#999; text-decoration:none;
	text-transform:uppercase;
	float:right;
}
.toggleMenu span { line-height:30px; }
.menu{ float: right; margin: 0px; }
.nav { list-style: none; *zoom: 1; float:right; margin: 26px 0px 0px 0px; }
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 11em;
}
.nav a { margin:0px 1px 0px 0px;  }

.nav li { position: relative;}
.nav li a {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    padding: 0px 0px 9px 0px;
    margin: 0px 0px 0px 40px;
    text-decoration: none;
    text-transform: uppercase;
}
.nav2 li a {
    font-size: 13px;
    padding: 5px 22px;
    margin: 0px 0px 0px 13px;
    background: #b33934;
    border-radius: 31px;
    transition: all 0.5s ease-in-out;
}



.nav li a:hover, .select{ color:#ee0b42 !important; }

.nav > li:hover > a, .nav > a:hover,
.nav > li li:hover > a, .nav > a:hover
 { color:#ee0b42 !important; }
 
.nav > li li:hover > nav li a, .nav > a:hover,
.nav > li li:hover > a, .nav > a:hover
 { color:#fff !important; background:#272680 !important; border-bottom:0px;  }
 

.nav2 li a:hover {
    background: #000;
    color: #fff!important;
}


 

.nav > li {
    float: left;
}
.nav > li > .parent {
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li ul {
    position: absolute;
    left: -9999px; 
	z-index:10000;
}
.nav li ul li {
	margin:1px 0px; padding:0px;
}
.nav > li.hover > ul {
    left: 3px; width: 200px; border-radius: 0px 0px 6px 6px;
}
.nav li li.hover ul {
    left: 100%;
    top: 0px;
}
.nav li li {
	padding:0px;
	margin:0px; border-radius:0px;
}
.nav li li a {
    display: block;
	font-size:15px;
	font-weight:normal;
	padding:10px;
	margin:0px;
    background: #ee0b42;
	color:#fff;
    position: relative; 
    z-index:100;
    border-top: 1px solid #175e4c;
	border-radius:0px;
	text-shadow:none;
}
	
.nav li li li a {
    background:#16af5f;
    z-index:200;
    border-top: 1px solid #1d7a62;
}
.nav li li a:hover {
    background:#ff4443 !important;
    z-index:200; color:#fff;
    border-top: 1px solid #1d7a62;
	border-bottom:0px;
}
/* 
@media screen and (max-width: 1320px) {
.nav li a{font-size:16px; margin:6px 8px;}
}
 */
.nav.usermenu li a {  color: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; text-transform: none;
}
.nav.usermenu>li>a { padding-bottom: 27px; position: relative; }
.nav.usermenu>li>a:after { content: ''; position: absolute; display: none;
  bottom: 0; left: 0;
  right: 0; margin: auto;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffe8ce;
}
.nav.usermenu>li>a:hover:after, .nav.usermenu>li.usermenuactive>a:after { display: inline-block; }

.nav.usermenu li:hover>a, .nav.usermenu li a:hover, .nav.usermenu li .usermenuactive {
    color: #fff !important;
}
.nav.usermenu li li a:hover { background: transparent!important; color: #c3170d!important; }
.nav.usermenu li li a { color: #191919; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 500; background: none; border-top: 0 none; }


@media screen and (min-width: 769px) {
    .userhdr .menu-box { overflow: visible; text-align: center; }
    .nav.usermenu > li > ul { width: 100%; position: fixed; height: 45px; overflow: hidden;  
        text-align: left;
        padding-left: 20%; 
        background: #ffe8ce; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffe8ce 0%, #fff4e8 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #ffe8ce 0%,#fff4e8 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #ffe8ce 0%,#fff4e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe8ce', endColorstr='#fff4e8',GradientType=0 ); /* IE6-9 */    
    }
    .nav.usermenu > li > ul:after { content: ''; position: absolute; z-index: 0; width: 481px; height: 126px; background: url(../images/inrbnr-bg.jpg) right bottom no-repeat; right: 0; bottom: 0; }

    

    .userhover .usersub-active { left: 0; }
    .nav.usermenu > li.hover > ul {    
        left: 0;
        width: 100%;
        border-radius: 0;
        position: fixed;
        text-align: left;
        padding-left: 20%; 
    }

    .nav li ul li { display: inline-block; }
    .zindex0 { z-index: 0px; }
    .userhdr .menu { float: left; }
}

@media screen and (max-width: 991px) {
    .nav li a{font-size:16px; margin:6px 11px; }
}

@media screen and (max-width:780px) {
    .nav { float: none; margin:0px; }

}

@media screen and (max-width:796px) {
     .menu { margin: 0px; width: 94%; position: absolute; z-index: 10; top: 10px; }
     .toggleMenu { display:none; top:100px;}
     .nav { display:none; float:none; position:relative; list-style: none; 
        float:none; width:100%; margin:55px 0px 0px 0px; background: #fff; }

     .nav li a { color:#fff; padding:10px 18px 10px 18px; margin:2px 0px; }
	.nav li a:hover, .select{ color:#fff !important; background-color:#ff4343 !important; background-image:none;  }
	.nav li:hover{ background-color:#ff4343;}
    .nav > li { float: none; background: #b33934; }	
	
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {}
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	
}

@media screen and (max-width:768px) {
    .nav-tabs, .feat-profile .nav-tabs { width: auto; margin: 15px 0px 0px 0px; float: none!important; }
    .nav-tabs, .feat-profile .nav-tabs li { display: inline-block; background: transparent; }
    .nav li ul { left: -9999px!important; position: absolute!important; }
    .usermenu { box-shadow: 0px 0px 20px rgb(0 0 0 / 10%); }
    .usermenu li ul { display: none!important; }
    .usermenu .hover ul { display: block!important; width: 100%!important; left: 0px!important; position: static!important; background: #fff!important; margin: 0px; padding: 0; border-radius: 0px!important; }
    .mobileblock { display: block!important; }


}