@charset "utf-8";
/* CSS Document */

.toggleMenu {
    display:  none;
	 font-family: 'abelregular';
	font-size:16px; color:#fff;
	text-transform:uppercase;
	background:#6d7ca7;
	padding:6px 10px; 
}
.toggleMenu img{ margin:0px 5px 0px 0px;}

.menu{ margin-top:4px; float:right; margin-right:0; }
.nav {
    list-style: none;
     *zoom: 1;
	 margin:0px; padding:0px;
	  float:right;
}




.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 11em;
}
.nav a { margin:0px 1px 0px 0px;  }

.nav li { position: relative; margin:0 1px 0 0;}
.nav li:last-child {margin:0;}
.nav li a{ padding:20px 13px; text-align:center; font-family:'candara'; font-size:16px; color:#000; border-radius:5px; transition:0.5s ease-in-out; }

.select{background:#e0f5ff; }
.nav li a:hover{ background:#e0f5ff;}

 .nav > li:hover > a, .nav > a:hover,
.nav > li li:hover > a, .nav > a:hover
 {  background:#e0f5ff; }
 


.nav > li {
    float: left;
}

.nav > li > a {
    display: block;
}
.nav li ul {
    position: absolute;
    left: -9999px; 
}
.nav li ul li {
	margin:0px; padding:0px;
}
.nav > li.hover > ul {
    left:3px; width:200px; border-radius:0px 0px 6px 6px; z-index:99999999999999999;
}
.nav li li.hover ul {
    left: 100%;
    top: 0px;
}
.nav li li {
	padding:0px;
	margin:0px; border-radius:0px;
	padding:10px 0px; 
}
.nav li li a {
    display: block;
    font-size: 14px;
	font-weight:normal;
    padding: 10px 10px;
    margin: 0px;
	height:auto;
	text-align:left;
    background:#3c58a0;
    color: #fff;
    position: relative;
    z-index: 100;
    border-top: 1px dashed #4673e5;
	border-right:none;
	border-left:none;
    border-radius: 0px;
    text-shadow: none;
    margin: 0px;
	text-transform:none;
}

.nav li li a:hover { background:#16378c; color:#fff !important;}

.nav li li:first-child > a{ border:none;}

.nav li li li a {
    background:#00afef;
    z-index:200000;
    border-top: 1px solid #1d7a62;
	margin:0px;
}

@media screen and (max-width:1199px) {
	.nav li a { padding: 20px 11px; }
}

@media screen and (max-width:1040px) {
	.menu{ margin-right:0; }
	.nav li a { padding: 16px 8px; }
	.menu{margin-top:12px;}
}

@media screen and (max-width:991px) {	
	.nav li a { padding: 16px 5px; }
}


@media screen and (max-width:767px) {
.menu { background:#01599e; margin-top:15px; }
.toggleMenu {display:  none;top:100px; width:100%;}
.nav { display:none; left:-15px; position:absolute; list-style: none; width:100%; margin:0px; z-index:100000; background-color:#fff; }
.nav li a br{ display:none; }
   .nav li a {padding:8px 18px; text-align:left; color:#fff;  border-radius:0; margin:0;}
	.nav li:hover{ background-color:#e0f5ff; color:#000;}
    .nav > li {float: none; background:#404a69; width:100%; margin:0;}    
	.nav li:last-child{margin:0;}
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	
	.nav ul { width: 100% !important;}
	.nav li li a { border-bottom:none; padding:10px 17px;}
	
	
	.nav li a:hover, .select{  background-color:#e0f5ff; color:#000 !important;}

.nav > li:hover > a, .nav > a:hover,
.nav > li li:hover > a, .nav > a:hover
 {  background-color:#e0f5ff; color:#000 !important;}
 
.nav > li li:hover > nav li a, .nav > a:hover,
.nav > li li:hover > a, .nav > a:hover
 { background:#00aaef; }
	.nav li li a:hover { background:#16378c; color:#fff !important;}
}