.clr{
	clear: both;
}

/*** Include Cantata One Regular Font from fonts folder ***/
@font-face {
  font-family: 'CantataOne-Regular';
  src: url('fonts/cantataone-regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/cantataone-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/cantataone-regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/cantataone-regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/cantataone-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/cantataone-regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

#header-rye-52{
	width: 100%;
	background: #161616;
}

.rye-52-top_menu_container{
	background: #161616;
	width: 100%;
	border-bottom: solid 1px #ffffff;
	height: 80px;
	line-height: 105px;
}

.rye-52-top_menu{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.rye-52-top_menu > div{
	display: inline-block;
	padding: 0px 20px 0px 20px;
}

.rye-52-top_menu > div a{
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'CantataOne-Regular';
}

.rye-52-top_menu > div a img{
	vertical-align: top;
}

.rye-52-top_menu > div a img.sticky_logo{
	display: none;
}

.rye-52-top_menu > div a h4{
	margin: 0px;
	color: #ffffff;
	font-weight: normal;
}
#nav-rye-52 li a.sub_cat_active { color: #ccc; }
@media screen and (min-width: 980px) and (max-width: 1060px) {
	#nav-rye-52 li a{
		padding: 0 10px 0 10px !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 980px) {
	#nav-rye-52 li a{
		padding: 0 5px 0 5px !important;
		font-size: 12px !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 1060px) {
	.rye-52-top_menu > div{
		padding: 0 10px 0 10px;
	}
}

@media screen and (min-width: 768px) {
	
	/*******************************/
	/*** First Level of the MENU ***/
	/*******************************/
	
	.rye-52-top_menu_container.sticky_menu{
		position: fixed;
		top: 0px;
		background: rgba(22, 22, 22, 0.8);
		height: 60px;
		line-height: 60px;
		z-index: 99;
	}
	
	.rye-52-top_menu_container.sticky_menu > div a img.desktop_logo{
		display: none;
	}
	
	.rye-52-top_menu_container.sticky_menu > div a img.sticky_logo{
		display: block;
		height: 40px;
	}
	
	.rye-52-top_menu_container.sticky_menu .rye-52-top_menu{
		height: 60px;
	}
	
	.rye-52-top_menu_container.sticky_menu .rye-52-top_menu > div{
		vertical-align: middle;
	}
	
	#nav-rye-52-main.sticky_menu{
		position: fixed;
		top: 0px;
		background: rgba(22, 22, 22, 0.8);
		height: 60px;
		z-index: 99;
		width: 100%;
	}
	
	#nav-rye-52-main.sticky_menu li.logo .desktop_logo{
		display: none;
	}
	
	#nav-rye-52-main.sticky_menu li.logo .sticky_logo{
		display: block;
		padding: 10px 0px 10px 0px;
	}
	
	#nav-rye-52-main.sticky_menu li,
	#nav-rye-52-main.sticky_menu li a,
	#nav-rye-52-main.sticky_menu li a h4{
		height: 60px;
		line-height: 60px;
		vertical-align: top;
	}
	
	#nav-rye-52-main.sticky_menu li a img{
		vertical-align: top;
	}
	
	#nav-rye-52-main.sticky_menu li ul{
		background: rgba(255, 255, 255, 0.8);
		z-index: 99;
		padding: 0px 0px 1px 0px;
	}
	
	.navbar-rye-52-main{
		width: 100%;
		background: #161616;
		/*height: 80px;*/
		text-align: center;
		margin: 0px 0px 1px 0px;
	}
	
	.navbar-rye-52{
		width: 100%;
		background: #7f7b75;
		height: 40px;
		text-align: center;
	}
	
	#nav-rye-52{
		height: 40px;
		background: #7f7b75;
		width: 100%;
		margin: 0 auto;
		padding-left: 0;
	}
	
	#nav-rye-52-main{
		margin: 0px;
		padding: 0px;
		max-height: 80px;
	}
	
	#nav-rye-52-main li{
		list-style: none;
		display: inline-block;
		height: 80px;
		box-sizing: border-box;
		text-align: center;
	}
	
	#nav-rye-52 li{
		list-style: none;
		display: inline-block;
		height: 40px;
		box-sizing: border-box;
		text-align: center;
	}
	
	#nav-rye-52-main li:hover{
		background: none;
	}
	
	#nav-rye-52-main li:hover ul{
		display: block;
	}
	
	#nav-rye-52 li:hover{
		background: none;
	}
	
	#nav-rye-52 li:hover ul{
		display: block;
		z-index: 99;
	}
	
	#nav-rye-52 li a:hover h4{
		color: #5e0111;
	}
	
	#nav-rye-52-main li a{
		font-family: 'CantataOne-Regular';
		line-height: 105px;
		text-decoration: none;
		height: 80px;
		color: #FFF;
		display: block;
		margin: 0;
		padding: 0 15px 0 15px;
		font-size: 14px;
		text-transform: uppercase;
	}
	
	#nav-rye-52 li a{
		font-family: 'CantataOne-Regular';
		line-height: 40px;
		text-decoration: none;
		height: 40px;
		color: #FFF;
		display: block;
		margin: 0;
		padding: 0 15px 0 15px;
		font-size: 14px;
		text-transform: uppercase;
	}
	
	#nav-rye-52-main li.login_menu_item,
	.rye-52-top_menu div.login_menu_item{
		position: absolute;
		top: -20px;
		margin-left: -80px;
		height: 50px;
	}
	
	#nav-rye-52-main li.cart_menu_item,
	.rye-52-top_menu div.cart_menu_item{
		position: absolute;
		top: -20px;
		margin-left: -3px;
		height: 50px;
	}
	
	#nav-rye-52-main li.login_menu_item a,
	#nav-rye-52-main li.cart_menu_item a,
	.rye-52-top_menu div.login_menu_item a,
	.rye-52-top_menu div.cart_menu_item a{
		height: 50px;
		line-height: 65px;
	}
	
	#nav-rye-52-main li.login_menu_item a h4,
	#nav-rye-52-main li.cart_menu_item a h4,
	.rye-52-top_menu div.login_menu_item a h4,
	.rye-52-top_menu div.cart_menu_item a h4{
		height: 50px;
		font-size: 10px;
		line-height: 65px;
		font-family: Verdana;
	}
	
	#nav-rye-52-main.sticky_menu li.login_menu_item,
	#nav-rye-52-main.sticky_menu li.cart_menu_item,
	.rye-52-top_menu_container.sticky_menu div.login_menu_item,
	.rye-52-top_menu_container.sticky_menu div.cart_menu_item{
		display: none;	
	}
	
	.first-lvl_menu_item h4 {
		color:#fff;
	}
	
	#nav-rye-52 li a.active h4{
		color: #5e0111;
	}
	
	#nav-rye-52 li a h4{
		margin: 0px;
		line-height: 40px;
		font-weight: normal;
	}
	
	#nav-rye-52-main li a img{
		vertical-align: top;
	}
	
	#nav-rye-52-main li a h4{
		margin: 0px;
		line-height: 80px;
		font-weight: normal;
	}
	
	/**********************************/
	/*** Submenus style of the MENU ***/
	/**********************************/
	#nav-rye-52-main ul{
		display: none;
		position: absolute;
		background: #ffffff;
		left: 0px;
		z-index: 11;
		padding: 0;
		height: 110px;
		width: 100%;
		margin: -12px auto 0px;
		text-align: center;
	}
	
	#nav-rye-52 ul{
		display: none;
		position: absolute;
		background: #5e0111;
		left: 0px;
		z-index: 9;
		padding: 0;
		height: 25px;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	
	#nav-rye-52-main li.logo{
		float: none;
	}
	
	#nav-rye-52-main li.logo a{
		padding: 0px 25px 0px 25px;
	}
	
	#nav-rye-52-main li.logo .sticky_logo{
		display: none;
	}
	
	#nav-rye-52-main ul .rye-52-submenu_items{
		width: 70%;
		margin: 0 auto;
	}
	
	#nav-rye-52 ul .rye-52-submenu_items{
		width: 70%;
		margin: 0 auto;
	}
	
	#nav-rye-52-main ul li{
		border: none;
		height: 110px;
		display: inline-block;
	}
	
	#nav-rye-52 ul li{
		border: none;
		height: 25px;
		display: inline-block;
	}
	
	#nav-rye-52-main .rye-52-submenu_items li a h4{
		display: none;
	}
	
	#nav-rye-52-main ul li a{
		height: 110px;
	}
	
	#nav-rye-52 ul li a{
		height: 25px;
		font-size: 9px;
		font-family: Verdana;
		line-height: 25px;
	}
	
	#nav-rye-52-main ul li:hover{
		background: none;
	}
	
	#nav-rye-52 ul li:hover{
		background: none;
	}
	
	#nav-rye-52-main ul li:hover > a{
		color: #ffffff;
	}
	
	#nav-rye-52 ul li:hover > a{
		color: #ffffff;
	}
	
	#nav-rye-52-main ul li:last-child,
	#nav-rye-52-main ul li:last-child a{
		border-bottom: none;
	}
	
	#nav-rye-52 ul li:last-child,
	#nav-rye-52 ul li:last-child a{
		border-bottom: none;
	}
	
	#nav-rye-52-main ul ul,
	#nav-rye-52-main ul ul ul{
		top: 0;
		left: 170px;
		display: none;
		visibility: hidden;
		border: 1px solid #DDD;
		z-index: 1;
	}
	
	#nav-rye-52 ul ul,
	#nav-rye-52 ul ul ul{
		top: 0;
		left: 170px;
		display: none;
		visibility: hidden;
		border: 1px solid #DDD;
		z-index: 1;
	}
	
	/***********************************************/
	/*** Current MENU Item Text and BgColor and  ***/
	/***********************************************/
	
	#nav-rye-52-main li.current-menu-ancestor,
	#nav-rye-52-main li.current-menu-item{
		background: #033c57;
	}
	
	#nav-rye-52 li.current-menu-ancestor,
	#nav-rye-52 li.current-menu-item{
		background: #033c57;
	}
	
	#nav-rye-52-main ul li.current-menu-ancestor a,
	#nav-rye-52-main ul li.current-menu-item a{
		color: #ffffff;
	}
	
	#nav-rye-52 ul li.current-menu-ancestor a,
	#nav-rye-52 ul li.current-menu-item a{
		color: #ffffff;
	}

}

@media screen and (max-width: 1200px) {
	#nav-rye-52-main ul li a{
		padding: 0px 5px 0px 5px;
	}
	
	#nav-rye-52-main ul li a img{
		width: 80%;
	}
	
	#nav-rye-52-main ul,
	#nav-rye-52-main ul li,
	#nav-rye-52-main ul li a{
		height: 85px;
	}
}

@media screen and (max-width: 1024px) {
	#nav-rye-52-main ul li a{
		padding: 0px;
	}
	
	#nav-rye-52-main ul li{
		
	}
}

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

	#nav-rye-52-main li.logo{
		display: none;
		float: none;
	}
	
	.rye-52-top_menu_container{
		display: none;
	}
	
	#nav-rye-52-main ul,
	#nav-rye-52-main ul li,
	#nav-rye-52-main ul li a{
		height: auto;
	}
	
	#nav-rye-52-main li a{
		padding: 0px;
	}
	
	.mean-container .mean-bar{
		padding: 0px;
		min-height: 60px;
		background: #161616;
	}
	
	#nav-rye-52-main ul li{
		max-width: 100%;
	}
	
	.mean-container a.meanmenu-reveal{
		padding: 17px 13px 16px 13px;
	}
	
	.mean-container .mean-nav ul li li a img{
		display: none;
	}
	
	#nav-rye-52-main .rye-52-submenu_items li a h4{
		display: block;
	}
	
	.mean-container .mean-nav{
		margin: 60px 0px 0px 0px;
	}
	
	.mean-container a.meanmenu-reveal{
		padding: 17px 13px 16px 13px;
	}
	
	.mean-container .mean-nav ul li a{
		font-size: 24px;
		background: #7f7b75;
		height: 50px;
		text-align: center;
		width: 100%;
		line-height: 50px;
		padding: 0px;
		color: #ffffff;
		border-top: solid 1px #000000;
	}
	
	.mean-container .mean-nav #nav-rye-52-main li a{
		background: #ffffff;
		color: #000000;
	}
	
	.mean-container .mean-nav ul li a h4{
		height: 50px;
		line-height: 50px;
		font-size: 24px;
		color: #ffffff;
	}
	
	.mean-container .mean-nav #nav-rye-52-main li a h4{
		color: #000000;
	}
	
	.mean-bar:after {
		content: url("/skin/frontend/default/shoe_store/images/responsive_menu/logo.jpg");
		display: block;
		height: 30px;
		left: calc(50% - 61px);
		position: absolute;
		top: 0;
		width: 30px;
	}
	
	.mean-container .mean-nav ul li a:hover{
		background: rgba(127,123,117,1);
		color: #5e0111;
	}
	
	.mean-container .mean-nav ul li a h4{
		margin: 0px;
	}
	
	.mean-container .mean-nav ul li a{
		font-size: 24px;
		background: #7f7b75;
		height: 50px;
		text-align: center;
		width: 100%;
		line-height: 50px;
		padding: 0px;
		color: #ffffff;
		border-top: solid 1px #000000;
	}
	
	.mean-container .mean-nav ul li li a{
		font-size: 24px;
		background: #5e0111;
		height: 50px;
		text-align: center;
		width: 100%;
		line-height: 50px;
		padding: 0px;
		color: #ffffff;
		border-top: solid 1px #ffffff;
	}
	
	.mean-container .mean-nav #nav-rye-52-main li li{
		border-bottom: solid 1px #000000;
	}
	
	.mean-container .mean-nav #nav-rye-52-main li li:last-child{
		border-bottom: none;
	}
	
	.mean-container .mean-nav #nav-rye-52-main li li a{
		opacity: 0.95;
	}
	
	.mean-container .mean-nav ul li li a:hover{
		background: rgba(94,1,17,1);
		color: #ffffff;
	}
	
	.mean-container .mean-nav ul li a.mean-expand{
		background: none;
		border: none !important;
		padding: 8px 30px 10px !important;
	}
	
	.mean-container .mean-nav ul li a.mean-expand:hover{
		background: rgba(127,123,117,1);
	}
	
	.mean-container .mean-nav ul li a.mean-expand img{
		width: 20px;
		height: auto;
	}

}