/************************************* desktop menu************************************/
#menu-trigger,
#menu-wrap {display: none;}

#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;padding: 0 0 0 20px;position: relative;}
.desktop #menu-custom > li + li {}
.desktop #menu-custom > li > a {height: 50px;display: block;font: normal 20px/50px 'Arial';color: #fff;}

.desktop #menu-custom > li:hover > a {color: #747474;}

.desktop #menu-custom li ul {width: 220px;background: #444;position: absolute;top: 50px;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: 10px;font-weight: bold;color: #fff;}
.desktop #menu-custom li ul li a:hover {background: #777;}

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



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

#menu-trigger,
#menu-wrap {display: block;}

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

#menu-trigger {height: 55px;cursor: pointer;padding: 0 0 0 10px;background: url(../../../../img/gradient_dark.png) 0 0 repeat-x;font: 600 20px/53px 'Open Sans';color: #fff;
-webkit-border-radius: 4px;
        border-radius: 4px;
}

#menu-trigger .menu-icon {font-size:30px;line-height:30px;width:auto;display: block;position: absolute;top: 12px;right: 10px;}
.mobile #menu-custom {width: 100%;margin: 0;padding: 0;overflow: hidden;background: #3d3d3d;border-top: 3px solid #3d3d3d;position: absolute;top: 52px;z-index: 1;
display: none;
-webkit-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
}

#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:#6f9f12;}
#menu-custom ul a {padding-left:40px;width: auto;}
#menu-custom ul ul a {padding-left:60px;width: auto;}
.open-mobile-2 {font-size:25px;line-height:30px;display: block;position: absolute;right: 8px;top: 4px;height:30px;width:30px;text-align:center;vertical-align:middle;color:#fff;}
.open-mobile-2:hover {cursor: pointer;}
.open-mobile-2:hover + a {background:#6f9f12;}

}



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

#menu-wrap {margin: 0;}

#menu-trigger {height: 42px;line-height: 40px;
-webkit-border-radius: 0;
        border-radius: 0;
}

#menu-trigger .menu-icon {top: 6px;}

.mobile #menu-custom {background: #424141;border: none;top: 42px;
-webkit-border-radius: 0;
        border-radius: 0;
}


}