/* Menu Styles */

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

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

/* Handling Submenu */
ul.menu-list ul{display:none;padding:0px;margin:0px;position:absolute;top:100%;left:0%;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:block;  left: 0;}
/* 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{color: #fff;float: right;font-size: 10px;line-height: 18px;padding-left: 5px;} /* 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 */

    


/* You can manage with of elements by width of a-tag */
/*ul.menu-list li a{color:#333;text-decoration:none;padding:5px;}*/ /* All levels */
ul.menu-list li>a{} /* Level 1 */
ul.menu-list li li>a{display: table-cell; height: 45px;min-width: 175px;padding: 0 0 0 30px;vertical-align: middle;} /* Level 2 */
ul.menu-list li li li>a{} /* Level 3 */

/* First Level*/
/*ul.menu-list>li{margin:0px 5px 0px 0px;border:1px solid #000;}
ul.menu-list>li>a{}
ul.menu-list>li:hover{background:#000}
ul.menu-list>li:hover>a{color:#fff;}*/
ul.menu-list>li>a:hover{  text-decoration: none; color: #006AB6}
ul.menu-list>li:hover>a{background: #9dc4e5; color: #3672a8;}
/* End First Level*/

/* Second Level*/
ul.menu-list>li>ul{/*border-left: 1px solid #3388c5;border-right: 1px solid #3388c5;*/box-shadow: 0 3px 3px #ccc;left: 5px;}
ul.menu-list>li>ul>li{background:#9DC4E5;  /*border-bottom: 1px solid #ffd76b;*/}
ul.menu-list>li>ul>li>a{color: #3672A8;}
/*ul.menu-list>li>ul>li:hover{background:#ddd;}*/
ul.menu-list>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>a:hover{background: none;}
/* End Second Level*/

/* Third Level*/
ul.menu-list>li>ul>li>ul{border:1px solid #777;}
ul.menu-list>li>ul>li>ul>li{background:#e7e7e7;}
ul.menu-list>li>ul>li>ul>li>a{}
ul.menu-list>li>ul>li>ul>li:hover{background:#ddd;}
ul.menu-list>li>ul>li>ul>li:hover>a{}
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: 1023px){

/* Menu Styles */

/* 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;}*/

/* 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:hover>ul{display:none;}
/* End Init Logic */

/* Style */

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

ul.menu-list > li.has-submenu {
    position: relative;
}
/* Submenu Expand Icon */
ul.menu-list li.has-submenu>a>span.menu-expand{border-left: 1px solid #307fc1;color: #fff;font-size: 18px;height: 21px;line-height: inherit;padding: 8px 0px 9px; -webkit-padding-after:8px; position: absolute;right: 0;top: -1px;z-index: 700; width:50px; text-align:center;} /* All levels */
ul.menu-list li.has-submenu > a > span.menu-expand:hover, ul.menu-list > li > a:hover > span.menu-expand {border-color: #fff;}
ul.menu-list>li.has-submenu>a>span.menu-expand{} /* 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:'\25BC';} /* Level 2 */

/* You can manage with of elements by width of a-tag */
/*ul.menu-list li a{color:#333;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 */

ul.menu-list>li.has-submenu>a>span.menu-expand:after{content:'â–¼'} /* Level 1 */
ul.menu-list li li.has-submenu>a>span.menu-expand:after{content:'â–¼'} /* Level 2 */
ul.menu-list > li.has-submenu > a > span.menu-expand.menu_expand:after {content: "â–²";}
ul.menu-list li li.has-submenu>a>span.menu-expand.menu_expand:after{content: "â–²";}

/* First Level*/
/*ul.menu-list>li{margin:0px;border:none;}*/
ul.menu-list>li>a{}
ul.menu-list>li:hover{/*background:#000*/}
ul.menu-list>li:hover>a{background: #2F81BD; color: #fff; text-decoration: none;}
ul.menu-list>li>a:hover{}
/* End First Level*/

/* Second Level*/
ul.menu-list>li>ul{border:none; left: 0; box-shadow: none;}
ul.menu-list>li>ul>li{/*padding-left:5px;*/}
ul.menu-list>li>ul>li>a{}
/*ul.menu-list>li>ul>li:hover{background:#ddd;}*/
ul.menu-list>li>ul>li:hover>a{  color: #a71843;}
ul.menu-list>li>ul>li>a:hover{text-decoration: underline;}

/* End Second Level*/

/* Third Level*/
ul.menu-list>li>ul>li>ul{border:none;}
ul.menu-list>li>ul>li>ul>li{padding-left:5px;}
ul.menu-list>li>ul>li>ul>li>a{}
ul.menu-list>li>ul>li>ul>li:hover{background:#ddd;}
ul.menu-list>li>ul>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>ul>li>a:hover{}
/* End Third Level*/

/* End Style */

/*custome CSS*/



/*Menu Navigation Icon*/
/* Nav toggle */
.nav-toggle{ background-color:#f3f5f4;  border:none;  border:0 none;  border-radius:5px;  display:inline-block;  line-height:1;  margin:20px 20px 0;  padding:0.5rem 0.3rem;  float:right;  cursor:pointer;  position:absolute;  right:0;  top:0;}
/* Nav toggle icon */
.nav-toggle .icon-menu{ position:relative;  display:inline-block;  width:28px;  height:20px;   vertical-align:middle;  fill:none;}
.nav-toggle .icon-menu:focus{outline:0;}
/* Nav toggle icon lines */
.icon-menu .line{ position:absolute;  left:0;  display:block;  width:100%;  height:4px;  -webkit-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1.000);  -moz-transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1.000);  transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1.000);  -webkit-transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);  -moz-function:cubic-bezier(0.645,0.045,0.355,1.000);  transition-timing-function:cubic-bezier(0.645,0.045,0.355,1.000);  background-color:#077BC8;}
/* Nav toggle icon line 1 */
.icon-menu .line-1{top:0;}
/* When active, rotate line 1 to be lefthand part of X */
.is-active .icon-menu .line-1{ -webkit-transform:translateY(8px) translateX(0) rotate(45deg);  -moz-transform:translateY(8px) translateX(0) rotate(45deg);  -ms-transform:translateY(8px) translateX(0) rotate(45deg);  transform:translateY(8px) translateX(0) rotate(45deg);}
/* Nav toggle icon line 2 */
.icon-menu .line-2{ top:50%;  margin-top:-2px;}
/* When active, hide line 2 */
.is-active .icon-menu .line-2{opacity:0;}
/* Nav toggle icon line 3 */
.icon-menu .line-3{bottom:0;}
/* When active, rotate line 3 to be righthand part of X */
.is-active .icon-menu .line-3{ -webkit-transform:translateY(-8px) translateX(0) rotate(-45deg);  -moz-transform:translateY(-8px) translateX(0) rotate(-45deg);  -ms-transform:translateY(-8px) translateX(0) rotate(-45deg);  transform:translateY(-8px) translateX(0) rotate(-45deg);}
/* End Menu Styles */