.catalogMenu{
	display:none;
}

.popup-window-content .catalogMenu{
	display:block;
}
.btn.btn-catalog{
	float:left;
	margin:2px 0px 2px 0px;
	padding-right:10px;
	border:solid 1px white!important;
	height:34px;
	font-size:14px;
	font-weight:bold;
	display:flex;
	align-items:center;
	border-radius:5px;
	color:white;
}
.btn.btn-catalog:hover{
	color:white;
	background-color: #37aee2;
}
.btn-catalog img{
	margin-right:6px;
}
.topmenu{
    margin-top: 2px;
}
.topmenu > li > a {
    max-width: 260px;
    text-wrap-mode: nowrap;
}

#MenuPopup{
	position:fixed!important;
	top:36px!important;
	margin:0px auto!important;
	width:99%;
	max-width:1270px;
	height:90%;
	position:fixed!important;
	font-family:Roboto, sans-serif!important;
	padding:0px;
}
#MenuPopup  .popup-window-close-icon {
    opacity: 1;
    color: black;
	top:10px!important;
	right:15px!important;
}

#MenuPopup .popup-window-close-icon:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 20px;
    height: 20px;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none'%3E%3Cpath fill='%23000000' d='M8.666.621a.5.5 0 0 0-.707 0L5.002 3.58 2.044.62a.5.5 0 0 0-.707 0l-.714.714a.5.5 0 0 0 0 .707L3.581 5 .623 7.957a.5.5 0 0 0 0 .708l.714.713a.5.5 0 0 0 .707 0L5.002 6.42l2.957 2.958a.5.5 0 0 0 .708 0l.713-.714a.5.5 0 0 0 0-.707L6.422 5 9.38 2.042a.5.5 0 0 0 0-.707L8.666.62z'/%3E%3C/svg%3E");
}

.catalogMenuContent{
	display:flex;
	justify-content:start;
	align-content:top;
	width:100%;
	height:100%;
}
div.catalogMenuFirst{
	width:350px;
	height:calc(100% - 300px);
	overflow-y:scroll;
	overflow-x:hidden;
	direction: rtl;
}
ul.catalogMenuFirst2{
	padding-left: 0px;
    margin-top: 10px;
}
ul.catalogMenuFirst2 li{
	list-style-type: none;
}
ul.catalogMenuFirst2 li a{
	font-size:16px;
	font-weight:bold;
}
.firstMenu.active:after{
	content:'';
}
.firstMenu{
	border-top:solid white 1px;
	border-bottom:solid white 1px;
	border-right:solid gray 1px;
	height:80px;
	display:flex;
}
.firstMenu.active{
	border-right:solid #fcfcfc 1px;
	border-top:solid gray 1px;
	border-bottom:solid gray 1px;
}
.firstMenu a,
.firstMenu a:hover,
.firstMenu a:link,
.firstMenu a:active{
	color: #1c1c1c !important;
    text-align: left;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 10px 20px;
	display:flex;
	align-items:center;
	justify-content:start;
	width:96%;
	direction: ltr;
}
.firstMenu.active a{
	color:#2aafd8;
	position: relative;
    left: 1px;
    z-index: 2000;
}
.firstMenu a img{
	float:left;
}
.catalogMenuChild{
	width:calc(100% - 350px);
	position:relative;
}
.catalogMenuChildMenu{
	display:none;
	width:100%;
	height:90%;
	overflow-y:scroll;
	top:20px;
	position:absolute;
}
.catalogMenuChildMenu.active{
	display:block;
}
.catalogMenuChildMenu.active:after{
	content:'';
}
.catalogMenuChildMenu > ul{
   column-count: 3;
  -webkit-column-count: 3;
  column-gap: 0;
  -webkit-column-gap: 0;
}
.catalogMenuChildMenu li{
	list-style-type: none;
}
.catalogMenuChildMenu > ul > li > a,
.catalogMenuChildMenu > ul > li > a:link,
.catalogMenuChildMenu > ul > li > a:active
{
	background: white;
    color: #1c1c1c !important;
    text-align: left;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 10px 20px 10px 0px;
	display:block;
}
.catalogMenuChildMenu > ul > li > a:hover{
	color:black;
}

.catalogMenuChildMenu > ul > li{
	margin:0px;
	width:100%;
	font-size:14px;
	font-weight:bold;
	margin-top:0px;
	break-inside: avoid;
	padding: 1px;
}
.catalogMenuChildMenu > ul > li > ul{
	padding-bottom: 7px;
    padding-left:0px;
}
.catalogMenuChildMenu > ul > li > ul > li{
	font-size:14px;
	font-weight:normal;
	padding-bottom: 7px;
    padding-left: 7px;
}
.catalogMenuChildMenu > ul > li > ul > li >a{
	background: white;
    color: #1c1c1c !important;
    text-align: left;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 0px 0px;
}

@media (min-width: 800px) and (max-width: 1189px) {
	.nav-topmenu .topline>li>a{
		font-size:12px;
	}
	.nav-topmenu,.topmenu {
		display:flex;
		align-items:center;
	}
	.topmenu{
		overflow:hidden;
	}
	.topmenu li:last-child{
		display:none1;
	}
	.nav-topmenu:after{
		color:white;
		content:' ...';
	}
}