﻿************************/





.navbar-toggle {
  background-color: #004493;
}


.navbar-collapse.collapse{
  padding-left: 0;
}

.mainmenu ul li{
	padding:0px 0px;
	
}



.mainmenu ul li a {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px !important;
	padding:5px 15px;
	border-right:1px solid #999999;
	text-decoration:none;
	transition: all 0.3s ease;
   		 -webkit-transition: all 0.3s ease;
   		 -moz-transition: all 0.3s ease;
  		 -o-transition: all 0.3s ease;	
}

.mainmenu ul li a:hover, .mainmenu ul li a.active,  .shop-menu ul li a.active{
	background:none;
	color:#e83e2d;
}


/*  Dropdown menu*/

.navbar-header 
.navbar-toggle .icon-bar {
    background-color: #fff;
}


.nav.navbar-nav > li:hover > ul.sub-menu{
  display: block;
  -webkit-animation: fadeInUp 400ms;
  -moz-animation: fadeInUp 400ms;
  -ms-animation: fadeInUp 400ms;
  -o-animation: fadeInUp 400ms;
  animation: fadeInUp 400ms;
}

ul.sub-menu {
	position: absolute;
	padding-top:15px;
	top: 23px;
	left: 0px;
	background:#343434 url(../images/menubg.jpg) repeat top;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 210px;
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
	display: none;
	z-index: 999;
	-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

.dropdown ul.sub-menu li .active{
  color: #FDB45E;
  padding-left: 0;
}


.navbar-nav li ul.sub-menu li{
  padding: 15px 0px ;
 
}

.navbar-nav li ul.sub-menu li:last-child{
  padding-bottom: 20px;
}

.navbar-nav li ul.sub-menu li a{
  color: #fff;
  width: 180px;
  float:left;
  border:none;
  text-align:left !important;
  font-size:13px !important;
   border-top:1px solid #5c5c5c;
}

.navbar-nav li ul.sub-menu li a:hover{
    color: #f23c31;
	text-decoration:none;
}

.fa-angle-down{
  padding-left: 5px; 
  
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
  
  	
 @media screen and (max-width: 1130px) {
	.mainmenu ul li a {
		font-size: 13px !important;
		padding:0px 13px;}
 }
 @media screen and (max-width: 1024px) {
	 .mainmenu ul li a {
		font-size: 13px !important;
		padding:0px 10px;}
	 
	
	
 }

@media screen and (max-width: 950px) {
	
}

@media screen and (max-width: 1000px) {
	.mainmenu ul li a {
		 font-size:12px !important;
	border-right:0px;
	padding-bottom:8px;
	padding-top:3px;
	margin:0px;}
	
	
.navbar-nav li ul.sub-menu{
	height:auto;
	padding-top:0px !important;
	margin-top:0px !important;
	
}

.navbar-nav li ul.sub-menu li a{
	margin-left:3%;
  width: 97%;
  border-top:none;
   border-bottom:1px solid #5c5c5c;
}
ul.sub-menu {
	padding-bottom:20px !important;

}
}

@media screen and (max-width: 500px) {
	
	.mainmenu ul li a {
	font-size: 11px !important;
}
	

}
