#cssmenu {position:relative;height:auto;width:auto;}
#cssmenu ul {list-style:none;padding:0;margin:0;line-height:40px;}
#cssmenu > ul {position:relative;display:block;z-index:500;margin:0 auto;text-align:right;}
#cssmenu:after, #cssmenu > ul:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#cssmenu.align-right > ul > li {float:right;}
#cssmenu.align-center ul {text-align:center;}
#cssmenu.align-center ul ul {text-align:left;}
#cssmenu > ul > li {display:inline-block;position:relative;margin:0;padding:0;}
#cssmenu > ul > #menu-button {display:none;}
#cssmenu ul li a {display:block;font-family:'Roboto', sans-serif;text-decoration:none;}
#cssmenu > ul > li > a {font-weight:700;font-size:13px;padding:0 8px;color:#fff;-webkit-transition:color 0.25s ease-out;-moz-transition:color 0.25s ease-out;-ms-transition:color 0.25s ease-out;-o-transition:color 0.25s ease-out;transition:color 0.25s ease-out;text-transform:uppercase;}
#cssmenu > ul > li > a:hover {color:#FFF62C!important;}
#cssmenu > ul > li.has-sub > a {padding-right:32px;}
#cssmenu > ul > li:hover > a {}
#cssmenu li.has-sub::after {display:block;content:"";position:absolute;width:0;height:0;}
#cssmenu > ul > li.has-sub::after {right:10px;top:20px;border:5px solid transparent;border-top-color:#7A8189;}
#cssmenu > ul > li:hover::after {border-top-color:#ffffff;}
#cssmenu ul ul {position:absolute;left:-9999px;top:70px;opacity:0;-webkit-transition:opacity .3s ease, top .25s ease;-moz-transition:opacity .3s ease, top .25s ease;-ms-transition:opacity .3s ease, top .25s ease;-o-transition:opacity .3s ease, top .25s ease;transition:opacity .3s ease, top .25s ease;z-index:1000;}
#cssmenu ul ul ul {top:37px;padding-left:5px;}
#cssmenu ul ul li {position:relative;}
#cssmenu > ul > li:hover > ul {left:auto;top:44px;opacity:1;}
#cssmenu.align-right > ul > li:hover > ul {left:auto;right:0;opacity:1;}
#cssmenu ul ul li:hover > ul {left:170px;top:0;opacity:1;}
#cssmenu.align-right ul ul li:hover > ul {left:auto;right:170px;top:0;opacity:1;padding-right:5px;}
#cssmenu ul ul li a {width:150px;border-bottom:1px solid #eeeeee;padding:10px 20px;font-size:13px;color:#7C5D2E;letter-spacing:1px;background:#ffffff;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-ms-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;}
#cssmenu.align-right ul ul li a {text-align:right;}
#cssmenu ul ul li:hover > a {background:#f2f2f2;color:#8c9195;}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {border-bottom:0;}
#cssmenu > ul > li > ul::after {content:'';border:6px solid transparent;width:0;height:0;border-bottom-color:#ffffff;position:absolute;top:-12px;left:30px;}
#cssmenu.align-right > ul > li > ul::after {left:auto;right:30px;}
#cssmenu ul ul li.has-sub::after {border:4px solid transparent;border-left-color:#9ea2a5;right:10px;top:12px;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;-webkit-transition:-webkit-transform 0.2s ease, right 0.2s ease;}
#cssmenu.align-right ul ul li.has-sub::after {border-left-color:transparent;border-right-color:#9ea2a5;right:auto;left:10px;}
#cssmenu ul ul li.has-sub:hover::after {border-left-color:#ffffff;right:-5px;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}
#cssmenu.align-right ul ul li.has-sub:hover::after {border-right-color:#ffffff;border-left-color:transparent;left:-5px;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}

@media screen and (max-width:990px) {
  #cssmenu {position:relative;height:auto;width:auto;text-align:right;background:#A32F2E;border-top:none;border-bottom:none;}
  
  #cssmenu.align-center ul {
    text-align:left;
  }
  #cssmenu.align-right > ul > li {
    float:none;
  }
  #cssmenu ul {
    width:auto;
  }
  #cssmenu > ul > li > a {font-size:13px;font-weight:700;padding:10px 15px 15px;color:#fff;text-transform:uppercase;-webkit-transition:color 0.25s ease-out;-moz-transition:color 0.25s ease-out;-ms-transition:color 0.25s ease-out;-o-transition:color 0.25s ease-out;transition:color 0.25s ease-out;}
	#cssmenu > ul > li > a:hover {
		color:#C00!important;
		background:#f9f9f9; 
	}  
  #cssmenu .submenuArrow,
  #cssmenu #indicatorContainer {
    display:none;
  }
  #cssmenu > ul {
    height:auto;
    display:block;
	text-align:left;
	float:none;
  }
  #cssmenu > ul > li {
    float:none;
  }
  #cssmenu li,
  #cssmenu > ul > li {
    display:none;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul > li:hover > ul,
  #cssmenu.align-right ul ul > li:hover > ul {
    position:relative;
    left:auto;
    top:auto;
    opacity:1;
    padding-left:0;
    padding-right:0;
    right:auto;
  }
  #cssmenu ul .has-sub::after {
    display:none;
  }
  #cssmenu ul li a {
    padding:12px 20px;
  }
  #cssmenu ul ul li a {
    border:0;
    background:none;
    width:auto;
    padding:8px 35px;
  }
  #cssmenu.align-right ul ul li a {
    text-align:left;
  }
  #cssmenu ul ul li:hover > a {
    background:none;
    color:#8c9195;
  }
  #cssmenu ul ul ul a {
    padding:8px 50px;
  }
  #cssmenu ul ul ul ul a {
    padding:8px 65px;
  }
  #cssmenu ul ul ul ul ul a {
    padding:8px 80px;
  }
  #cssmenu ul ul ul ul ul ul a {
    padding:8px 95px;
  }
  #cssmenu > ul > #menu-button {
    display:block;
    cursor:pointer;
  }
  #cssmenu #menu-button > a {
    padding:22px;
  }
  #cssmenu ul.open li,
  #cssmenu > ul.open > li {
    display:block;
  }
  #cssmenu > ul.open > li#menu-button > a {
    color:#444;
    border-bottom:1px solid rgba(150, 150, 150, 0.1);
  }
  #cssmenu ul ul::after {
    display:none;
  }
  #cssmenu #menu-button::after {
    display:block;
    content:'';
    position:absolute;
    height:7px;
    width:22px;
    border-top:2px solid #fff;
    border-bottom:2px solid #fff;
    right:20px;
    top:15px;
  }
  #cssmenu #menu-button::before {
    display:block;
    content:'';
    position:absolute;
    height:3px;
    width:22px;
    border-top:2px solid #fff;
    right:20px;
    top:25px;
  }
  #cssmenu ul.open #menu-button::after,
  #cssmenu ul.open #menu-button::before {
    border-color:#444;
  }
}
