#cssmenu,#cssmenu #menu-button,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{margin:0; padding:0; border:0; list-style:none; line-height:1; display:block; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#cssmenu:after,#cssmenu>ul:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
#cssmenu #menu-button{display:none; height: 31px; width: 36px; cursor: pointer; background: url(../img/menu.png) no-repeat center 8px #ed2028; text-indent: -999em;}
#cssmenu #menu-button.menu-opened{background-position: center -24px;}
#cssmenu{line-height:1;}
#menu-line{position:absolute; display:none !important; top:0; left:0; height:3px; -webkit-transition:all .25s ease-out; -moz-transition:all .25s ease-out; -ms-transition:all .25s ease-out; -o-transition:all .25s ease-out; transition:all .25s ease-out;}
#cssmenu>ul>li{float:left; margin-left:30px;}
#cssmenu>ul>li>a{font-size:14px; padding:10px 0; font-weight:700; background-color:transparent; display:block; text-transform:uppercase; color:#2c2c2c; border-bottom:2px solid transparent;}
#cssmenu>ul>li.active>a,#cssmenu>ul>li:hover>a{border-color:#ed2028;}
#cssmenu>ul>li.has-sub>a{padding-right:25px;}
#cssmenu>ul>li.has-sub>a::after{position:absolute; top:21px; right:10px; width:4px; height:4px; border-bottom:1px solid #000; border-right:1px solid #000; content:""; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:border-color .2s ease; -moz-transition:border-color .2s ease; -ms-transition:border-color .2s ease; -o-transition:border-color .2s ease; transition:border-color .2s ease;}
#cssmenu>ul>li.has-sub:hover>a::after{border-color:#009ae1;}
#cssmenu ul ul{position:absolute; left:-9999px;}
#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{}
#cssmenu ul ul li a{padding:10px 20px; width:160px; font-size:12px; background:#333; text-decoration:none; color:#ddd; -webkit-transition:color .2s ease; -moz-transition:color .2s ease; -ms-transition:color .2s ease; -o-transition:color .2s ease; transition:color .2s ease;}
#cssmenu ul ul li a:hover,#cssmenu ul ul li:hover>a{color:#fff;}
#cssmenu ul ul li.has-sub>a::after{position:absolute; top:13px; right:10px; width:4px; height:4px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; content:""; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition:border-color .2s ease; -moz-transition:border-color .2s ease; -ms-transition:border-color .2s ease; -o-transition:border-color .2s ease; transition:border-color .2s ease;}
#cssmenu ul ul li.has-sub:hover>a::after{border-color:#fff;}

@media all and (max-width:979px){
	#cssmenu{width:100%;}
	#cssmenu ul{display:block !important; position: absolute; top: 100%; right: 0; margin-top: 1px; width: 220px; background-color:#ed2028; opacity: 0; visibility: hidden; transition:all ease 0.3s; -o-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transform: translateX(300px); -o-transform: translateX(300px); -ms-transform: translateX(300px); -moz-transform: translateX(300px); -webkit-transform: translateX(300px);}
	#cssmenu ul.open{opacity: 1; visibility: visible; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
	#cssmenu ul li,#cssmenu ul li:hover>ul>li,#cssmenu ul ul li{width:100%; height:auto; border-bottom: 1px solid #fff;}
	#cssmenu>ul>li{float:none; display:block; margin-left:0;}
	#cssmenu ul li a{color:#fff; border-bottom:0 none; padding:10px;}
	#cssmenu ul li a:hover{background-color: #fff; color:#ed2028;}
	#cssmenu ul ul li a{padding:20px 20px 20px 30px; font-size:12px; color:#000; background:0 0;}
	#cssmenu ul ul li a:hover,#cssmenu ul ul li:hover>a{color:#000;}
	#cssmenu ul ul ul li a{padding-left:40px;}
	#cssmenu ul ul,#cssmenu ul ul ul{position:relative; left:0; right:auto; width:100%; margin:0;}
	#cssmenu ul ul li.has-sub>a::after,#cssmenu>ul>li.has-sub>a::after,#menu-line{display:none;}
	#cssmenu #menu-button{display:block;}
	#cssmenu .submenu-button{position:absolute; z-index:10; right:0; top:0; display:block; border-left:1px solid rgba(120,120,120,.15); height:52px; width:52px; cursor:pointer;}
	#cssmenu .submenu-button::after,#cssmenu .submenu-button::before{content:''; position:absolute; display:block; background:#000; z-index:99;}
	#cssmenu .submenu-button::after{top:21px; left:26px; width:1px; height:11px;}
	#cssmenu .submenu-button::before{left:21px; top:26px; width:11px; height:1px;}
	#cssmenu .submenu-button.submenu-opened:after{display:none;}
}