body.social {
    background: url("/images/profile/personal_bg.jpg") no-repeat top center #141823;
}

body.social .bf-line {
    display: none;
}

body.social.message-list,
body.social.messages {
    background: url("/images/profile/messages_bg.jpg") no-repeat top center #141823;
}

body.social.messages .global-content {
    padding-bottom: 250px;
}

.black-block a.delete-external-link {
    text-decoration: none;
    border: none;
}

.social-content-side {
    width: 370px;
    float: left;
    position: relative;
}

.social-content-main {
    margin-left: 400px;
    position: relative;
}

.social-user-block {
    background: #12151d;
    background: rgba(18, 21, 29, 0.9);
    padding: 15px 0 0;
}

.social-user-block h2 {
    font-size: 36px;
    font-weight: normal;
    text-align: center;
    margin: 20px auto 20px;
    line-height: 130%;
}

.social-user-block .cabinet-user-avatar {
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}

.social-user-block .cabinet-user-avatar .user-avatar {
    width: 240px;
    height: 240px;
}

.user-more {
    margin-top: 20px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    text-align: center;
    background-color: #24262e;
    transition: 0s;
    border-radius: 3px
}

.user-avatar {
    display: inline-block;
    position: relative;
}

.user-avatar img {
    width: 83.334%;
    height: 83.334%;
    position: absolute;
    top: 8.333%;
    left: 8.333%;
    border-radius: 50%;
    margin-bottom: 0;
}

.custom_border {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


.vip-steps {
    width: 300px;
    margin: 20px auto;
}


.vip-current {
    float: left;
    color: #ffa525;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.vip-next {
    float: right;
    color: #24262e;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.vip-progress-line {
    clear: both;
    height: 8px;
    background: #24262e;
    position: relative;
    margin: 10px auto;
}

.vip-progress {
    position: absolute;
    background: #ffa525;
    height: 8px;
    left: 0;
    top: 0;
}

.vip-progress-text {
    text-align: center;
}


.social-info {
    background: #24262e;
    padding: 20px 35px;
}

.social-info > div {
    margin: 10px auto;
    font-size: 16px;
}

.social-info > div.social-networks:before {
    content: '';
    display: block;
    position: absolute;
    left: -15px;
    right: -15px;
    height: 1px;
    background: black;
    top: 0px;

}

.social-info > div.social-networks {
    position: relative;
    margin-top: 20px;
    padding-top: 20px;
}

.social-info > div.social-networks > div {
    margin: 10px auto;
    font-size: 16px;
}

.cabinet-user-menu > a {
    padding: 0 10px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    display: block;
}

.cabinet-user-menu > a:nth-of-type(1) {
    border-top: 0;
}

.cabinet-user-menu > a .icon {
    transition: 0s !important;
}

.cabinet-user-menu > a .icon {
    margin: -2px 10px 0 0;
}

.cabinet-user-menu > a:hover {
    background-color: #24262e;
    color: #ffa525;
    box-shadow: 0 -1px 0 0 #12151d;
}


.social-user-block .cabinet-user-menu > a .icon,
.close-cabinet-user-menu a .icon {
    width: 30px;
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: -4px;
    margin-right: 8px;
}

.social-user-block .cabinet-user-menu > a .icon.icon-settings12 {
    background-position: 0 -436px;
}

.social-user-block .cabinet-user-menu > a .icon.icon-settings3 {
    background-position: 0 -60px;
}

.profile_style_link {
    position: absolute;
    display: block;
    top: 0px;
    right: 5px;
    width: 20px;
    height: 20px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMyQ0EwNTBFNzIyMTExRUM4Mzg5RjRFMTNCN0Y1MTQ5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMyQ0EwNTBGNzIyMTExRUM4Mzg5RjRFMTNCN0Y1MTQ5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzJDQTA1MEM3MjIxMTFFQzgzODlGNEUxM0I3RjUxNDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzJDQTA1MEQ3MjIxMTFFQzgzODlGNEUxM0I3RjUxNDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7FTv1TAAABOUlEQVR42nzSzSuEURTHccMI5cnIlFnYjSJ5l2ZDirV/QspGZK9QsrDCXonyB2hqFCsrllOzwsbGbCxGSUPD9b353bqeF6c+c6e55zz3PGduyhjTFBPdyOIB/WhHJZJli2PUUUWAW/MbI+G8Zu85k9hBJ+rI4RIF7Qc4xF7cyTc64RmfJhqvWl/U0Z/iWXwr4RTDaEUe+/jS3qqrsR9duJI3HCXMYUPFNXxg2/4477X2jmxCcRqPyrMd7rqNOZRxl1DonKCBRTftDswgr//zv8igBedYt08b9dq2QxlIODWj93Vx5g9jBU9qvSdU2IYLFdmBTiGX8q7nAq71vYpj3KMPS7qmNmoYsjlp732mtRbRi0004HIOMIgxzSlytwtai2pxy7t5a9oL/EsSZxklJY7b4WAinPcjwAB9AhAMnyOITgAAAABJRU5ErkJggg==') no-repeat #24262e center center;
}


.activity {
    display: inline-block;
    width: 244px;
    border: 1px #24262e solid;
    padding: 5px;
    font-size: 14px;
    margin: 0 5px 5px 0;
    vertical-align: top;
}

.activity-wrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    min-height: 80px;
    justify-content: space-around;
}

.activity.type-game img {
    max-width: 44%;
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
}

.last-login {
    color: #aaaaaa;
}

.icon-social1 {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkEyRUI2NTA0MTE1MjExRUM5NkM4RDZCNDYxNjg5NUZFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkEyRUI2NTA1MTE1MjExRUM5NkM4RDZCNDYxNjg5NUZFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTJFQjY1MDIxMTUyMTFFQzk2QzhENkI0NjE2ODk1RkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTJFQjY1MDMxMTUyMTFFQzk2QzhENkI0NjE2ODk1RkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6YuDbYAAABs0lEQVR42mJ0L/BhQAY7kv0ZGXRSNIHMZiC2AuK/QHwSiGs9Cn2vMaCBHf2b0YUYmDBEIAYeAuIgIJYAYmko+xDQAC0GIgATFrF2IBbGIi4MlSPNUKBL+ICUJR71llA1JLuUYsCIEVH9mzcCKT8c6tcVv8kJJsellUD8Gos4SKyWrIiCJhsHkKuA+CkUg9gOQFc+gFp6AYh/QvEFqBg3Tu+jBQUniAYa9h1IKQLxFiDGlaxAjgEZdp8Jj4GsQAqM9dkN+dENXKC1CYwvz7kDE9KCquFkQTPIDEi5AjGIVgViEZC4OLMkkDwvSkRwggzOYYEaZg+kGqBhiQGu/LpISoqKYfz//38UkLEIiJlxqSp7kw8sAP6CvYsPGBdpMeimqPwChWkLPgP/AyGpAOR9cby5AwjFWSQYnv15yuA2F5GDdyUfB9NqYfIMCu5SYDavDDhV3QAZ+hKI+fEZbMBmxAE0lEvKEjOuQAahiS8BGaqEyzBg+oQxuYD4DBBrEvA5KK1OZSEymL4BsTcQb4UZnHANo3i4Dk3830gppe6DIhiIK4D4EhD/guJLUDFjqBoGgAADAMHFdV/wRtcOAAAAAElFTkSuQmCC')
}

.social_delete_friend .icon-social1 {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzI4QjY4MkE3NTE5MTFFQ0FDMTJEQzIwQjJFNDVDMEMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzI4QjY4Mjk3NTE5MTFFQ0FDMTJEQzIwQjJFNDVDMEMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTJFQjY1MDQxMTUyMTFFQzk2QzhENkI0NjE2ODk1RkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTJFQjY1MDUxMTUyMTFFQzk2QzhENkI0NjE2ODk1RkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6nI7QjAAABl0lEQVR42mJM8zZmQAYzOzIY/2klaQKZzUBsBcR/gfgkENdm+pldY0AD0zedQhdiYEIXgBp4CIiDgFgCiKWh7ENAA7QYiABMWMTagVgYi7gwVI40Q4Eu4QNSlnjUW0LVkOxSigEjekQBXbIRSPnhUL+OSc82mByXVgLxayziILFasiIKmmwcQK4C4qdQDGI7AF35AGrpBSD+CcUXoGLcOL2PFhScYJv1bL8DKUUg3gLEuJIVyDE+QHyfCY+BrEAKjL+4mPATMJABKgdSw8mCZpAZkHIFYhCtCsQiIPHvWnIMPHvOiBIRnCCDc1ightkDqQZoWGIAwU0nSUlRMYx///6NAjIWATEzztg0BNr19y+D8KvHeE17KyYLon6BwrQFn4H/gZBUAPK+ON7cAYR/ZCUYWB48ZTjy/wtew/48usfAIqd0A+T9e0A+Pz7FbxZP5xDrXsZFpEPLQIbizhl6tjAmyMAzQKxJwEBQWjUltkD5BsTeQHwdj5rr0MT/jZRS6j4Qg7JfBRBfAsUyFF+CihlD1TAABBgAUNBxqdKMa64AAAAASUVORK5CYII=')
}

.icon-social2 {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIyMzYzRTJEMTE1MjExRUM5QjZFQkFERjg5NDMzQzlFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIyMzYzRTJFMTE1MjExRUM5QjZFQkFERjg5NDMzQzlFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjIzNjNFMkIxMTUyMTFFQzlCNkVCQURGODk0MzNDOUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjIzNjNFMkMxMTUyMTFFQzlCNkVCQURGODk0MzNDOUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Aq/AOAAAA4klEQVR42mL8//9/FAMDQy8QcwPxbwbiABMQ/wXifkagAW+ADB4gZgFiZgbiwTsg5gCZJADEB4FYHYhPEaHxOhCbA3EfEHMxAF3wCYifALGZe4EPiF8AxK/+Y4KvQNzx//JskKuVgfgkSIwBSfEfIJ4AxDxALArEa5E0HwRrOtPFBLXgB1T8DciAN2g2gVzjB3WNHxCnQtlmQHwZTe1bbAbAwEYgloS6aCoONW8ZwaYwMAjhCLDPQPwDiEVxxQQLgRDnhWK8CYIiwESpIbAkSS5gZYTmhS4g5iRR8y8gngIQYADeCQHC4BHIvQAAAABJRU5ErkJggg== ')
}

.icon-social3 {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATCAYAAAB2pebxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNCOTQxMkE0MTE1MjExRUM4RDVDQzMxMjVCNTM3MjRFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNCOTQxMkE1MTE1MjExRUM4RDVDQzMxMjVCNTM3MjRFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0I5NDEyQTIxMTUyMTFFQzhENUNDMzEyNUI1MzcyNEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0I5NDEyQTMxMTUyMTFFQzhENUNDMzEyNUI1MzcyNEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Pr+L7AAABIklEQVR42uzSMUsDMRTA8fQolFJF6GIXv4GbTuU2Oyv4Iewkglqc+g26dC1uloqjq9Av0KWISEFadBGcKsXSIpzEf+AFH5LrUt0a+JF7ecm7XC7GWmuUYwzQl+eMjEc4xT0eUdXrdIFDzHCOGiaoS66BMc5wgU9UQkXauFTxAeaIkWBP5Tpo+TgyPy2HLxXf4hlXeEBX5ebI+yCrEte4QUWNbaKAKUYylsEW9v0kd3BuNxsSb6OkinwgkZetq/FXDOR5YuQQ01os3x0vmFNzuyia5VrRFbFLFrHuW1t4SZkwVH01Zc5dVgrMcCInr1sPb3LYR793gKZb739xGbuBt6ypfieQd+vakfmDtiryT0X8L37COHBPEtW/B+6JW2e+BRgA9g4ReGakRdoAAAAASUVORK5CYII= ');
}

.icon-social4 {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRCRUE4Q0EzMTE1MjExRUM5QzI0ODE5RTU3NkFFNkEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRCRUE4Q0E0MTE1MjExRUM5QzI0ODE5RTU3NkFFNkEwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REJFQThDQTExMTUyMTFFQzlDMjQ4MTlFNTc2QUU2QTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REJFQThDQTIxMTUyMTFFQzlDMjQ4MTlFNTc2QUU2QTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6dhFxuAAABSklEQVR42oyTPUvDUBSGT9pmiEWXDOrWNXsXCXR0sP6A/hGXrk52z+Ti4g/oJEQonQoFpwx26aCDCEJHQQLl+l54Dz1cE/DAA/l4z+c9V5xzEjAAU1CBb7IBM5CFevvSoaPaG1iRrflegCQM4J0fKPAOOYiD4D77nJqlBlGBZr5vaClEtY8awPe8Z2Zh5EHLbFI+a7W5jThkqSWowdg4ZxxmxdbOmXTeEZEJeAcvoAvOQAxO5WB9cAROQA98gjW4EEZemWwpqwlbyILW/LHWPflrOzIEl+AHPIFNg7YrXJIto0bg2ByXWs3BxdQIZ7XTUvYsMeKPNiuoSRl06V8ylPIKnsEVGEm7RWAB7sANuNaBFMww/cciTagt7SYmXE/HXpsWyZ/9LTWVLpUVJFxPZ+7EjJSck2ZOm26jkvMUPjgo7/hFx3Go/xVgAMWyzpmWZBTBAAAAAElFTkSuQmCC ');
}

.icon-social5 {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU5MThCQUY1MTE1MjExRUM5MkRCQzU2OTZDRTAzRTJGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU5MThCQUY2MTE1MjExRUM5MkRCQzU2OTZDRTAzRTJGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTkxOEJBRjMxMTUyMTFFQzkyREJDNTY5NkNFMDNFMkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTkxOEJBRjQxMTUyMTFFQzkyREJDNTY5NkNFMDNFMkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz707G45AAABIklEQVR42qSTv0oDQRDGtwgnIVek8SVyIZxdyhR2gVR5Ctu8hzmJAZu8gu0V+ga2kgTShVilSKGIeifrN/JtGJf1TnDhB7s7883t/DljrTUeHXAJVuCNLHnX8f31IQLX4NP+vsR2A5p+ABHf0ekdXIE+iInsZ7TJuqfmGGBOwxM4C6TlSOlj+drvAAkomWtaITYM/sAAoknkcsqLaYXwFCxUfUqnMay2ZZ6+UPKcgIMq5C0Yc78yqjCRJx6CjRI+ggFtJ67goQDS61wJ9+ACNFTwmLZnncI5yEDBc8HWtQOp9d2rdBFf1Vfz0NQpZvTL5NBVVd2CUU0re2y5aLqhQUprBmlH3/lfRrlFakf53z+TJmE31uADvHAGMtbrh/+XAAMA8xdte5AJn5gAAAAASUVORK5CYII= ');
}

.social-content-main .global-text h2 {
    color: white;
    font-size: 36px;
    margin-bottom: 25px;
    text-shadow: 1px 1px 2px black;
}

.social-block {
    border: 2px #24262e solid;
    border-radius: 4px;
    padding: 15px;
    color: white;
    background: rgba(18, 21, 29, 0.9);
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 1.45;
}


.can-scroll {
    overflow: auto;
}

.can-scroll::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 3px;
}

.can-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 6px #536975;
    border-radius: 3px;
}

.social-block.social-about-block > div.can-scroll {
    max-height: 120px;
    text-overflow: ellipsis;
    overflow-y: auto;
    overflow-x: hidden;
}

#social-about {
    margin-bottom: 0;
}

.social-about-tips {
    text-align: right;
    font-size: 14px;
    color: #aaaaaa;
    margin-bottom: 10px;
}


.social-block.social-activity-block > div.can-scroll {
    max-height: 286px;
}

.social-block.social-achievement-list > div.can-scroll {
    max-height: 220px;
}

.social-block.social-present-list > div.can-scroll {
    max-height: 254px;
}

.social-block.social-friend-block > div.can-scroll {
    max-height: 375px;
}


.can-scroll::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 0 6px #ffa525;
    border-radius: 3px;
}

.social-content-main .global-text ul.achievement-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.social-content-main .global-text ul.achievement-list li:before {
    display: none;
}

.social-content-main .global-text ul.achievement-list li {
    padding: 0;
    margin: 0 5px 5px 0;
    display: inline-block;
    width: 97px;
    height: 97px;
}

.social-content-main .global-text ul.achievement-list li img {
    max-width: 100%;
    margin-bottom: 0;

}

.achievement-progress {
    padding: 5px 0 0;
}

.achievement-progress-text {
    margin-right: 20px;
}

.achievement-progress-line {
    height: 8px;
    background: #24262e;
    margin-bottom: 10px;
}

.achievement-progress-current {
    background: #ff1c51;
    height: 8px;
    width: 80px;
}

.achievement-progress-text span {
    color: #ff1c51;
}

.friend-block:hover {
    border: 1px solid #3a3a3a;
    border-radius: 3px;
    background: #24262e;
}

.friend-block {
    display: inline-block;
    padding: 10px;
    width: 130px;
    text-align: center;
    font-size: 14px;
    border: 1px solid transparent;
}

.friend-block img {
    display: block;
    margin: 0 auto 5px;
    font-size: 0;
    max-width: 120px;
    max-height: 120px;
    border-radius: 120px;
}


.social-messages-authors {
    padding-bottom: 10px;
}

.social-messages-authors .clear_left {
    clear: left;
}

.social-messages-authors .social-user {
    width: 150px;
    padding: 10px;
    border: 1px solid #3a3a3a;
    text-align: center;
    float: left;
}

.social-messages-authors .social-user img {
    height: 120px;
    width: 120px;
    border-radius: 120px;
    display: block;
    margin: 0 auto 10px;
}

.social-messages-authors .social-user.you {
    float: right;
}


.social-messages {
    height: 500px;
}

.social-messages.loading {
    background: url('/images/global/loading.gif') no-repeat center;
    pointer-events: none;
}


.social-messages .nano-pane {
    right: 4px;
}

.social-user-list .social-user a.social-user-profile-link {
    text-decoration: none;
    background: none;
    padding: 0;
    margin-bottom: 0px;
    display: block;
    border: none;
}

.social-user-list .social-user a.social-user-profile-link:hover {
    background: none;
}

.social-user-list .social-user a.social-user-profile-link:hover img {
    box-shadow: 0px 0px 2px 4px rgba(255, 0, 0, 0.5);
    transition: 0.2s;
}


.social-user-list .social-user .user-avatar img {
    /*width: 100px;
    height: 100px;
    border-radius: 50%;*/
}

.social-user-list .user-avatar {
    width: 120px;
    height: 120px;
}

.social-user-list .social-user {
    display: inline-block;
    width: 140px;
    margin: 8px;
    text-align: center;
    vertical-align: top;
}

.social-user-list .social-user a.social_delete_friend,
.social-user-list .social-user a.social_add_to_black_list,
.social-user-list .social-user a.social_delete_from_black_list {
    background: #181b22;
    border: 1px #ff1c51 solid;
    text-transform: uppercase;
}

.social-user-list .social-user a.social-start-chat,
.social-user-list .social-user a.social_add_friend {
    background: #ff1c51;
    border: 1px #ff1c51 solid;
    text-transform: uppercase;
}

.social-user-list .social-user a {
    font-size: 11px;
    border-radius: 4px;
    color: white;
    text-align: center;
    font-weight: 500;
    padding: 8px 0;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
    transition: 0.2s;
}

.friends-section-select a {
    font-size: 24px;
    margin-right: 10px;
    white-space: nowrap;
}

.friends-section-select {
    margin-bottom: 30px;
}

.social-user-list .social-user a.social-start-chat:hover,
.social-user-list .social-user a.social_add_friend:hover {
    background-color: #ff617e;
    transition: 0.2s;
}

.social-user-list .social-user a.social_delete_friend:hover,
.social-user-list .social-user a.social_delete_from_black_list:hover {
    background: #2a313b;
    transition: 0.2s;
}


.social-user-list .social-user h4 {
    color: white;
    font-size: 17px;
    font-weight: normal;
    margin: 10px 0;
    white-space: nowrap;
}


.social-present-list .social-present,
.social-achievement-list .social-achievement {
    display: inline-block;
    width: 110px;
    height: 110px;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}

.social-achievement-list .social-achievement {
    background-image: url("/images/achievements/ach_bg_0.png");
}

.social-achievement-list .social-achievement.index-0 {
    background-image: url("/images/achievements/ach_bg_1.png");
}

.social-achievement-list .social-achievement.index-1 {
    background-image: url("/images/achievements/ach_bg_2.png");
}

.social-achievement-list .social-achievement.index-2 {
    background-image: url("/images/achievements/ach_bg_3.png");
}

.social-achievement-list .social-achievement.index-3 {
    background-image: url("/images/achievements/ach_bg_4.png");
}

.social-achievement-list .social-achievement.index-4 {
    background-image: url("/images/achievements/ach_bg_5.png");
}

.social-achievement .variant-value {
    position: absolute;
    top: 6px;
    left: 6px;
    background: #121012;
    padding: 0 4px;
    color: white;
    border: 2px #616165 solid;
    border-radius: 5px;
    font-size: 14px;
    min-width: 16px;
    text-align: center;
}

.social-present-list .social-present img,
.social-achievement-list .social-achievement img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
}

.social-present-list .social-present.hide img {
    opacity: 0.7;
    filter: grayscale(50%);
}

.hide_present_wall {
    background-image: url(/images/profile/eyes.png);
    background-color: white;
    background-repeat: no-repeat;
    background-position: center 1px;
    height: 13px;
    width: 20px;
    display: block;
    position: absolute;
    top: 1px;
    right: 1px;
}

.hide_present_wall.hide {
    background-position: bottom center;
}


.message {
    clear: both;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: nowrap;
}

.message.current {
    flex-direction: row-reverse;
}

.message .message-wrap {
    border: 2px #24262e solid;
    padding: 15px 15px 20px;
    min-width: 570px;
    max-width: 570px;
    margin: 0 40px 0 30px;
    border-radius: 6px;
    position: relative;
    background: #12151d;
}


.message .message-wrap:before {
    content: '';
    display: block;
    position: absolute;
    left: -20px;
    top: 8px;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 20px solid #12151d;
    z-index: 10;
}

.message .message-wrap:after {
    content: '';
    display: block;
    position: absolute;
    left: -24px;
    top: 6px;
    width: 0;
    height: 1px;
    border: 22px solid transparent;
    border-top: 0 solid transparent;
    border-left: 0 solid transparent;
    border-right: 22px solid #24262e;
    z-index: 8;
}


.message.current .message-wrap:before {
    content: '';
    display: block;
    position: absolute;
    right: -20px;
    left: auto;
    top: 8px;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top: 0 solid transparent;
    border-right: 0 solid transparent;
    border-left: 20px solid #12151d;
    z-index: 10;
}

.message.current .message-wrap:after {
    content: '';
    display: block;
    position: absolute;
    right: -24px;
    left: auto;
    top: 6px;
    width: 0;
    height: 1px;
    border: 22px solid transparent;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    border-left: 22px solid #24262e;
    z-index: 8;
}

.message .social-user {
    float: left;
    overflow: hidden;
}

.message .social-user .user-avatar {
    width: 76px;
    height: 76px;
}

.message.current .social-user {
    float: right;
    margin-right: 30px;
    margin-left: -10px;
    min-width: 76px;
}

.message-date {
    color: #ffa525;
    font-size: 16px;
    margin-bottom: 10px;
}

.message-content {
    position: relative;
}

.message-content .emojione {
    width: 20px;
    height: 20px;
}

.current .message-content:after {
    position: absolute;
    content: '';
    display: block;
    width: 21px;
    height: 13px;
    bottom: -15px;
    right: -11px;
    background: url(/images/profile/read.png) no-repeat bottom right #12151d;
}

.current .unread_c .message-content:after {
    background: url(/images/profile/unread.png) no-repeat bottom right #12151d;
}

.current .message_delete {
    position: absolute;
    left: -30px;
    top: 50%;
    width: 24px;
    height: 24px;
    font-size: 0;
    border-radius: 24px;
    margin-top: -12px;
    background: url(/images/profile/delete.png) no-repeat center center #12151d;
    border: none;
    cursor: pointer;
}

.message_delete:hover {
    filter: brightness(130%);
}

.message-content.deleted {
    color: #ff1c51;
}

.close-profile .social-user-block {
    background: none;
}

.close-wrapper {
    background: url("/images/profile/stopper.png") no-repeat center center;
    width: 279px;
    height: 279px;
    margin: 0 auto;
    position: relative;
}

.social-user-block .close-wrapper .cabinet-user-avatar {
    top: 50%;
    transform: translateY(-50%);
}

.social-user-block .close-wrapper .cabinet-user-avatar:after {
    content: '';
    display: block;
    width: 94px;
    height: 115px;
    background: url("/images/profile/stop.png") no-repeat center center;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 15;
}

.close-cabinet-user-menu {
    text-align: center;
    margin-top: 40px;
}

.close-cabinet-user-menu .random-text {
    text-shadow: #000 1px 0 10px;
}

.close-cabinet-user-menu a {
    display: inline-block;
    margin: 0 20px;
    font-size: 20px;
    text-decoration: none;
    color: white;
    text-shadow: #000 1px 0 10px;
}

.close-cabinet-user-menu a:hover {
    background: none;
    box-shadow: none;
}

.social-user-block .close-cabinet-user-menu a .icon {
    transform: scale(1.25);
}

.random-text {
    font-size: 36px;
    text-align: center;
    max-width: 1200px;
    margin: 40px auto;
}

.send-message form {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 80px;
    padding-top: 10px;
}

.send-message .button.button-large {
    min-width: 180px;
}


.send-message form .form-row {
    width: 100%;
    margin-right: 30px;
}

.send-message textarea.form-input {
    height: 60px;
    font-size: 16px;
    margin-bottom: 0;
    background: #12151d;
    border: 2px #24262e solid;
}


.emojionearea, .emojionearea.focused {
    text-align: left;
    background: #12151d;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #cccccc;
    margin-bottom: 0;
}

.emojionearea .emojionearea-filters {
    background: #12151d;
}

.emojionearea .emojionearea-filters .emojionearea-filters-scroll {
    background: #12151d;
}

.emojionearea .emojionearea-filters .emojionearea-filter {
    background: #12151d;
    border: 8px solid #12151d;
}

.emojionearea .emojionearea-filters .emojionearea-filter:hover {
    background: #24262e;
    border-color: #24262e;
}

.emojionearea .emojionearea-filters .emojionearea-filter.active {
    background: #353c45;
    border-color: #353c45;
}

.emojionearea .emojionearea-tabs .emojionearea-tab .emojibtn:hover {
    background: #353c45;
    border-radius: 1px;
}

.emojionearea .emojionearea-tabs {
    position: static;
    background: #24262e;
    border: none;
}


.emojionearea-tab::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 3px;
}

.emojionearea-tab::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 6px #536975;
    border-radius: 3px;
}

.emojionearea-tab::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 0 6px #ffa525;
    border-radius: 3px;
}

.emojionearea .emojionearea-editor {
    color: white;
    font-size: 16px;
    height: auto;
    min-height: 70px;
}

.ea-hidden {
    display: none;
}


.last-message-wrapper {
    max-width: 875px;
    padding: 15px;
    background: #12151d;
}

.last-message-wrapper .friends_list a.message {
    padding: 5px 10px;
    text-decoration: none;
    display: block;
    min-height: 80px;
    margin-bottom: 10px;
    border: 1px #24262e solid;
    border-radius: 3px;
}

.last-message-wrapper .friends_list a.message:hover {
    background: #24262e;
}

.last-message-wrapper .friends_list .message .social-user {
    width: 76px;
    height: 76px;
}

.message-data {
    min-height: 80px;
    width: auto;
    margin-left: 20px;
    font-size: 20px;
    float: left;
}

.message-data .user-nickname {
    font-size: 20px;
    line-height: 38px;
    color: white;
    text-decoration: none;
}

.chat-find-form {
    position: relative;
}

.icon-search {
    background: url("/images/global/search.png") no-repeat center center;
    width: 27px;
    height: 27px;
    display: inline-block;
    border: none;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

.message-text {
    color: #494d58;
    font-size: 20px;
    line-height: 38px;
    max-width: 630px;
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.last-message-wrapper .friends_list .message .message-date {
    text-align: right;
    width: 90px;
    font-size: 20px;
    line-height: 38px;
    text-decoration: none;
    float: right;
}

.last-message-wrapper .friends_list .message .message-date .unread-counter {
    background: #ff1c51;
    font-size: 20px;
    display: block;
    min-width: 20px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 20px;
    color: white;
    float: right;
    margin-top: 4px;
    padding: 0 4px;
    margin-left: 20px;
}


.styles {
    border-top: 1px #24262e solid;
    border-bottom: 1px #24262e solid;
    padding: 10px 0;
    vertical-align: middle;
}

.custom-style-settings .button {
    margin-top: 15px;
}

.styles label.select_border {
    text-decoration: none;
    border: none;
    position: relative;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}

.select_border input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.select_border input:checked ~ .custom_border {
    border: 1px #ff1c51 solid;
}

.styles .custom_border {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 100px;
    position: static;
    border: 1px transparent solid;
}

.styles .custom_background {
    display: inline-block;
    vertical-align: middle;
    min-width: 100px;
    position: static;
    border: 1px transparent solid;
    font-size: 16px;
}

.styles .custom_nickname_style {
    display: inline-block;
    vertical-align: middle;
    min-width: 100px;
    position: static;
    border: 1px transparent solid;
    font-size: 16px;
}

.custom-style-settings .social-user-block h2 {
    color: white;
}

.custom-style-settings .social-user-block {
    width: 300px;
    margin-left: 10px;
}

.custom-style-settings .social-user-background {
    padding: 40px 0;
    background-size: cover !important;
}

.social-user-background.default {
    background: url(/images/profile/personal_bg.jpg) no-repeat top center #141823;
}

.social-user-background.govno {
    background: url(https://parniplus.com/wp-content/uploads/2018/07/shest-produktov-kotorye-povyshayut-libido-i-seksualnoe-zhelanie-2.jpg) no-repeat top center #141823;
}

body.social {
    background: url(/images/profile/personal_bg.jpg) no-repeat top center #141823;
}

body.social.govno {
    background: url(https://parniplus.com/wp-content/uploads/2018/07/shest-produktov-kotorye-povyshayut-libido-i-seksualnoe-zhelanie-2.jpg) no-repeat top center #141823;
}

body.social.style1,
.social-user-background.style1 {
    background: url(/images/profile/custom/bg/style1.jpg) no-repeat top center #141823;
}

body.social.style2,
.social-user-background.style2 {
    background: url(/images/profile/custom/bg/style2.jpg) no-repeat top center #141823;
}

body.social.style3,
.social-user-background.style3 {
    background: url(/images/profile/custom/bg/style3.jpg) no-repeat top center #141823;
}

body.social.style4,
.social-user-background.style4 {
    background: url(/images/profile/custom/bg/style4.jpg) no-repeat top center #141823;
}

body.social.lovebg,
.social-user-background.lovebg {
    background: url(/images/profile/custom/bg/love.png) no-repeat top center #0c0d0e;
}

body.social.easter1,
.social-user-background.easter1 {
    background: url(/images/profile/custom/bg/easter1.jpg) no-repeat top center #0c0d0e;
}
body.social.easter2,
.social-user-background.easter2 {
    background: url(/images/profile/custom/bg/easter2.jpg) no-repeat top center #0c0d0e;
}
body.social.easter3,
.social-user-background.easter3 {
    background: url(/images/profile/custom/bg/easter3.jpg) no-repeat top center #0c0d0e;
}

body.social.ametist,
.social-user-background.ametist {
    background: url(/images/profile/custom/bg/ametist.jpg) no-repeat top center #0c0d0e;
}

body.social.berserk,
.social-user-background.berserk {
    background: url(/images/profile/custom/bg/berserk.jpg) no-repeat top center #0c0d0e;
}

.styles > label {
    display: inline-block;
}

.styles-border {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}


@media (max-width: 900px) {

    .page-custom-style .global-wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .page-custom-style .global-wrapper .global-content-side {
        order: 3;
        width: 100%;
        float: none;

    }

    .page-custom-style .global-wrapper .global-content-main {
        order: 2;
        width: 100%;
        max-width: none;
        margin-right: 0;
    }

    .page-custom-style .global-crumbles {
        width: 100%;
    }

    .last-message-wrapper .friends_list .message .social-user, .message-data {
        float: none;
    }

    .last-message-wrapper .friends_list .message .message-date {
        float: none;
        margin-left: auto;
    }

    .last-message-wrapper .friends_list a.message {
        display: flex;
        flex-direction: row;
    }

    .friends_list .message .social-user {
        display: inline-block;
    }

    .message .message-wrap {
        min-width: 540px;
        max-width: 570px;
    }

    .message-text {
        max-width: 500px;
        white-space: normal;
        height: auto;
        line-height: 26px;
        padding: 0px 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    [class*=emojione-] {
        font-size: inherit;
        height: 2ex;
        width: 2ex;
        min-height: 20px;
        min-width: 20px;
        display: inline-block;
        margin: -.2ex .15em .2ex;
        line-height: normal;
        vertical-align: middle;
        max-width: 100%;
        top: 0;
    }

}

@media (max-width: 768px) {
    .social-content-side,
    .social-content-main {
        width: 100%;
        float: none;
    }

    .social-content-main {
        margin-left: 0;
        margin-top: 50px;
    }

    .social-content-main .global-text h2 {
        line-height: 1.1;
    }

    .message .social-user {
        display: block;
        width: 76px;
        flex-grow: 0;
        flex-shrink: 0;
    }

    .message.current {
        flex-direction: row-reverse;
    }

    .message {
        flex-direction: row;
    }

    .message .message-wrap {
        width: 400px;
        min-width: auto;
        max-width: 400px;
    }

    .send-message form {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .send-message .button.button-large {
        margin: 20px auto;
    }


    .friends_list .message .social-user {
        min-width: 76px;
    }

    .message-text {
        max-width: inherit;
    }

    .emojionearea {
        min-height: 70px;
    }

    .page-en-mobile .send-message .form-row .form-input {
        padding: 0;
        text-indent: 0;
        font-size: 16px;
        height: auto;
        min-height: 70px;
        box-sizing: border-box;
    }

    .emojionearea .emojionearea-editor {
        color: white;
        min-height: inherit;
        height: 100%;
    }

    .send-message form .form-row {
        margin-right: 0;
    }
}

@media (max-width: 600px) {
    .custom-style-settings .social-user-background {
        padding: 240px 0 0;
        background-size: contain !important;
    }

    .custom-style-settings .social-user-block {
        margin: 0 auto;
    }
}

@media (max-width: 450px) {
    .message .social-user {
        display: none;
    }

    .friends_list .message .social-user {
        display: none;
    }

    .message .message-wrap {
        margin: 0 45px 0 20px;
    }

    .message.current .message-wrap {
        margin: 0 35px 0 30px;
    }

    .send-message .button {
        width: 100%;
    }

    .last-message-wrapper {
        margin: 0 -15px;
    }

    .last-message-wrapper .friends_list .message .message-date .unread-counter {
        font-size: 16px;
        min-width: 14px;
        height: 22px;
        line-height: 22px;
    }

    .message-data {
        margin-left: 0;
    }

    .message-data .user-nickname,
    .last-message-wrapper .friends_list .message .message-date {
        font-size: 16px;
        line-height: 32px;
    }

    .message-text {
        font-size: 16px;
        line-height: 28px;
    }

    .black-block {
        padding: 10px 0;
    }
}

@media (max-width: 400px) {
    .activity {
        width: auto;
        margin: 0 auto 5px;
    }

    .social-user-list .social-user {
        width: 120px;
    }

    .social-user-list .user-avatar {
        width: 110px;
        height: 110px;
    }

}

@media (max-width: 360px) {
    .random-text {
        font-size: 24px;
        margin: 30px auto;
        line-height: 1.2;
    }

}

@media (max-width: 349px) {
    .social-user-list .social-user a.social-user-profile-link {
        display: flex;
        flex-flow: row-reverse;
        align-items: center;
        margin-bottom: 0;
        justify-content: left;
    }

    .social-user-list .social-user h4 {
        margin-left: 15px;
    }

    .social-user-list .social-user {
        width: auto;
        display: block;
        margin: 5px;
    }

    .user-avatar img {
        margin-bottom: 0;
    }

    .social-user-list .user-avatar {
        width: 70px;
        height: 70px;
    }

}


.custom_border.green {
    background-image: url("/images/profile/green_border.png");
}

.custom_border.blue_gif {
    background-image: url("/images/profile/blue_gif.gif");
}

.custom_border.blue2_gif {
    background-image: url("/images/profile/blue2_gif.gif");
}

.custom_border.fire_gif {
    background-image: url("/images/profile/fire_gif.gif");
}

.custom_border.green_gif {
    background-image: url("/images/profile/green_gif.gif");
}

.custom_border.blue {
    background-image: url("/images/profile/blue.png");
}

.custom_border.vip_gold {
    background-image: url("/images/profile/vip_gold.png");
}

.custom_border.vip_violet {
    background-image: url("/images/profile/vip_violet.png");
}

.custom_border.vip_green {
    background-image: url("/images/profile/vip_green.png");
}

.custom_border.forest {
    background-image: url("/images/profile/custom/border/1_forest.png");
}

.custom_border.fire {
    background-image: url("/images/profile/custom/border/2_fire.png");
}

.custom_border.water {
    background-image: url("/images/profile/custom/border/3_water.png");
}

.custom_border.wings-violet {
    background-image: url("/images/profile/custom/border/4_wings_violet.png");
}

.custom_border.wings-brown {
    background-image: url("/images/profile/custom/border/5_wings_brown.png");
}

.custom_border.wings-lightning {
    background-image: url("/images/profile/custom/border/6_wings_lightning.png");
}

.custom_border.dk1 {
    background-image: url("/images/profile/custom/border/DK_240x240_1.png");
}

.custom_border.dk2 {
    background-image: url("/images/profile/custom/border/DK_240x240_2.png");
}

.custom_border.dk21 {
    background-image: url("/images/profile/custom/border/DK2_240x240_1.png");
}

.custom_border.dk22 {
    background-image: url("/images/profile/custom/border/DK2_240x240_2.png");
}

.custom_border.ef1 {
    background-image: url("/images/profile/custom/border/EF_240x240_1.png");
}

.custom_border.ef2 {
    background-image: url("/images/profile/custom/border/EF_240x240_2.png");
}

.custom_border.efr1 {
    background-image: url("/images/profile/custom/border/EF_RE_240x240_1.png");
}

.custom_border.efr2 {
    background-image: url("/images/profile/custom/border/EF_RE_240x240_2.png");
}

.custom_border.roa1 {
    background-image: url("/images/profile/custom/border/RoA_240x240_1.png");
}

.custom_border.roa2 {
    background-image: url("/images/profile/custom/border/RoA_240x240_2.png");
}

.custom_border.spy1 {
    background-image: url("/images/profile/custom/border/spy1.png");
}
.custom_border.spy2 {
    background-image: url("/images/profile/custom/border/spy3.png");
}

.custom_border.spy3 {
    background-image: url("/images/profile/custom/border/spy2.png");
}

.custom_border.love1 {
    background-image: url("/images/profile/custom/border/love1.png");
}
.custom_border.love2 {
    background-image: url("/images/profile/custom/border/love2.png");
}
.custom_border.love3 {
    background-image: url("/images/profile/custom/border/love3.png");
}
.custom_border.love4 {
    background-image: url("/images/profile/custom/border/love4.png");
}
.custom_border.easter {
    background-image: url("/images/profile/custom/border/easter.png");
}


.social-user-block h2.blue,
.social-user-profile-link h4.blue,
.receive_present .social-user h4.blue,
.custom_nickname_style.blue,
.message-data .user-nickname.blue {
    color: blue;
}

.social-user-block h2.orange,
.social-user-profile-link h4.orange,
.receive_present .social-user h4.orange,
.custom_nickname_style.orange,
.message-data .user-nickname.orange {
    color: orangered;
}

@keyframes flicker {
    50% {
        color: white;
        filter: saturate(200%) hue-rotate(20deg);
    }
}

.social-user-block h2.neone,
.social-user-profile-link h4.neone,
.receive_present .social-user h4.neone,
.custom_nickname_style.neone,
.message-data .user-nickname.neone {
    color: azure;
    text-shadow: 0 0 10px azure,
    0 0 20px aqua,
    0 0 40px dodgerblue,
    0 0 80px blue;
    will-change: filter, color;
    filter: saturate(60%);
    animation: flicker steps(100) 1s infinite;
}

.social-user-block h2.gold_neone,
.social-user-profile-link h4.gold_neone,
.receive_present .social-user h4.gold_neone,
.custom_nickname_style.gold_neone,
.message-data .user-nickname.gold_neone {
    text-shadow: 0 0 10px goldenrod,
    0 0 20px orangered,
    0 0 40px mediumblue,
    0 0 80px purple;
    color: gold;
    will-change: filter, color;
    filter: saturate(60%);
    animation: flicker steps(100) 1s infinite;
}


.social-user-block h2.style1,
.social-user-profile-link h4.style1,
.receive_present .social-user h4.style1,
.custom_nickname_style.style1,
.message-data .user-nickname.style1 {
    color: #FFFFFF;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.25);
}

.social-user-block h2.style2,
.social-user-profile-link h4.style2,
.receive_present .social-user h4.style2,
.custom_nickname_style.style2,
.message-data .user-nickname.style2 {
    color: white;
    text-shadow: 2px 0 4px #4F227E,
    0 2px 4px #4F227E,
    -2px 0 4px #4F227E,
    0 -2px 4px #4F227E;

}

/*
.social-user-block h2.style3,
.social-user-profile-link h4.style3,
.receive_present .social-user h4.style3,
.custom_nickname_style.style3,
.message-data .user-nickname.style3 {
    color: #D8D8D8;
    text-shadow: 0px 1px 4px #FA0404;
}*/

.social-user-block h2.style3,
.social-user-profile-link h4.style3,
.receive_present .social-user h4.style3,
.custom_nickname_style.style3,
.message-data .user-nickname.style3 {
    color: #25D5F3;
    text-shadow: 1px 0 2px #ffffff,
    0 1px 2px #ffffff,
    -1px 0 2px #ffffff,
    0 -1px 2px #ffffff;
}

.social-user-block h2.style4,
.social-user-profile-link h4.style4,
.receive_present .social-user h4.style4,
.custom_nickname_style.style4,
.message-data .user-nickname.style4 {
    background: #0037CF;
    background: -webkit-linear-gradient(to top, #0037CF 20%, #E8F5FF 46%, #0037CF 80%);
    background: -moz-linear-gradient(to top, #0037CF 20%, #E8F5FF 46%, #0037CF 80%);
    background: linear-gradient(to top, #0037CF 20%, #E8F5FF 46%, #0037CF 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}