/*-- Default Navigation Rules --*/
.menu { width: 100%; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .menu ul { position: relative; z-index: 1;  width: auto; margin: 0 auto; float: right; padding: 0; list-style: none; }
        .menu ul li { display: inline-block; }
            .menu ul li a { color: #000; text-decoration: none; padding: 10px 37px 10px 5px; display: block; font-size: 16px; }

	.menu ul.stMenu { display:none; }				
		.menu ul.stMenu > li:hover > a { text-shadow: 1px 1px 1px #000; color: #fff; text-decoration: none; }
			.menu ul.stMenu li ul { position: absolute; display: none; background-color: #aa7277; width: 200px; overflow: hidden; height: auto; padding: 0; }
                .menu ul.stMenu li ul li { float: left; width: 100%; line-height: normal; }
                    .menu ul.stMenu li ul li:hover { background: #635853; }
                    .menu ul.stMenu li ul li a { text-decoration: none; color: #fff; text-shadow: none; padding: 10px; float: left; clear: both; width: 100%; }
                        .menu ul.stMenu li ul li a:hover { color: #fbe3a9; }
							.menu ul.stMenu li ul li ul { position: relative; display: block; }		
		
    .menu .mobileMenu { display: none; }
        .menu .mobileMenu::before { display: none; content: "Menu"; color: #000; float: left; clear: both; width: 100%; padding: 0; font-size: 32px; text-indent: 40px; background: transparent url('../images/menu-icon.png') left center no-repeat; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; position: relative; z-index: 9999; }
    
	.menu ul.stMobileMenu { display: none; float: none; clear: both; width: 100%; overflow: hidden; margin: 0 auto; position: relative; height: auto; padding: 0; }
        .menu ul.stMobileMenu li { float: left; clear: both; display: block; width: 100%; background-color: #635853; margin: 2px 0; }
			.menu ul.stMobileMenu li a { color: #fff; }

        .menu ul.stMobileMenu li ul { position: relative; width: 100%; background: #a94c44; padding: 0; display: none; }
        .menu ul.stMobileMenu li li { color: #fff; list-style: none; }
        .menu ul.stMobileMenu li li a { padding: 10px 21px; border-bottom: 1px solid #666; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
			.menu ul.stMobileMenu li li a:hover { color:#333; }
        .menu ul.stMobileMenu a.activePg { color: #000; float: left; clear: both; width: 100%; text-shadow:1px 1px 1px #999; }
			.menu ul.stMobileMenu a.activePg:hover { color:#333; }

.open-img { background-image: url('../images/open-arrow.png'); background-repeat: no-repeat; background-position: 100% -2px; background-size: 46px; }
.closed-img { background-image: url('../images/close-arrow.png'); background-repeat: no-repeat; background-position: 100% -2px; background-size: 46px; }

.menu ul li.dropdown:before,
.menu ul li.dropdown.shown:before { position:absolute; top:10px; right:5px; display:block; color:#999999; }

.menu ul li.dropdown:before { content:"(+)"; letter-spacing:1.4px; }
.menu ul li.dropdown.shown:before { content:"(-)"; letter-spacing:2.6px; }

@media only screen and (max-width: 768px) {
	.menu ul.stMenu { display:none; }
	
    /*.menu .mobileMenu,
    .menu .mobileMenu::before { display:inline-block; cursor: pointer; width:100%; }*/
	
    .menu.homePg div.mobileMenu { display: none !important; }
    .menu.homePg ul.stMobileMenu { display: block !important; }	
}

@media only screen and (min-width: 769px) {
	.menu ul.stMenu { display:block; }
}