#user_menu{margin:8px 0 8px 0;border-bottom:1px solid #f4792e;text-align: right;clear:both;
width: 96%;
    margin: auto;
font-family: arial;
}
#user_menu ul{list-style-type:none;padding:0;margin: 4px 0 4px 0;width:100%}

#user_menu ul li{display:inline-block}
#user_menu a{text-decoration:none;color:#e2e2e2;display:block}
#user_menu ul{background:#000}
#user_menu ul li{text-align:center;width:50%;margin: 0 -1px 0 -2px;}
#user_menu ul a{border-right:1px solid #2d2d2d;border-left:1px solid #82507a;padding:8px 6px;}

#user_menu ul a:hover{color:#fff1dd}
#user_menu ul a:first-child{border-left:0}


@media(min-width:375px){
#user_menu ul li{width:33%;margin: 0 -1px 0 -1px;}
}
@media(min-width:640px){
#user_menu{border-bottom:1px solid #f4792e;}
#user_menu ul li{width:25%;margin: 0 -2px 0 -2px;}
}

@media(min-width:800px){
#user_menu{margin:10px 17px
width: 96%;
    max-width: 1600px;}
}
@media(min-width:768px){
#user_menu ul{margin: -8px 0 4px 0}
#user_menu ul li{width:auto}
#user_menu ul a{padding:8px 10px}}
#user_menu .ok a {
    background: #111;
    color: #f90;
}

#user_menu span{-webkit-animation:blink .9s linear infinite;animation:blink .9s linear infinite;position:relative;top:-5px;font-size:.7em}
@-webkit-keyframes blink{50%{color:gray}100%{color:#fff}}
@keyframes blink{50%{color:gray}100%{color:#fff}}


.table{display:table}
.table>div{display:table-row}
.table>div>div{display:table-cell;vertical-align:middle}
#messages{width:100%}
#messages a{display:inline-block}
#messages>div>a{padding:10px;display:table-cell;width:100%}
#messages>div>a:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em

}
#messages a>span{display: inline-block;
    width: 100%;
    vertical-align: middle;
    background: rgba(255,255,255,.12);
    border: 1px solid #3d3d3d;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
    color: #e2e2e2;}
#messages p{margin:10px 0 0 0;word-break:break-word;font-size: 1.1em;}
#messages>div>div{vertical-align:middle;padding:4px 0}
#messages .login{color:#f90;font-weight:bold}
#messages div div a img{border-radius:50%}
#messages .time{float:right;color:gray;font-size:.8em}
#messages .gray {
    color: gray;
}

.float_right {
    float: right;
    color: #e2e2e2;
}
.input_upload {
    border: 1px solid #3d3d3d;
    border-radius: 3px;
    padding: 6px;
    color: #e2e2e2;
}
.animation{-webkit-animation:blink .9s linear infinite;animation:blink .9s linear infinite;position:relative;top:-5px;font-size:10px}
@-webkit-keyframes blink{50%{color:#3d3d3d}100%{color:#e2e2e2}}
@keyframes blink{50%{color:gray}100%{color:#fff}}




.grid{display:flex;flex-wrap:wrap;justify-content:space-between;margin:-15px;padding:0;list-style:none;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.grid:after{content:'';flex:1}
.grid li{width:calc((100% - 150px) / 5);margin:15px}
@media(max-width:1024px){
.grid li{width:calc((100% - 120px) / 4)}
}
@media(max-width:768px){
.grid li{width:calc((100% - 90px) / 3)}
.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
}
@media(max-width:425px){
.grid li{width:calc((100% - 60px) / 2)}
}

.grid{margin:15px 0;display:grid;grid-gap:20px}
.grid li{
 margin:0;width:auto;
    background: url(/template/images/bgmin.png) rgba(0,0,0,0);
    border: 1px solid #3d3d3d;
    padding: 5px;
}
.grid .info{margin-top:5px;text-align:center}
.grid .login{font-weight:bold;color:#e2e2e2;overflow:hidden;white-space:nowrap;padding:2px 0 7px 19px}
.grid .login a {
    color: #e2e2e2;
}

.grid .img{position:relative;padding-top:100%}
.grid img{position:absolute;top:0;left:0;border:0;border-radius:50%;box-sizing:border-box;width:100%;height:100%}
.online{position:relative}
.online:before{content:'';display:block;width:15px;height:15px;border:0;border-radius:50%;position:absolute;left:10px;top:10px;background:rgba(0,255,0,0.5);z-index:1}
.grid .male{background:url(/template/images/male.gif) no-repeat left top}
.grid .female{background:url(/template/images/female.gif) no-repeat left top}

.message_user {
    border-bottom: 1px solid #696969;
    border-top: 1px solid #696969;
    border-radius: 10px;
padding: 0 5px 0 5px;
    line-height: 37px;
    max-width: 500px;
}
.message_user img {
    border-radius: 50%;
    margin: 0 0 -10px 3px;
}
.message :before{left:0;top:0}
#content .message_box{margin:25px auto;overflow:hidden;max-width:1024px}
.message .red {color: red;}
.message span,.message a{font-size:.8em;color:gray}
.message a img{border-radius:50%}
.message{display:table;float:left;clear:both;margin:20px 70px 0 0}
.text_block:before{display:block;width:0;height:0;position:absolute;left:4px;top:20px;content:'';border:6px solid transparent;border-right-color:#3d3d3d;border-left:0}
.iam{float:right;margin:20px 0 0 70px;text-align:left}
.iam .text_block:before{border:6px solid transparent;border-left-color:#d0ffff;border-right:0;left:auto;right:4px}
.message>div{display:table-cell;vertical-align:top}
.message>div:first-child{margin:10px}
.text_block{position:relative}
.text_block div{border: 1px solid #3d3d3d;background: rgba(255,255,255,.12);border-radius:10px;padding:10px;margin:0 0 0 10px}
.iam .text_block div{margin:0 10px 0 0;background:#d0ffff;border-color:#d0ffff}
.not_read .text_block div{color:gray;border:1px solid #f3f3f3;background:#f3f3f3}
.not_read .text_block:before{border-left-color:#f3f3f3}
.message p{padding:0;margin:10px 0 0 0;font-size:1.2em;word-break:break-word}
p img{vertical-align:middle}
@media(max-width:480px){
.text_block div{padding:10px}
.message p{font-size:1.1em}
}
.copy{background:url(data:image/gif;base64,R0lGODlhDwANAJECAIpuik82T////wAAACH5BAEAAAIALAAAAAAPAA0AAAIshC+pCmvrYoOiPRCyZjCsnFiHp3jeVFaNFogG2aHJeaz1SwlweuvUnuqwWAUAOw==);display:block;width:15px;height:13px;float:right;margin:0 0 0 5px;cursor:pointer}
.left{margin-left:60px}
.right{margin-right:60px}
.left,.right{margin-top:5px}
.left .text_block:before,.right .text_block:before{display:none}
.user_label{
    display: -webkit-inline-box;
    font-size: 14px;
    font-weight: 700;
    margin: 5px;
}



.center {
    text-align: center;
}
.button_submit {
    margin-top: 7px;
}
.button_submit a{
    background: rgba(0,0,0,.35);
    border: 1px solid #2d2d2d;
    border-radius: 5px;
    display: -webkit-inline-box;
    font-size: 15px;
margin: 2px 3px 2px 3px;;
    padding: 5px 12px;
}
.button_submit a:hover{
text-decoration: none;
    border: 1px solid #f90;
}
.chat_login {
    cursor: pointer;
    display: inline-block;
    height: 18px;
    margin-top: 2px;
    font-weight: bold;
    font-size: 13px;
}
.ava_login {
    width: 42px;
    height: 42px;
    float: inherit;
    padding-right: 6px;
}
.ava_login img{
    width: 42px;
    height: 42px;
}
.comment_chat {
    background: rgba(255,255,255,.12);
    border-radius: 8px;
    float: left;
    margin: 3px;
    padding: 5px 8px 5px 8px;
    position: relative;
}
.chat_submit {
    margin-top: 10px;
    margin-bottom: 7px;
}
.float-right{float: right;}
.profile-fon {
    background: url(/template/images/bgmin.png) rgba(0,0,0,0);
    border: 1px solid #2d2d2d;
    margin-bottom: 10px;
    padding: 5px 7px 7px;
}
.profile-fon img{
/*padding-right: 10px;
float: left;*/
}
.error {
    color: #f12;
    margin: 5px auto;
    text-align: center;
    width: 100%;
}
.profile_stats {
    font-size: 12px;
    margin-top: 2px;
    line-height: 24px;
}
.profile_stats span{
    border: 1px solid #2d2d2d;
    border-radius: 5px;
    font-size: 13px;
    margin-left: 5px;
    margin-right: 3px;
    padding: 3px 10px;
}

.user_menushka2 {
    width: 96%;
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
}
.user_menushka2 ul{
    list-style-type: none;
    line-height: 1.5em;
    text-align: right;
    font-size: 15px!important;
    padding: 8px 5px 9px 0;
    border-bottom: 1px solid #f4792e;

}
.user_menushka2 li{
    background: rgba(0,0,0,.5);
    box-shadow: 0 0 5px #222 inset;
    border-right: 1px solid #2d2d2d;
    display: inline;
    padding: 5px 7px 5px 7px;
    margin: 0px;
}
.user_menushka2 a{
    text-decoration: none;
    color: #e2e2e2;
    word-wrap: break-word;
}
.user_menushka2 a:hover{
    color: #f90;
}
.my_profile_extra {
    line-height: 20px;
    padding: 0 0 5px 5px;
}
.profile_form {
    font-size: 16px;
    padding-left: 5px;
}