/* Menu Styles */

/* Init Logic */
.menu-toggle-button{/*padding:1em;*/border:0px solid #000;cursor:pointer; height: 30px;}
.menu-toggle-button{display:none;}
.menu-toggle-button.active{border:0px solid #777;color:#777;}
.menu-toggle-button img { margin: 0 auto; }

ul.menu-list{list-style:none;position:relative;display:inline-table;padding:0px;margin:0px;height:100%; }
ul.menu-list li{float:left;position:relative; /*margin: 0 10px;*/ }
ul.menu-list li a{display:inline-block;}
ul.menu-list li a{display:block; font-weight: 400; }

li.bullet { color: #FFFFFF; /*#001942;*/ line-height: 30px; font-size: 14px; padding: 0; }

/* Handling Submenu */
ul.menu-list ul{display:none;padding:0px;margin:0px;position:absolute;top:100%;    /*left:0%;*/ left:0px;  list-style:none;z-index: 700; }
ul.menu-list ul li{position:relative;float:none;padding:0px;margin:0px;}
ul.menu-list ul ul{position:absolute;top:0%;left:100%;z-index:700}
ul.menu-list li:hover>ul{display:inline-block;}
/* End Init Logic */

/* Style */
ul.menu-list li:hover>ul{background:#fff!ie;} /* Fix for IE7 */

/* Submenu Expand Icon */
ul.menu-list li.has-submenu>a>span.menu-expand{/*font-size: 0.6em;*/float:right;padding-left:0px;/*line-height:2.2em;*/} /* All levels */
ul.menu-list li.has-submenu>a>span.menu-expand{float:none\9;} /* Fix for IE9 and below */
ul.menu-list>li.has-submenu>a>span.menu-expand{} /* Level 1 */
ul.menu-list>li.has-submenu>a>span.menu-expand:after{   /*content:'\25BC'*/   } /* Level 1 */
ul.menu-list li li.has-submenu>a>span.menu-expand{} /* Level 2 */
ul.menu-list li li.has-submenu>a>span.menu-expand:after{   /*content:'\25BA'*/   } /* Level 2 */

/*ul.menu-list>li>a:before { content:'\2022'; position: relative; top: 3px; padding-right: 30px; font-size: 24px; line-height: 22px; }
ul.menu-list>li:first-child>a:before { content:''; padding-right: 0px; }*/

/* You can manage with of elements by width of a-tag */
ul.menu-list li a{ text-decoration:none; color: #FFFFFF; /*#001942;*/ font-size: 18px; line-height: 30px; padding: 0 10px 0 10px; } /* All levels */
ul.menu-list li>a{ /*line-height: 30px; padding: 0 30px 0 10px; font-weight: 700;*/ } /* Level 1 */
ul.menu-list li li>a{ /*line-height: 22px; padding: 3px 15px 6px 10px; color: #000000;*/ } /* Level 2 */
ul.menu-list li li li>a{} /* Level 3 */

/* First Level*/
ul.menu-list>li{margin:0px 0px 0px 0px;border:0px solid #000;}
ul.menu-listOLD>li>a{ text-shadow: 0px 2px 12px #666666; }
ul.menu-list>li>a{ }
ul.menu-list>li:hover{ }
ul.menu-list>li:hover>a{/*color:#FFFFFF;*/}
ul.menu-list>li>a.selected{/*color:#FFFFFF;*/ }
ul.menu-list>li>a:hover{}
/* End First Level*/

/* Second Level*/
ul.menu-list>li>ul{ border: 0; white-space: nowrap; background: #FFFFFF; opacity: 0.7; }
ul.menu-list>li>ul>li{ }
ul.menu-list>li>ul>li>a{ color: #001942; font-size: 14px; }
ul.menu-list>li>ul>li:hover{   background: #FFFFFF; color: #001942;  }
ul.menu-list>li>ul>li:hover>a{ }
ul.menu-list>li>ul>li>a.selected{ }
ul.menu-list>li>ul>li>a:hover{}
/* End Second Level*/

/* Third Level*/
ul.menu-list>li>ul>li>ul{border:0px solid #777;}
ul.menu-list>li>ul>li>ul>li{background: #FFFFFF; /*#001942;*/ }
ul.menu-list>li>ul>li>ul>li>a{ color: #001942; font-size: 14px; }
ul.menu-list>li>ul>li>ul>li:hover{background: #FFFFFF; /*#001942;*/  }
ul.menu-list>li>ul>li>ul>li:hover>a{/*color:#FFFFFF;*/}
ul.menu-list>li>ul>li>ul>li>a.selected{/*color:#FFFFFF;*/ }
ul.menu-list>li>ul>li>ul>li>a:hover{}
/* End Third Level*/

/* End Style */


/* End Menu Styles */


/* RESPONSIVE MEDIA QUERIES */
@media screen and (max-width: 950px) {

ul.menu-list li a { font-size: 15px; padding: 0 8px 0 8px; }

}

/*@media screen and (max-width: 768px) {*/
@media screen and (max-width: 800px) {

/* Menu Styles */

/** { text-shadow: 0; }*/

/* Init Logic */
.menu-toggle-button{display:block;}
.show-for-devices{display:block!important;}

ul.menu-list{display:none;}
ul.menu-list li{clear:both;float:none;}

li.bullet { display: none; }

/* Handling Submenu */
ul.menu-list ul{display:none;position:relative; }
ul.menu-list ul li{}
ul.menu-list ul ul{position:relative;top:100%;left:0%;}
ul.menu-list li a{ font-weight: 400; }
ul.menu-list li:hover>ul{display:none;}
/* End Init Logic */

/* Style */

ul.menu-list li:hover>ul{background:#fff!ie;} /* Fix for IE7 */

/* Submenu Expand Icon */
ul.menu-list li.has-submenu>a>span.menu-expand{font-size: 0.6em;padding:0.8em;line-height:1em;position:absolute;right:0;z-index: 700} /* All levels */
ul.menu-list>li.has-submenu>a>span.menu-expand{} /* Level 1 */
ul.menu-list>li.has-submenu>a>span.menu-expand:after{ content: '\a0\a0\a0+\a0\a0\a0'; line-height: 18px; font-size: 22px; font-family: sans-serif; } /* Level 1 */
ul.menu-list li li.has-submenu>a>span.menu-expand{} /* Level 2 */
ul.menu-list li li.has-submenu>a>span.menu-expand:after{ content: '\a0\a0\a0+\a0\a0\a0'; line-height: 18px; font-size: 22px; font-family: sans-serif; } /* Level 2 */

/* You can manage with of elements by width of a-tag */
ul.menu-list li a{color: #001942; /*#ffffff;*/ position:relative} /* All levels */
ul.menu-list li>a{} /* Level 1 */
ul.menu-list li li>a{width:auto;} /* Level 2 */
ul.menu-list li li li>a{} /* Level 3 */

/* First Level*/
ul.menu-list>li{margin:0px;border:none;border-top:1px solid #001942; /*#FFFFFF;*/ background-color: #FFFFFF; /*#001942;*/ }
ul.menu-list>li>a{ text-shadow: 0 0 0; }
ul.menu-list>li:hover{background: #001942; /*#FFFFFF;*/ border-top:1px solid #FFFFFF; /*#001942;*/}
ul.menu-list>li:hover>a{color: #FFFFFF;/*#000000;*/}
ul.menu-list>li>a:hover{}
/* End First Level*/

/* Second Level*/
ul.menu-list>li>ul{  /*border:none;*/ text-align: center;  opacity: 1;  }
ul.menu-list>li>ul>li{padding-left:0px; border-top:1px solid #001942; /*#FFFFFF;*/ }
ul.menu-list>li>ul>li>a{}
ul.menu-list>li>ul>li:hover{background: #001942; /*#FFFFFF;*/ border-top:1px solid #FFFFFF; /*#001942;*/}
ul.menu-list>li>ul>li:hover>a{color: #FFFFFF;/*#000000;*/}
ul.menu-list>li>ul>li>a:hover{}
/* End Second Level*/

/* Third Level*/
ul.menu-list>li>ul>li>ul{border:none;}
ul.menu-list>li>ul>li>ul>li{padding-left:0px; border-top:1px solid #001942; /*#FFFFFF;*/}
ul.menu-list>li>ul>li>ul>li>a{}
ul.menu-list>li>ul>li>ul>li:hover{background: #001942; /*#FFFFFF;*/ border-top:1px solid #FFFFFF; /*#001942;*/}
ul.menu-list>li>ul>li>ul>li:hover>a{color: #FFFFFF;/*#000000;*/}
ul.menu-list>li>ul>li>ul>li>a:hover{}
/* End Third Level*/

/* End Style */


/* End Menu Styles */

}