body {
    margin: 0;
}

.clearfix {
    clear: both;
}

.current_page a {
    color: white;
}

#menuc_button_wrapper{
    display: none;
}

#menuc_button{
	width:83px;
}
.mname{
	float:left;
	margin-right:5px;
	color:#fff;
	line-height:17px;
}
.menu ul li:hover,nav li.active{ background:#013a91;}

/* Responsive for smaller screens */
@media (min-width: 767px) {
	.current_page {
    	background-color: #013a91;;
	}
	.menu {
    	/* font-family: Helvetica; */
    	text-align: right;
    	text-transform: uppercase;  
    	background-color: #fff;
	}

	.menu ul {
    	width: 1200px;
    	margin: 0 auto;
    	list-style-type: none;
	}

	.menu ul li {
    	width:120px; 
    	height:43px; 
    	float:left; 
    	text-align:center; 
    	margin-right:45px;
	}

	.menu ul li a {
    	width:auto;
    	line-height:43px; 
    	font-size:16px; 
    	color:#fff; 
    	width: 120px;
    	height: 43px;
        display:block; 
       font-weight: 700;       
	}
	
	.menu ul li a:hover {
    	color: white;
	}
}
@media (max-width: 767px) {
	.hidden {
    	display: none;
	}
	#menuc_list{
		background-color:#4b86cd;
		overflow:auto;
		position:absolute;
		z-index:1000;
		width:220px;
		right:calc(calc(100% - 220px) / 2);
	}
	.menu {
    	font-family: Helvetica;
    	text-align: left;
    	text-transform: uppercase;  
    	background-color: #013a91;
	}

	.menu ul {
    	width: 90%;
    	max-width: 1200px;
    	margin: 0 auto;
    	list-style-type: none;
	}

	.menu ul li {
    	display: inline-block;
	}

	.menu ul li a {
    	color: #fff;
    	font-weight: bold;
    	text-decoration: none;
    	display: inline-block;
    	padding: 0.5em 1em;
    	box-sizing: border-box;
    	text-align:center;
        font-weight: 700;
	}
	
	/* nav ul li a:hover {
    	color: #013a91;
	} */
	
    #menuc_button_wrapper{
        display: block;
        /* padding: 1em 1em 2em 1em; */
        padding: 0.5em 1em;
        color: #9d9d9d;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1);
        box-shadow: 0 1px 0 rgba(255,255,255,.1);
        /* margin-bottom: -1.5em; */
        margin-right: calc(calc(100% - 115px) / 2);
    }
    
    #menuc_button {
        box-sizing: border-box;
        float: right;
        padding: .5em .8em;
        border: 1px solid #013a91;
        border-radius: 5px;
        background-color: #013a91;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
/*     #menuc_button:hover {
        cursor: pointer;
        background-color: #ddd;
    } */
    
     .menu2_botton {
        box-sizing: border-box;
        float: right;
        padding: .5em .8em;
        border: 1px solid #013a91 !important;
        border-radius: 5px;
        background-color: #013a91 !important;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
/*     .menu2_botton:hover {
        cursor: pointer;
        background-color: #145eb7 !important;
    } */
    
    #hamburger {
        float: right;
        padding-top: .15em;
    }
    
    #menuc_button span{
        display: block;
        background-color: #fff;
        width: 1em;
        height: .1em;
        border-radius: 1px;
        margin-bottom: .2em;
    }
    
    .menu2_botton span{
        display: block;
        background-color: #fff !important;
        width: 1em;
        height: .1em;
        border-radius: 1px;
        margin-bottom: .2em;
    }
    
    .menu ul {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
    }

    .menu ul li {
        display: block;
        border-bottom:1px solid #eee;
        border-top: 1px solid #eee;
    }
    
    .menu ul li a {
        width: 100%;
    }
    
/*     .fleft{
    	float:left;
    }
     */
    .current_page {
    	background-color: #ddd;
	}
	
	#logo{
		width:100%;
	}
	.menu2_button_wrapper{
		background:#013a91;
	}

}

