#top #user-menu {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 35px 15px;
    margin-right: 10px;
    margin-top: 10px;
    position: relative;
    user-select: none;
    color:#2c2e83;
   
}
#user-menu .usericon {
    width:26px;
    position:absolute;
    top:35px;
    right:12px;
}
#user-menu .usericon .fa {
    font-size:26px;
}

#usr, #srch {
    display:none;
}
#menu .main-menu, #menu #user-menu-content {
    display: none;
}

#menu #user-menu-content {
    background: white;
    width: 100%;
    text-align: center;
    left: 0;
    top: 0px;
}

#usr:checked ~ #menu {
    display: block;
    min-height:160px;
}
#usr:checked ~ #menu #user-menu-content {
    display: block;
}

#top #user-menu .usericon:before,
#top #user-menu .usericon:after {
  background: #2c2e83;
  content: '';
  display: none;
  height: 2px;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
  border-radius: 3px;
}

#top #user-menu .usericon:before {
  top: 13px;
}

#top #user-menu .usericon:after {
  top: 13px;
}
#usr:checked ~ #user-menu .usericon:before {
  transform: rotate(-45deg);
  display: block;
}

#usr:checked ~ #user-menu .usericon:after {
  transform: rotate(45deg);
  display: block;
}
#usr:checked ~ #user-menu .fa,
#usr:checked ~ #user-menu img.user,
#usr:checked ~ #user-menu img.user-logged {
    display:none;
}

#menu #search-content {
    position: absolute;
    background: white;
    width: 100%;
    text-align: center;
    left: 0;
    top: 0px;
    display:none;
    padding:20px;
    text-align:center;
}
#menu #search-content form {
    width:100%;
    max-width:300px;
    position:relative;
    margin:0 auto;
}    
#menu #search-content input {
    padding:10px 20px;
    border-radius:20px;
    width:100%;
    border:1px solid #DDD;
    box-sizing:border-box;
    padding-right: 80px;
}
#menu #search-content button {
    position:absolute;
    right:0;
    top:0;
    padding: 11px 30px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}
#srch:checked ~ #menu {
    display: block;
    min-height:80px;
}
#srch:checked ~ #menu #search-content {
    display: block;
}
#search-link .usericon {
  width: 26px;
  position: absolute;
  top: 22px;
  right: 5px;
  transition: all .2s ease-out;
}
#top #search-link .usericon:before,
#top #search-link .usericon:after {
  background: #2c2e83;
  content: '';
  display: none;
  height: 2px;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
  border-radius: 3px;
}

#top #search-link .usericon:before {
  top: 13px;
}

#top #search-link .usericon:after {
  top: 13px;
}
#srch:checked ~ #search-link .usericon:before {
  transform: rotate(-45deg);
  display: block;
}

#srch:checked ~ #search-link .usericon:after {
  transform: rotate(45deg);
  display: block;
}
#srch:checked ~ #search-link img {
    visibility:hidden;
}



#user-menu-content {
    padding-top:10px;
    padding-bottom:10px;
    box-sizing: border-box;
    text-align: center;    
}
#user-menu-content .menu-btn {
    background: #FFF;
    color: #000;
    box-shadow: 0 0 10px #999;
    width: 84vw;
    margin: 10px 0;
    padding: 15px;
    text-transform: uppercase;
    border:none;
}

#user-menu-content .menu-block {
    text-decoration: none;
    display: inline-block;
    margin: 2vw;
    width: 40vw;
    height: 40vw;
    position: relative;
    box-shadow: 0 0 10px #999;
    box-sizing:border-box;
    background:#FFF;
    border:none;
}
#user-menu-content .menu-block.empty-menu-block {
    box-shadow:none;
    background:none;
}
#user-menu-content .menu-block figure {
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
#user-menu-content .menu-block figure img {
    height: 18vw;
    padding: 3vw 0;
}
#user-menu-content .menu-block span {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    color: #FFF;
    background: #2C2E83;
    text-align: center;
    text-transform: uppercase;
    padding: 7px;
    box-sizing: border-box;
}
#user-menu-content .menu-block em {
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 0px;
    width: 18px;
    height: 18px;
    font-size: 14px;
    line-height: 20px;
    font-style: normal;
    background: red;
    color: #FFF;
    text-align: center;
    border-radius: 50%;
    box-sizing: border-box;
}

.no-scroll {
    overflow:hidden !important;
}

body.stop-scroll {
    overflow:hidden !important;
    position:fixed;
    width:100%;
}


@media only screen and (min-width: 1050px) {
    #menu .main-menu {
        display: block;
        margin-right:15px;
        margin-top:13px;
    }
}

@media only screen and (min-width: 1051px) {
    
    #menu #user-menu-content {
        top:90px;
    }
    #menu #search-content {
      top: 90px;
    }
    #search-link .usericon {
        top:30px;
    }
    
    #user-menu-content {
        padding-bottom:20px;
    }
    
    #top {
        width: 100%;        
    }

    #usr:checked ~ #menu .main-menu {
        display:none;
    }
    #usr:checked ~ #menu #search-content {
        display:none;
    }
    
    #usr:checked ~ #menu {
        position: absolute;
        z-index: 9;
        height: calc(100vh - 95px);
        overflow: auto;
        width: 100%;
        top: 90px;
        left: 0;
        background: rgba(255,255,255,1);
        padding: 6px 0 0 0;
    }
    
    #user-menu .usericon {
        top:41px;
        right:0px;
        width:20px;
    }
    #user-menu .usericon .fa {
        font-size:18px;
    }
    #top #user-menu .usericon:before,
    #top #user-menu .usericon:after {
        top:7px;
    }
    #usr:checked ~ #menu #user-menu-content {
        box-sizing:border-box;
        margin:0 auto;
        max-width: 980px;
    }
    body.mano-gmm #usr:checked ~ #menu #user-menu-content {

    }
    #user-menu-content .menu-btn {
        width:400px;
        margin:20px;
    }
    #user-menu-content .menu-block {
        margin: 10px;
        width: 200px;
        height: 200px;
        box-sizing: border-box;
        border: none;
    }
    #user-menu-content .menu-block:hover {
        border: none;
    }
    #user-menu-content .menu-block figure img {
        height: 120px;
        padding: 25px 0;        
    }
    #search-link .usericon {
        width:20px;
        top:33px;
    }
    #phone-link {
        margin-right:2px !important;
    }

}