/* Menu Styles */

/* Init Logic */
.menu-toggle-button{padding:1em;border:1px solid #000;cursor:pointer;}
.menu-toggle-button{display:none;}
.menu-toggle-button.active{color:rgba(200,13,16,1.00);}

ul.menu-list{list-style:none;position:relative;display:inline-table;padding:0px;margin:0px;height:100%; float:left;}
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:inline-block;}
/* End Init Logic */

/* Style 

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



/* You can manage width of elements by width of a-tag */
ul.menu-list li a{color:#fff;text-decoration:none;padding:10px;font-family: 'Raleway', Arial, sans-serif;} /* All levels */
ul.menu-list li>a{} /* Level 1 */
ul.menu-list li li>a{width:220px;} /* width of menu Level 2 */
ul.menu-list li li li>a{} /* Level 3 */

/* First Level*/
/* border around menu items */
ul.menu-list>li{
	width:160px;
	line-height:normal;
	margin:0px;
	border-right:1px solid #fff;
	text-align:center;
	padding-bottom:5px;
	/*background-color:#2ab2cf;*/ 
	/*border-radius:8px; 
    background: linear-gradient(0deg,#1496b7 0,#1ab3d0 50px,#1ab3d0 100%); 
    background: -webkit-linear-gradient(90deg,#1496b7 0,#1ab3d0 50px,#1ab3d0 100%);
    background: -o-linear-gradient(0deg,#1496b7 0,#1ab3d0 50px,#1ab3d0 100%);
    background: -ms-linear-gradient(90deg,#1496b7 0,#1ab3d0 50px,#1ab3d0 100%);
	background: -moz-linear-gradient(0deg,#1496b7 0,#1ab3d0 50px,#1ab3d0 100%);*/
}
ul.menu-list>li:first-child{
	border-left:1px solid #fff;
}

ul.menu-list>li>a{}
ul.menu-list>li:hover{
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
	
background-color:#b2d6ef;
/*	background: -moz-linear-gradient(270deg, #eff8fb 0%, #eff8fb 59%, #eff8fb 100%); /* ff3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eff8fb), color-stop(59%, #eff8fb), color-stop(100%, #eff8fb)); /* safari4+,chrome */
/*background: -webkit-linear-gradient(270deg, #eff8fb 0%, #eff8fb 59%, #eff8fb 100%); /* safari5.1+,chrome10+ */
/*background: -o-linear-gradient(270deg, #eff8fb 0%, #eff8fb 59%, #eff8fb 100%); /* opera 11.10+ */
/*background: -ms-linear-gradient(270deg, #eff8fb 0%, #eff8fb 59%, #eff8fb 100%); /* ie10+ */
/*background: linear-gradient(180deg, #eff8fb 0%, #eff8fb 59%, #eff8fb 100%); /* w3c */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff8fb', endColorstr='#eff8fb',GradientType=0 ); /* ie6-9 */
}

ul.menu-list>li:hover>a{color:#0c4880; font-weight:bold;}
ul.menu-list>li>a:hover{}

/* End First Level*/

/* Second Level*/
ul.menu-list>li>ul{
	border-top: 0px;
	border-left: 0px solid #A6A6A6;
	border-bottom: 0px solid #A6A6A6;
}
ul.menu-list>li>ul>li{
	background: #b2d6ef; /*bright blue menus*/
	text-align:left;}

ul.menu-list>li>ul>li:first-child{
    border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
}
ul.menu-list>li>ul>li:last-child{
	/*border-top:1px solid #eff8fb; line at top of last menu item*/
    border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;



}
ul.menu-list>li>ul>li>a{ color:#0c4880;}

ul.menu-list>li>ul>li:first-child{border-top:0px;} /*remove line from first mnenu item*/

ul.menu-list>li>ul>li:hover{background:#0c4880;}
ul.menu-list>li>ul>li:hover>a{color:#ffffff;}
ul.menu-list>li>ul>li>a:hover{}
/* 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: 768px){

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

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

/* First Level*/
ul.menu-list>li{margin:0px;border:none;border-bottom: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{}
/* End First Level*/

/* Second Level*/
ul.menu-list>li>ul{border: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{}
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: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 */


/* End Menu Styles */

}