@import url("responsive-custom.css");
/*Strip the ul of padding and list styling*/

#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	 
}

/*Create a horizontal list with spacing*/
#menu li ul{ position:absolute}
#menu li {
	display:inline-block;
	 
	margin-right: 1px;
}
#menu li ul li {
	display:inline-block;
	float: left;
	  clear:both;
}
#menu li a {
    display: inline-block;
    padding: 18px 8px;
    /* line-height: 60px; */
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
}
#menu li a label{ padding:5px; display:inline}
#menu li ul li a{ background:#f3f3f3}
#menu li ul li a:hover{ color:#0071c1}

/*Style for menu links*/
#menu li ul li a {
	display:block;
	min-width:250px;
	 line-height:normal;
	text-align: left;
	color: #000; height:auto !important;
	 padding:10px;
	text-decoration: none;text-transform:capitalize;   
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff; font-weight:600;
}

/*Hover state for top level links*/
#menu li:hover a {
	 
}
.hidden.new{    width: 850px;
    background: #fff;}
.hidden.new .main_menu{ width:33%; float:left; padding:10px;}
.main_menu strong{ color:#fff; background:#0071c1; display:block; width:100%; padding:10px;    font-size: 14px;}
.main_menu label{ display:inline; padding:0 8px 0 0;}
.main_menu li{ display:block; float:none; width:100%}

.hidden .vertical{  }
/*Style for dropdown links*/
#menu li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	 
	 
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background: #19c589;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
li ul {
	display: none;
}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	 
	text-decoration: none;
	color: #fff;
	background: #19c589;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ .showbar{
    display: block;
}


/*Responsive Styles*/

@media screen and (max-width : 768px){
	/*Make dropdown links appear inline*/
 ul.showbar{ display:none;height:400px; overflow:scroll;}
	
	#menu li ul {
	 
    position: static;
    width: 100%;
	
}
	/*Create vertical spacing*/
	#menu li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	#menu ul li, #menu li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
    display: block;
    position: absolute;
    color: #3a3c3e;
    font-weight: 600;
    /* padding-right: 55px; */
    right: 0;
    top: -50px;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    right: 0px;
    cursor: pointer;
}
.hidden.new{    width: 100%;
    background: #fff;    height: 250px;
    overflow: scroll;}
	.hidden.new .main_menu{ width:33%; float:left; padding:10px; margin:0}
	#menu li ul li a{    min-width: 100%;}
}