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

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

#nav ul {
    list-style: none;
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    z-index: 9999;
    max-width: 2200px;
    text-align: center !important;
}


#nav ul a
{
	display:block;
    font-family: 'montserratbold';
	color: #000;
	border-top: 3px #fff solid;
	text-decoration:none;
	text-transform: uppercase;
	font-size:14px;
	letter-spacing: 1px;
	padding: 20px 25px;
    text-align: center;
}

#nav ul a:hover
{
	border-top: 3px #000 solid;
	padding: 20px 25px 10px 25px;
}

#nav ul li
{
	position:relative;
    margin: 0 auto;
	display: inline-block;
	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;
    box-sizing: unset;
}

#nav ul ul a {
    padding: 10px 30px 10px 25px;
    font-size: 13px;
    text-transform: uppercase;
    color: #757575;
    background: #fff;
    border-bottom: 1px #c3cbd6 solid;
    width: 200px;
    box-sizing: unset;
}

#nav ul ul a:hover
{
    border-bottom: none;
	color: #7190ca;
	padding: 10px 30px 10px 25px;

}

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

#nav ul ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	padding:0;
	background: #c3cbd6;
	margin-bottom: 10px;
	margin-left:255px;
	margin-top:-40px;
}


#nav ul ul ul a{
	background: #c3cbd6;
	padding: 11px 30px 5px 25px;
	font-size: 12px;
    text-transform: uppercase;
    color: #757575;
    width: 200px;

	box-sizing: unset;
	
	

	
}

#nav ul ul ul a:hover{
	color: #7190ca;
	padding: 11px 30px 5px 25px;
}




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

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

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

#nav ul {
    list-style: none;
    position: relative;
    float: right;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    z-index: 99999999999999999;
    max-width: 1035px;
}

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



}
@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: 1% 2%;
    color: #000000;
}
	
#nav  {display:none;}

}
@media screen and (max-width: 850px) {
	
.mm-menu.mm-current {
    display: block;
    margin: 42px 0 0 0;
}



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

.mm-menu.mm-current {
    display: block;
    margin: 60px 0 0 0;
}


}
@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: 1% 2%;
    color: #000000;
}

#nav  {display:none;}


}