#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {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 #menu-button { display: none;}
#cssmenu { font-family:'Poppins', sans-serif; float:right;}
#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 > ul > li > a {padding:17px 24px; font-size:16px; text-decoration:none; color:#000; font-weight:500; text-transform: uppercase;}
*#cssmenu > ul > li:last-child a, #cssmenu > ul > li:last-child:hover a { background:#C3862B; color:#fff; border-radius:50px; padding:17px 56px 17px 28px;}
#cssmenu > ul > li:last-child a::after { font-family: FontAwesome; content:"\f061"; width:40px; height:40px; background:#fff; border-radius:100%; position:absolute; right:5px; top:5px; color:#C3862B; text-align:center; line-height:42px;}

#cssmenu > ul > li:hover > a { color:#C3862B;}
#cssmenu > ul > li .active{color:#000;}

#cssmenu .current-menu-item {color:#000;}
/*#cssmenu .current-menu-item {color:#e5893c;}*/
#cssmenu ul li.current-menu-ancestor > a{color: #e5893c !important;}

#cssmenu > ul > li.has-sub:hover > a:before { top:20px; height:auto;}
#cssmenu ul ul { position:absolute; left:-9999px;}
#cssmenu.align-right ul ul { text-align:right;}
#cssmenu ul ul li { height:0;  -webkit-transition: all .25s ease;  -moz-transition: all .25s ease;  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;  transition: all .25s ease;}
#cssmenu li:hover > ul { left:auto;}
#cssmenu.align-right li:hover > ul { left:auto; right: 0;}
#cssmenu li:hover > ul > li { height:auto;}
#cssmenu ul ul ul { margin-left: 100%; top:0;}
#cssmenu.align-right ul ul ul { margin-left:0; margin-right:100%;} 
#cssmenu ul ul{ background:#fff; box-shadow: 0 0 10px #d7d7d7; }
#cssmenu ul ul li a { border-top: 1px solid #eaeaea; padding:15px 14px; width:270px; text-transform:capitalize; font-size:15px; text-decoration:none;
  color:#000; font-weight:400; background:#fff; z-index:22; line-height:1.4;}
#cssmenu ul ul li:first-child a{ border:0;}
#cssmenu ul ul li a:hover{ background:#fff; color:#ed8b30;} 


@media ( max-width: 1199px) {
	#cssmenu > ul > li > a {padding:15px 10px; font-size:14px;}
	#cssmenu > ul > li:last-child a, #cssmenu > ul > li:last-child:hover a {padding:15px 18px;}	
	#cssmenu > ul > li:last-child a::after { display:none;}
	
}
@media ( max-width: 991px) {	
	#cssmenu { width:100%; background:none; position:absolute; z-index:222; right:0;}
	#cssmenu ul { width: 100%; display: none; background:#000; margin-top:0;}
	#cssmenu.align-center > ul { text-align: left;}
	#cssmenu ul li {width: 100%; border-top: 0px solid rgba(120, 120, 120, 0.2);}
	#cssmenu ul ul li,
	#cssmenu li:hover > ul > li { height:auto;}    
	#cssmenu ul li a,
	#cssmenu ul ul li a { width:100%; border-bottom:0; color:#FFF; font-size:14px; padding:16px 20px; border-top: 1px solid rgba(120, 120, 120, 0.2); margin:0;}
	#cssmenu > ul > li:last-child a, #cssmenu > ul > li:last-child:hover a { padding:16px 20px; border-radius:0; margin-top:0px;}	
	#cssmenu > ul > li:hover > a { color:#fff;}
		
	#cssmenu > ul > li {float:none;}
	#cssmenu ul ul li a {padding-left:30px; font-size:14px; } 
	#cssmenu ul ul ul li a { padding-left:35px;}
	#cssmenu ul ul li a {color:#dddddd; background:none;}
	#cssmenu ul ul li:hover > a,
	#cssmenu ul ul li.active > a {background:#262626; color:#FFFFFF; }
	#cssmenu > ul > li .active, #cssmenu li .active { background:#131313; color:#fff; border-bottom: solid #0095d9 0px;}
	
	#cssmenu ul ul {background:none; box-shadow:none;}
		
	#cssmenu ul ul,
	#cssmenu ul ul ul,
	#cssmenu.align-right ul ul { position: relative; left: 0;  width: 100%;  margin: 0; text-align: left;}
	#cssmenu > ul > li.has-sub i{ display:none;}
	#cssmenu > ul > li.has-sub > a:after,
	#cssmenu > ul > li.has-sub > a:before,
	#cssmenu ul ul > li.has-sub > a:after,
	#cssmenu ul ul > li.has-sub > a:before { display: none;}
	#cssmenu #menu-button { display: block; padding: 17px; color: #f00; cursor: pointer; font-size: 12px; text-transform: uppercase;
	font-weight:normal; position: absolute; top:-55px; right:0px;}
	#cssmenu #menu-button:after,  #cssmenu #menu-button.menu-opened:after { position:absolute; top:22px; right:17px; display:block;
	height: 9px; width:20px; border-top:2px solid #000; border-bottom:2px solid #000; content: '';}
	#cssmenu #menu-button:before , #cssmenu #menu-button.menu-opened:before{ position:absolute; top:16px; right:17px; display:block;
	height: 2px; width:20px; background:#000; content: '';}
	#cssmenu .submenu-button {position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.2); height:44px; width: 46px; cursor: pointer;}
	#cssmenu .submenu-button.submenu-opened { background: #262626;}
	#cssmenu ul ul .submenu-button {height: 34px; width: 34px;}
	#cssmenu .submenu-button:after { position:absolute; top:22px; right:19px; width:8px; height:2px; display:block;   background: #dddddd; content: '';  }
	#cssmenu ul ul .submenu-button:after {top: 15px; right: 13px;}
	#cssmenu .submenu-button.submenu-opened:after {background: #ffffff;}
	#cssmenu .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px;   background: #dddddd;  content: '';  }
	#cssmenu ul ul .submenu-button:before { top:12px; right:16px;}
	#cssmenu .submenu-button.submenu-opened:before {display: none;}
}

@media ( max-width: 767px) {
	#cssmenu #menu-button { top:-62px;}
}

@media ( max-width: 575px) {}