#navigation{position:relative;z-index:500;background:#B00E0E;}
#cssmenu ul ul li a,#cssmenu>ul>li>a{font-weight:700;text-decoration:none}
#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}
#cssmenu{max-width: 1200px;margin: 0 auto;}
#cssmenu>ul>li{float:left}
#cssmenu>ul>li>a{font-family:'Roboto Condensed',sans-serif;font-size:16px;text-transform:uppercase;color:#fff;padding: 15px 20px;-webkit-transition:background .2s ease;-moz-transition:background .2s ease;-ms-transition:background .2s ease;-o-transition:background .2s ease;transition:background .2s ease}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a{background:#fff;color:#B00E0E !important;}
#cssmenu>ul>li.active>a,#cssmenu>ul>li:hover>a{color:#ccc;}
#cssmenu>ul>li.has-sub>a{padding-right:30px}

#cssmenu ul ul li.has-sub>a::after,#cssmenu>ul>li.has-sub>a::after{right:0;content:"";position:absolute}
#cssmenu>ul>li.has-sub>a::after{top:19px;right:15px;width:4px;height:4px;border-bottom:1px solid #fff;border-right:1px solid #fff;-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{position:absolute;left:-9999px; width: auto; margin: auto;}
#cssmenu li:hover>ul{left:auto}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li{height:0;-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;border-left:1px #aaa solid;border-right:1px #aaa solid;border-bottom:1px #aaa solid}
#cssmenu ul li:hover>ul>li{height:44px}
#cssmenu ul ul li a{padding:15px 20px;width:235px;font-size:13px;background:#212121;color:#ddd;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease; font-family:'Roboto Condensed',sans-serif;}
#cssmenu ul ul li a:hover,#cssmenu ul ul li:hover>a{color:#fff;background:#555}
#cssmenu ul ul li.has-sub>a::after{top:18px;right: 8px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;-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}

.stick #cssmenu > ul > li > a{font-size: 14px; padding: 15px 20px;}
.stick #cssmenu > ul > li.has-sub > a::after {display: none;}

@media screen and (max-width:1180px) and (min-width:1020px){
	#cssmenu > ul > li > a{font-size: 14px; padding: 15px;}
}

@media all and (max-width: 1020px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px){
	#cssmenu{background: #000; width: 100%; border-top: 1px #fff solid;}
	#cssmenu ul li a,#cssmenu ul ul li a{width:100%}
	#cssmenu ul{width:100%;display:none;float:none;}
	#cssmenu ul li,#cssmenu ul li:hover>ul>li,#cssmenu ul ul li{width:100%;height:auto;border:none}
	#cssmenu #menu-button::after,#cssmenu #menu-button::before{content:'';right:20px;width:15px;position:absolute}
	#cssmenu>ul>li{float:none;display:block}
	#cssmenu>ul>li>a{font-size:12px;padding:20px;border-top:1px solid #555}
	#cssmenu ul ul li a{padding:15px 20px;font-size:12px;color:#fff;background: #333;border:none;border-top:1px solid rgba(120,120,120,.45)}
	#cssmenu ul ul ul li a{padding-left:30px;background: #555;}
	#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;padding:20px;background: #ffcc00;color:#000;font-weight: 700;cursor:pointer;font-size:12px;text-transform:uppercase}
	#cssmenu #menu-button::after{top:20px;display:block;height:2px;background:#000}
	#cssmenu #menu-button::before{top:25px;display:block;height:7px;border-top:2px solid #000;border-bottom:2px solid #000}
	#cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;height:52px;width:100%;cursor:pointer}
	#cssmenu .submenu-button::after,#cssmenu .submenu-button::before{content:'';position:absolute;display:block;background:#fff;z-index:99}
	#cssmenu .submenu-button::after{top:18px;right:26px;width:1px;height:11px}
	#cssmenu .submenu-button::before{right:21px;top:23px;width:11px;height:1px}
	#cssmenu .submenu-button.submenu-opened:after{display:none}
	
	.header .container{padding: 0;}
	
	.stick{position: relative;}
	.header-container{position: relative; top: 0;}
	.header-push, .push{display:none;}
	
	.stick .top-header, .stick #logo, .stick #used-equipment{display:block}
}