
/*CATALOG MENU*/
.catalog-menu{
	position: relative;
	top:13px;
	left: 183px;
	width:100%;
}
.home .catalog-menu{
	left:0;
}
.catalog-menu-button{
	display:none;
}
/*1 LEVEL*/
.catalog-menu > ul{
	
}
.catalog-menu > ul > li{
	display:inline-block;
	position:relative;
	margin: 0 15px 0 0;
}
.catalog-menu > ul > li > a{
	height: 50px;
	line-height:50px;
	display:inline-block;
	/* font-family:'Beachwood'; */
	color:#fff;
	font-size: 20px;
	/* text-transform: uppercase; */
	font-family: 'MuseoCyrl';
}
.catalog-menu > ul > li:hover > a, .catalog-menu > ul > .active> a{
	color: #fffde6;
    transition: .5s;
}
.menu-sale{
	color:#ee5050 !important;
}
/*2 LEVEL*/
.catalog-menu > ul > li > ul{
	position: absolute;
    left: -99999px;
    opacity: 0;
    width: 300px;
    top: 50px;
    padding: 20px;
    background: #fff;
    z-index: 99999;
	border-radius:20px;
    -webkit-transition: .3s linear opacity;
    border-bottom: 1px solid #dedede;
    box-shadow: 0 5px 5px rgba(0,0,0,.1);
}
.catalog-menu > ul > li:hover > ul{
	left:0px;
	opacity:1;
}
.home .catalog-menu > ul > li:hover > ul{
	left:0;
	opacity:1;
}
.catalog-menu > ul > li > ul > li{
	
}
.catalog-menu > ul > li > ul > li > a{
	font-size:20px;
	color:#333;
	margin:0 0 10px 0;
	display:inline-block;
}
/*3 LEVEL*/
.catalog-menu > ul > li > ul > li > ul{
		
}
.catalog-menu > ul > li > ul > li > ul > li{
	position:relative;
}
.catalog-menu > ul > li > ul > li > ul > li:before{
	display:none;
	content:'';
	position:absolute;
	top:50%;
	margin-top:-3px;
	left:0px;
	width:6px;
	height:6px;
	background:#dedede;
	border-radius:3px;
}
.catalog-menu > ul > li > ul > li > ul > li > a{
	padding:0 0 0 0px;
}
.catalog-menu > ul > li > ul > li > ul > li > a:hover, .catalog-menu > ul > li > ul > li > ul > .active > a{
	text-decoration:underline;
	
}

@media only screen and (max-width: 1024px) {
.catalog-menu-button{
	display:block;
	padding:20px 0 0 240px;
}
.home .catalog-menu-button{
	display:block;
	padding:20px 0 0 0;
}
.catalog-menu-button i{
	font-size:24px;
	color:#fff;
	cursor:pointer;
}
.catalog-menu{
	display:none;
	position: absolute;
    left: 0;
    width: 100%;
	z-index:9;
	background:#fff;
	padding:20px;
	-webkit-transition: .3s linear opacity;
	box-shadow: 0 5px 5px rgba(0,0,0,.1);
	border-radius:20px;
	top:80px;
}
.catalog-menu.show{
	display:block;
}



/*1 LEVEL*/
.catalog-menu > ul > li{
	display:block;
	margin:0 0px 0 0;
}
.catalog-menu > ul > li > a{
	height:auto;
	line-height:auto;
	display:inline-block;
	color:#333;
	font-size: 25px;
}

.catalog-menu > ul > li:hover > a, .catalog-menu > ul > .active> a{
	color:#d5558e;
}
/*2 LEVEL*/
.catalog-menu > ul > li > ul{
	position: relative;
    left: 0px;
    opacity: 1;
    width: 100%;
    top: 0;
    padding: 0;
    background: none;
    z-index: 2;
    border-bottom: 0px solid #dedede;
    box-shadow: 0 0px 0px rgba(0,0,0,0);
}
.catalog-menu > ul > li:hover > ul{
	left:0;
	opacity:1;
}
.catalog-menu > ul > li > ul > li{
	width:100%;
	float:none;
	padding:0 0 0 20px;
}
.catalog-menu > ul > li > ul > li > a{
	color:#333;
}
.catalog-menu > ul > li > ul > li > ul{
	margin:0 0 20px 0;
}
}

@media only screen and (max-width: 1024px) {
.catalog-menu-button{
	display:block;
	padding:20px 0 0 110px;
}
}

.catalog-menu-button::after
{
	width: 140px;
	height: 70px;
	display:  block;
	z-index: 9999;
	content: "";
    color: #000;
    animation: pulse 2s infinite;
    top: -50px;
    left: 40px;
    position:relative;
    background-image: url(/images/menu.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: unset;

}