/* Menu */
.menu {line-height: 1.25em;}

#main-menu {margin:0;padding: 0;display: block;position: relative;}
#main-menu ul {list-style: none;padding: 0;display: block; z-index:99999; }
#main-menu ul:after {content: ' ';display: block;font-size: 0;height: 0;clear: both;visibility: hidden;}
#main-menu > ul > li {width:16.66%;text-align:center;margin: 0;padding: 0;display: block;position: relative;border-right: #6e6e70 solid 1px;padding-right:10px;padding-left:10px;}
    #main-menu > ul > li:first-child {border-left:solid 1px #6e6e70
    }

#main-menu ul li a {color:#fff!important; text-decoration: none;display: block;margin: 0;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;}
#main-menu ul li ul {
    position: absolute;left: -9999px;top: auto;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
}
#main-menu ul li ul li {margin:0;max-height: 0;position: absolute;-webkit-transition: max-height 0.4s ease-out;-moz-transition: max-height 0.4s ease-out;-ms-transition: max-height 0.4s ease-out;-o-transition: max-height 0.4s ease-out;transition: max-height 0.4s ease-out;background: #939497;}
#main-menu ul li ul li.has-sub:after {display: block;position: absolute;content: '';height: 10px;width: 10px;border-radius: 5px;background: #000000;z-index: 1;top: 13px;right: 15px;}
#main-menu ul li ul li.has-sub:before {display: block;position: absolute;content: '';height: 0;width: 0;border: 3px solid transparent;border-left-color: #ffffff;z-index: 2;top: 15px;right: 15px;}
#main-menu ul li ul li a {font-size: 16px;font-weight: 400;text-transform: none;color: #fff!important;letter-spacing: 0;display: block;width: 190px;padding: 11px 20px 11px 20px; word-wrap:break-word;border-bottom: 1px solid #ddd;text-align:left;}
#main-menu ul li ul li:hover > a,
#main-menu ul li ul li.selected > a {color: #000!important; background:none;border-left:solid 4px #6e6e70}
#main-menu ul li ul li:hover,
#main-menu ul li ul li.selected {background: #fff;}
#main-menu ul li ul li {
    transition: all .2s;
}
#main-menu ul li ul li:hover {
  
}
#main-menu ul li ul li:hover > ul {left:100%;top: 0;z-index:99999;}
#main-menu ul li ul li:hover > ul > li {max-height: 72px;position: relative;}
#main-menu > ul > li {float: left;}

#main-menu > ul > li {float: left;}
#main-menu > ul > li.has-sub > a {padding-right: 40px;}
#main-menu > ul > li.has-sub > a:after {display: block;content: '';background: #ffffff;height: 12px;width: 12px;position: absolute;border-radius: 13px;right: 14px;top: 16px;}
#main-menu > ul > li.has-sub > a:before {display: block;content: '';border: 4px solid transparent;border-top-color: #284e95;z-index: 2;height: 0;width: 0;position: absolute;right: 16px;top: 21px;}

#main-menu > ul > li > a {
    border-top: 4px solid transparent;
    color: #32147c;
    font-size: 16px;
    margin: 0;
   
    position: relative;
    transition: border .2s;
    width: auto;
    z-index: 2;
    padding-top: 20px!important;padding-bottom: 20px!important;
}
.hasSub > a
{
 /*background: url("../images/arrow-bottom.png") no-repeat 100% center;*/

}
#main-menu > ul > li:hover:after,
#main-menu > ul > li.active:after {height: 100%; }
#main-menu > ul > li:hover  ,
#main-menu > ul > li.active  {
   background-color:#367ac2
    
}
#main-menu > ul > li:hover > a:after,
#main-menu > ul > li.active > a:after {background: #45A7BB;}

#main-menu > ul > li:hover > a:before,
#main-menu > ul > li.active > a:before {
    border-top-color: #000;
    
}
#main-menu > ul > li:hover > ul {left: 0;}
#main-menu > ul > li:hover > ul > li {max-height: 82px;position: relative;}
#main-menu ul li.active > a { }
#main-menu ul li ul li.active > a {}
#main-menu #menu-button {display: none;}

@media all and (max-width: 1020px) {
#main-menu > ul > li:hover  ,
#main-menu > ul > li.active  {
   background-color:transparent;
    
}
#main-menu ul li {border-right: none;width:100%;}
#main-menu > ul {  margin:15px 0 0 0 !important;clear:both; float: none;max-height: 0;overflow: hidden;-webkit-transition: max-height 0.35s ease-out;-moz-transition: max-height 0.35s ease-out;-ms-transition: max-height 0.35s ease-out;-o-transition: max-height 0.35s ease-out;transition: max-height 0.35s ease-out;}
#main-menu > ul.open {max-height: 1350px;border-top: 1px solid rgba(110, 110, 110, 0.25);margin:0; padding:0;float: none;}
#main-menu ul > li {float: none;}
#main-menu ul li a {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: 12px 20px;}
#main-menu ul > li:after {display: none;}
#main-menu ul li.has-sub > a:after,#main-menu ul li.has-sub > a:before,#main-menu ul li ul li.has-sub:after,#main-menu ul li ul li.has-sub:before {display: none;}
#main-menu ul li ul,#main-menu ul li ul li ul,#main-menu ul li ul li:hover > ul {left: 0;position: relative;background-color: #fff;}
#main-menu ul li ul li,
#main-menu ul li:hover > ul > li {max-height: 999px;position: relative;background: none;}
#main-menu ul li ul li a {padding: 8px 20px 8px 35px;color: #000!important;width: auto;}
#main-menu ul li ul ul li a {padding: 8px 20px 8px 50px;}
#main-menu ul li.active > a{ background:none !important; color:#f36f23 !important; font-weight:bold; border:none;}
#main-menu ul li:hover > a {color: #f36f23;}
#main-menu #menu-button { clear:both; float:none; margin:0; background-color:#D1D3D4;display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: 15px 20px;font-weight: 700;font-size: 14px;letter-spacing: 1px;color: #231F20;cursor: pointer; position:relative}
#main-menu #menu-button:after {clear:both; float:none;display: block;content: '';position: absolute;height: 3px;width: 22px;border-top: 2px solid #231F20;border-bottom: 2px solid #231F20;right: 20px;top: 16px;}
#main-menu #menu-button:before {clear:both; float:none;display: block;content: '';position: absolute;height: 3px;width: 22px;border-top: 2px solid #231F20;right: 20px;top: 26px;}
}