@import url(https://fonts.googleapis.com/css?family=Yrsa:300,400,500,600,700);

#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;

}

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

    clear: both;

    content: ".";

    display: block;

    height: 0;

    line-height: 0;

    visibility: hidden;

}

#cssmenu #menu-button {

    display: none;

}
#cssmenu > ul > li > ul > li{position:relative;}

#cssmenu {

   

     font-family: 'Yrsa', serif;



    line-height: 1;

    width: auto;

}

#cssmenu > ul > li {

    display: inline-block;

    position:relative;

    vertical-align: top;

}

#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 > a {

	color: #fff;

  

    font-family: 'Yrsa', serif;



	font-size:18px;

	padding: 14px 43px;

	text-decoration: none;

	text-transform:capitalize;

	transition: color 0.2s ease 0s;

	font-weight: 400;

}

#cssmenu > ul > li{border-right:1px solid #a9834f;}

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

	/*background-color: #FCC223;*/

	color: #A9834F;

}



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

	border-color:#A9834F;

}

#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 ul li:last-child{border:none;}

#cssmenu ul li:hover > ul > li {

	height:33px;

}

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

  border-bottom: 2px solid #fff;

  border-right: 2px solid #fff;

  content: "";

  height: 7px;

  position: absolute;

  right: 27px;

  top: 20px;

  transform: rotate(45deg);

  transition: border-color 0.2s ease 0s;

  width: 7px;

}



#cssmenu ul ul li a {

	background: #141414 none repeat scroll 0 0;

	color: #fff;

	text-align: left;

	font-size:16px;

	padding: 10px 10px;

	text-decoration: none;

	transition: color 0.2s ease 0s;

	width: 210px;

	font-weight:400;
	

}

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

	color: #fff;

	background-color:#A9834F;

}

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

	border-bottom: 1px solid #fff;

	border-right: 1px solid #fff;

	content: "";

	height: 7px;

	position: absolute;

	right: 10px;

	top: 15px;

	transform: rotate(-45deg);

	transition: border-color 0.2s ease 0s;

	width: 7px;

}

#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: 910px), 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: 16px;

 padding: 14px 30px;

 font-weight:400;

}

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

 color: #fff;

}

#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: #fff;

 cursor: pointer;

 display: block;

 font-size: 20px;

 padding: 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: 46px;

 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: 21px;

 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: 26px;

 width: 11px;

 z-index: 99;

}

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

 display: none;

}

.container {

 width: 100%;

}

#cssmenu > ul > li{position:relative;}

}