#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile { 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 #head-mobile { display: none }
#cssmenu > ul { text-align: right }
#cssmenu > ul > li { display: inline-block }
#cssmenu > ul > li > a { padding: 20px 16px; font-size: 16px; text-decoration: none; color: #000;    font-family: 'Proxima Nova'; }
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a.menu_act { color: #ff3741; background:none; /*border-radius: 30px;*/ border-bottom:solid 4px #ff3741; }
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover { -webkit-transition: background .3s ease; -ms-transition: background .3s ease; transition: background .3s ease; }
/*#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
*/
#cssmenu > ul > li.has-sub:hover > a:before { top: 23px; height: 0 }
#cssmenu ul ul { position: absolute; left: -9999px; padding-left: 0; }
.smaller #cssmenu ul ul { background: rgba(0, 0, 0, 0.72); }
#cssmenu ul ul li { height: 0; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; /*background: rgba(0,0,0,.3);*/ transition: all .25s ease }
#cssmenu ul ul li:hover { }
#cssmenu li:hover > ul { left: 10px }
#cssmenu li:hover > ul > li { height: auto; }
#cssmenu li ul li:hover ul  { left: 0 }
#cssmenu ul ul ul { margin-left: 100%; top: 0 }
#cssmenu ul ul li a { border-bottom: 1px solid rgba(150,150,150,0.15); padding: 10px 15px; width: 170px; font-size: 13px; text-decoration: none; color: #000; font-weight: 400; text-align: left; line-height: 1.2; margin-left:0; }
#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a { border-bottom: 0 }
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #dd2f38; /*background:rgba(0,0,0,.3);*/ }

#cssmenu ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #ddd; content: '' }
#cssmenu ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #ddd; content: ''; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease }
#cssmenu ul ul > li.has-sub:hover > a:before { top: 17px; height: 0 }
/*#cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover { background: #363636; }
#cssmenu ul ul li.has-sub:hover > a, #cssmenu ul li.has-sub ul li.has-sub ul li:hover > a{color:#fff} */

#cssmenu ul ul ul li.active a { border-left: 1px solid #333 }
#cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active> a { border-top: 1px solid #333 }

@media screen and (max-width:1000px) {
header nav { width: 100%; }
#cssmenu { width: 100% }
#cssmenu ul { width: 100%; display: none }
#cssmenu ul li { width: 100%; border-top: 1px solid #444 }
#cssmenu ul li:hover { background: #363636; }
#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 }
#cssmenu > ul > li { float: none }
#cssmenu ul ul li a { padding-left: 25px }
#cssmenu ul ul li { background: #333!important; }
#cssmenu ul ul li:hover { background: #363636!important }
#cssmenu ul ul ul li a { padding-left: 35px }
#cssmenu ul ul li a { color: #ddd; background: none }
#cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a { color: #fff }
#cssmenu ul ul, #cssmenu ul ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left }
#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 #head-mobile { display: block; padding: 23px; color: #ddd; font-size: 12px; font-weight: 700 }
.button { width: 55px; height: 46px; position: absolute; right: 0; top: 0; cursor: pointer; z-index: 12399994; background:#000 }
.button:after { position: absolute; top: 22px; right: 20px; display: block; height: 8px; width: 20px; border-top: 2px solid #d4d4d4; border-bottom: 2px solid #d4d4d4; content: '' }
.button:before { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 16px; right: 20px; display: block; height: 2px; width: 20px; background: #d4d4d4; content: '' }
.button.menu-opened:after { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; top: 23px; border: 0; height: 2px; width: 19px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.button.menu-opened:before { top: 23px; background: #fff; width: 19px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) }
#cssmenu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid #444; height: 46px; 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: #ddd; content: '' }
#cssmenu ul ul .submenu-button:after { top: 15px; right: 13px }
#cssmenu .submenu-button.submenu-opened:after { background: #fff }
#cssmenu .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #ddd; content: '' }
#cssmenu ul ul .submenu-button:before { top: 12px; right: 16px }
#cssmenu .submenu-button.submenu-opened:before { display: none }
#cssmenu ul ul ul li.active a { border-left: none }
#cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a { border-top: none }
#cssmenu > ul { text-align: left !important }
.logo_area img { max-height: 80px }
.menu_area { display: block !important; float: right }
#cssmenu .nav { right: 0; position: fixed !important; background: #000; left: 0; margin: 0 0 0 0; top: 100px; }
header.smaller .nav { top: 90px }
}
.home_menu #cssmenu > ul > li > a, .home_menu #cssmenu ul ul li a {color: #000 !important;}
.home_menu #cssmenu > ul > li > a, .home_menu #cssmenu ul li a {color: #fff !important;}
.home_menu #cssmenu ul ul {background: #fff;}
header.smaller #cssmenu > ul > li > a {color:#000 !important;}
#cssmenu > ul > li > a:focus{background:none !important}