/*
@color-blue: #1c4366;
@color-orange: #F57407;
*/
@font-face {
    font-family: 'Roboto Condensed';
    src: url('./fonts/fonts/RobotoCondensed-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('./fonts/fonts/RobotoCondensed-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('./fonts/fonts/RobotoCondensed-BoldItalic.ttf');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: url('./fonts/fonts/RobotoCondensed-Italic.ttf');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('./fonts/fonts/OpenSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('./fonts/fonts/OpenSans-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('./fonts/fonts/OpenSans-BoldItalic.ttf');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('./fonts/fonts/OpenSans-Italic.ttf');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('./fonts/fonts/OpenSans-SemiBold.ttf');    
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('./fonts/fonts/OpenSans-SemiBoldItalic.ttf');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('./fonts/fonts/OpenSans-Light.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('./fonts/fonts/OpenSans-LightItalic.ttf');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('./fonts/fonts/OpenSans-ExtraBold.ttf');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('./fonts/fonts/OpenSans-ExtraBoldItalic.ttf');
    font-weight: 800;
    font-style: italic;
}


html {
    background: none #f6f8fa;
}
body {
    background-color: #fff;
    font-family: 'Roboto Condensed', 'Arial', 'Helvetica', sans-serif;
    font-size: 12px;
}

#wrap {
    background: #fff;
    border: 0;
}
#page-header { height: 100px; }

.h1 { margin: 0 0 20px; font: 600 30px/40px 'Open Sans', sans-serif; color: #333; }
.h3 { margin-bottom: 10px; font: bold 18px/27px 'Open Sans', sans-serif; color: #333; }

.int {
    display: block; width: 100%; height: 40px; padding: 12px 15px; border: 0; outline: 0; background-color: #F0F4F8; font: 12px/16px 'Open Sans', sans-serif; color: #47464f;
    box-sizing: border-box !important; border-radius: 8px;
}
textarea.int { min-height: 100px; resize: vertical; }
.int-white { background-color: #fff; color: #333; }

select {
    height: 40px; padding: 12px 37px 12px 15px; border: 0; background: #F0F4F8 url('./images/ico-arrow.svg') top 50% right 12px no-repeat; font: 12px/16px 'Open Sans', sans-serif; color: #727272;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;  border-radius: 8px;
}
.select-white { background-color: #fff; }

.btn {
    display: flex; align-items: center; justify-content: center; width: max-content; height: 40px; padding: 11px 15px; border: 0; background: #F0F4F8; 
    font: 15px/18px 'Open Sans', sans-serif; color: #B197FC; cursor: pointer; border-radius: 8px; transition: 0.15s;
    box-sizing: border-box;
}
.btn:hover { background: #dee0e2; color: #B197FC; text-decoration: none; }
.btn-red { background: #EA5455; color: #fff; }
.btn-red:hover { background: #621aeb; color: #fff; }
.btn-red-500 { background: #f00; color: #fff; }
.btn-red-500:hover { background: #c00; color: #fff; }
.btn-white { background: #fff; }
.btn-white:hover { background: #f2ebff; }
.btn-lilac { background: #a987f1; color: #fff; }
.btn-lilac:hover { background: #7555b7; color: #fff; }

.btn-px { padding-left: 12px; padding-right: 12px; }

.btn .i { font-size: 16px; }
.btn-l { margin-right: 5px; }
.btn-r { margin-left: 5px; }
.btn-line { width: 1px; height: 16px; margin: 0 10px; background: #6B27EB80; }

.text-gray { color: #727272 !important; }
.text-red { color: #EA5455 !important; }

.i {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    color: inherit;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}
.i-pen { --un-icon: url("./images/ico-pen.svg"); }
.i-delete { --un-icon: url("./images/ico-delete.svg"); }
.i-report { --un-icon: url("./images/ico-report.svg"); }
.i-warn { --un-icon: url("./images/ico-warn.svg"); }
.i-info { --un-icon: url("./images/ico-info.svg"); }
.i-quote { --un-icon: url("./images/ico-quote.svg"); }
.i-quotes { --un-icon: url("./images/ico-quotes.png"); }
.i-eye { --un-icon: url("./images/ico-eye.svg"); }
.i-eye-slash { --un-icon: url("./images/ico-eye-slash.svg"); }
.i-print { --un-icon: url("./images/ico-print.svg"); }
.i-arrow-up { --un-icon: url("./images/ico-arrow-up.svg"); }
.i-paper-plane { --un-icon: url("./images/ico-paper-plane.svg"); }
.i-tools { --un-icon: url("./images/ico-tools.svg"); }
.i-clock-rotate-left { --un-icon: url("./images/ico-clock-rotate-left.svg"); }
.i-thumbtack { --un-icon: url("./images/ico-thumbtack.svg"); }
.i-hammer { --un-icon: url("./images/ico-hammer.svg"); }
.i-gears { --un-icon: url("./images/ico-gears.svg"); }


.sf-box { padding: 20px; background: #F0F4F8; border-radius: 10px; }
.sf-box h3 { margin-top: 0; }
.py-10 { padding-top: 10px; padding-bottom: 10px; }
.mb-10 { margin-bottom: 10px; }
.rounded-tl-0 { border-top-left-radius: 0; }


/*.btn-ico-l::before { content: ""; width: 16px; height: 16px; margin-right: 5px; }*/

/*.headerbar {
    background-position: center bottom;
    background-color: #f6f8fa;
    background-image: unset !important;
    color: #1c4366;
    border-radius: 0;
    padding: 19px 10px 0 10px;
}*/

/* START NEW_YEAR */
.headerbar.new_yaer {
    background-image: ("./images/custom/header-bg-new-year.jpg")url;
}
.headerbar.new_yaer .logo {
    margin-left: 103px;
    margin-top: 16px;
}
.headerbar.new_yaer .logo .imageset.site_logo {
    background-image: url("./images/custom/logo_new_year.png");
}
.headerbar.new_yaer h1 {
    margin-bottom: 5px;
    margin-top: 29px;
    margin-left: 360px;
}
/* .headerbar .search-box for small devices < 900 px */

/*@media (max-width: 900px) {
    .headerbar .search-box {
        width: 50% !important;
    }
}*/

@media (max-width: 700px) {
   /*.headerbar .inner {
        margin-top: 20px;
   }*/
    /*.headerbar .search-box {
        width: 100% !important;
    }
    .link-box.right-box {
        display: none !important;
    }*/
}

.headerbar.new_yaer .link-box a:first-child {
    background-color: #E86900;
}
/* FINISH NEW_YEAR */

/* START new_username */
.new_username {
    margin-left: 8px;
    margin-top: 8px;
}
.new_username input[type="text"] {
    width: 124px;
}
/* FINISH new_username */


.headerbar p, .headerbar h1 {
    margin-top: 15px;
    font-size: 16px;
    margin-left: 261px;
    text-shadow: -1px -1px 1px rgba(255, 255, 255, 1), -1px 0px 1px rgba(255, 255, 255, 1), -1px 1px 1px rgba(255, 255, 255, 1), 0px -1px 1px rgba(255, 255, 255, 1), 0px 0px 1px rgba(255, 255, 255, 1), 0px 1px 1px rgba(255, 255, 255, 1), 1px -1px 1px rgba(255, 255, 255, 1), 1px 0px 1px rgba(255, 255, 255, 1), 1px 1px 1px rgba(255, 255, 255, 1), 0px 0px 2px rgba(255, 255, 255, 1);
    color: #1c4366;
    font-weight: normal;
    margin-bottom: 1.5em;
    line-height: 1.3em
}

/*.headerbar .inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}*/

.headerbar .inner:after {
 /*unset content*/
    content: unset !important;
}

#site-description {
    width: 70%;
}
.logo {
    padding: 0;
    padding-top: 5px;
}
.imageset.site_logo {
    background-image: url("./images/custom/logo.png");
    padding-left: 246px;
    padding-top: 55px;
}
.headerbar .search-box {
    position: relative;
    box-shadow: none;
}

.headerbar .search-box .inputbox {
    font-family: 'Roboto Condensed', 'Arial', 'Helvetica', sans-serif;
    font-size: 12px;
    line-height: 1.4em;
    background-image: none;
    float: left;
    height: auto;
    width: 100%;
    padding: .375rem .75rem;
    height: 40px;
    color: #47464f;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #FFF;
    border: 1px solid #0e0e0e1a;
}

.headerbar .search-box .inputbox::placeholder {
  color: ##727272;
  opacity: 0.5; /* Firefox */
}

.headerbar .search-box .inputbox::-ms-input-placeholder { /* Edge 12 -18 */
  color: ##727272;
}

.headerbar .link-box {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.search-header {
    margin-top: 0 !important;
}

.headerbar .button-search {
    position: absolute;
    top: 1px;
    right: 35px;
    height: 38px;
    line-height: 38px;
    background-color: #FFF;
    font-size: 20px;
    padding: 0 5px;
    margin: 0;
    border: 0 none;
    color: #1c4366;
    cursor: pointer;
}
.headerbar .a-search-adv {
    position: absolute;
    top: 1px;
    right: 7px;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    background-color: #FFF;
    font-size: 20px;
    padding: 0;
    padding-right: 5px;
    padding-left: 10px;
    border-radius: 0 20px 20px 0;
    margin: 0;
    border: 0 none;
    color: #1c4366;
}
.headerbar .a-search-adv i {
    position: relative;
    top: -1px;
}
.headerbar .link-box {
    clear: both;
    list-style-type: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.headerbar .link-box a {
    /*float: left;*/
    display: -ms-flexbox;
    padding: 5px 20px !important;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    background-color: #6318EB;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
}
/*.headerbar .link-box a {
    display: inline-block;
    width: 80%;
    margin: 0 10%;
    background-color: #1c4366;
    color: #FFFFFF;
    text-align: center;
    padding: 5px;
    font-size: 14px;
}*/
.navbar {
    background-color: transparent;
}
ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
    border-color: #F57407;
}

.post.post_hidden_for_other {
    border: dashed 2px red;
}
.forfa.icon-button:before, .forfa.dropdown-select:after {
    background-image: none;
    width: auto;
}
.button.forfa {
    color: #666666;
}
.button.forfa:hover {
    color: #0064BC;
}
.yellow {
    color: #F57407;
}
a.topictitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
}
.post {
    padding: 10px;
    margin-bottom: 20px;
    background: #F0F4F8;
    position: relative;
    border-radius: 10px;
    scroll-margin-top: 100px;
}
.pinned-post-bg { background: rgba(177,151,252,0.4); }
.postprofile {
    float: left;
    width: 280px;
    padding: 20px 0;
    background: #fff;
    border-radius: 8px;
}
.postprofile dd, .postprofile dt { padding: 0 20px; margin-left: 0; }
.postprofile dd { font: 12px/20px 'Open Sans', sans-serif; color: #727272; }
.postprofile a { color: #727272; }
.postprofile .copyToTextarea { font: bold 18px/27px 'Open Sans', sans-serif; }
.postprofile .username { color: #621AEA; }
.postprofile .i-paper-plane {margin-bottom: -2px; font-size: 16px; color: #B197FC; }
.postprofile .ico-chat { width: 16px; height: 16px; margin: 0 0 -2px 6px; background: url('./images/ico-chat.svg') no-repeat; }
.postprofile .profile-rank { font: 12px/14px 'Open Sans', sans-serif; color: #727272; }
.postprofile .profile-rank div { padding-bottom: 5px; }
.postprofile .profile-joined a { font-weight: normal; }
.postprofile .imageset.icon_contact { padding-top: 16px; }

.post .postbody { margin-left: 300px; padding-top: 20px; padding-bottom: 53px; padding-right: 10px; }
.postbody { position: relative; }
.postbody p.author, .postbody .content, .postbody .attachbox, .postbody .signature, .postbody .notice, .postbody .inner:after, .postbody ul.searchresults { clear: none; }
.postbody ul.searchresults { margin-bottom: 10px; }
.postbody .imageset.icon_post_target,
.postbody .imageset.icon_post_target_unread {
    margin: 0 3px -1px 0; padding-left: 13px; padding-top: 13px;
}
.postbody .imageset.icon_post_target { background: url('./images/ico-arrow-up-right-from-square.svg') no-repeat; }
.postbody .imageset.icon_post_target_unread { background: url('./images/icon_post_target_unread.png') no-repeat; }

.postbody .username { color: #621AEA; }
.postbody .date { display: block; margin-top: 1px; }

.content {
    font-family: 'Open Sans', sans-serif;
}
.forum_read {
    background-image: none;
}
.forum_read_subforum {
    background-image: none;
}
.forum_unread {
    background-image: none;
}
.forum_unread_subforum {
    background-image: none;
}
.forum_unread_locked {
    background-image: none;
}
.forum_read_locked .icon-link {
    color: #AAAAAA;
}
.forum_read_locked {
    background-image: none;
}
dl a.icon-link {
    font-size: 24px;
    color: #621aea;
}
dl span.icon-link, dl a.icon-link {
    display: block;
    width: 30px;
    height: 28px;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -14px;
    margin-left: 15px;
    font-size: 28px;
    color: #621aea;
}
.icon-faq, .icon-mcp, .icon-acp {
    background-image: none;
}
.icon-faq > a, .icon-mcp > a, .icon-acp > a {
    padding: 0 0 0 0px;
}

.dropdown-contents .small-icon { background-position: 5px 50%; }
.dropdown-contents .small-icon > a { padding-right: 5px; color: #4e5971; }

.navbar_new {
    padding: 10px 15px; margin: 0 -15px; background: #621AEA; border-radius: 0; position: relative; left: 0; z-index: 10;
}
.navbar_new::before {
    content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0;
    box-shadow: 0px 0px 0 100vw #621AEA; clip-path: inset(0px -100vw 0 -100vw);
}
.navbar_new > .inner { display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 2; }
.navbar_new > .inner::after { display: none; }
.navbar_new .linklist > li { margin-right: 40px; font-size: 13px; line-height: normal; }
.navbar_new .linklist > li > a, .navbar_new .linklist > li > div > a { text-decoration: none; color: #fff; }
.navbar_new .linklist > li > a:hover span { text-decoration: underline; }
.navbar_new .linklist > li > div > a span { color: #fff !important; }
/*.navbar_new .linklist > li > div > a span:hover { color: #ea5455 !important; }*/
.navbar_new .linklist i { margin-right: 7px; }
.navbar_new .linklist > li > a { display: flex !important; align-items: center; }
.navbar_new .linklist > li > a i { font-size: 20px; }
.navbar_new #quick-links { margin-top: -5px; }
.navbar_new .linklist > li > a .fa-bars { font-size: 30px; }
.navbar_new .search-header { float: none; width: 100%; margin-right: 0; }
.navbar_new .headerbar { width: 329px; }
.navbar_new .inputbox { max-width: none; }
.navbar_new .dropdown-contents .small-icon { background-size: auto 13px; }
.navbar_new .small-icon { position: relative; }
.navbar_new .count {
    min-width: 12px; height: 18px; padding: 0 3px; background: #EA5455; border-radius: 12px; font-size: 10px; line-height: 16px; text-align: center; text-decoration: none; color: #fff;
    position: absolute; top: -8px; left: 15px;
}
.navbar_new .linklist > li > a:hover .count { text-decoration: none; }
.navbar_new .left-12 { left: 12px; }

.dropdown-contents .icon-calendar-day,
.dropdown-contents .icon-calendar-week,
.dropdown-contents .icon-calendar-day-solid,
.dropdown-contents .icon-calendar-week-solid,
.dropdown-contents .icon-search-unanswered,
.dropdown-contents .icon-search-self { background-position: 7px 50%; }
.dropdown-contents .icon-search { background-size: auto 15px; }

.navbar_new .dropdown-contents .small-icon > a { padding-left: 20px; }
.navbar_new .dropdown-contents .clone > a { padding-left: 0; }
.navbar_new .dropdown-contents .fa, .navbar_new .dropdown-contents .i { margin-left: 3px; margin-right: 4px; color: #B197FC; }


.forum-title { margin-bottom: 20px; font: 600 30px/40px 'Open Sans', sans-serif; color: #333; }


#advertisement {
    /*box-shadow: 0 0 7px rgba(0, 0, 0, .6);
    padding: 10px;
    margin-top: 7px;
    margin-bottom: 7px;*/
    padding-top: 30px;
    display: none;
}
#advertisement .flex {
    /*display: -webkit-box;*/
    /* OLD - iOS 6-, Safari 3.1-6 */
    /*display: -moz-box;*/
    /* OLD - Firefox 19- (buggy but mostly works) */
    /*display: -ms-flexbox;*/
    /* TWEENER - IE 10 */
    /*display: -webkit-flex;*/
    /* NEW - Chrome */
    /*display: flex;*/
    /*flex-direction: row;*/
    /*justify-content: space-between;*/
    /*align-items: flex-start;*/
    /*flex-wrap: wrap;*/
    /*align-content: stretch;*/

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
}
#advertisement a {
    display: block;
    position: relative;
    flex: 1;
}
#advertisement a .erid {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 2px;
    background-color: rgba(255,255,255,0.66);
    color: #343434;
}
#advertisement img {
    border: 0 none;
    display: block;
    border-radius: 10px;
    width: 100%;
    height: auto;
}
#advertisement .flex div {
    width: 2px;
    height: 95px;
    background-color: #1c4366;
}

@media (max-width: 1034px) {
    #advertisement a:nth-of-type(5) {
        display: none;
    }
    #advertisement .flex div:nth-of-type(4) {
        display: none;
    }
}
@media (max-width: 842px) {
    #advertisement a:nth-of-type(4) {
        display: none;
    }
    #advertisement .flex div:nth-of-type(3) {
        display: none;
    }
}
/*@media (max-width: 604px) {
    #advertisement {
        padding: 1px;
    }
    #advertisement a {
        margin-top: 1px;
        margin-bottom: 1px;
    }
    #advertisement .flex {
        flex-direction: column;
        align-items: center;
    }
    #advertisement .flex div {
        display: none;
    }
}*/

.breadcrumbs .crumb:before {
    content: '\00BB';
}
.forabg {
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    width: 100%;
}
.forumbg {
    background-image: none;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.icon-home {
    background-image: none;
}
li.breadcrumbs span:first-child > a {
    display: inline-block;
    padding-left: 0px;
}
li.breadcrumbs a:hover span {
    text-decoration: underline;
}
li.breadcrumbs a:hover {
    text-decoration: none;
}
#nav-main>.small-icon > a {
    padding: 0 0 0 0px;
}
/*#nav-main>.small-icon > a:hover {
    text-decoration: none;
}
#nav-main>.small-icon > a:hover span {
    text-decoration: underline;
}*/
.icon-notification {
    background-image: none;
}
.icon-pm {
    background-image: none;
}
ul.linklist li.responsive-menu a.responsive-menu-link:before {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    top: 7px;
    height: .125em;
    width: 14px;
    border-bottom: 0.125em solid transparent;
    border-top: 0.375em double transparent;
}
.button {
    color: #F57407;
}
.button:hover {
    border-color: #1c4366;
}
.compact #quick-links a.responsive-menu-link {
    width: auto;
}
.icon-register {
    background-image: none;
}
.icon-logout {
    background-image: none;
}
.online {
    background-image: none;
}
.post.online dl.postprofile {
    position: relative;
}
.post.online dl.postprofile::before {
    display: block;
    content: '';
    position: absolute;
    top: -9px;
    right: 0;
    width: 58px;
    height: 58px;
    background-image: url('/styles/prosilver/theme/ru/icon_user_online.gif');
}
ul.searchresults {
    list-style: none;
    text-align: left;
    clear: both;
    font-size: 1.2em;
    margin-left: 8px;
}
@media (max-width:700px) {
    ul.searchresults {
        margin-left: 0px;
    }
}
.action-bar {
    font-size: 1.1em;
    padding-top: 0px;
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.action-bar .pagination { margin-left: auto; }
.action-bar .pagination > ul { display: flex; flex-wrap: wrap; gap: 4px; }
.action-bar .pagination li a, .action-bar .pagination li span {
    min-width: 14px; padding: 11px 10px; font-size: 12px; line-height: 16px; border-radius: 8px;
}
.action-bar .pagination li.page-jump a { width: auto; height: auto; background-image: none; }
.action-bar .pagination li.page-jump a::before { content: ""; display: inline-block; vertical-align: middle; width: 22px; height: 11px; background: url(./images/icons_pagination.png) -5px -2px no-repeat; }
.action-bar .pagination li.page-jump a:hover::before { background-position: -5px -22px; }
.action-bar .icon-print,
.action-bar .icon-bookmark,
.action-bar .icon-subscribe,
.action-bar .icon-unsubscribe,
.action-bar .icon-sendemail { background-size: auto 13px; }
.action-bar .icon-bookmark,
.action-bar .icon-subscribe { background-position: 6px 50%; }

/*.action-bar.top .dropdown-button-control .dropdown { top: 40px; }
.action-bar.bottom .dropdown-button-control .dropdown { bottom: 40px; }*/

#nav-breadcrumbs {
    float: left;
}
.as-p {
    margin-top: .4em;
}

.copyToTextareaButton {
    cursor: pointer;
}
.copyToTextareaButton:hover {
    color: #F57407;
}

.last_topic_title {
    color: #1c4366;
}
.last_topic_title:hover {
    color: #F57407;
}
.wysibb-text-editor.wysibb-body a {
    text-decoration: underline;
}
.all_per_page {
    background-color: #F0F4F8;
    color: #727272;
    border-radius: 8px;
    font: 12px/16px 'Open Sans', sans-serif;
    padding: 12px 15px;
    /*margin-left: 16px;*/
}

.all_per_page:hover {
    text-decoration: none;
    background-color: #dee0e2;
    border-color: #dee0e2;
    color: #727272;
}
.topiclist.forums .row a.subforum {
    unicode-bidi: normal;
}

@media (max-width: 1000px) {
    ul.topiclist li.row dt a.subforum {
        /*background-color: black;*/
        display: inline-block;
        vertical-align: bottom;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 90%;
    }
}

.danger {
    color: #FF0000;
}
.success {
    color: #008000;
}

.reputation {
    color:#F57407;
}
.reputation.fa-star { margin-left: 2px; }
.reputation_button {
    font-size: 1.4em!important;
    vertical-align: -2px;
}
.reputation0 {
    font-size: 1.4em!important;
    color: #FF0000;
}
.reputation1 {
    font-size: 2.2em!important;
}
.reputation2 {
    font-size: 1.7em!important;
}
.reputation3 {
    font-size: 1.4em!important;
}
.reputation4 {
    font-size: .9em!important;
}
.reputation5 {
    font-size: .8em!important;
}

.section-reputation .pagination .page-jump {
    display: none!important;
}
.section-reputation table.table1 tbody td {
    padding-top: 1px;
    padding-bottom: 1px;
}
.section-reputation .pagination li {
    display: inline;
    list-style-type: none;
}
.section-reputation dd input[type="radio"] {
    margin-top: 0px;
    vertical-align: baseline;
}
.section-reputation dd > label {
    cursor: pointer;
}
.section-reputation a {
    color: #F57407;
    text-decoration: underline;
}
.big {
    font-size: 1.3em;
}
.nowrap {
    white-space: nowrap;
}
h1.forum-title, h1.topic-title {
    display: inline;
    /*color: #28313F;
    font-family: 'Roboto Condensed', 'Arial', 'Helvetica', sans-serif;
    font-weight: normal;
    font-size: 2em;
    margin: 0em 0 0.2em 0;*/
}

.list-inner { font: 14px/19px 'Open Sans', sans-serif; }
.topiclist a { text-decoration: none; color: #621AEA; }
.topiclist a:hover { text-decoration: underline; }
.topiclist .topictitle, .topiclist .forumtitle, .topiclist .as-p a  { color: #293858; }
.topiclist .topictitle { font-size: 16px; }
.topiclist .username { color: #621AEA; }

.bread-crumbs { padding: 30px 0 9px; font: 12px/16px 'Open Sans', sans-serif; color: #727272; }
.bread-crumbs ul { list-style: none; }
.bread-crumbs li { display: flex; flex-wrap: wrap; }
.bread-crumbs .crumb { display: flex; margin-bottom: 7px; }
.bread-crumbs .crumb::after { content: "/"; display: inline-block; margin: 0 9px 0px 6px; }
.bread-crumbs .crumb:last-child::after { display: none; }
.bread-crumbs a { color: #727272; }

.search-b { width: 320px; position: relative; }
.search-b .int { padding-right: 87px; }
.search-b .box { display: flex; align-items: center; height: 40px; position: absolute; top: 0; right: 0; }
.search-b .search-ico { width: 40px; height: 40px; border: 0; background: url('./images/ico-search.svg') 50% 50% no-repeat; cursor: pointer; }
.search-b .line { width: 1px; height: 16px; margin: 0 3px; background: #6B27EB80; }
.search-b .gear { width: 40px; height: 40px; background: url('./images/ico-gear.svg') 50% 50% no-repeat; }
.viewtopic .forum-title { margin-right: 0; }

.post-btn { position: relative; }
.post-btn ul { display: flex; gap: 10px; flex-wrap: wrap; position: absolute; top: -10px; right: 0; }
.post-btn li { list-style: none; }
.post-btn li img { width: 16px; }
.post-btn .btn { font-size: 16px; color: #B197FC; }
.post-btn .btn-red-500 { color: #fff; }
.post-btn .hidden { display: none; }

.label { display: inline-block; font: 12px/16px 'Open Sans', sans-serif; color: #727272; }

.filter { padding-top: 10px; padding-bottom: 10px; }
.filter fieldset { display: flex; flex-wrap: wrap; gap: 10px 40px; }
.filter .box { display: flex; align-items: center; gap: 10px; }
.filter .label { margin-right: 5px; }

.quickreply { padding: 20px 0 10px; }
.quickreply .h3 { margin-bottom: 20px; }
.quickreply .box { padding: 20px; background: #F0F4F8; border-radius: 10px; }
.quickreply .label, .form .label { margin-bottom: 9px; }
.quickreply .int, .form .int { width: 400px; margin-bottom: 20px; }
.quickreply .required_name, .form .required_name { height: 0; visibility: hidden; }
.quickreply #message-box { width: 100%; }
.box-btn { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; padding-top: 20px; }

.form .w-180 { width: 180px; }

#postingbox { margin-bottom: 30px; }
.message-box { width: 80%; }

.footer-b {
    padding: 20px; background: #F0F4F8; border-radius: 10px;
}
.jumpbox { display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; }
.jumpbox:last-child { padding-bottom: 0; }
.jumpbox .jumpbox-return { margin: 0; font: 12px/16px 'Open Sans', sans-serif; }
.jumpbox-return a { padding-left: 0; background: none; color: #EA5455; }
.jumpbox-return a:hover { text-decoration: underline; color: #EA5455; }

.stat-block h3, .stat-block p { margin: 0; padding: 0; font: 13px/20px 'Open Sans', sans-serif; color: #333; }
.stat-block h3 { font-weight: bold; }

.navbar_footer { padding: 25px 0 0; }
.navbar_footer ul.linklist { padding: 0; }
.navbar_footer .breadcrumbs .crumb { font-weight: normal; }
.navbar_footer .breadcrumbs .crumb a:hover { text-decoration: underline; }
.navbar_footer ul.linklist > li { padding-top: 0; margin-right: 0; margin-left: 30px; font: 12px/29px 'Open Sans', sans-serif; color: #727272; }
.navbar_footer ul.linklist > li:first-child { margin-left: 0; }
.navbar_footer li a, .navbar_footer .dropdown-contents .small-icon > a { color: #621AEA; }
.navbar_footer .span { display: inline-block; padding-left: 18px; }
.navbar_footer ul.linklist li.responsive-menu a.responsive-menu-link { margin-left: 0; line-height: 29px; }
.navbar_footer .icon-members { background-size: auto 12px; }
.navbar_footer .icon-subscribe { background-size: auto 14px; }

.copyrights { padding: 25px 0 5px; font: 15px/17px 'Open Sans', sans-serif; color: #555; }


#footer_agreement {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #FFFFFF;
    text-align: center;
    border-top: solid 1px rgba(0,0,0,0.2);
}
#footer_agreement .footer_agreement-closer {
    position: absolute;
    right: 0;
    top: 0;
    width: 1em;
    height: 1em;
    cursor: pointer;
    color: #1c4366;
    font-size: 2em;
}
#footer_agreement .footer_agreement-closer:hover {
    color: #368AD2;
}
#footer_agreement .footer_agreement-content {
    margin-right: 1em;
    margin-top:11px;
    margin-bottom:11px;
    font-size: 1.5em;
}

@media (max-width:700px) {
    #footer_agreement {
    }
    #footer_agreement .footer_agreement-closer {
        color: #1c4366;
        font-size: 1em;
    }
    #footer_agreement .footer_agreement-content {
        margin-right: 1em;
        margin-top:11px;
        margin-bottom:11px;
        font-size: 1em;
    }
}

.user_avatar {
    max-height: 40px;
    width: auto;
    vertical-align: middle;
    border-radius: 5px;
}


@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) {
	.navbar_new::before { display: none; }
    #message-box, .message-box { width: 70%; }
    #smiley-box { width: 28%; }
}

@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
	.navbar_new .linklist > li { margin-right: 22px; }
    .navbar_new .headerbar { width: 190px; }
	#advertisement { padding-top: 20px; }
    .forum-title { font-size: 28px; line-height: 38px; }
    .bread-crumbs { padding-top: 20px; padding-bottom: 0; }
    .search-b { width: 200px; }

    .postprofile { width: 260px; padding: 10px 0; }
    .postprofile dd, .postprofile dt { padding: 0 15px; }
    .post .postbody { margin-left: 280px; padding-top: 10px; }

    .navbar_footer ul.linklist > li { margin-left: 20px; }
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
    #quick-links > a > .fa { margin-right: 0; }
    .navbar_new .quick_links { display: none; }
    .navbar_new .linklist > li { margin-right: 20px; }
    .forum-title { margin-bottom: 15px; font-size: 26px; line-height: 34px; }
    .forabg, .forumbg { margin-bottom: 30px; }
    .postprofile { width: 140px; }
    .post .postbody { margin-left: 160px; }

    #smiley-box, #message-box, .message-box { float: none; width: 100%; }
    #smiley-box { margin-bottom: 20px; }
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
    /*#wrap { margin-top: 86px !important; }*/
	.navbar_new { margin: 0 -10px; padding-left: 10px; padding-right: 10px; }
	/*.post.has-profile .postbody { margin-left: 0; border-left: none; }*/
	ul.topiclist li.row dt a.subforum { max-width: 98%; }
    ul.topiclist dt .list-inner { padding-right: 15px; }
}

@media only screen and (max-width: 575px), only screen and (max-device-width: 575px) {
    .sf-box { padding: 10px; }
    .navbar_new > .inner { flex-wrap: wrap; }
    .navbar_new .headerbar { width: 100%; margin-top: 10px; }
    .navbar_new #username_logged_in { margin-right: 0; }
    #advertisement .flex { flex-direction: column; align-items: center; }
    #advertisement a { width: 100%; }
    #advertisement a:nth-of-type(3), #advertisement a:nth-of-type(2) { display: none; }
    .forum-title { margin-bottom: 12px; font-size: 24px; line-height: 30px; }
    .action-bar > .buttons, .action-bar > .dropdown-container { width: calc(50% - 8px); }
    .action-bar .btn { width: 100%; }
    .search-b { width: 100%; }

    .postprofile { float: none; width: 100%; margin-bottom: 15px; }
    .post .postbody { margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 43px; }
    .has-profile .postbody h3 { margin-right: 0; }
    .post-btn ul { margin-bottom: 15px; position: static; }
    .back-top .btn { bottom: 0; right: 0; }

    .quickreply .box { padding: 10px; }
    .quickreply .int, .form .int, .box-btn .btn { width: 100%; }

    .filter .box { flex-direction: column; align-items: flex-start; width: 100%; }
    .filter select, .filter .btn { width: 100%; }

    .footer-b { padding: 10px; }
    .jumpbox { flex-wrap: wrap; }
    .jumpbox .jumpbox-return { margin-bottom: 10px; }
    .jumpbox .dropdown-container, .jumpbox .btn { width: 100%; }
    
}

.attachment-toggle-icon {
    float: right;
    cursor: pointer;
    margin-left: 10px;
}
.attachment-hidden {
    display: none !important;
}
.attachbox.collapsed dd {
    display: none !important;
}

.attachbox {
    min-width: 242px;
    background-color: #e4dbff;
}

.attachbox dt i {
    font-size: 18px;
}

.attachbox dt:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.likes-wrap {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
}

.likes {
	display: inline-flex;
	flex-wrap: wrap;
	/* gap: 5px; */
	margin-top: 10px;
	border-radius: 20px;
	font-size: 14px;
}

.likes:first-child .like {
    margin-left: 0;
}

.likes .like, .likes .s_like {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
	border-radius: 8px;
	transition: background-color 0.3s, color 0.3s;
	background-color: #FFF;
	color: #333;
    font-family: "Montserrat", sans-serif;
	font-size: 14px;
    margin-left: 5px;
    box-sizing: border-box;
    min-width: 40px;
    height: 40px;
}

.likes .like {
    cursor: pointer;
}

.likes .add {
    background-color: #FFF;
    color: #B18DF5;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    cursor: pointer;
    margin-left: 5px;
}

.likes .add:hover {
    background-color: #c0c0c0;
    color: #000;
}

.likes .like:hover {
	background-color: #c0c0c0;
	color: #000;
}	

.likes .likes__count {
	margin-left: 10px;
    position: relative;
    top: -1px;
    left: -5px;    
}

/* список смайлов */
.smile-list {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 10px;
    width: 176px;
	position: absolute;
	font-size: 20px;	
	left: 50%;
	top: 50%;
	background-color: #FFF;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 8px 8px 8px 0;
	padding: 5px 10px;
    box-sizing: border-box;
    text-align: center;
}

.smile-list .like {
    cursor: pointer;
    display: inline-block;
    width: 22px;
    height: 24px;
}

.expand-btn {
    display: inline;
    cursor: pointer;
}