@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Anaheim);

.homeLogo {background: url("imgs/icoHX.png") no-repeat center; color: rgba(0,0,0,0) !important; opacity: 0.8}
.homeLogo a {color: rgba(0,0,0,0) !important;}
.menu input#dropdown, .menu label{
		display:none;
		position:absolute;
		top:5px;
		right:14px;
		width:46px;
		height:35px;
		}
	.menu input#dropdown{
		opacity:0;
		}
    .menu label:hover {opacity: 1}
	.menu label{
		background: url(imgs/icoMenu.png) no-repeat center;
		webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
        opacity: 0.8;
		}
	.menu label:hover{
		cursor:pointer;
		}
	.menu input#dropdown:checked ~ label{
		-webkit-box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		-moz-box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		}
	.menu input#dropdown:checked ~ ul{
		display:block;
		}	
	.menu p{
		display:none;
		position:absolute;
		top:12px;
		left:14px;
		margin:0;
        font:20px 'Anaheim', sans-serif;
        text-transform: uppercase;
        color:#fff;
		}
@media only screen and (max-width: 1024px){
	.menu{
		width:95%;
		}
	.menu #search_box{
		display:none;
		}
	.menu ul ul{
		margin:0;
		}
	}
@media only screen and (max-width: 830px){
	.menu input, .menu label, .menu p{
		display:block;
		}
	.menu{
        width:94%;
        position: absolute;
        background-color: rgba(0,0,0,.9);
        margin: 0 3%;
		min-height:46px;
		height:auto;
		overflow:hidden;
		}
	.menu ul {
		margin-top:46px;
		display:none;
		}
	.menu ul li{
		width:100%;
		}
	.menu ul li a{
		height:40px;
		line-height:42px;
		font-size:18px;
		}
	.menu ul ul{
		width:100%;
		display:block;
		position:static;
		visibility:visible;
		opacity:1;
		margin:0;
		padding:0;
		overflow:hidden;
		border:none;
		background:none;
		}
	.menu ul ul li{
		width:25%;
		float:left;
		border:none;
		}
	.menu ul ul li a{
		width:auto;
        font-size: 18px;
		padding:0;
		text-align:center;
        color: rgba(255,255,255,.8);
		}
	.menu ul ul li:hover a{
        background:rgba(0,0,0,.3);
        border-radius: 0 0 8px 8px;
		}
	.menu ul ul ul, .menu ul ul li a span{
		display:none;
		}

	}
@media only screen and (max-width: 480px) {
	.menu{
        width:94%;
        position: absolute;
        background: rgba(0,0,0,.5);
        margin: 0 3%;
	}
    .menu:hover{background: rgba(0,0,0,.8);}
    .menu ul ul li{
        width:50%;
    }
	}