#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:after,#cssmenu > ul:after{content: ".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#cssmenu #menu-button{display:none;}
#cssmenu{width: auto;font-family:"sans-serif";line-height:1;background:#fff;}
#menu-line{position:absolute;bottom:0;left:0;height:3px;background:#f00;-webkit-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;-ms-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
#cssmenu > ul > li{float:left;}
#cssmenu > ul > li > a{ padding:0 40px;font-size:14px; height:60px; line-height:60px; text-decoration:none;text-transform: uppercase;color:#848484;-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 > li:hover > a,#cssmenu > ul > li.active > a{color:#333;}
#cssmenu > ul > li.has-sub > a{}
#cssmenu > ul > li.has-sub > a::after{ content:""; position:absolute;top:25px; right:20px;width:5px;height:5px;border-bottom:1px solid #000; border-right:1px solid #000;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;}
#cssmenu > ul > li.has-sub:hover > a::after{border-color:#f00;}
#cssmenu ul ul{ width:100%; position:absolute; left:-9999px;}
#cssmenu li:hover > ul{left: auto; border-top:1px solid #ebebeb;}
#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;}
#cssmenu ul li:hover > ul > li{height:50px;}
#cssmenu ul ul li a{ padding:0px 10px; width:100%; float:left; text-align:center; height:50px; line-height:50px; font-size:12px;background-color:#fff;text-decoration:none;color:#333;-webkit-transition: color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition: color .2s ease; box-sizing:border-box; border-bottom:1px solid #ebebeb;}
#cssmenu ul ul li:hover > a{}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{ background-color:#f5f5f5;}
#cssmenu ul ul li.has-sub > a::after{position: absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ccc;border-right: 1px solid #ccc;content: "";-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;}
#cssmenu.align-right ul ul li.has-sub > a::after{right: auto;left: 10px;border-bottom: 0;border-right: 0;border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;}
#cssmenu ul ul li.has-sub:hover > a::after{border-color:#f00;}


@media all and (max-width: 768px), 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{width:100%; height:100%; background-color:rgba(255,255,255,0.9);float:right;}
#cssmenu ul.h_sub{ width:50%; height:100%; background-color:#fff; display:none; position:fixed; right:0; padding:0 2%; box-sizing:border-box; -webkit-transition-property:width,height,-webkit-transform; -o-transition-property:width,height,-o-transform; -moz-transition-property:width,height,-moz-transform;transition-property:width,height,transform; -webkit-transition-duration:300ms; -o-transition-duration:300ms; -moz-transition-duration:300ms; transition-duration:300ms;}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
#cssmenu ul li{width:100%;border-bottom:1px solid #ebebeb;}
#cssmenu ul ul{ width:100%; padding:0 20px; box-sizing:border-box; border-top:1px solid #ebebeb;}
#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:50px;border-bottom:1px dashed rgba(120, 120, 120, 0.15);}
#cssmenu ul ul li:last-child,#cssmenu ul li:hover > ul > li:last-child{ border:none;}
#cssmenu ul li a{width:100%; height:45px; line-height:45px; text-align:center;}
#cssmenu ul ul li a{width:100%; border:none;}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
#cssmenu ul ul li a{padding:0px;font-size:14px;color:#666;background:none;}
#cssmenu > ul > li > a{ padding:0;}
#cssmenu li:hover > ul{}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{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 > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after{display:none;}
#cssmenu > ul > li.has-sub > a{ padding-right:0;}
#menu-line{display:none;}
#cssmenu #menu-button{display:block; height:70px; color:#000; cursor:pointer; font-size:14px; text-transform:uppercase;}
#cssmenu #menu-button::after{content:''; position:absolute; top:26px; right:0px; display:block; width:25px; height:2px; background-color:#000;}
#cssmenu #menu-button::before{content:''; position:absolute; top:34px; right:0px; display:block; width:25px; height:6px; border-top:2px solid #000;border-bottom:2px solid #000;}
#cssmenu #menu-button.menu-opened:after{content:''; position:absolute; top:35px; right:0px; display:block; width:25px; height:2px; background-color:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);-webkit-transition-property:background-color, -webkit-transform; -o-transition-property:background-color, -o-transform; transition-property:background-color, transform; -moz-transition-property:background-color, -moz-transform; -webkit-transition-duration:300ms; -o-transition-duration:300ms; -moz-transition-duration:300ms; transition-duration:300ms;}
#cssmenu #menu-button.menu-opened:before{content: ''; position:absolute; top:35px; right:0px; display:block; width:25px; height:2px; border-top:2px solid #000; border-bottom:2px solid #000; border:none; background-color:#000; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition-property:background-color, -webkit-transform; -o-transition-property:background-color, -o-transform; transition-property:background-color, transform; -moz-transition-property:background-color, -moz-transform; -webkit-transition-duration:300ms; -o-transition-duration:300ms; -moz-transition-duration:300ms; transition-duration:300ms;}
#cssmenu .submenu-button{position:absolute; z-index:10; right:0; top:0; display:block; height:45px; width:100%; cursor:pointer; }
#cssmenu .submenu-button::after{content:''; position:absolute; top:18px; right:26px; width:8px; height:8px; border-bottom:1px solid #333; border-right:1px solid #333; z-index:99; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition:border-color 0.2s ease;}
#cssmenu .submenu-button::before{content:''; position:absolute; right:26px; top:23px; width:8px; height:8px; border-top:1px solid #333; border-left:1px solid #333; z-index:99; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition:border-color 0.2s ease; transition:border-color 0.2s ease;}
#cssmenu .submenu-button.submenu-opened:after{display:none;}
#cssmenu .submenu-button.submenu-opened:before{display:block;}
#cssmenu .submenu-button:before{display:none;}
}

@media all and (max-width: 479px) {
#cssmenu{width:100%; height:100%; background-color:rgba(255,255,255,0.9);float:right;}
#cssmenu ul.h_sub{ width:50%; height:100%; background-color:#fff; display:none; position:fixed; right:0; top:60px; padding:0 2%; box-sizing:border-box; -webkit-transition-property:width,height,-webkit-transform; -o-transition-property:width,height,-o-transform; -moz-transition-property:width,height,-moz-transform;transition-property:width,height,transform; -webkit-transition-duration:300ms; -o-transition-duration:300ms; -moz-transition-duration:300ms; transition-duration:300ms; border-top:1px solid #ebebeb;}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
#cssmenu ul li{width:100%;border-bottom:1px solid #ebebeb;}
#cssmenu ul ul{ width:100%; padding:0 20px; box-sizing:border-box; border-top:1px solid #ebebeb;}
#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:50px;border-bottom:1px dashed rgba(120, 120, 120, 0.15);}
#cssmenu ul ul li:last-child,#cssmenu ul li:hover > ul > li:last-child{ border:none;}
#cssmenu ul li a{width:100%; height:45px; line-height:45px; text-align:center;}
#cssmenu ul ul li a{width:100%; border:none;}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
#cssmenu ul ul li a{padding:0px;font-size:14px;color:#666;background:none;}
#cssmenu > ul > li > a{ padding:0;}
#cssmenu li:hover > ul{}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{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 > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after{display:none;}
#cssmenu > ul > li.has-sub > a{ padding-right:0;}
#menu-line{display:none;}
#cssmenu #menu-button{display:block; height:60px; color:#000; cursor:pointer; font-size:14px; text-transform:uppercase;}
#cssmenu #menu-button::after{content:''; position:absolute; top:22px; right:0px; display:block; width:25px; height:2px; background-color:#000;}
#cssmenu #menu-button::before{content:''; position:absolute; top:30px; right:0px; display:block; width:25px; height:6px; border-top:2px solid #000;border-bottom:2px solid #000;}
#cssmenu #menu-button.menu-opened:after{content:''; position:absolute; top:30px; right:0px; display:block; width:25px; height:2px; background-color:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);-webkit-transition-property:background-color, -webkit-transform; -o-transition-property:background-color, -o-transform; transition-property:background-color, transform; -moz-transition-property:background-color, -moz-transform; -webkit-transition-duration:300ms; -o-transition-duration:300ms; -moz-transition-duration:300ms; transition-duration:300ms;}
#cssmenu #menu-button.menu-opened:before{content: ''; position:absolute; top:30px; right:0px; display:block; width:25px; height:2px; border-top:2px solid #000; border-bottom:2px solid #000; border:none; background-color:#000; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition-property:background-color, -webkit-transform; -o-transition-property:background-color, -o-transform; transition-property:background-color, transform; -moz-transition-property:background-color, -moz-transform; -webkit-transition-duration:300ms; -o-transition-duration:300ms; -moz-transition-duration:300ms; transition-duration:300ms;}
#cssmenu .submenu-button{position:absolute; z-index:10; right:0; top:0; display:block; height:45px; width:100%; cursor:pointer; }
#cssmenu .submenu-button::after{content:''; position:absolute; top:18px; right:26px; width:8px; height:8px; border-bottom:1px solid #333; border-right:1px solid #333; z-index:99; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition:border-color 0.2s ease;}
#cssmenu .submenu-button::before{content:''; position:absolute; right:26px; top:23px; width:8px; height:8px; border-top:1px solid #333; border-left:1px solid #333; z-index:99; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition:border-color 0.2s ease; transition:border-color 0.2s ease;}
#cssmenu .submenu-button.submenu-opened:after{display:none;}
#cssmenu .submenu-button.submenu-opened:before{display:block;}
#cssmenu .submenu-button:before{display:none;}


}