Spathiphyllum: diary (ver. 1)

@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@500&family=Oswald:wght@400&display=swap);

/*-----------------------
--------сoᴅᴇ вʏ ɢ--------
-------------------------*/

/*Ф О Н*/

html {
    margin-bottom: 0px; margin-bottom: 0px !important;
}

body {
    background-image: url(https://beon.vip/uploads_image/aa/a0/aaa0847e2a4442f68bc37e06142af5c6.png); background-image: url(https://beon.vip/uploads_image/aa/a0/aaa0847e2a4442f68bc37e06142af5c6.png) !important;
    background-position: left top; background-position: left top !important;
    background-attachment: fixed; background-attachment: fixed !important;
    background-repeat: repeat; background-repeat: repeat !important;
    min-height: 100vh !important;
    padding-bottom: 82px !important;
}

table.body {
    width: 100%; width: 100% !important;
    margin: 0 ; margin: 0 !important;
}

img.photo {
    border: none; border: none !important;
}

a:hover, .form-group > label:hover {
    text-decoration: none; text-decoration: none !important;
}

:focus {
    outline: none; outline: none !important;
    box-shadow: none; box-shadow: none !important;
}

::selection {
    background-color: #738b5f;
    color: #fff;
}

::-moz-selection {
    background-color: #738b5f;
    color: #fff;
}

/*Ш А П К А*/

.top_header, nav.navbar.navbar-expand-lg.navbar-light.bg-light.top_menu.top_mobile_menu {
    background: linear-gradient(to right, #22321a, #1a2515); background: linear-gradient(to right, #22321a, #1a2515) !important;
    border: none;
    box-shadow: none !important;
}

.top_header {
    height: 63px !important;
}

.top_header > table > tbody > tr > td:last-child {
    vertical-align: middle; vertical-align: middle !important;
    padding: 0; padding: 0 !important;
}

.top_header > table > tbody > tr > td:last-child > table {
    width: 100% !important;
}

.top_menu {
    vertical-align: middle; vertical-align: middle !important;
    padding: 5px 10px; padding: 10px 0 10px 20px !important;
}

.top_menu_link_container {
    height: 30px !important;
}

div.top_menu_link {
    margin: 3px 7px !important;
    padding: 0 19px 0 0 !important;
}

.top_header a, a.nav-link.top_menu_item {
    color: #c5e4a5; color: #c5e4a5 !important;
    font-family: 'Oswald', sans-serif;
    letter-spacing: .6px !important;
    text-shadow: 0 0 10px #79cb01, 0 0 5px #79cb01;
    transition: 1.5s;
}

.top_menu_link_container:hover > .top_menu_link > a.top_menu_item, a.nav-link.top_menu_item:hover {
    filter: contrast(1.25);
    text-shadow: 0 0 10px #79cb01, 0 0 10px #79cb01, 0 0 5px #79cb01, 0 0 5px #79cb01;
    transition: .5s;
}

a.top_menu_item {
    font-size: 18px; font-size: 16px !important;
}

a.top_menu_item .menu_icon {
    display: none !important;
}

.top_menu_link {
    background-image: url(https://beon.vip/uploads_image/2f/ea/2fea4055acf1e1b55633a2819ab91e0a.png) !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
    transition: 1.5s !important;
}

.top_menu_link_container:hover > .top_menu_link  {
    background-image: url(https://beon.vip/uploads_image/56/da/56da863188b82d63200cfeb7e97b7a12.png) !important;
    transition: .5s !important;
}

div.menu_dropdown {
    background-color: rgba(0,0,0,0) !important;
    display: inline !important;
    overflow: hidden !important;
    height: 0% !important;
    border: none !important;
    outline: none !important;
    border-radius: 0 !important;
    transition: .5s !important;
}

.top_menu_link_container:hover > .top_menu_link > div > div.menu_dropdown {
    height: 500px !important;
    transition: 1.5s !important;
}

.menu_item_dropdown:first-child {
    margin-top: 0px !important;
}

.menu_item_dropdown {
    margin-top: -2px;
    border: 2px solid #e8e8e8; border: 2px solid #e8e8e8 !important;
}

div.menu_item_dropdown a {
    background-color: #f6f6f6; background-color: #f6f6f6 !important;
    background-image: none; background-image: url(https://beon.vip/uploads_user/12000/11736/876e83cc06feac3bab0e7c38e42f86cd.png) !important;
    background-attachment: fixed !important;
    color: #919191; color: #919191 !important;
    text-transform: lowercase !important;
    text-shadow: none !important;
    padding: 2px 40px 2px 6px !important;
    border-top:  2px solid rgba(255, 255, 255, 1); border-left: 2px solid rgba(255, 255, 255, 1) !important;
    border-left: 2px solid rgba(255, 255, 255, 1); border-left: 2px solid rgba(255, 255, 255, 1) !important;
    border-right: 2px solid rgba(255, 255, 255, 0); border-right: 2px solid rgba(255, 255, 255, 0) !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0); border-bottom: 2px solid rgba(255, 255, 255, 0) !important;
    border-radius: 0 !important;
    transition: 0s;
}

div.menu_item_dropdown a:hover {
    background-color: #919191; background-color: #919191 !important;
    background-image: none !important;
    color: #f6f6f6; color: #f6f6f6 !important;
    border: 2px solid rgba(255, 255, 255, 1); border: 2px solid rgba(255, 255, 255, 1) !important;
    transition: 0s;
}

div.menu_item_dropdown img.menu_icon2 {
    margin: 0 6px 2px 0;
}

img.menu_icon2, .result > img.icon {
    filter: sepia(1) hue-rotate(45deg) brightness(.85);
}

div.menu_item_dropdown a:hover > img.menu_icon2 {
    filter: brightness(.6) grayscale(1);
}

#mobile_menu {
    background-color: #738b5f;
    background-image: url(https://beon.vip/uploads_user/12000/11736/3774a054e7086749a32ef0f048f53cad.png);
    background-position: left top;
    background-attachment: fixed;
    background-repeat: repeat;
    color: #f6f6f6;
    max-width: 250px;
}

#mobile_menu > .menu_item_dropdown a {
    padding: 2.5px 5px;
}

#mobile_menu > .menu_item_dropdown a > img {
    display: none;
}

.top_header > table > tbody > tr > td:first-child,  nav.navbar.navbar-expand-lg.navbar-light.bg-light.top_menu.top_mobile_menu > .p-1 {
    background-image: url(https://beon.vip/uploads_user/12000/11736/1ce8cdef49bac0631d0bba679377836c.png);
    background-position: left center; background-position: left bottom !important;
    background-repeat: no-repeat;
    background-size: 100px; background-size: 140px !important;
    width: 140px !important;
    height: 53px !important;
    transition: .5s;
}

[src="./images/logo_new.png"] {
    width: 140px !important;
    height: 53px !important;
    opacity: 0;
}


.top_header > table > tbody > tr > td:first-child:hover,  nav.navbar.navbar-expand-lg.navbar-light.bg-light.top_menu.top_mobile_menu > .p-1:hover {
    filter: contrast(1.2);
    transition: .5s;
}

#newupdates {
    background-color: transparent;
    background-image: url(https://beon.vip/uploads_user/12000/11736/02f9f972e322e988abcc5a0b47853cad.png); background-image: url(https://beon.vip/uploads_user/12000/11736/02f9f972e322e988abcc5a0b47853cad.png) !important;
    background-position: 9px center; background-position: 9px center !important;
    background-repeat: no-repeat; background-repeat: no-repeat !important;
    background-size: 26px; background-size: 28px !important;
    margin-right: 4px !important;
    height: 30px;
    padding: 0 9px; padding: 0 9px !important;
    border-radius: 0; border-radius: 0 !important;
}

[src="/images/notify.svg"] {
    opacity: 0;
}

#notify_total {
    background-color: #c5e4a5; background-color: #daf3a9 !important;
    color: #1a2515;
    border-radius: 0;
}

.button_down:last-child {
    background-color: transparent; background-color: transparent !important;
    background-image: url(https://beon.vip/uploads_user/12000/11736/04ae24775af2516ecf6ec267f6f7eee3.png); background-image: url(https://beon.vip/uploads_user/12000/11736/04ae24775af2516ecf6ec267f6f7eee3.png) !important;
    background-position: 9px center !important;
    background-repeat: no-repeat !important;
    background-size: 28px !important;
    width: 46px !important;
    height: 30px;
    padding: 0 9px !important;
    border-radius: 0 !important;
}

[src="/images/button_down.svg"] {
    opacity: 0;
}

button.btn.btn-primary {
    background-color: #1a2515; background-color: #1a2515 !important;
    color: #c5e4a5;
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    width: 100%; width: 190px !important;
    padding: 4px 12px;
    border: 2px solid #c5e4a5;
    border-radius: 0;
    box-shadow: inset 0 0 1em rgba(121, 203, 1, .5), 0 0 1em rgba(121, 203, 1, .5);
    transition: .5s;
}

button.btn.btn-primary:hover, button.btn.btn-primary:active {
    background-color: #c5e4a5; background-color: #c5e4a5 !important;
    color: #1a2515; color: #1a2515 !important;
    font-weight: bold; font-weight: bold !important;
    letter-spacing: .5px; letter-spacing: 1.5px !important;
    border: 2px solid #c5e4a5; border: 2px solid #c5e4a5 !important;
    box-shadow: inset 0 0 0 rgba(121, 203, 1, .5), 0 0 1.5em rgba(121, 203, 1, .7);
    transition: .5s;
}

button.btn.btn-primary:active {
    background-color: #9cb782; background-color: #9cb782 !important;
}

/*М Е Н Ю*/

.seBlogColumnRightPadding {
    background-color: rgba(246, 246, 246, 0.2); background-color: rgba(246, 246, 246, .15) !important;
    position: absolute !important;
    left: 0; left: 35px !important;
    right: 0; right: 0 !important;
    width: 80%; width: 70% !important;
    min-height: calc(100vh - 63px) !important;
    margin-left: auto; margin-left: auto !important;
    margin-right: auto; margin-right: auto !important;
    padding: 34px 0 0 0 !important;
    box-shadow: 0 0 1em rgba(0, 0, 0, .1); box-shadow: 0 0 1em rgba(0, 0, 0, .1) !important;
}

#lefthome:before {
    content: 'МЕНЮ' !important;
    color: #22321a !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 24px !important;
    position: fixed !important;
    width: 35px !important;
    height: 100% !important;
    padding-top: 9px !important;
    writing-mode: vertical-rl !important;
    z-index: 22222 !important;
}

#lefthome:hover {
    width: calc(250px + 6.98%) !important;
    max-width: 500px !important;
    margin-left: -35px !important;
    transition: .3s !important;
}

#lefthome {
    background-color: #f6f6f6; background-color: #f6f6f6 !important;
    background-image: url(https://beon.vip/uploads_image/f4/00/f4007680bf77c55779846003d6e1bbf2.png); background-image: url(https://beon.vip/uploads_image/f4/00/f4007680bf77c55779846003d6e1bbf2.png) !important;
    background-position: top; background-position: top !important;
    background-size: cover; background-size: cover !important;
    font-family: 'Oswald', sans-serif !important;
    position: fixed !important;
    left: 0px !important;
    bottom: 0px !important;
    top: 0px !important;
    width: 35px !important;
    margin-top: 63px !important;
    z-index: 22 !important;
    overflow-y: scroll !important;
    overflow-x: hidden; overflow-x: hidden !important;
    transition: .5s !important;
}

.card-header {
    color: #0e150b;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .5px; letter-spacing: 1.5px !important;
    padding: 0 0 5px 0; padding: 0 0 5px 0 !important;
}

.card-header a, .card-body a, .gifts-list a {
    text-transform: lowercase;
}

.card-header a {
    color: #c5e4a5; color: #c5e4a5 !important;
    transition: .5s;
}

.card-header a:hover {
    text-shadow: 0 0 3px #79cb01, 0 0 5px #79cb01;
    transition: .3s;
}

.card-body a {
    color: #0e150b; color: #0e150b !important;
    position: relative;
    padding: 0 5px;
    transition: .3s;
}

ul.seBlogCategoryList a {
    margin-right: 2.5px;
}

.card-body a:hover {
    letter-spacing: .45px;
    transition: .3s;
}

.card-body a:before {
    content: "";
    background-color: #0e150b;
    position: absolute;
    min-width: 0px;
    height: 1px;
    left: 0;
    bottom: 40%;
    transition: .5s;
}

.card-body a:hover:before {
    background-color: #0e150b;
    min-width: 100%;
    opacity: .5;
}

.blog_leftphoto img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border: none;
    border-radius: 50% 0 50% 0;
}

.blog_leftprofile {
    margin-top: 0px;
}

.blog_leftprofile a {
    color: #b5c2b0; color: #b5c2b0 !important;
    font-family: 'Caveat', cursive !important;
    font-size: 14px; font-size: 18px !important;
    text-transform: lowercase !important;
    transition: .5s;
}

.blog_leftprofile a:hover {
    color: #9baa94; color: #9baa94 !important;
    transition: .5s;
}

.blog_leftprofile a > img {
    filter: sepia(1) hue-rotate(45deg) brightness(.95);
    transition: .5s;
}

.blog_leftprofile a:hover > img {
    filter: sepia(1) hue-rotate(45deg) brightness(.85);
    transition: .5s;
}

input[name="blog_search"] {
    background-color: rgba(246, 246, 246, .1);
    box-shadow: 0 0 .25em rgba(0, 0, 0, .05); box-shadow: 0 0 .25em rgba(0, 0, 0, .05) !important;
    color: #0e150b;
    text-transform: lowercase;
    text-align: center;
    position: absolute;
    left: 20%;
    right: 20%;
    width: 60%;
    min-width: 60%;
    max-width: 60%;
    border: none;
    border-radius: 0;
    transition: .5s;
}

input[name="blog_search"]::-webkit-input-placeholder {color: rgba(246, 246, 246, 0);}
input[name="blog_search"]::-moz-placeholder {color: rgba(246, 246, 246, 0);}
input[name="blog_search"]:-moz-placeholder {color: rgba(246, 246, 246, 0);}
input[name="blog_search"]:-ms-input-placeholder {color: rgba(246, 246, 246, 0);}

input[name="blog_search"]:focus {
    background-color: rgba(246, 246, 246, .25);
    border: none;
    outline: none;
    box-shadow: 0 0 .25em rgba(0, 0, 0, .15); box-shadow: 0 0 .25em rgba(0, 0, 0, .15) !important;
    transition: .5s;
}

div.card-body {
    min-height: 25px; min-height: 25px !important;
}

.card.p-1, .card.mt-3.blog_leftmenu, .blog_leftsearch, .card.blog_categories, .card.blog_gifts {
    color: #0e150b;
    text-align: center;
    padding: 5px 10px; padding: 5px 10px !important;
    border-radius: 0;
}

.card {
    border: none; border: none !important;
    border-radius: 0;
}

.card.mt-3.blog_leftmenu, .blog_leftsearch, .card.blog_categories, .card.blog_gifts{
    margin-top: 0; margin-top: 0 !important;
}

.card.p-1, .card.mt-3.blog_leftmenu, .blog_leftsearch, .card.blog_categories{
    margin-bottom: 0; margin-bottom: 0 !important;
}

.card-body {
    padding: 0; padding: 0 !important;
}

li.p-1 {
    padding: 0; padding: 0 !important;
    list-style: none;
}

ul.seBlogCategoryList {
    margin-bottom: 0;
    padding: 0; padding: 0 !important;
}

.gifts-list {
    justify-content: center; justify-content: center !important;
}

.gifts-list a {
    color: #0e150b; color: #0e150b !important;
    transition: .5s;
}

.gifts-list > .p-1 {
    max-width: 100px;
    margin: 0 5px 10px 5px;
}

.gifts-list img {
    width: auto;
    max-width: 60px;
    max-height: 60px;
}

.gifts-list > .p-1:hover > a {
    color: #c5e4a5; color: #c5e4a5 !important;
    font-weight: 600; font-weight: 500 !important;
    text-shadow: 0 0 10px #79cb01, 0 0 5px #79cb01;
    transition: .5s;
}

/*П О С Т Ы*/

.seBlogColumnLeft {
    width: 60% !important;
    margin: 0 20% !important;
    padding: 0 .5rem; padding: 0 !important;
}

.card.mb-2.post_home {
    background-color: #f6f6f6;
    margin-bottom: 25px; margin-bottom: 25px !important;
}

.card.mb-2.post_home:last-child {
    margin-bottom: 0 !important;
}

.card-title {
    background: linear-gradient(to right, #22321a, #1a2515);
    letter-spacing: .25rem; letter-spacing: .5rem !important;
    font-size: 14px;
    margin-bottom: 0; margin-bottom: 0 !important;
    padding: 5px .75rem;
}

.card-title a {
    color: #c5e4a5; color: #c5e4a5 !important;
    font-family: 'Oswald', sans-serif;
    text-shadow: 0 0 10px #79cb01, 0 0 5px #79cb01;
    transition: .5s;
}

.card-title a:hover {
    filter: contrast(1.25);
    text-shadow: 0 0 10px #79cb01, 0 0 10px #79cb01, 0 0 5px #79cb01, 0 0 5px #79cb01;
    transition: .5s;
}

.card-subtitle.mb-2.text-muted.post_date {
    color: #4b5f3d;
    font-size: 12px;
    position: absolute;
    right: 0;
    height: 26px;
    margin-top: -20px; margin-top: -19px !important;
    margin-bottom: 0; margin-bottom: 0 !important;
    padding: 0 .5rem;
}

.card-subtitle.mb-2.text-muted.post_date a {
    color: #738b5f;
    transition: .5s;
}

.card-subtitle.mb-2.text-muted.post_date a:hover {
    color: #c5e4a5;
    text-shadow: 0 0 10px #79cb01, 0 0 5px #79cb01;
    transition: .5s;
}

div.post_container {
    padding: .5rem;
    border-left: 2px solid #dddddd;
    border-right: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
}

.post_image > div {
    background-color: #738b5f;
    color: #f6f6f6; color: #f6f6f6 !important;
    letter-spacing: .75px;
    font-size: 10px; font-size: 10px !important;
    line-height: 1.25;
    padding: 2px;
}

.post_text.pl-3 {
    color: #444444;
    padding: 0 0 0 .5rem; padding: 0 0 0 .5rem !important;
}

.post_text.pl-3 blockquote {
    font-style: italic;
    font-size: 14px; font-size: 14px !important;
    padding: 0 0 0 1rem;
    border-left: 2px solid #738b5f;
}

.post_text.pl-3 hr {
    border-top: 2px solid #dddddd;
}

.post_text.pl-3 strong > a {
    font-weight: bolder;
}

.post_text.pl-3 img {
    max-width: 100%; max-width: 100% !important;
    max-height: 400px; max-height: 400px !important;
}

.post_text.pl-3 iframe {
    width: 500px !important;
    max-width: 100% !important;
    height: 281px !important;
    max-height: 281px !important;
}

.additional_info.pl-3 {
    font-size: 12px;
    margin-top: 10px;
    padding: 0 0 0 .5rem; padding: 0 0 0 .5rem !important;
    color: #444444;
}

.additional_info.pl-3 a {
    color: #738b5f;
    border-bottom: 1px solid rgba(154, 182, 124, 0);
    transition: .5s;
}

.additional_info.pl-3 a:hover {
    color:  #86ab63;
    border-bottom: 1px solid rgba(154, 182, 124, 1);
    transition: .5s;
}

p.card-link {
    margin-bottom: 0;
}

.result {
    background-color: #fff; background-color: #fff !important;
    color: #444; color: #444 !important;
    border: 1px solid #dddddd; border: 1px solid #dddddd !important;
}

.post_text.pl-3 a, .profile_comment_body a, .modal-body a, .form-group > label, .copyright_text a {
    color: #738b5f; color: #738b5f !important;
    font-weight: 500;
    border-bottom: 1px solid rgba(154,182,124,0);
    transition: .5s;
}

.post_text.pl-3 a:hover, .profile_comment_body a:hover, .modal-body a:hover, .form-group > label:hover, .copyright_text a:hover {
    color:  #86ab63; color:  #86ab63 !important;
    border-bottom: 1px solid rgba(154,182,124,1);
    transition: .3s;
}

.modal-body a, .form-group > label {
    border: none; border: none !important;
}

.modal-body .updatesDelete a {
    border-bottom: 1px solid rgba(154,182,124,0); border-bottom: 1px solid rgba(154,182,124,0) !important;
}

.modal-body .updatesDelete a:hover {
    border-bottom: 1px solid rgba(154,182,124,1); border-bottom: 1px solid rgba(154,182,124,1) !important;
}

.seBlogComments > table > tbody > tr > td > div {
    background-color: #fff;
    text-align: center;
    margin-bottom: 0; margin-bottom: 0 !important;
    overflow: hidden;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

div > .button a {
    color: #738b5f;
    font-family: 'Oswald', sans-serif;
    text-transform:  lowercase;
    letter-spacing: .3px; letter-spacing: .6px !important;
    font-weight: 600;
    font-size: 13px; font-size: 12px !important;
    text-align: center;
    padding: 5px;
    transition: .5s;
}

div > .button a:hover {
    color:  #86ab63;
    transition: .5s;
}

div > .button {
    display: inline;
    float: inherit; float: inherit !important;
    padding: 0 5px; padding: 0 10px !important;
}

/*К О М М Е Н Т А Р И И*/

div.seBlogComments {
    background-color: #f6f6f6;
    margin-top: -27px; margin-top: -27px !important;
    margin-bottom: 1rem; margin-bottom: 0 !important;
    outline: 2px solid #ddd;
    outline-offset: -2px;
}

div[id^="blog_"] > div[id^="comment_"] {
    background-color: #fbfbfb;
    margin: 25px 0;
    padding: .5rem;
    border: 2px solid #ddd;
}

div[id^="comment_"] > div {
    margin: 0; margin: 0 !important;
}

div[id^="comment_"] > div > div:first-child {
    width: 100px; width: 100px !important;
}

#user_status {
    background-color: #738b5f;
    color: #f6f6f6; color: #f6f6f6 !important;
    letter-spacing: .75px;
    font-size: 10px; font-size: 10px !important;
    min-height: 14px;
    line-height: 1.25;
    padding: 2px;
    margin: 0;
    border: none;
}

.profile_comment_author {
    margin: 3px 0 0 1rem;
    padding: 0; padding: 0 !important;
}

.profile_comment_author a, .result a {
    color: #738b5f; color: #738b5f !important;
    font-family: 'Oswald', sans-serif;
    letter-spacing: .3px; letter-spacing: .6px !important;
    border: none;
    transition: .5s;
}

.profile_comment_author a:hover, .result a:hover {
    color:  #86ab63; color:  #86ab63 !important;
    border: none;
    transition: .3s;
}

[src="/images/verify.png"] {
    filter:  sepia(1) hue-rotate(45deg) brightness(.65);
    width: auto;
    height: 12px;
    transition: .5s;
}

.profile_comment_author a:hover img, div > .button a:hover img {
    filter:sepia(1) hue-rotate(45deg) brightness(.8);
    transition: .3s;
}

.profile_comment_date {
    background-color: #fff;
    color: #4b5f3d; color: #4b5f3d !important;
    font-family: 'Oswald', sans-serif;
    font-size: 10px; font-size: 10px !important;
    margin-left: .5rem;
    margin-bottom: .5rem;
    border: 1px solid #e8e8e8;
}

.profile_comment_body {
    color: #22321a; color: #22321a !important;
    text-align: justify;
    padding: 0 0 0 .5rem; padding: 0 0 0 .5rem !important;
}

.blockquote {
    background-color: #fff;
    color: #738b5f;
    text-align: justify;
    width: 100%;
    margin-bottom: -19px; margin-bottom: -19px !important;
    padding: 0 5px 0 5px; padding: 0 5px 0 5px !important;
    border-left: 2px solid #738b5f;
    border-top: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

.profile_comment_links {
    color: #b7b7b7;
    margin: .5rem 0;
    padding: 0; padding: 0 !important;
}

.profile_comment_links a {
    background-color: #fff;
    color: #738b5f; color: #738b5f !important;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0px; letter-spacing: .5px !important;
    font-size: 11px; font-size: 12px !important;
    padding: 3px;
    border: 1px solid #e8e8e8;
    transition: .5s;
}

.profile_comment_links a:hover {
    color: #86ab63; color: #86ab63 !important;
    border-bottom: 1px solid rgba(154, 182, 124, 1);
    transition: .3s;
}

div[id^="blog_"] > div[style="text-align: center;"]:first-child {
    margin: 5px 0 -20px 0;
}

div[id^="blog_"] > div[style="text-align: center;"]:last-child {
    margin: -20px 0 5px 0;
}

div[id^="blog_"] > div[style="text-align: center;"], .disabled {
    color: rgba(115,139,95,.5); color: rgba(115,139,95,.5) !important;
    font-size: 12px;
    font-weight: 500;
}

a[id^="comment_next_"], a[id^="comment_last_"] {
    color: #738b5f;
    font-size: 12px;
    font-weight: 500;
    transition: .5s;
}

a[id^="comment_next_"]:hover, a[id^="comment_last_"]:hover {
    color: #86ab63;
    transition: .5s;
}

/*Ф О Р М А _ В В О Д А _ К О М М Е Н Т А Р И Я*/

.comment_headline {
    background-color: #fff; background-color: #fff !important;
    color: #898989;
    font-weight: 500;
    margin-top: -2px;
    border: 2px solid #ddd; border: 2px solid #ddd !important;
    border-radius: 0;
}

#comment_subscribe {
    background-color: transparent;
    border: none;
}

#comment_subscribe a {
    color: #738b5f;
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
    border-bottom: 1px solid rgba(154, 182, 124, 0);
    transition: .5s;
}

a#attach_file_click {
    color: #738b5f;
    font-weight: bold;
    font-size: 12px;
    padding: 0; padding: 0 !important;
    border-bottom: 1px solid rgba(154, 182, 124, 0);
    transition: .5s;
}

#comment_subscribe a:hover, a#attach_file_click:hover {
    color:  #86ab63;
    border-bottom: 1px solid rgba(154, 182, 124, 1);
    transition: .3s;
}

.profile_postcomment {
    background-color: #f6f6f6;
    padding: 1rem; padding: 1rem !important;
    border: 2px solid #ddd; border: 2px solid #ddd !important;
    border-top: none; border-top: none !important;
    border-radius: 0; border-radius: 0 !important;
}

#comment_body  {
    background-color: #fff;
    color: #738b5f; color: #738b5f !important;
    width: 100%;
    margin: 1px;
    border: 1px solid #ddd;
    outline: 1px solid #ddd;
    border-radius: 0;
}

#comment_body:focus {
    color: #22321a; color: #22321a !important;
    box-shadow: none;
    outline: none;
    border: 1px solid #738b5f;
}

textarea[id="comment_body"]::-webkit-input-placeholder {color: #898989;}
textarea[id="comment_body"]::-moz-placeholder {color: #898989;}
textarea[id="comment_body"]:-moz-placeholder {color: #898989;}
textarea[id="comment_body"]:-ms-input-placeholder {color: #898989;}

input#comment_submit {
    background-color: transparent;
    color: #738b5f;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    width: 200px;
    margin: 5px 0;
    border: 1px solid #738b5f;
    border-radius: 0;
    transition: .5s;
}

input#comment_submit:hover, input#comment_submit:active {
    background-color: #738b5f;
    color: #fff;
    letter-spacing: 1px;
    border: 1px solid #738b5f;
    transition: .5s;
}

input#comment_submit:active {
    background-color: #9cb782;
}

#postcomment_userphotos {
    background-color: #fff; background-color: #fff !important;
    float: right; float: right !important;
    max-width: 141px; max-width: 145px !important;
    height: 250px; height: 300px !important;
    padding: 3px; padding: 5px !important;
    border: 2px solid #ddd; border: 2px solid #ddd !important;
}

div[id^="userphoto_"] {
    max-width: 106px; max-width: 110px !important;
    padding: 3px; padding: 5px !important;
}

div[id^="userphoto_"] > .p-1.userphoto_comment {
    padding: 0; padding: 0 !important;
}

.img-thumbnail {
    background-color: transparent; background-color: transparent !important;
    padding: 0; padding: 0 !important;
    border: none; border: none !important;
    border-radius: 0; border-radius: 0 !important;
}

img.img-thumbnail {
    max-width: 100px;
}

.userphoto_selected {
    background-color: transparent; background-color: transparent !important;
    outline: 3px solid #738b5f; outline: 5px solid #738b5f !important;
    outline-offset: -3px; outline-offset: -5px !important;
    transition: .15s;
}

/*П О Д В А Л*/

td > div.copyright {
    background-color: #f6f6f6;
    color: #898989; color: #898989 !important;
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin-top: 27px;
    padding: 5px; padding: 5px 35px !important;
    border-top: 2px solid #fff;
    outline: 2px solid #ddd;
}

div.copyright a {
    color: #b7b7b7; color: #b7b7b7 !important;
    margin: 0 5px;
    transition: .5s;
}

div.copyright a:hover {
    color: #9d9d9d; color: #9d9d9d !important;
    transition: .3s;
}

div.copyright a:first-child {
    margin-left: 10px;
}

/*О Т К Л Ю Ч И Т Ь _ Д И З А Й Н*/

#designs {
    background-color: #f6f6f6;
    background-position: top;
    color: #919191;
    font-size: 11px; font-size: 12px !important;
    text-align: center;
    right: 10px; right: 15px !important;
    bottom: 10px; bottom: 15px !important;
    width: auto; width: auto !important;
    height: auto; height: auto !important;
    padding: 2.5px 5px;
    border-top: 1px solid rgba(255, 255, 255, 1); border-top: 2px solid rgba(255, 255, 255, 1) !important;
    border-left: 1px solid rgba(255, 255, 255, 1); border-left: 2px solid rgba(255, 255, 255, 1) !important;
    border-right: 1px solid rgba(255, 255, 255, 0); border-right: 2px solid rgba(255, 255, 255, 0) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0); border-bottom: 2px solid rgba(255, 255, 255, 0) !important;
    outline: 2px solid #ddd; outline: 2px solid #ddd !important;
    border-radius: 0;
    transition: .5s;
}

#designs:hover {
    background-color: #919191;
    background-image: url(https://beon.vip/uploads_user/12000/11736/d58f64b59f45a9cf7450ed50311a6859.png);
    background-position: center;
    background-repeat: no-repeat;
    color: rgba(246, 246, 246, 0); color: rgba(246, 246, 246, 0) !important;
    border: 1px solid rgba(255, 255, 255, 1); border: 2px solid rgba(255, 255, 255, 1) !important;
    transition: .5s;
}

/*С Т Р А Н И Ц Ы*/

.content {
    padding: 10px 0 0 0; padding: 10px 0 0 0 !important;
}

.content > nav {
    display: flex;
    margin-top: 4px; margin-top: 4px !important;
}

ul.pagination.justify-content-end.float-right {
    background-color: transparent;
    width: 100%; width: 100% !important;
    margin: 0 .5rem; margin: 0 20% !important;
    padding: 0;
    justify-content: space-between; justify-content: space-between !important;
    border-radius: 0;
}

.page-item {
    margin: 2px;
    font-size: 12px;
}

a.page-link {
    background-color: #f6f6f6;
    color: #919191; color: #919191 !important;
    text-align: center;
    padding: 2px 8px;
    border-top: 2px solid rgba(255, 255, 255, 1);
    border-left: 2px solid rgba(255, 255, 255, 1);
    border-right: 2px solid rgba(255, 255, 255, 0);
    border-bottom: 2px solid rgba(255, 255, 255, 0);
    outline: 2px solid #ddd; outline: 2px solid #ddd !important;
    border-radius: 0; border-radius: 0 !important;
    transition: .5s;
}

a.page-link:hover {
    background-color: #919191;
    color: #f6f6f6; color: #f6f6f6 !important;
    border: 2px solid rgba(255, 255, 255, 1);
    outline: 2px solid #ddd; outline: 2px solid #ddd !important;
    transition: .5s;
}

/*Л О А Д И Н Г*/

[src="/images/page_load.gif"] {
    width: 128px;
    height: 81px;
    opacity: 0;
}

#TB_overlay > div {
    background-image: url(https://beon.vip/uploads_user/12000/11736/404376381c7f256171cb8a2711205b77.gif);
    background-position: 50% 0;
    background-repeat: no-repeat;
    position: fixed;
    left: 25%;
    right: 25%;
    top: 25%;
    bottom: 25%;
    width: 50%;
    height: 50%;
}

/*G U E S T*/

div[style="padding: 10px; text-align: center; margin-top: 10px;"] > .btn.btn-primary {
    font-size: 14px; font-size: 14px !important;
    width: 300px !important;
}

a.btn.btn-primary {
    background-color: #1a2515;
    color: #c5e4a5; color: #c5e4a5 !important;
    font-size: 14px;
    min-width: 60px;
    margin-right: -5px;
    border: 2px solid #c5e4a5;
    border-radius: 0;
    transition: .5s;
}

a.btn.btn-primary:hover, a.btn.btn-primary:active {
    background-color: #9cb782;
    color: #22321a; color: #22321a !important;
    font-weight: bold;
    text-shadow: none;
    border: 2px solid #c5e4a5;
    transition: .5s;
}

a.btn.btn-success {
    background-color: #c5e4a5;
    color: #22321a; color: #22321a !important;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
    border: 2px solid #c5e4a5;
    border-radius: 0;
    transition: .5s;
}

a.btn.btn-success:hover, a.btn.btn-success:active {
    background-color: #9cb782;
    transition: .5s;
}

a.btn.btn-primary:active, a.btn.btn-success:active {
    background-color: #81986b; background-color: #81986b !important;
    border: 2px solid #c5e4a5; border: 2px solid #c5e4a5 !important;
}

.copyright_text {
    background-color: #f6f6f6;
    color: #444444;
    font-size: 12px; font-size: 14px !important;
    margin: 27px calc(.5rem + 2px) 0 calc(.5rem + 2px); margin: 27px calc(20% + 2px) -23px calc(20% + 2px) !important;
    padding: .5rem;
    border-top: 2px solid rgba(255, 255, 255, 1);
    border-left: 2px solid rgba(255, 255, 255, 1);
    border-right: 2px solid rgba(255, 255, 255, 0);
    border-bottom: 2px solid rgba(255, 255, 255, 0);
    outline: 2px solid #ddd;
}

.copyright_text > p {
    margin: 0;
}

/*M O B I L E*/

.navbar-toggler {
    background-color: #1a2515;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    border-radius: 0;
}

.navbar-toggler-icon {
    background-image: url(https://beon.vip/uploads_user/12000/11736/58d2de688397aec185851d790739712b.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
}

.btn.btn-outline-success:last-child {
    background-color: transparent;
    background-image: url(https://beon.vip/uploads_user/12000/11736/04ae24775af2516ecf6ec267f6f7eee3.png);
    background-position: 9px center;
    background-repeat: no-repeat;
    background-size: 26px;
    color: transparent;
    width: 46px;
    height: 30px;
    padding: 0 9px;
    border: none;
    border-radius: 0;
}

.btn.btn-outline-success.mr-1.mobile_button {
    background-color: transparent;
    color: #c5e4a5;
    font-size: 18px;
    font-weight: normal;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    text-shadow: 0 0 10px #79cb01, 0 0 5px #79cb01;
    margin: 0;
    padding: 0.18rem 0.5rem;
    border: none;
    transition: 1.5s;
}

.btn.btn-outline-success.mr-1.mobile_button:hover {
    filter: contrast(1.25);
    text-shadow: 0 0 10px #79cb01, 0 0 10px #79cb01, 0 0 5px #79cb01, 0 0 5px #79cb01;
    transition: .5s;
}


/*M O D A L*/

.modal-content {
    border: 2px solid #ddd; border: 2px solid #ddd !important;
    border-radius: 0; border-radius: 0 !important;
}

.modal-header {
    background-color: #738b5f;
    border-radius: 0; border-radius: 0 !important;
}

.modal-title {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    letter-spacing: .6px;
}

.close {
    color: #fff; color: #fff !important;
    text-shadow: none; text-shadow: none !important;
    opacity: .75; opacity: .75 !important;
    transition: .3s;
}

.close:hover {
    opacity: 1; opacity: 1 !important;
    transition: .3s;
}

.modal-body {
    background-color: #fff;
    color: #444;
}

.form-control {
    color: #444;
    border: 1px solid #e8e8e8;
    border-radius: 0;
}

.form-control:focus {
    color: #444;
    border: 1px solid #738b5f;
}

input[class="form-control"]::-webkit-input-placeholder {color: #444;}
input[class="form-control"]::-moz-placeholder {color: #444;}
input[class="form-control"]:-moz-placeholder {color: #444;}
input[class="form-control"]:-ms-input-placeholder {color: #444;}

.modal-footer {
    background-color: #f6f6f6;
    border-top: 1px solid #e8e8e8;
    border-radius: 0; border-radius: 0 !important;
}

.modal-footer > .btn.btn-secondary, .modal-footer > .btn.btn-primary {
    background-color: #738b5f; background-color: #738b5f !important;
    color: #fff;
    font-family: inherit;
    text-transform: none;
    font-size: 1rem;
    width: auto; width: auto !important;
    min-height: 38px;
    border: 1px solid rgba(246, 246, 246, 0);
    border-radius: 0;
    box-shadow: none;
}

.modal-footer > .btn.btn-secondary:hover, .modal-footer > .btn.btn-primary:hover, .modal-footer > .btn.btn-primary:active {
    background-color: #6a8158; background-color: #6a8158 !important;
    color: #fff; color: #fff !important;
    font-weight: normal; font-weight: normal !important;
    letter-spacing: normal; letter-spacing: normal !important;
    border: 1px solid rgba(246, 246, 246, 0); border: 1px solid rgba(246, 246, 246, 0) !important;
    box-shadow: none;
}

.modal-footer > .btn.btn-secondary:active, .modal-footer > .btn.btn-primary:active {
    background-color: #fff; background-color: #fff !important;
    color: #738b5f; color: #738b5f !important;
    border: 1px solid #738b5f; border: 1px solid #738b5f !important;
    border-radius: 0;
}

.modal-body > table {
    background-color: #f6f6f6;
    color: #444; color: #444 !important;
    padding: .5rem;
    border: 1px solid #e8e8e8;
}

div.page_header {
    background-color: #fff;
    color: #444; color: #444 !important;
    font-weight: bold;
    text-align: center;
    width: 100%;
    padding: .25rem .5rem;
    border: 1px solid #e8e8e8;
}

.modal-body > table  > tbody > tr:last-child > td > div {
    margin: 0; margin: 0 !important;
}

.modal-body > table  > tbody > tr:last-child > td > div > div:first-child {
    display: none;
    text-align: center; text-align: center !important;
    margin: 10px 0; margin: 10px 0 !important;
}

.modal-body > table  > tbody > tr:last-child > td > div > div:nth-child(2) {
    background-color: #fff;
    padding: 4px;
    width: 60px; width: 60px !important;
    height: 60px;
    border: 1px solid #e8e8e8;
}

.modal-body > table  > tbody > tr:last-child > td > div > div:nth-child(2) img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.modal-body div.profile_comment_date {
    margin-bottom: 0;
}

.modal-body .profile_comment_body {
    background-color: #fff;
    color: #444; color: #444 !important;
    font-size: 12px;
    min-height: 33px;
    margin: 0 0 0 .5rem;
    padding: 5px 7px;
    border: 1px solid #e8e8e8;
    border-top: none;
}

.modal-body > table > tbody > tr:nth-child(2) > td {
    margin: 10px 0;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*С К Р О Л Л Б А Р*/

::-webkit-scrollbar {width: 4px; height: 4px;}
::-webkit-scrollbar-thumb {background-color: #22321a;}
::-webkit-scrollbar-track {background-color: #f6f6f6;}

/*M E D I A*/

@media screen and (max-width: 1067px) {
    table.body {padding-top: 90px !important;}
    div#lefthome {margin-top: 90px !important;}
    .seBlogColumnRightPadding {min-height: calc(100vh - 90px) !important;}
    .top_header {height: 90px !important;}
}

@media screen and (max-width: 629px) {
    table.body {padding-top: 120px !important;}
    div#lefthome {margin-top: 120px !important;}
    .seBlogColumnRightPadding {min-height: calc(100vh - 120px) !important;}
    .top_header {height: 120px !important;}
    .post_text.pl-3 iframe {width: 100% !important; height: auto !important;}
    .seBlogColumnLeft {width: 70% !important; margin: 0 15% !important;}
    ul.pagination.justify-content-end.float-right {margin: 0 15% !important;}
    .copyright_text {margin: 25px calc(15% + 2px) 0 calc(15% + 2px) !important;}
}

@media screen and (min-width: 1024px) {
    #lefthome {max-height: 100vh; max-height: auto !important;}
}

@media screen and (min-width: 1247px) {
    #postcomment_userphotos {width: 141px; width: 145px !important;}
    #postcomment_form {width: calc(100% - 151px); width: calc(100% - 155px) !important;}
}