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

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

#nav {
    margin: 0 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: 'montserratbold';
	color: #333333;
	text-decoration:none;
	text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 20px 20px;
	border-top: 4px #fff solid;
}

#nav ul a:hover
{
	border-top: 4px #317d3c solid;
    padding: 20px 20px;
}

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

#nav ul ul a:hover
{
    border-bottom: 1px #fbdf06 solid;
	color: #fbdf06;
	padding: 10px 30px 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 #000 solid;
	padding: 20px 16px !important;
}
#nav ul ul a {
    padding: 20px 16px;
}



}

@media screen and (max-width:1024px) {
	
.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% 2%;
    color: #333;
}
	
#nav  {display:none;}

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

.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: 6px 2%;
    color: #333;
}
	
#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: 2% 2%;
    color: #333;
}
	
#nav  {display:none;}


}