#TopMenu {margin: 0;padding:0; display:flex; align-items:center;width:100%;justify-content: center;}
#TopMenu ul{ display:flex; background:none; margin:0; align-items: center;  justify-content: space-between;}
#TopMenu li{height:80px; display:flex; align-items:center; list-style-type:none;}
#TopMenu a {text-decoration:none; color: var(--firm-color-1); font-weight:bold; padding:10px 5px;}
#TopMenu a:hover {color: var(--firm-color-2);}
#TopMenu .mobile-only, #TopMenu .closeCatalogButton {display:none;}
#content{display:inline-block; width:100%; position:relative; box-sizing:border-box; min-height:calc(100vh );margin-top:172px}
#content tr td{vertical-align: top;}
@media screen and (max-width: 1000px) {
#content{margin-top:92px !important;}
#TopMenu{z-index:2000; position:fixed; right:0;top:0; overflow-y:scroll; margin:0; box-shadow:0 0 4px #000;
 -webkit-transition:width .3s ease 0s; -webkit-transition:height .3s ease 0s;
 -moz-transition:width .3s ease 0s;-moz-transition:height .3s ease 0s;
 -ms-transition:width .3s ease 0s; -ms-transition:height .3s ease 0s;
 -o-transition:width .3s ease 0s; -o-transition:height .3s ease 0s;
 transition:width 0.3s, height 0.3s;}
 #TopMenu ul{height:calc(100% - 80px); overflow-y:scroll; display:inline-block; width:100%; box-sizing:border-box;}
#TopMenu li{width:100%; height: 40px;  display: flex;  align-items: center;  list-style-type: none; padding:8px 10px; box-sizing:border-box;}
#TopMenu li a{width:100%; font-size:18px; box-sizing:border-box;}
#TopMenu .closeCatalogButton {  padding: 10px;  width: 100%; display:inline-block;}
  #TopMenu .closeCatalogButton .closeButton{float:right;}
#TopMenu.block_hide{display:none !important;}
#TopMenu.block_show{display: inline-block; !important;}
.TopMenuWidth0{width:0; height:0;overflow:hidden}
.TopMenuWidth{width:100%; height:calc(100vh);}
}
