@import url(https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i);
#cssmenu,  #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {

	border: 0 none;

	box-sizing: border-box;

	display: block;

	line-height: 1;

	list-style: outside none none;

	margin: 0;

	padding: 0 0 0 4px;

	position: relative;

}

#cssmenu::after, #cssmenu > ul::after {

	clear: both;

	content: ".";

	display: block;

	height: 0;

	line-height: 0;

	visibility: hidden;					

}#cssmenu{padding:0px;}

#cssmenu #menu-button {

	display: none;

}

#cssmenu {

    

 

   

 font-family: "Merriweather",serif;





	line-height: 1;

	width: auto;

}

#cssmenu > ul > li {

	float: left;

}

#cssmenu.align-center > ul {

	font-size: 0;

	text-align: center;

}

#cssmenu.align-center > ul > li {

	display: inline-block;

	float: none;

}

#cssmenu.align-center ul ul {

	text-align: left;

}

#cssmenu.align-right > ul > li {

	float: right;

}

#cssmenu.align-right ul ul {

	text-align: right;

}

#cssmenu > ul > li.has-sub > a::after {

  border-bottom: 1px solid #fff;

  border-right: 1px solid #fff;

  content: "";

  height: 5px;

  position: absolute;

  right: 5px;

  top: 35px;

  transform: rotate(45deg);

  transition: border-color 0.2s ease 0s;

  width: 5px;

}
#cssmenu > ul > li > a {
  color: #fff;
font-family: "Merriweather",serif;
  font-size: 16px;
  font-weight: 500;
  padding: 30px 17px;
  text-decoration: none;
  text-transform: capitalize;
  transition: color 0.2s ease 0s;
  
}


#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {
  color: #e01a33;
}
/*#cssmenu > ul > li.has-sub > a {

	padding-right: 25px;

}*/



#cssmenu > ul > li.has-sub:hover > a::after {

	border-color: #009ae1;

}

#cssmenu ul ul {

	left: -9999px;

	position: absolute;

	z-index: 9;

	margin: 0px;

	padding: 0px;

}

#cssmenu li:hover > ul {

	left: auto;

}

#cssmenu.align-right li:hover > ul {

	right: 0;

}

#cssmenu ul ul ul {

	margin-left: 100%;

	top: 0;

}

#cssmenu.align-right ul ul ul {

	margin-left: 0;

	margin-right: 100%;

}

#cssmenu ul ul li {

	height: 0;

	transition: height 0.2s ease 0s;

	margin: 0px;

	padding: 0px;

}

#cssmenu ul li:hover > ul > li {

	height: 37px;

}

#cssmenu ul ul li a {

	background: #000  none repeat scroll 0 0;

	color: #fff;

	text-align: left;

	font-size: 14px;

	padding: 7px 0 7px 13px;

	text-decoration: none;

	transition: color 0.2s ease 0s;

	width: 237px;

	font-weight:400;

	line-height:24px;

}

#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {

	color: #fff;

	background-color:#ef3e36;

}

#cssmenu ul ul li.has-sub > a::after {

	border-bottom: 1px solid #dddddd;

	border-right: 1px solid #dddddd;

	content: "";

	height: 4px;

	position: absolute;

	right: 10px;

	top: 22px;

	transform: rotate(-45deg);

	transition: border-color 0.2s ease 0s;

	width: 4px;

}

#cssmenu.align-right ul ul li.has-sub > a::after {

	border-color: #dddddd -moz-use-text-color -moz-use-text-color #dddddd;

	border-style: solid none none solid;

	border-width: 1px 0 0 1px;

	left: 10px;

	right: auto;

}

#cssmenu ul ul li.has-sub:hover > a::after {

	border-color: #ffffff;

}

@media all and (max-width: 1024px), not all, only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), not all, not all, only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#cssmenu {

 width: 100%;

}

#cssmenu ul {

 display: none;

 width: 100%;

}

#cssmenu.align-center > ul, #cssmenu.align-right ul ul {

 text-align: left;

}

#cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li {

 border-top: 1px solid rgba(120, 120, 120, 0.15);

 height: auto;

 width: 100%;

}

#cssmenu ul li a, #cssmenu ul ul li a {

 width: 100%;

}

#cssmenu > ul > li, #cssmenu.align-center > ul > li, #cssmenu.align-right > ul > li {

 display: block;

 float: none;

}

#cssmenu ul ul li a {

 background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

 color: #fff;

 font-size: 12px;

 padding: 7px 20px 7px 30px;

}

#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {

 color: #000000;

}

#cssmenu ul ul ul li a {

 padding-left: 40px;

}

#cssmenu ul ul, #cssmenu ul ul ul {

 left: 0;

 margin: 0;

 position: relative;

 right: auto;

 width: 100%;

}

#cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after {

 display: none;

}

#menu-line {

 display: none;

}

#cssmenu #menu-button {

 color: #000000;

 cursor: pointer;

 display: block;

 font-size: 12px;

 padding:15px 20px;

 text-transform: uppercase;

}

#cssmenu #menu-button::after {

 background: #fff none repeat scroll 0 0;

 content: "";

 display: block;

 height: 2px;

 position: absolute;

 right: 20px;

 top: 20px;

 width: 15px;

}

#cssmenu #menu-button::before {

 border-bottom: 2px solid #fff;

 border-top: 2px solid #fff;

 content: "";

 display: block;

 height: 7px;

 position: absolute;

 right: 20px;

 top: 25px;

 width: 15px;

}

#cssmenu .submenu-button {

 border-left: 1px solid rgba(120, 120, 120, 0.15);

 cursor: pointer;

 display: block;

 height: 42px;

 position: absolute;

 right: 0;

 top: 0;

 width: 52px;

 z-index: 10;

}

#cssmenu .submenu-button::after {

 background: #fff none repeat scroll 0 0;

 content: "";

 display: block;

 height: 11px;

 left: 26px;

 position: absolute;

 top:15px;

 width: 1px;

 z-index: 99;

}

#cssmenu .submenu-button::before {

 background: #fff none repeat scroll 0 0;

 content: "";

 display: block;

 height: 1px;

 left: 21px;

 position: absolute;

 top: 20px;

 width: 11px;

 z-index: 99;

}

#cssmenu .submenu-button.submenu-opened::after {

 display: none;

}

.container {

 width: 100%;

}

}