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

/***** NAV *****/

#nav {
    margin: 0 0 0 0;
    float: right;
    z-index: 999;
    padding-top: 14px;
}

#nav ul
{
	list-style:none;
	position:relative;
	float:right;
	margin:0;
	padding:0;
	width: 100%;
	z-index: 9999;
}

#nav ul a {
    display: block;
    font-family: 'Montserrat', sans-serif;
	font-weight: bold;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0px;
    padding: 10px 18px;
}

#nav ul a:hover
{
	border-bottom: 2px #fff solid;
    padding: 10px 18px;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
}

#nav ul li
{
	position:relative;
	float:left;
	zoom: 1;
	*display: inline;
}

#nav ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	padding:0;
}

#nav ul ul li
{
	float:none;
	width:200px
}

#nav ul ul a {
	padding: 10px 25px;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    background: #00007d;
    width: 200px;
}

#nav ul ul a:hover
{
	background: #0000ff;
	padding: 10px 25px;
    border-bottom: none;
}

#nav ul li:hover > ul
{
	display:block
}


/***** RESPONSIVE STYLES *****/

.show-menu-for-mobile {display:none;}  

@media screen and (max-width: 1280px) and (min-width:1024px) {
.show-menu-for-mobile {display:none;}


}
@media screen and (max-width: 1265px) {

#nav ul a {
    font-size: 12px;
    letter-spacing: 0px;
    padding: 10px 16px;
}

#nav ul a:hover
{
	padding: 10px 16px !important;
}
#nav ul ul a {
    padding: 10px 16px;
}



}
@media screen and (max-width: 1023px) and (min-width:911px) {
.show-menu-for-mobile {display: none;}





}
@media screen and (max-width: 985px) {
	
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}
.divfooter {max-width:90%}

#navicon {
    float: right;
    font-size: 32px;
    text-decoration: none;
    position: relative;
    z-index: 99999999999999999;
    margin: 2% 0 0 1%;
    color: #00007d;
	background: #4d9ff0;
	padding: 5px 2%;
	border-radius: 6px;
}

#nav  {display:none;}

}
@media screen and (max-width: 573px) {

#navicon {
    margin: 2% 0 0 1%;
    padding: 5px 5%;
}


}
@media screen and (max-width: 320px){
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}
.divfooter {max-width:90%}

#navicon {
	float: right;
	font-size: 32px;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0 0.5rem;
	color:#00007d;
}

#nav  {display:none;}


}