@import url(http://fonts.googleapis.com/css?family=Open+Sans);


#wrap {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: auto;
	z-index: 3;
	border-bottom: 3px solid #06C;
}

.inner {
	margin: 0 auto;
	max-width: 1366px;
	padding: 0 20px;
}

.relative {
	position: relative;
}


.right {
	float: right;
}

.left {
	float: left;
}


/*----------------------------------*/
/*------------- HEADER -------------*/
/*----------------------------------*/



#wrap > header {
	background-color: #fff;
}


.logo {
	display: inline-block;
	font-size: 0;
	padding-top:15px;
}


#navigation {
	position: absolute;
	right: 40px;
	bottom: 0px;
}


#menu-toggle {
	display: none;
	float: right;
}



/*----------------------------------*/
/*---------- HEADER > MENU ---------*/
/*----------------------------------*/



#main-menu {
	float: right;
	font-size: 0;
	margin: 10px;
	padding-bottom: 10px;
}

#main-menu > li {
	display: inline-block;
	margin-left: 30px;
	padding: 2px 0;
}

#main-menu > li > a {
	color: #06C;
	font-size: 16px;
	line-height: 14px;
	font-weight: 600;
	padding: 10px  8px 10px 8px;
	text-decoration:none;
	border:1px solid #FFF;
}


#shop > a {
    color: #fff !important;
	border:1px solid #06C;
	background: #06C;
}


#shop > a:hover {
    color: #06C !important;
	border:1px solid #FFFF00;
	background: #FFFF00 !important;
}


#main-menu > li:hover > a,
#main-menu > li.current-menu-item > a {
	color: #FFF;
	padding: 10px  8px 10px 8px;
	text-decoration:none;
	border:1px solid #06C;
	background: #06C;
}




/*----------------------------------*/
/*---- HEADER > MENU > DROPDOWN ----*/
/*----------------------------------*/



#main-menu li {
	position: relative;
}



@media all and (max-width: 700px) {
	
	
	#wrap {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 108px;
	z-index: 3;
	border-bottom: 3px solid #06C;
	}
	
	#navigation {
	position: static;
	margin-top: 20px;
	}

	#menu-toggle {
		display: block;
	}

	#main-menu {
		display: none;
		float: none;
	}

	#main-menu li {
		display: block;
		margin: 0;
		padding: 0;
	}

	#main-menu > li {
		margin-top: -1px;
	}

	#main-menu > li > a {
	background-color: #FFF;
	border: 1px solid #06C;
	color: #06C;
	display: block;
	font-size: 16px;
	padding: 12px !important;
	padding: 0;
	}
    
    
    #shop > a {
    color: #fff !important;
	border:1px solid #06C;
	background: #06C !important;
    }


    #shop > a:hover {
    color: #06C !important;
	border:1px solid #FFFF00;
	background: #FFFF00 !important;
    }
    

	#main-menu li > a:hover {
		background-color: #06C;
		color: #fff;
	}

}