/* Menu General Styles */


/*Desktop Display*/
@media only screen and (min-width:1101px)  {

	.navbar {
		margin-bottom: 0px;
	}
	.navbar-default{
		background:transparent !important; /*#fff !important;*/
		border:none !important;
		box-shadow:none !important;
		font-size:17px !important;
		/*margin-bottom: 25px !important;*/
		margin: 20px 0px 5px 0px !important;
		color:#999 !important;
		border-radius:0px !important;
		shadow:none;
	}
	

	.menuBackground {
		/*background: #08A3DB;*/
		text-align: right; /* or change the value to left to align left*/
	}
	
	.dropDownMenu a {
		color: #999 !important;
	
	}
	.dropDownMenu,
	.dropDownMenu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		float:right;
	
	}
	.dropDownMenu li {
		position: relative; 
	}
	.dropDownMenu a {
		padding: 10px 20px;
		display: block;
		text-decoration: none;
	
	}
	.dropDownMenu a:hover {
		/*background: #000;*/
	}
	
	
	/* Level 1 Drop Down Menu */
	.dropDownMenu > li {
		display: inline-block;
		vertical-align: top;
		/*margin-left: -4px; *//* solve the 4 pixels spacing between list-items */
	
	
	}
	.dropDownMenu > li:first-child {
		margin-left: 0;
	}
	.dropDownMenu > li > a {
	}
	.dropDownMenu > li > a:hover {
		/*background:#0e5b3b !important;*/
		background-image:url('/template/images/hover.png');
		background-repeat:no-repeat;
		background-position:center bottom;
		background-size: 100% 3px;
		color:#777 !important;
	}
	
	
	
	/* Level 2 */
	.dropDownMenu > li > ul {
		text-align: left;
		width:250px; /* change auto value with 200px if you want a bigger menu */
		display: none;
		/*background: #000;*/
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 9999999; /* if you have YouTube iframes, is good to have a bigger z-index so the video can appear above the video */
		
	}
	.dropDownMenu > li:hover > ul {
		display: block;
	}
	.dropDownMenu ul li a {
		font-size:16px;
		color:#777 !important;
	}
	.dropDownMenu ul li a:hover {
		background:#0e5b3b;
		color:#fff !important;
	}
	
	/*.dropDownMenu >li > ul > li {border:solid 1px #252526;}*/
	
	/* Level 3 */
	.dropDownMenu > li > ul > li > ul {
		text-align: left;
		display: none;
		/*background: #000;*/
		position: absolute;
		left: 100%;
		top: 0;
		z-index: 9999999;
	}
	
	/*.dropDownMenu > li > ul > li > ul > li {border:solid 1px #252526;}*/
	
	.dropDownMenu > li > ul > li:hover > ul {
		display: block;
	}
	.dropDownMenu ul ul li {}
	.dropDownMenu ul ul li a {}
	.dropDownMenu ul ul li a:hover {}
	
	/*
	.navParent::after { 
	    content: "\f14d";
		font-family: FontAwesome;
	}
	*/

  .navbar-nav>li>a {
	  text-shadow:none !important;
  }
  .navbar-nav>li>a:link {
	  text-shadow:none !important;
  }
  .navbar-default>li>a:link {
	  text-shadow:none !important;
  }
	
}
	
/* Bootstrap to override the breakpoint */

@media (max-width: 1100px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
  .topMenu {display:none};

}