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

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

#nav {
    margin: 3% 0 0 0;
    float: right;
	z-index:99;
}

#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:600;
    color: #067e40;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0px;
    padding: 20px 20px;
}

#nav ul a:hover
{
	border-top: 2px #067e40 solid;
	padding: 20px 20px 10px;
}

#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 10px 10px 25px;
    font-size: 13px;
    text-transform: uppercase;
    color: #067e40;
    background: #ccc;
    border-bottom: 1px #c3cbd6 solid;
    width: 200px;
}

#nav ul ul a:hover {
    border: 1px #067e40 solid;
    padding: 10px 10px 10px 25px;
}


#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: 20px 16px;
}

#nav ul a:hover
{
	border-top: 2px #067e40 solid;
	padding: 20px 16px !important;
}
#nav ul ul a {
    padding: 20px 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: 5% 2% 0 0;
    color: #067e40;
}

#nav  {display:none;}

}
@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:#067e40;
}

#nav  {display:none;}


}