/************************************* desktop menu************************************/
#menu-trigger {display: none;}
#menu-wrap {padding: 0 0 21px 0;position: relative;z-index: 2;}

#menu-custom,
#menu-custom ul {list-style: none;zoom: 1;}

#menu-custom:before,
#menu-custom:after {content: "";display: table;}

#menu-custom:after {clear: both;}

.desktop #menu-custom {display: block;}
.desktop #menu-custom > li {float: left;margin: 0 1px 0 0;position: relative;}
.desktop #menu-custom > li > a {height: 42px;display: block;padding: 0 10px;font: normal 16px/40px 'Arial';color: #313131;}

.desktop #menu-custom > li.sfHoverForce > a,
.desktop #menu-custom > li:hover > a {background: #df4e19;color: #fff;}

.desktop #menu-custom li ul {width: 228px;padding: 6px 0 27px 0;background: #313131;position: absolute;top: 42px;left: 0;z-index: 1;opacity: 0;visibility: hidden;display:none;
-webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
}
.desktop #menu-custom li:hover > ul {opacity: 1;visibility: visible;display:block;margin: 0;}

.desktop #menu-custom li ul li {position: relative;}
.desktop #menu-custom li ul li a {display: block;padding: 8px 15px 8px 15px;font: normal 13px/1.2em 'Arial';color: #969494;}
.desktop #menu-custom li ul li a:hover {background: #464646;color: #fff;}

.desktop #menu-custom li ul li ul {top: 0;left: 228px;}



@media only screen and (max-width:1199px) {

#menu-wrap {position: relative;}
#menu-wrap * {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
#menu-wrap.desktop {display: none;}

#menu-trigger {height: 42px;padding: 0 0 0 10px;background: #df4e19;font: normal 20px/41px 'Arial';color: #fff;cursor: pointer;}
#menu-trigger .menu-icon {font-size: 25px;line-height:30px;width:auto;display: block;position: absolute;top: 6px;right: 10px;}
.mobile #menu-custom {margin: 0;padding: 0px;position: absolute;top: 42px;width: 100%;z-index: 1;background: #313131;display: none;}

#menu-custom > li,
#menu-custom > li ul {border-top: 1px solid #656565;}

#menu-custom ul.menu-mobile-2 {display: none;}
#menu-custom li {position: static;display: block;position: relative;}
#menu-custom a {display: block;float: none;padding: 10px;color: #fff;font-size: 18px;}
#menu-custom a:hover {background:#464646;}
#menu-custom ul a {padding-left: 25px;width: auto;}
#menu-custom ul ul a {padding-left:60px;width: auto;}
.open-mobile-2 {font-size:24px;line-height:30px;display: block;position: absolute;right: 5px;top: 5px;height:30px;width:30px;text-align:center;vertical-align:middle;color:#fff;}
.open-mobile-2:hover {cursor: pointer;}
.open-mobile-2:hover + a {background:#464646;}

}



@media only screen and (max-width: 767px) {

#menu-wrap {padding: 0;}

}