/*Strip the ul of padding and list styling*/
.topmenu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	display: inline-block;
	height:inherit;
	width:100%;
}

/*Create a horizontal list with spacing*/
#menu li {
	width:20%; float:left;
	    height: inherit;
}
.td-shadow {
    position: relative;
	z-index:12;
}
.td-shadow:after, .td-shadow:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 0;
    max-width: 300px;
    -webkit-box-shadow: 0 15px 10px rgba(0,0,0,.7);
    -moz-box-shadow: 0 15px 10px rgba(0,0,0,.7);
    box-shadow: 0 15px 10px rgba(0,0,0,.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.td-shadow:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}
/*Style for menu links*/
#menu li a {
	display:block;
	padding-left: 10px;
padding-right: 10px;
	width:100%;
	text-align: center;
	line-height: 40px;
	color: #000;
	text-decoration: none;
	font-size:1.3em;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.menuActive{background-color:#e31837}
.menuActive a{color:#fff !important}
/*Hover state for top level links*/
#menu li:hover a {
	color:#fff !important;
	background-color:#e31837 !important ;
	height:inherit;
}

/*Style for dropdown links*/
#menu li:hover ul a {
	
line-height: 40px;
}
#menu li:hover ul a {
	    background-color: #969292 !important;
    color: #fff !important;
	
}
/*Hover state for dropdown links*/
#menu li:hover ul a:hover {
	background-color:#e31837 !important;
	color: #fff !important;

}

/*Hide dropdown links until they are needed*/
#menu li ul {
	display: none;
	position: absolute;

width: auto;
height:auto;
background-color:#808080;

}

/*Make dropdown links vertical*/
#menu li ul li {
	display: block;
	text-align: left;
	height: auto;
	width:auto;
	float:none;
	background-color:#808080 !important ;
}

/*Prevent text wrapping*/
#menu li ul li a {
	width: auto;
	padding: 0 28px;
	text-align: left;
		background-color:#808080 !important;
	color: #fff !important;
}


/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-size:1.3em;
	text-decoration: none;
	color: #fff;
	background-color:#808080;
	text-align: center;
	padding: 5px 0;
	display: none;
	cursor:pointer;
}

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

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}
.myhide{display:none}
.topmenu{position: relative;margin-top:0px;
z-index: 100;width:100%;  background-color:#fff; color:#000;  display:inline-block; box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}


@media screen and (min-width : 760px){
	.topmenu{width:95%; }
	#menu li a {}
	.pipe::after{ content: "|"; color:#fff;
	}
	#menu li a {
	display:inline-block;
	padding-left: 10px;
	padding-right: 10px;

	text-align: center;
	color: #000;
	text-decoration: none;
	font-size:1.3em;
	
}
	#menu li a:hover + .myhide, .myhide:hover {
	display: block !important;
}
#menu li ul li a {
	width:100%;
	background-color:#808080 !important ;
	font-size:1.3em;
}
#menu li ul li a:hover {
	
	background-color:#e31837 !important ;
	
}
.topmenu{margin-top:20px;    margin-left: 10px;}
}
@media screen and (min-width : 1024px){
#menu li a {
	display:inline-block;
	padding-left: 20px;
	padding-right: 20px;
	
	text-align: center;
	color: #000;
	text-decoration: none;
	font-size:1.4em;
	
}
#menu li ul li a {
	width:100%;
	background-color:#808080 !important ;
	font-size:1.4em;
}
#menu li ul li a:hover {
	
	background-color:#e31837 !important ;
	
}
.topmenu{margin-top:20px;margin-left: 0px;}
}
@media screen and (min-width : 1200px){
	#menu li a {
	
	font-size:1.4em;
	   
}
}
/*Responsive Styles*/

@media screen and (max-width : 760px){
	.topmenu ul{display:none}
	/*Make dropdown links appear inline*/
	.topmenu ul{
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	#menu li {
		margin-bottom: 0px;
		border-bottom:1px solid #565656;
	}
	#menu li ul {
		position:static;
	}
	#menu li a{
		text-align:left;
		background:none !important;
	}
	#menu li ul li{
		border-bottom:1px solid #333;
		  background-color: #515050;
	}
	#menu li ul {
		border-top:0px;
	}
	/*Make all menu links full width*/
	#menu li, #menu li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
	.topmenu{position: relative;    height: auto;
    padding: 5px 0;}
}