/* MAIN MENU DROPDOWN */

#myslidemenu { padding:0; margin: 10px 0; float:left; -moz-transition:0.1s all; -webkit-transition:0.1s all; transition:0.1s all;}
#myslidemenu > ul { display:block; margin:0; padding:0; } /* Fix for extra wrapper in default menu markup */
/* Menu Elements */
#myslidemenu li { float:left; }
#myslidemenu > ul > li {padding:14px 20px;}
#myslidemenu > ul > li {transition: all 0.5s ease 0s;}
#myslidemenu > ul > li > a >span {transition: all 0.5s ease 0s;}
#myslidemenu > ul > li > a > b {line-height:15px;display:block;font-size:11px;font-weight:normal;}
#myslidemenu li { position:relative; margin:0; list-style:none; -moz-transition:0.1s all; -webkit-transition:0.1s all; transition:0.1s all; }
#myslidemenu li a { display:block; margin:0; padding:0; -moz-transition:0.1s all; -webkit-transition:0.1s all; transition:0.1s all; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
/* REMOVE BIG SCROLLING FOR HUGE MENUS */
#myslidemenu > ul li ul li {display:none;}
#myslidemenu > ul li:hover ul li {display:block;}

#myslidemenu > ul li ul li {padding:0px;}
#myslidemenu > ul li ul li a {padding:10px;}
#myslidemenu li a .menu-description { display:none; }
#myslidemenu li:hover { text-decoration:none; }
#myslidemenu li:hover > a, #myslidemenu li a:hover { text-decoration:none; }
/* Current item highlight both normally and on hover */
#myslidemenu .inPath > a, #myslidemenu .inPath > a { color:#e62619; }
#myslidemenu .inPath > a:hover, #myslidemenu .inPath > a:hover { }
/* Children Elements */
#myslidemenu  ul, #myslidemenu  li, #myslidemenu  a { -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; }
#myslidemenu .has-children:before { display:block; position:absolute; top:50%; right:10px; list-style:none; font-family:'fontawesome'; content:'\f0c9'; font-size:8px; line-height:14px; margin-top:-7px; color:#444; }
#myslidemenu .has-children > a { padding-right:24px; }
#myslidemenu li ul { visibility:hidden; opacity:0; margin:0 0 0 10px; padding:20px; position:absolute; background:#fff; top:100%; left:-70px; box-shadow:0 1px 3px 0 rgba(0,0,0,0.1); border:1px solid #ddd; border-radius:1px; z-index:10000; }
#myslidemenu li ul:before { display:block; position:absolute; left:90px; top:-8px; width:0; height:0;  content:' '; border-bottom:8px solid #fff; border-left:12px solid transparent; border-right:12px solid transparent; z-index:9999; }
#myslidemenu li ul:after { display:block; position:absolute; left:90px; top:-9px; width:0; height:0;  content:' '; border-bottom:8px solid #ddd; border-left:12px solid transparent; border-right:12px solid transparent; z-index:9998; }
#myslidemenu li ul li { }
#myslidemenu li ul li a { width:200px; line-height:1.5; font-size:1em; height:auto; padding:10px; border-top:1px solid #eee; text-shadow:none; }
#myslidemenu li ul li:first-child a { border-top:none; }
#myslidemenu li ul li:hover > a,  #myslidemenu li ul li a:hover { opacity:0.5; }
/* Children display on hover */
#myslidemenu li:hover > ul { visibility:visible; opacity:1; margin:0; }
/* Further Children Elements */
#myslidemenu li ul > li:hover { overflow:visible; }
#myslidemenu li ul ul { margin:0; top:-15px; left:215px; }
#myslidemenu li ul ul:before { left:-8px; top:20px; border-right:8px solid #fff; border-bottom:12px solid transparent; border-top:12px solid transparent; border-left:none; }
#myslidemenu li ul ul:after { left:-9px; top:20px; border-right:8px solid #ddd; border-bottom:12px solid transparent; border-top:12px solid transparent; border-left:none; }

