/*
===========================================================
 * * Free Responsive Menu from http://egrappler.com/  * *
===========================================================

 */
 




a {
  color: rgb(172, 172, 172);
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -ms-transition: all 200ms;
  -o-transition: all 200ms;
font-family: 'Titillium Web', sans-serif; }

a:hover {
  color: rgb(72, 72, 72);
  text-decoration: none;
}

.PL0 { padding-left:0; }
 
/* brand */
.navbar .brand {
  font-family: Helvetica, Arial ;
  line-height: 20px;
 font-weight: bold;
 font-size:19px;
color: #fff;
 letter-spacing: 0px;
text-transform: capitalize;
}

.navbar .brand:hover {
  color: #fff;

}

/* navbar */
.navbar-inner {
 background:none;
 float:left;
 
 }

.navbar .nav>li {
  background:url(../../images/Layout/separator.png) no-repeat top right;	
 float:left;
 height:40px;
 
 }
.navbar .nav>li:last-child {
	background:none;	
}
.navbar .nav>li:hover {
	color:#fff;
	background:#f00;
    cursor:pointer;
    -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -ms-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
 

.navbar .nav a {  

}

 .navbar .nav>li:hover > a {
  color:#000;
  
}
 .navbar .nav>li>a:focus, .navbar .nav>li>a:hover {
 color:#fff;
}

/* disabled link */
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  -ms-box-shadow: 0 0 0;
  -o-box-shadow: 0 0 0;
  box-shadow: 0 0 0;

} 

.navbar .nav>li:last-child {
  
}

/* active link */
.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {
  color: #fff;
  text-decoration: none;
  background:rgb(0, 0, 0);
 }

/*  */
.navbar .nav>li>a {
  float: none;
 
  color: #fff;
  text-transform:capitalize;
  font-size:18px;
 	font-weight:700;
  
}

/* dropdown */
.dropdown-menu {
   margin-top: 0px;
   margin-left:-1px;
   border-radius:5px;
   box-shadow:1px 1px 5px #999;
   background:#fff;
}
 
.dropdown-menu>li>a {
	font-size:18px;
  padding: 7px 10px;
  color: #333;
  font-weight:700;
   min-width:150px;
  text-align:left;
	border-bottom:1px dotted #ccc;
  
}
.dropdown-menu>li>a:last-child { border:none; }
/*******************************************************************************************************/

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
  color: rgb(255, 255, 255);
  text-decoration: none;
    background: #fc0000; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fc0000, #8a0000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fc0000, #8a0000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fc0000, #8a0000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fc0000, #8a0000); /* Standard syntax */
   
}

/*  shows the dropdown on hover*/
.navbar ul.nav li:hover > ul.dropdown-menu {
  display: block;
}



/* before and after */
.navbar .nav > li > .dropdown-menu::before,
.navbar .nav > li > .dropdown-menu::after {
  display: none;
} 

/* utilities */
.text-left { text-align: left;}
.text-center { text-align: center;}
.text-right { text-align: right;}

/* *******************************************************************
 * Responsive Media                                                  *
 * *******************************************************************/
/* Large desktop */
@media (min-width: 1200px) {}

@media (min-width: 1024px) and (max-width: 1100px) {
  .navbar-search .search-query:focus{
    width: 70px;
  }
}
 
 
/* Portrait tablet to landscape and desktop */ 
@media (min-width: 768px) and (max-width: 979px) {
  .PL0 {
padding-left: 20px;
}
.PT20 { padding-top:20px;}
  .navbar .brand {
    padding-bottom: 18px;
  }
  
 
  
  /* link background */
  .nav-collapse .nav>li>a:hover, .nav-collapse .dropdown-menu a:hover {
    background: rgba(0, 0, 0, 0.55);
  }
  
  /* active link */
  .nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  
  .nav.social-icons{
    text-align: center;
  }
  
  .nav.social-icons li{
    float: none;
    display: inline-block;
  }
  
  .nav-collapse .navbar-form, .nav-collapse .navbar-search {
    border: 0;
  }
  
  /* search form */
  .navbar-search {
    text-align: center;
  }
  
  .navbar-search .search-query{
    width: 100px;
   
  }

  .nav-collapse, .nav-collapse.collapse {
    height: auto;
    overflow: hidden;
  }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
  
  .navbar .brand {
    padding-bottom: 18px;
  }
  
    .PL0 {
padding-left: 20px;
}
.PT20 { padding-top:20px;}
  
  /* link background */
  .nav-collapse .nav>li>a:hover, .nav-collapse .dropdown-menu a:hover {
    background: rgba(0, 0, 0, 0.55);
  }
  
  /* active link */
  .nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  
  .nav.social-icons{
    text-align: center;
  }
  
  .nav.social-icons li{
    float: none;
    display: inline-block;
    border: 1px solid #000;
  }
  
  .nav-collapse .navbar-form, .nav-collapse .navbar-search {
    border: 0;
  }
  
  /* search form */
  .navbar-search {
    text-align: center;
  }
  
  .navbar-search .search-query{
    width: 100px;
    border: 1px solid #000;
  }

  .nav-collapse, .nav-collapse.collapse {
    height: auto;
    overflow: hidden;
  }

}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
  
  .nav-collapse, .nav-collapse.collapse {
    height: auto;
    overflow: hidden;
  }
  
}