button.smiles_button,button#send{border:0;cursor:pointer;color:#fff;background:rgba(82,56,81,0.78);padding:3px 7px;border-radius:3px;opacity:.8;text-shadow:1px 1px 1px #523851}

button.smiles_button,button#send:before{font-family:yasex;vertical-align:middle;font-size:25px}
button#send:hover{opacity:1}

button.smiles_button:before{content:'\f118'}
.submit_msg:before{content:'\f1d9'}

.smile_table{opacity:.95;border:1px solid #ecc5e4;border-radius:5px;margin-bottom:10px;overflow:auto;max-width: 950px;min-height:100px;max-height:250px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;margin-top:10px;position:absolute;background:#fff;z-index:3;box-shadow:0 0 7px rgba(0,0,0,0.52);top:30px;right:0;left:0;padding:3px}
.smile_table:after{content:'';flex:auto}
.smile_table div:not([class]){display:inline-block;vertical-align:middle;text-align:center;padding:12px 13px;cursor:pointer;border-radius:25px;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.smile_table div:not([class]):hover{background:#eee}
.smile_table div:not([class]):before{content:'';display:inline-block;vertical-align:middle}
.smile_table img{vertical-align:middle;transition:opacity .5s;opacity:1}

form.form {
    background: #fff9ff;
    padding: 10px;
}
textarea#comment {
width: 100%;
height: 90px;
max-width: 600px;

outline: 0;
    padding: 5px;
font-size: 13px;
    min-height: min-content;
    margin-bottom: 10px;
    overflow: auto;
    color: #000;
    word-break: break-word;
border-radius: 4px;
font-weight: 600;
}

a{color: #523851;}
.green {
    color: #008e0e;
font-weight: bold;
}
.input,select.input {
    border: 1px solid #573554;
    border-radius: 3px;
    padding: 6px 8px;
    vertical-align: middle;
    font-weight: bold;
background: #fff;
}
input.input_submit {
    font-size: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 5px;
    background: rgba(82,56,81,0.78);
    opacity: .8;
    color: #fff;
    min-width: 0;
    padding: 8px;
    margin-top: 1px;
    text-shadow: 1px 1px 1px #523851;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

span.username {text-overflow: ellipsis;}
span.username {display: inline-block;}
span.username {max-width: 40px;overflow: hidden;position: relative;top: 3px;white-space: nowrap;margin-top: -3px;}

#user_menu{border-bottom:1px solid rgba(0,0,0,0.18);text-align: right;clear:both;
/*width: 96%;*/
margin: -8px auto 10px 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:#fff;display:block}
#user_menu ul{background:#784771}
#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 #2d2d2d;padding:8px 6px;}

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

@media(max-width:799px){
#user_menu{width: 98%;}
}


@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 rgba(0,0,0,0.18);}
#user_menu ul li{width:25%;margin: 0 -2px 0 -2px;}
}

@media(min-width:800px){
#user_menu{margin:10px 30px;
/*width: 100%;*/
/*max-width: 1600px;*/}
}
@media(min-width:768px){
#user_menu ul{margin: -9px 0 4px 0}
#user_menu ul li{width:auto}
#user_menu ul a{padding:8px 10px}}
#user_menu .ok a {
    background: #63335b;
    color: #fff;
font-weight: bold;
}

#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: rgb(75 0 80 / 2%);
    border: 1px solid rgba(0,0,0,0.18);
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
    color: #000;
}
#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:#784771;font-weight:bold}
#messages div div a img{border-radius:50%}
#messages .time{float:right;color:#4a2b45;font-size:.8em}
#messages .gray {
    color: gray;
}

.comments a {
    text-decoration: none;
}
.float-right,.float_right {
    float: right;
    color: #8c2677;
}
.input_upload {
border: 1px solid #573554;
    border-radius: 3px;
    color: #8c2677;
    font-weight: 600;
    padding: 5px 8px;
    margin-left: 5px;
vertical-align: middle;
    text-decoration: none;
}
.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;
border: 1px solid rgba(0,0,0,0.18);
border-radius: 5px;
padding: 5px;
background: rgb(75 0 80 / 2%);
}
.grid .info{margin-top:5px;text-align:center}
.grid .login{font-weight:bold;color:#4f3950;overflow:hidden;white-space:nowrap;padding:2px 0 7px 19px}
.grid .login a {
    color: #4f3950;
}

.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 rgba(0,0,0,0.18);
    border-top: 1px solid rgba(0,0,0,0.18);
    border-radius: 10px;
padding: 0 5px 0 5px;
    line-height: 37px;
    max-width: 500px;
font-size: 12px;
}
.message_user span {
    color: #8c2677;
    font-weight: 600;
}
.message_user img {
border-radius: 50%;
    margin: 0 0 -10px 3px;
}
.message_user a {
    text-decoration: none;
}
.comments-label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 5px;
}

.lenta_user {
padding: 5px 5px 5px 0;
line-height: 55px;
}
.lenta_user img {
    border-radius: 50%;
    margin: 0 0 -20px 3px;
}
.lenta_user span
 {
    font-size: 15px;
}
.message :before{left:0;top:0}
#content .message_box{margin:25px auto;overflow:hidden;max-width:600px}
.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 rgba(0,0,0,0.18);background: #EFEFEF;color: #000;border-radius:10px;padding:10px;margin:0 0 0 10px;min-width: 200px;}
.iam .text_block div{margin:0 10px 0 0;background:#d0ffff;border-color:#d0ffff}
.not_read .text_block div{/*border:1px solid #f3f3f3;*/background:#D9EBFF;color: #000;border: 1px solid rgba(0,0,0,0.18);}
.not_read .text_block:before{border-left-color:#3d3d3d}
.message p{padding:0;margin:10px 0 0 0;font-size: 14px;word-break:break-word;text-align: left;}
p img{vertical-align:middle}
@media(max-width:480px){
.text_block div{padding:10px}
.message p{font-size: 14px;}
}
.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{
/*    font-size: 1em;*/
    color: #523851;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    padding: 3px 8px 5px 8px;
    border: 1px solid #573554;
    border-radius: 3px;
    background: #fff;
    background: -webkit-linear-gradient(top,#fff,#c7a7c6);
    background: linear-gradient(to bottom,#fff,#c7a7c6);
    cursor: pointer;
    border-radius: 5px;
    display: -webkit-inline-box;
    font-size: 13px;
    margin: 2px 3px 2px 3px;
    padding: 5px 12px;
}
.button_submit a:hover{
text-decoration: none;
    border: 1px solid #9b939a;
}
span.admin_profile {
color: green;
font-weight: 600;
}

.chat_login a{
    cursor: pointer;
    display: inline-block;
    height: 18px;
    margin-top: 2px;
    font-weight: bold;
    font-size: 13px;
    color: #8c2677;
}
span.otvetit {
    color: #8c2677;
    font-size: 12px;
    margin: -20px 8px 0 0;
    float: right;
}
.ava_login {
    width: 42px;
    height: 42px;
    float: inherit;
    padding-right: 6px;
}
.ava_login img{
    width: 42px;
    height: 42px;
}
.comment_chat {
    background: rgb(75 0 80 / 2%);
    border: 1px solid rgba(0,0,0,0.18);
    border-radius: 5px;
    margin: 3px;
    padding: 5px 8px 5px 8px;
    position: relative;
}


.chat_submit {
    margin-top: -5px;
    margin-bottom: 7px;
}

.input_submit{
    font-size: 1em;
    color: #523851;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    padding: 3px 8px 5px 8px;
    border: 1px solid #573554;
    border-radius: 3px;
    background: #fff;
    background: -webkit-linear-gradient(top,#fff,#c7a7c6);
    background: linear-gradient(to bottom,#fff,#c7a7c6);
    cursor: pointer;
}


.profile-fon {
border: 1px solid rgba(0,0,0,0.18);
    border-radius: 5px;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding: 5px 7px 7px;
font-size: 13px;
}
.profile-fon img{
/*padding-right: 10px;
float: left;*/
}
.errors,.notice {
    color: #f12;
    margin: 5px auto;
    text-align: center;
    width: 100%;
    font-size: 15px;
}
.profile_stats {
    font-size: 13px;
    margin-top: 2px;
    line-height: 24px;
}
.profile_stats a{color: #8c2677;}
.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: 13px;
    padding-left: 1px;
}

.float_right_lenta {
    float: right;
    -webkit-animation: blink .9s linear infinite;
    animation: blink 1s linear infinite;
    position: relative;
    top: -23px;
}

legend {
    font-weight: bold;
    color: rgba(0,0,0,0.68);
}

fieldset {
border: 1px solid rgba(0,0,0,0.18);
    border-radius: 5px;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

#photos{padding:0;margin-top:15px;}
.item2{
    display: inline-block;
    width: 47%;
    vertical-align: top;
    margin-bottom: 15px;
    border: 1px solid rgba(0,0,0,0.18);
    border-radius: 2px;
    background: rgb(75 0 80 / 2%);
}
.item2:nth-child(2n - 1){margin-right:2%}
.item2 div:first-child{background-size:cover;background-position:center;position: relative}
@media(min-width:480px){.item2{width:30%;margin-right:2%}
.item2:nth-child(3n){margin-right:0}}
@media(min-width:640px){.item2,.item2:nth-child(3n){width:22.5%;margin-right:2%}
.item2:nth-child(4n){margin-right:0}}
@media(min-width:960px){.item2,.item2:nth-child(3n),.item2:nth-child(4n){width:14.5%;margin-right:2%}
.item2:nth-child(6n){margin-right:0}}
@media(min-width:1920px){.item2,.item2:nth-child(3n),.item2:nth-child(4n),.item2:nth-child(6n){width:10.25%;margin-right:2%}
.item2:nth-child(8n){margin-right:0}}
.item2 div:first-child a:before{content:'';display:inline-block;margin-top:75%}.
item2 div:first-child a{display:block;overflow:hidden;position:relative;background:#000}
.item2 div:first-child img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:1;transition:opacity .3s;background: #000}
.item2 img:not([src]){opacity:0}
.item2 span{font-size:.8em}
.item2 div{text-align:center}
.item2 div:nth-child(2n){padding-top:10px}
.item2 div:last-child a{text-decoration:none;color:#f90;font-size:14px;}
.privat:after{content:attr(data-privat);font-size:20px;color:#fff;text-shadow:1px 1px 1px #333;position:absolute;display:block;width:100%;height:100%;top:50%;margin-top:-10px;text-align:center}
.albums td{height:200px;width:300px;vertical-align: inherit;padding: 6px 4px 0 0;}
.albums tr td:first-child a{display:block;width:100%;height:100%;position:relative;overflow:hidden}
.albums tr td:first-child img{width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0}