.Screen_mobile .TopMenu {
    display: block;
    position: fixed;
    height: 60px;
    background: var(--color-menu-bg);
    width: 100%;
    border-radius: 0 0 20px 20px;
    -webkit-box-shadow: 6px 7px 20px 6px rgba(34, 60, 80, 0.3);
    -moz-box-shadow: 6px 7px 20px 6px rgba(34, 60, 80, 0.3);
    box-shadow: 6px 7px 20px 6px rgba(34, 60, 80, 0.3);
    position: sticky;
    top: 0px;
    z-index: 1000;
}

.Screen_mobile .TopMenuHeader {
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
}

.LeftBlock {
    display: inline-block;
    min-height: 100vh;
    box-sizing: border-box;
    overflow-y: scroll;
    scrollbar-width: none;
    overflow-x: hidden;
    width: 300px;
    padding: 15px;
    background: #E5A18A;
    position: fixed;
    height: 100vh;
}

.LeftBlock .TopMenu {
    display: block;
    background: var(--color-menu-bg);
    height: 54px;
    border-radius: 50vh;
    margin-top: 5px;
    margin-bottom: 20px;
    -webkit-box-shadow: var(--shadow-block);
    -moz-box-shadow: var(--shadow-block);
    box-shadow: var(--shadow-block);
    position: sticky;
    top: 0px;
    z-index: 1000;
    width: 290px;
    margin-left: -10px;
}

.TopMenuHeader {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.TMHLogo {
    display: inline-block;
    margin: 10px 0px 10px 10px;
    width: 40px;
    height: 40px;
    background-image: url("/images/logo/logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.TMHUser {
    display: inline-block;
    width: 200px;
    margin: 10px;
    vertical-align: top;
    position: relative;
}

.TMHULogo {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-right: 10px;
    border-radius: 50vh;
    margin-top: 3px;
}

.TMHUName {
    display: inline-block;
    vertical-align: top;
    line-height: 14px;
    color: var(--color-menu-text);
    font-size: 12px;
    padding: 6px 0;
}

.TMHNotifi {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    padding: 20px 10px;
}

.TMHNotifi a {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 5px;
    background-position: center;
}

.TMHNotifi a:hover {
    cursor: pointer;
}

.TMHNFavorites {
    background-image: url("/images/icons/star.svg");
}

.TMHNotifi a.TMHNLike {
    background-image: url("/images/icons/heart.svg");
    width: 24px;
}

.TMHNBooks {
    background-image: url("/images/icons/favorites.svg");
}

.TMHNotifi a.TMHNMessage {
    background-image: url("/images/icons/bells.svg");
    width: auto;
    vertical-align: top;
    padding-right: 22px;
    background-position-x: right;
    text-decoration: none;
    line-height: 20px;
    font-family: Roboto;
    font-size: 10px;
}

.SmallMenu .TopMenuContent {
    display: none;
}

.TopMenuContent {
    display: block;
    position: absolute;
    top: 0;
    width: calc(100% - 80px);
    background: var(--white);
    border-radius: 0 0 20px 20px;
    -webkit-box-shadow: 6px 7px 20px 6px rgba(34, 60, 80, 0.3);
    -moz-box-shadow: 6px 7px 20px 6px rgba(34, 60, 80, 0.3);
    box-shadow: 6px 7px 20px 6px rgba(34, 60, 80, 0.3);
}

.TMCLText {
    display: inline-block;
    width: calc(100% - 60px);
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: center;
    margin-top: 10px;
    background-position-x: 10px;
    vertical-align: top;
    font-family: Phenomena;
    line-height: 40px;
    font-size: 26px;
    padding-left: 10px;
}

.TMCList {
    display: block;
    padding: 10px 5px;
}

.Screen .TMCList {
    padding: 10px 0;
}

.LeftMenuItem {
    display: block;
    width: 100%;
    padding-left: 5px;
    padding-bottom: 10px;
}

.LeftMenuPict {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 3px;
    background-size: 30px;
    background-position: center;
    background-image: url("/images/icons/micon.svg");
}

.LeftMenuItem.DBList.OpenMenuList .LeftMenuPict {
    background-image: url("/images/icons/miconw.svg");
}

.LeftMenuPict.ExitIco {
    background-image: url("/images/icons/exit.svg");
}

.LeftMenuIco {
    width: 24px;
    height: 24px;
}

.LeftMenuText, a.DBitem {
    display: inline-block;
    width: calc(100% - 40px);
    margin-left: 5px;
    line-height: 30px;
    vertical-align: top;
    font-family: DINPro;
    color: var(--color-menu-link);
    text-transform: uppercase;
}
.OpenMenuList .LeftMenuText {
    color: #fff;
}


.LeftMenuItem.UnderLine {
    border-bottom: 1px solid #BBB;
    margin-bottom: 15px;
}

.LMIElements {
    display: none;
}

.OpenMenuList .LMIElements {
    display: block;
}

a.DBitem {
    display: block;
    text-decoration: none;
    line-height: 30px;
    margin-left: 40px;
    text-transform: none;
}

.LeftMenuItem.DBList.OpenMenuList {
    border-radius: 20px;
    border: 2px solid var(--color-menu-border);
    padding-left: 0;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 10px;
}

.LeftMenuItem.DBList {
    padding-left: 0px;
}

.LeftMenuItem .LMI {
    display: block;
    width: calc(100% + 4px);
    height: 40px;
    padding: 5px;
    background-position-x: calc(100% - 5px);
    background-position-y: center;
    background-size: 30px;
    background-image: url("/images/icons/cad.svg");
    background-repeat: no-repeat;
}

.OpenMenuList .LMI {
    background-color: var(--color-menu-border);
    border-radius: 0 0 20px 20px;
    margin-left: -2px;
    background-image: url("/images/icons/cauw.svg");
    margin-top: -2px;
}

.LeftMenuContent {
    display: block;
    margin-top: 5px;
    border-radius: 20px;
    background: inherit;
}

/*********** ********************/

.MainMenu {
    display: block;
    position: fixed;
    bottom: 0px;
    background: #fff;
    width: calc(100% - 20px);
    z-index: 10;
    margin: 10px;
    border-radius: 50vh;
    height: 60px;
    -webkit-box-shadow: var(--shadow);
    -moz-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    z-index: 1000;
}

.MainMenu.Hide {
    background: none;
    box-shadow: none;
}

.MMBlock {
    display: block;
    position: relative;
    width: 100%;
}

.MMBLogo {
    display: block;
    position: absolute;
    width: 50px;
    top: 5px;
    left: 5px;
    background-image: url("/images/logo/logo.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    aspect-ratio: 1;
}

.Screen_mobile .MainMenu.Hide .MMBLogo{
    display: none;
}

.Screen .MMBLogo {
    width: 40px;
    top: 7px;
    left: 7px;
}

.MMBProfile {
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
}

.Screen_mobile .MainMenu.Hide .MMBFavorites{
    display: none;
}

.Screen_mobile .MainMenu.Hide .MMBCalendar{
    display: none;
}

.Screen_mobile .MainMenu.Hide .MMBProfile{
    display: none;
}

.Screen_mobile .MainMenu.Hide .IcoGear{
    display: none;
}

.MMBPLogo {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50vh;
    object-fit: cover;
    background-color: #E5CFDA;
}
.Screen .MMBPLogo {
    width: 40px;
}

.Screen .MMBProfile {
    right: 7px;
    top: 7px;
}


.MMBCurrent {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    background-color: #F7764A;
    border-radius: 50vh;
    transform: translate(-50%,0);
    top: -10px;
    background-size: 50px;
    background-position: center;
    -webkit-box-shadow: var(--shadow);
    -moz-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    background-repeat: no-repeat;
}

.Screen_mobile .MMBCurrent.IcoLogo {
    background-image: url("/images/logo/logo.svg");
    display: none;
}

.MMBCalendar {
    display: block;
    position: absolute;
    width: 50px;
    aspect-ratio: 1;
    top: 5px;
    background-image: url("/images/icons/calendar.svg");
    border-radius: 50vh;
    left: calc(50% / 2 - 15px);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
}

.MMBCalendar.IcoGear {
    left: 10px;
}

.Screen .MMBCalendar {
    width: 40px;
    top: 7px;
    left: calc(50% / 2 - 10px);
    background-size: 30px;
}

.MMBMessage {
    display: block;
    position: absolute;
    width: 50px;
    aspect-ratio: 1;
    top: 5px;
    background-image: url("/images/icons/cheart.svg");
    border-radius: 50vh;
    left: calc(100% / 2 - 20px);
    background-size: 100%;
}

.Screen .MMBMessage {
    width: 40px;
    top: 7px;
}


.MMBFavorites {
    display: block;
    position: absolute;
    width: 50px;
    aspect-ratio: 1;
    top: 5px;
    background-image: url("/images/icons/cglass.svg");
    border-radius: 50vh;
    right: calc(50% / 2 - 15px);
    background-size: 100%;
}

.MMBNotify {
    display: block;
    position: absolute;
    width: 50px;
    aspect-ratio: 1;
    top: 5px;
    background-image: url("/images/icons/chat.svg");
    border-radius: 50vh;
    right: calc(50% / 2 - 15px);
    background-size: 50px;
    background-position: center;
    background-repeat: no-repeat;
}

.Screen .MMBNotify {
    background-size: 40px;
    width: 40px;
    top: 7px;
    right: calc(50% / 2 - 15px);
}

.Screen_mobile .MainMenu.Hide .MMBNotify {
    display: none;
}

#CountNewNotify {
    display: block;
    position: absolute;
    bottom: 0;
    right: -10px;
    color: #fff;
    font-size: 10px;
}

#CountNewNotify:not(:empty){
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50vh;
    background: #FF531A;
}

.Screen .MMBFavorites {
    width: 40px;
    top: 7px;
    right: calc(50% / 2 - 10px);
}


.MainMenuLists {
    display: none;
    position: absolute;
    z-index: 100;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: #E5A18A;
    border-radius: 30px;
    padding: 10px;
    -webkit-box-shadow: var(--shadow);
    -moz-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
}

.Screen .MainMenuLists {
    display: block;
    position: relative;
    border-radius: 0;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/*
.MMLItems {
    display: block;
    width: 100%;
    color: #fff;
    font-family: Nunito SemiBold;
    line-height: 60px;
    font-size: 20px;
    letter-spacing: 4px;
    background-image: url("/images/icons/miconw.svg");
    background-size: 50px;
    background-repeat: no-repeat;
    padding-left: 65px;
    text-transform: uppercase;
    text-decoration: none;
    margin: 10px 0;
    background-position: 5px;
}
*/

.MMLItems {
    font-family: Nunito SemiBold;
    display: block;
    width: 100%;
    color: #fff;
    line-height: 19px;
    font-size: 12px;
    background-image: url("/images/icons/miconw.svg");
    background-size: 28px;
    background-repeat: no-repeat;
    text-transform: uppercase;
    text-decoration: none;
    background-position: 5px;
    padding: 10px;
    padding-left: 40px;
    position: relative;
}

.MMLItems.ACTIVE {
    background: #fff;
    border-radius: 40px;
    color: #e5a18a;
    background-image: url("/images/icons/micon.svg");
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: 5px;
}

.MMLItems.MMLLogo {
    font-size: 30px;
    letter-spacing: 6px;
    font-family: Nunito ExtraBold;
    background-image: url("/images/logo/logo.svg");
    width: 200px;
    position: initial;
}

.MMLItems.ACTIVES {
    border-radius: 50vh;
    color: #CC7E64;
    background-color: #fff;
    -webkit-box-shadow: var(--shadow);
    -moz-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
}