/*

    Mobile Menu Core Style

*/



.slicknav_menu {

	display:none;

}



@media screen and (max-width: 60em) {

	.js #menu {

		display:none;

	}

	

	.js .slicknav_menu {

		display:block;

	}

}









.menus_top{margin:0; position:relative; z-index:500;}

.menus_top ul ul{display:none; margin:0; padding:0;}



.menus_top ul li:hover > ul{ display:block}





.menus_top ul{ position:relative;display:inline-table; float:left;}

.menus_top ul:after {

		content: ""; clear: both; display: block;

	}

	

.menus_top ul li{font-family:"Times New Roman", Times, serif; font-size:16px; text-transform:uppercase;  float:left; list-style:none;}

.menus_top ul li a{ display:block; padding:6px 20px; text-decoration:none;color:#fff;}

.menus_top ul li:hover a,.menus_top ul li.active a{background:url(../images/top-li.png) repeat-x; color:#000; border-radius: 3px; }





.menus_top ul ul{ position:absolute; top:100%;}

.menus_top ul ul li{ float:none; position:relative; margin:0!important; 



-webkit-transition: background-color 0.3s ease;

            -moz-transition: background-color 0.3s ease;

            -o-transition: background-color 0.3s ease;

            -ms-transition: background-color 0.3s ease;

            transition: background-color 0.3s ease;

}

.menus_top ul ul li a{display:block; padding:7px; background:#689bc3!important; color:#fff !important; width:207px; border-bottom:1px solid #fff;}

.menus_top ul ul li a:hover{ background:#fff !important; color:#000 !important;}



.menus_top ul ul ul{ position:absolute; left:100%;top:0;}



.menus_top ul ul li:hover a{ background:#1e7ba9; }

.menus_top ul ul ul a:hover {background:#1e7ba9;}



/* unfortunate ie7 gap fix */

        .ie7 .menus_top ul ul li{

            margin-bottom:-3px;

        }









.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }

.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }

.slicknav_menu .slicknav_icon { float: left; margin:5px 0 0 0.438em; }

.slicknav_menu .slicknav_no-text { margin: 0 }

.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }

.slicknav_nav { clear: both }

.slicknav_nav ul,

.slicknav_nav li { display: block }

.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }

.slicknav_nav .slicknav_item { display: block; cursor: pointer; }

.slicknav_nav a { display: block }

.slicknav_nav .slicknav_item a { display: inline }

.slicknav_menu:before,

.slicknav_menu:after { content: " "; display: table; }

.slicknav_menu:after { clear: both }

/* IE6/7 support */

.slicknav_menu { *zoom: 1 }



/* 

    User Default Style

    Change the following styles to modify the appearance of the menu.

*/



.slicknav_menu {

	font-size:16px;

}

/* Button */

.slicknav_btn {

	margin: 5px 5px 6px;	

	text-decoration:none;	



	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;  

	background-color:#fff;

}

/* Button Text */

.slicknav_menu  .slicknav_menutxt {font:18px "Times New Roman", Times, serif, Arial, Helvetica, sans-serif ;

	color: #000;	

}

/* Button Lines */

.slicknav_menu .slicknav_icon-bar {

  background-color: #000;

}

.slicknav_menu {

	background:#1e7ba9;

	padding:5px;

}

.slicknav_nav {

	color:#fff;

	margin:0;	

	padding:0;

	font-size:0.875em;

}

.slicknav_nav, .slicknav_nav ul {

	list-style: none;

	overflow:hidden;

}

.slicknav_nav ul {

	padding:0;

	margin:0 0 0 20px;

}

.slicknav_nav .slicknav_item {

	padding:5px 10px;

	margin:2px 5px;

}

.slicknav_nav a{font:18px "Times New Roman", Times, serif;

	padding:5px 10px;

	margin:2px 5px;

	text-decoration:none;

	color:#fff;

}

.slicknav_nav .slicknav_item a {

	padding:0;

	margin:0;

}





.slicknav_nav .slicknav_item:hover {

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	background:#fff;

	color:#000 !important;	

}

.slicknav_nav a:hover{

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	background:#fff ;

	color:#000 !important;

}

.slicknav_nav .slicknav_txtnode {

     margin-left:15px;   

}



/* Tablet Portrait size to Base 1024px */

@media only screen and (max-width:1025px) {



.menus_top ul li a { padding:6px 7px; margin-right: 17px;}







}