@charset "windows-1251";
@import url("https://fonts.googleapis.com/css2?family=Bitter:wght@800&display=swap");

.bitter-font {
    font-family: 'Bitter', serif !important
}


/* форма редактирования работы в портфолио */

.work-editor {
    margin: 20px 0
}

.work-editor input {
    margin: 5px 0;
}

.work-editor h3 {
    font-family: 'Bitter', serif !important;
    font-size: 3rem;
    line-height: 3.6rem;
    margin-bottom: 20px;
}

.work-editor label {
    font-weight: bold;

    margin-bottom: 2px;
    width: 100%;
}

.work-editor label span {
    font-weight: normal;
    color: #999;
    float: right;
}

.work-editor label[for="delimage"] {
    width: auto;
    white-space: nowrap;
}

.work-editor img {
    border: 0;
}

.work-editor .descr {
    height: 140px;
}

.work-editor .price {
    width: 80px;
    text-align: right;
}

.work-editor .big_img {
    width: 100%;
    min-height: 10px;
    max-height: 400px;
    background: no-repeat left center;
    border: 1px solid #eee;
    overflow: auto;
}


.work-editor #prev_image .prev_thumb,
.work-editor #prev_preview_image .prev_thumb {
    background-position: center center;
    width: 100%;
    height: 100%;
    background-color: white;
}

.work-editor .use-rating {
}

.work-editor .work-img-block-head {
    margin: 20px 0 10px 0;
}

.work-editor .work-images-block {
    position: relative;
    transition: all ease 1s;
    margin-bottom: 20px;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border: 1px solid #eee;
    border-left: none;
    border-right: none;
}

.work-editor .work-images-block.work-images-edit .note {

    position: absolute;
    padding: 15px;
    background: rgb(220 243 255 / 90%);
    backdrop-filter: blur(2px);
    color: black;
    border-radius: 5px;
    border: 2px solid green;

}

.work-editor .work-images-block .big-img-preview {
    position: relative;
    aspect-ratio: 1;
    width: 200px;
    background: white;
}

.work-editor .work-images-block .big-img-preview img {
    object-fit: contain;
    aspect-ratio: 1;
    width: 200px;
    background: white;

}

.work-editor .work-images-block .small-img-preview {
    margin: 25px 0;
    position: relative;
    aspect-ratio: 4/3;
    width: 200px;
}

.work-editor .work-images-block .small-img-preview img {
    object-fit: cover;
    aspect-ratio: 4/3;
    width: 200px;
}

.work-editor .work-images-block .block-disabled {
    position: relative;
    opacity: .5;
    border: 1px solid darkred;
    padding: 20px 0
}

.work-editor .work-images-block .block-disabled > div {
    display: none;
}

.work-editor .work-images-block .block-disabled:before {
    content: '';
    backdrop-filter: blur(1px);
    background: rgba(238, 238, 238, 0.75);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

}

/* специализация в портфолио, включает работы */
.s_box {
    margin-bottom: 40px;
}

.s_box.works {
    padding: 30px 0 0 0;
    background: white;
    border-bottom: 1px solid #eee;
}

.pf_h {
    display: none;
}

.about_h {
    padding: 5px;
    margin: 20px 0 0 0;
    font-size: 20px;
    font-weight: normal;
    clear: both;
}

.pf_spec_short .second_rows {
    display: none;
}

.pf_spec .show_all,
.pf_spec.pf_spec_short .hide_all {
    display: none;
}

.pf_spec .hide_all,
.pf_spec.pf_spec_short .show_all {
    clear: both;
    display: block;
    padding: 5px 0 0 0;
    text-align: center;
}

.pf_spec.pf_spec_short .show_all a {
    text-decoration: none;
}

.pf_spec.pf_spec_short .hide_all a {
    text-decoration: none;
}


.pf_spec_head {
    margin: 10px 0 0 0;
    position: relative;
    display: block;
    min-height: 30px;
    color: black;
}

#col_center .pf_spec_head h2 {
    padding: 0;
    margin: 10px 0;
    line-height: 28px;
    font-size: 24px;
    font-weight: normal;
    color: black;
}

.pf_spec_head .blink a {
    color: #666;
    text-decoration: none;
}

.pf_spec_head .blink a:hover {
    text-decoration: underline;
}

.pf_spec_head h3 a {
    color: rgba(6, 4, 31, 1);
    text-decoration: none;
    cursor: default;
}

.pf_spec_head h3 a:hover {
    text-decoration: none;
}

.pf_spec_head h3 {
    float: left;
    overflow: hidden;
    overflow-wrap: break-word;
    max-width: 100%;
}


.pf_spec_head .spec_anchor {
    top: -140px;
    left: -1px;
    position: relative;
    display: inline-block;
}


.pf_spec {
    margin: 5px 0;
}

.pf_spec .work_line {
    position: relative;
    padding-right: 220px;
    min-height: 140px;
}

.pf_spec .work_line img {
    border: 0;
    height: auto;
    max-width: 100%;
    max-height: 120px;
    border-radius: 5px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.pf_spec .work_box .work-img {

    width: 100%;
    padding: 66.66% 0 0 0;
    height: 1px;
    overflow: hidden;
    border: 1px solid rgba(221, 221, 221, 0.5);
    background-color: white;
    border-radius: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: relative;
}

.pf_spec .work_box .work-img a {
    overflow: hidden;
    position: relative;
}

.pf_spec .work_box .work-img.lazy {
}

/*
.pf_spec .work_box .work-img img:hover {
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}*/
.pf_spec .work_box .work-img img {
    /*-webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;*/
    display: none;
    visibility: hidden;
}

.pf_spec .work_box .lazy-in .lowres_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pf_spec .work_box .lazy-in .lowres_img img {
    opacity: 1;
    display: block;
    visibility: visible;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity .5s ease 1s;
}

.pf_spec .work_box .lazy-in.lazy-loaded .lowres_img img {
    opacity: 0;
}

.pf_spec .work_line .lazy-in.lazy-loaded .lowres_img img {
    opacity: 0;
}


.pf_spec .work_box a.lazy-in {
    overflow: hidden;
}

.pf_spec .properties {
    margin-bottom: 30px;
}

#spec_editor,
#spec_editor table {
    width: 100%;
}

#spec_editor td {
    padding: 10px;
    border-bottom: 1px solid #e1e1e1;
}


#spec_editor #expirience {
    width: 50px;
    text-align: right;
}

#spec_editor #descr {
    width: 98%;
    height: 150px;
}

#spec_editor input[type=submit] {
    display: block;
    margin: 10px auto;
}

/* просмотр работ */
.work_box {
    text-align: center;
}

.work_box .rate {
    width: 150px;
    margin: 3px auto;
    font-weight: bold;
    position: relative;
    border: 1px solid #CCC;
    text-align: left;
    padding: 0;
    height: 14px;
}

.work_box .rate img {
    height: 14px;
}

.work_box .rate span {
    width: 150px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 10px;
    background: transparent;
}

.work_box h3 {
    line-height: 22px;
    margin-top: 10px;
    margin-bottom: 3px;
    text-align: left;
}

#col_center .work_box h3 {
    font-size: 16px;
}

.work_box h3 a {
    text-decoration: none;
    color: black;
}

.work_line ul li,
.work_box ul li {
    display: inline;
}

.work_box ul li.note {
    padding-top: 3px;
    color: #666666;
}

.work_box li a img {
    margin: 2px;
}

.work_box .descr {
    display: none;
}

.work_line.proj_box {
    padding: 5px 170px 5px 20px;
    border-bottom: 1px solid #e1e1e1;
}

.work_line.proj_box ul {
    padding: 0;
    margin: 0;
    max-width: 200px;
}

.work_box ul, .work_box li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.work_box > a {
    display: block;
    text-align: center;
    margin: auto;
}

.work_box .rating {
    color: black;
}

.work_box .rating.empty {
    color: #d6d6d6
}

.work_box .rating.disabled {
    opacity: 0;
}

.work_box .btn-pale .fa {
    padding: 2px 0;
}

.work_box .price_for_sale {
    background-color: #82B93C;
    color: white;
    white-space: nowrap;
    border-radius: .25em;
    padding: .2em .6em .3em;
    display: inline-block;
    font-size: 75%;
    margin-top: 5px;
    text-decoration: none;
}

.my_pf_edit .work_box .price_for_sale {
    position: absolute;
    top: -20px;
    left: 0;
    margin: 0 auto;
    width: 100%;
    background: transparent;
    color: #82B93C;
    text-shadow: -1px -1px white, 1px 1px #999;
    font-size: 100%;
}

.work_line .price_for_sale {
    color: #82B93C;
    white-space: nowrap;
    text-decoration: none;

}



#pfSpecSort {
    margin: auto;
}

#pfSpecSort div div {
    border: 1px solid gray;
    margin: 5px 0 15px 0;
    overflow: hidden;
}

#pfSpecSort div div p {
    padding: 5px;
/ float: left;
}

#pfSpecSort div div a {
    background: #99CC99;
    border-left: 1px solid gray;
    float: right;
    height: 33px;
    margin: 2px;
    padding: 5px 10px;
}

a#displayLink {
    display: block;
    padding: 2px 5px;
    text-align: center;
    width: 260px;
    margin: 17px auto;
}

div#spec_nav {
    height: 21px;
    padding-top: 1px;
}

.pf_spec_nav {
    padding: 10px 10px;
    border-bottom: 1px dotted #e1e1e1;
    overflow: hidden;
}

.pf_spec_nav li {
    list-style: none;
}

.pf_spec_nav li a {
    display: block;
    float: left;
    padding: 2px 10px;
    border: 1px solid #e1e1e1;
    margin-right: 10px;
}

.pfolio_view .userinfo {
    float: none;
}

.note {
    font-size: 12px;
}

.pfolio_view .about {
    overflow: hidden;
}

.pfolio_view .pub_keys {
    float: right;
    border-right: 5px solid #FFF;
    margin-right: 2px;
    margin-top: -30px;
}

.b_h ul.pub_keys {
    padding: 5px;
    margin: 15px -8px;
    width: 100%;
    border: 1px solid lightgray;
}

.b_h ul.pub_keys .title {
    padding-right: 5px;
}

.b_h ul.pub_keys li.freelance {
    display: block;
    padding-bottom: 10px;
}

#flashcontent {
    margin: 15px 0;
    text-align: center;
    color: #999999;
}

#flashcontent p {
    text-align: center;
    line-height: 20px;
}

#flashcontent embed {
    margin: 0 auto;
    background: #FFF;
}

.visitors {
    overflow: hidden;
}

.visitors a {
    display: block;
    float: left;
}

.visitors span {
    display: none;
}

.abuse {
    text-align: center;
    padding-bottom: 5px;
    display: block;
    width: 140px;
    margin: auto;
}

#col_2 .right_banner {
    /*margin-top: 0; */
    margin-bottom: 10px;
}

#work_purchase_req_div {
    text-align: center;
}

#work_purchase_req_div label {
    display: block;
    padding: 3px;
}

#work_purchase_req_div label span {
    display: block;
    padding-top: 3px;
}

.pkeywords {
    font-size: 10px;
    margin: 15px 0;
    background: #e1e1e1;
    padding: 5px 10px;
    overflow: hidden;
}

.pkeywords:empty {
    display: none;
}

.pkeywords .thead {
    font-size: 10px;
    font-weight: normal;
    color: black;
    margin: 10px 0;
}

.pkeywords b {
    font-weight: normal;
    color: #666;
}

.pkeywords a {
    display: inline-block;
    float: right;
    padding: 2px;
    border: 1px solid #999;
}


@media screen and (max-width: 767px) {
    .pkeywords, .pkeywords .thead {
        font-size: 16px !important;
    }
}

.specs > div {
    display: inline-block;
}

.spec_block.empty,
.spec_block .sname,
.spec_block i,
.spec_block .empty {
    display: none;
}

.spec_block b {
    color: black;
    font-weight: normal;
}

.spec_block span {
    color: #acacac;
}

.spec_block span,
.spec_block a {
    text-decoration: none;
}

.spec_block .works {
    display: inline-block;
    margin-bottom: 5px;
}

.portfolio_spec_section .spec_block .works {
    display: block;
}

.portfolio_spec_section .specs {
    margin-top: 30px;
}

.portfolio_spec_section a.sname-all {
    text-decoration: none;
    margin: 0 10px 5px 0;
}

.portfolio_spec_section a.sname-all i {
    font-style: normal;
}

.portfolio_spec_section .spec_block a {
    display: inline-block;
    margin: 0 5px 5px 0;
}

.portfolio_spec_section .spec_block .active a {
    font-weight: bold;
    color: black;
    cursor: default
}

.portfolio_spec_section .breadcrumb {
    margin: 0;
    padding: 5px 0;
    background-color: transparent;
    font-size: 14px;
}

.portfolio_spec_section .breadcrumb a. {
    color: black;
}

.portfolio_spec_section .breadcrumb a.active {
    color: #666;
    text-decoration: none;
    cursor: default;
}

.portfolio_spec_section .headerDocument {
    margin-bottom: 0;
}

.portfolio_spec_section .headerDocument .container {
    margin-bottom: 0;
}

.pf_spec .row {
    margin-bottom: 40px;
}

.portfolio-ext #header-tiny {
    margin-top: 15px;
    margin-bottom: 15px;
}

.user_cover {
    height: 300px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    margin-bottom: -20px;
}

.user_cover {
    height: 60px;
    position: relative;
    overflow: hidden;
}

.user_cover {
    max-width: 2560px;
    background-color: #7CC300;
    margin: 0 auto;
}

.user_cover_wrapper {
    background-color: #7CC300;
}

@media (min-width: 300px) {
    .user_cover {
        height: 80px;
    }
}

@media (min-width: 400px) {
    .user_cover {
        height: 120px;
    }
}

@media (min-width: 500px) {
    .user_cover {
        height: 200px;
    }
}

@media (min-width: 600px) {
    .user_cover {
        height: 240px;
    }
}

@media (min-width: 900px) {
    .user_cover {
        height: 280px;
    }
}

@media (min-width: 1100px) {
    .user_cover {
        height: 300px;
    }
}

@media (min-width: 1200px) {
    .user_cover {
        height: 320px;
    }
}

@media (min-width: 1370px) {
    .user_cover {
        height: 360px;
    }
}

@media (min-width: 1450px) {
    .user_cover {
        height: 380px;
    }
}

@media (min-width: 1510px) {
    .user_cover {
        height: 420px;
    }
}

@media (min-width: 1670px) {
    .user_cover {
        height: 460px;
    }
}

@media (min-width: 1820px) {
    .user_cover {
        height: 500px;
    }
}

@media (min-width: 1990px) {
    .user_cover {
        height: 540px;
    }
}

@media (min-width: 2150px) {
    .user_cover {
        height: 580px;
    }
}

@media (min-width: 2300px) {
    .user_cover {
        height: 600px;
    }
}

.edit-cover-btn {
    text-align: right;
    margin-top: 0;
    position: absolute;
    right: calc(50% - 82px);
    z-index: 5;
    top: 2px;

}

.user_cover .edit-cover-btn a {
    opacity: .6;
    transition: all .5s ease;
}

.user_cover:hover .edit-cover-btn a {
    opacity: .8;
}

.user_cover .edit-cover-btn a:hover {
    opacity: 1
}


.user_cover.lazy-in .lowres_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.user_cover.lazy-in .lowres_img img {
    opacity: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s ease 1s;
}

.user_cover.lazy-in.lazy .lowres_img img {
    opacity: 1;
}

.about-container .about {
    overflow: hidden;
    font-size: 16px;
}

.about-container .portfolio_info_block {
    background: white;
    -webkit-box-shadow: 0 3px 5px 0 rgba(209, 209, 209, 0.5);
    -moz-box-shadow: 0 3px 5px 0 rgba(209, 209, 209, 0.5);
    box-shadow: 0 3px 5px 0 rgba(209, 209, 209, 0.5);
}

.portfolio_info_block .my_specs_group h3 {
    padding: 10px 0;
    margin: 10px;
    border-bottom: 1px solid #eee;
}

.portfolio_info_block .ui_list li {
    padding: 10px 0;
    margin: 0 10px 10px 10px;
    border-bottom: 1px solid #eee;
}

.portfolio_info_block .ui_list li i {
    display: inline-block;
}

.portfolio_info_block .ui_list li span {
    float: right;
}

.user-buttons-block {
    margin-bottom: -10px;
}

.user-buttons-block .btn {
    margin-bottom: 10px;
    width: 100%;
    padding: 20px;
}

.user-buttons-block button.btn {
    line-height: initial;
    border: none;
}

.user-buttons-block .btn.btn-default {
    background-repeat: no-repeat;
    background-position: 5px center, right center
}

.user-buttons-block .btn.btn-default.btn_create_wspace {
    background-image: url(/img/misc/icons/portfolio/target_white.png), url(/img/misc/icons/portfolio/right_arrow_white.png)
}

.user-buttons-block .btn.btn-default.send_mess_btn {
    background-image: url(/img/misc/icons/portfolio/edit2_white.png)
    /*, url(/img/misc/icons/portfolio/right_arrow_white.png)*/
}

.user-buttons-block .btn.btn-default.bookmarks_button_btn {
    background-image: url(/img/misc/icons/portfolio/bookmark_white.png)
    /* , url(/img/misc/icons/portfolio/right_arrow_white.png) */
}

@media (max-width: 767px) {
    .user-buttons-block .btn {
        white-space: normal !important;
        overflow: hidden;
        text-align: center;
        background-image: none !important;
        padding: 15px 5px;
    }
}

.portfolio-buttons-block-in-work .user-buttons-block .btn {
    padding: 3px;
    font-size: 14px;
    background-size: contain;
    border: 5px solid #82B93C;
    box-shadow: none;
}

.portfolio-buttons-block-in-work .user-buttons-block .btn:focus,
.portfolio-buttons-block-in-work .user-buttons-block .btn:hover {
    border-color: #5AA000;
}

.work-editor-preview-box {
    background: no-repeat center center;
    display: block;
    width: 360px;
    height: 240px;
    background-size: cover;
    margin-bottom: 5px;
}

.work-editor-preview-box img {
    display: none;
}

.pf-work-head {
    margin-top: 20px;
}

.block_before_header_01 {
    position: relative;
}

.headerDocument.central_block_1 .container {
    position: relative;
}

.headerDocument.central_block_1 .container.lama1140 {
    margin-bottom: 3px;
}

h3.user-top-head-slogan {
    margin-top: 2px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    margin-left: 50px;
}

@media (max-width: 991px) and (min-width: 768px) /* SM */ {
    h3.user-top-head-slogan {
        font-size: 14px;
        position: relative;
    }
}

@media (max-width: 767px) /* XS */ {
    h3.user-top-head-slogan {
        line-height: normal;
        font-size: 12px;
        position: relative;
        margin-left: 120px;
        left: 0;
    }
}

.ui_block_small {
    border-bottom: 1px solid #eee;
    padding: 14px 0;
    margin-bottom: 30px;
}

.ui_block_small i, .ui_block_small span {
    display: block;
    font-style: normal;
}

.ui_block_small i {
    color: #999;
    padding-bottom: 3px;
}

.ui_block_small span {
    color: black;
}

h3 {
    font-size: 18px;
}

.pfolio_block_box {
    margin-bottom: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
    border-bottom: 1px solid #eee;
}

.pfolio_block_box.portfolio-buttons-block {
    border-top: 1px solid #eee;
    margin-top: 30px;
}

.pfolio_block_box .about {
    overflow: hidden;
}

.my_specs_block_box .my_specs_show_primary span:not(:first-of-type):before {
    content: " \2022  ";
}

/*.my_specs_block_box  .my_specs_show_primary span:first-child:before { content: ""; } */
.my_contacts_group .more_usr_links {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    column-gap: 1rem;
    row-gap: 1rem;
}

.my_contacts_group .more_usr_links .block-col {
    display: flex;
    align-items: center;

}

.my_contacts_group .more_usr_links .block-col:before {
    content: "";
    border-left: 1px solid rgba(5, 49, 89, 0.2);
    align-self: stretch;
    width: 16px;
}

.my_contacts_group .more_usr_links .block-col:first-child:before {
    content: none;
}

/* NOT LG */
@media (max-width: 1199px) {
    .my_contacts_group .more_usr_links {
        flex-wrap: wrap;
    }

}

/* LG */
@media (min-width: 1200px) {
    .my_contacts_group .more_usr_links {
        justify-content: space-between;
    }
}

.my_contacts_group .more_usr_links a {
    text-decoration: none;
    white-space: normal;
}

.my_contacts_group h3 .ed_button {
    opacity: 0;
    transition: .5s;
    color: #999;
    margin-left: 2px;
}

.my_contacts_group:hover h3 .ed_button {
    opacity: 5;
}

.my_contacts_group h3:hover .ed_button {
    opacity: 1;
    color: #82b93c;
}

.my_contacts_group .more_usr_links:empty {
    display: none;
}


.my_contacts_group .more_usr_links .phone a {
    color: rgba(6, 4, 31, 1);
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 8px;
}

/* LG */
@media (min-width: 1200px) {
    .my_contacts_group .more_usr_links .phone a {
        max-width: 480px;
    }
}

.my_contacts_group .more_usr_links .block-col.first span {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 7px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.my_contacts_group .more_usr_links .block-col.first span a {
    display: block;
    width: 100%;
    height: 100%;
    transition: all ease .5s;
}

.my_contacts_group .more_usr_links .block-col.first span:hover {
    filter: saturate(1.5);
}

.my_contacts_group span.telegram {
    background-image: url(/img/icons/portfolio/telegram-ico.svg);
}

.my_contacts_group span.whatsapp {
    background-image: url(/img/icons/portfolio/whatsapp-ico.svg);
}

.my_contacts_group span.skype {
    background-image: url(/img/icons/portfolio/skype-ico.svg);
}

.my_contacts_group .more_usr_links .block-col.middle {
    align-items: flex-start;
}

.my_contacts_group .more_usr_links .block-col.middle > div {
    padding-left: 10px
}

.my_contacts_group .more_usr_links .block-col.middle div {
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: rgba(6, 4, 31, 0.8);
    line-height: 23px;


}

.my_contacts_group .more_usr_links .block-col.middle div.email a {
    color: rgba(6, 4, 31, 0.8);
}

.my_contacts_group .more_usr_links .block-col.middle div.site a {
    color: rgba(12, 94, 218, 1);
    text-decoration: underline;
    text-decoration-color: rgba(12, 94, 218, 0.3);
    text-underline-offset: 4px;
}

.my_contacts_group .site img.ico {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px;
}

.my_contacts_group .site img.ico.empty {
    background-color: #7CC300;
    border-radius: 50%;
}

.my_contacts_group .more_usr_links .block-col.last span {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 12px 0 13px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.my_contacts_group .more_usr_links .block-col.last span a {
    display: block;
    width: 100%;
    height: 100%;
    transition: all ease .5s;
}

.my_contacts_group .more_usr_links .block-col.last span:hover {
    filter: saturate(1.5);
}

.my_contacts_group span.youtube {
    background-image: url(/img/icons/portfolio/youtube-ico.svg);
}

.my_contacts_group span.instagram {
    background-image: url(/img/icons/portfolio/instagram-ico.png);
}

.my_contacts_group span.facebook {
    background-image: url(/img/icons/portfolio/facebook-ico.svg);
}

.my_contacts_group span.vkontakte {
    background-image: url(/img/icons/portfolio/vkontakt-ico.svg);
}

.my_contacts_group span.twitter {
    background-image: url(/img/icons/portfolio/twitter-ico.svg);
}


.my_contacts_group p i {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background: url(/img/logo/social.png) no-repeat center top;
    margin-right: 8px;
    margin-top: 4px;
}


.my_contacts_group p.email i {
    background: url(/img/envelope_off.gif) no-repeat 1px 4px;
}

.my_contacts_group p.facebook i {
    background-position: center -96px;
}

.my_contacts_group p.twitter i {
    background-position: center -32px;
}

.my_contacts_group p.vkontakte i {
    background-position: center -48px;
}

.my_contacts_group p.city i {
    background-position: center -160px;
}

.my_contacts_group p.phone i {
    background-position: center -144px;
}

.my_contacts_group p.instagram i {
    background-position: center -176px;
}

.my_contacts_group p.youtube i {
    background-position: center -192px;
}


.my_contacts_group p.boutique i {
    background-size: contain;
    background: url(/img/logo/bublik_bt.svg) no-repeat center center;
}

.my_contacts_group p.freelance_discount_user i {
    background-size: contain;
    background: url(/img/logo/bublik_ds.svg) no-repeat center center;
}

.my_contacts_group p.freelance_boutique_user i {
    background-size: contain;
    background: url(/img/logo/bublik_bt.svg) no-repeat center center;
}


.one_column_wide_central .container .container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

@media (max-width: 768px) {
    /* XS- */
    .head-document-section {
        overflow: hidden;
    }

    .footer-div {
        overflow: hidden;
    }
}


.user-obyavas .objava {
    margin-bottom: 3rem;
    padding: 2rem;
    overflow: hidden;
    position: relative;

}

/*.user-obyavas .objava  .text br+br {display: none;} */

.user-obyavas .objava .category {
    position: absolute;
    right: 1rem;
    bottom: 15px;
    color: #999;
    font-size: 12px;
}

.work_review .work-video-box:empty {
    display: none;
}

.work_review .work-video-box {
    margin: 2rem 0;
    padding-top: 1rem;
    border-top: 1px solid #e1e1e1;
}

/** 2023 */
.work-page-container .user-top-container {
    min-height: 160px;
}

.work-page-container .user-top-container::after {
    content: '';
    display: table;
    width: 100%;
    height: 1px;
}

.portfolio-top-user-head {
    min-height: 200px;
    margin-bottom: 30px;
}

.portfolio-top-user-head .container {
    position: relative;
    padding-left: 160px;
}

.portfolio-top-user-head .white-row .col2 {
    text-align: center;
    margin-top: 15px;
}

@media (min-width: 992px) /* MD LG */ {
    .portfolio-top-user-head .white-row .col1 {
        padding-right: 30px;
    }

    .portfolio-top-user-head .white-row .col2 {
        border-left: 1px solid rgba(5, 49, 89, 0.15);

    }
}

.portfolio-top-user-head .dark-row {
    background-color: #053159;
    color: #ffffff;
    min-height: 60px;
    padding: 10px 0;
    box-shadow: 0 3px 5px 0 rgba(6, 4, 31, 0.1);
    position: relative;
}
.portfolio-top-user-head .dark-row.dark-row-gradient
{
    background: #053159 linear-gradient(180deg, rgb(0 38 73) 10%, rgba(5,49,89,1) 40%);
}

.portfolio-top-user-head .dark-row .container .row {
    display: flex;
}

.portfolio-top-user-head .dark-row .container .row .col1,
.portfolio-top-user-head .dark-row .container .row .col2 {
    float: none;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-top: 10px;
    padding-bottom: 10px;
}

.portfolio-top-user-head .head-slogan {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.portfolio-top-user-head .head-slogan .slogan-blab {
    display: inline-block;
    color: rgba(255, 255, 255, 0.70);
    padding: 4px 25px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    border-radius: 60px 30px 30px 0;
    font-size: 14px;
}

.portfolio-top-user-head .head-slogan .ulabel {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 3px 10px 2px;
    margin-left: 5px;
    background-image: none !important;
    text-indent: 0;
    background-color: white;
    color: #053159;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    border-radius: 30px;
}

.portfolio-top-user-head .head-slogan:empty {
    display: none;
}

.portfolio-top-user-head .head-slogan .slogan-blab:empty {
    display: none;
}

.portfolio-top-user-head .username {
    color: white;
    margin: 5px 0 0 0;
    font-size: 24px;
    font-family: Bitter, Roboto, sans-serif;
    font-weight: 800;
}

.portfolio-top-user-head .username a {
    color: white;
    text-decoration: none;
}

.portfolio-top-user-head .username a span {
    color: rgba(255, 255, 255, 0.30);
    font-size: 16px;
}

.portfolio-top-user-head .username a span:before {
    content: ' / ';
}

.portfolio-top-user-head .username .user-verified {
    display: none;
}

.portfolio-top-user-head .username .last-act.last-act-ico {
    display: none;
    transition: background-color 1s ease;
    overflow: hidden;
    border-radius: 100%;
    background: transparent;
}

.portfolio-top-user-head .username .last-act.last-act-ico.is_online {
    background: #82b93c;
    width: 8px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 4px 0 0;
}

.portfolio-top-user-head .rating-box {
    margin-bottom: 9px;
}

.portfolio-top-user-head .rating-box > div {
    display: inline-block;
}

.portfolio-top-user-head .rating-box .top-10-rating {
    display: inline-block;
    margin-right: 10px;
    color: #FFD600;
    font-weight: 600;
    text-decoration: none;
}

.portfolio-top-user-head .rating-box .top-10-rating img {
    width: 13px;
    height: 17px;
}

.portfolio-top-user-head .rating {
    white-space: nowrap;
}

.portfolio-top-user-head .regdate {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}

.portfolio-top-user-head .regdate > div > span {
    display: block;
}

.portfolio-top-user-head .avatar-block {
    position: absolute;
    color: #999;
    text-align: center;
    top: 30px;
    left: 0;
}

.portfolio-top-user-head .avatar-block p {
    margin-bottom: 5px;
}

.portfolio-top-user-head .avatar-block .about-link {
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-style: dashed;
    color: rgba(6, 4, 31, 0.7);
    z-index: 2;
    position: relative;
}

.portfolio-top-user-head .avatar-block .badge-years-old {
    z-index: 2;
    position: relative;
}

.portfolio-top-user-head .avatar-block .about-link:hover {
    color: rgba(6, 4, 31, 1);
    text-decoration: none;
}

@media (max-width: 767px) {
    /** XS */
    .portfolio-top-user-head .avatar-block {
        width: 150px;
    }
}

@media (max-width: 640px) {
    /** XXS */
    .portfolio-top-user-head .avatar-block .badge-years-old {
        display: none;
    }

    .portfolio-top-user-head .avatar-block .badge-ava-city {
        display: none;
    }

    .portfolio-top-user-head .avatar-block .about-link {
        display: none;
    }

    .portfolio-top-user-head .avatar-block .regdate {
        display: none;
    }

    .portfolio-top-user-head .avatar-block {
        top: 10px;
        left: 0;
        width: 100%;
        position: relative;
        margin-bottom: 15px;
    }

    .portfolio-top-user-head .container {
        padding-left: 15px;
    }

    .portfolio-top-user-head .dark-row > .container {
        padding-top: 5px;
        position: relative;
    }

    .portfolio-top-user-head .dark-row .container .row {
        display: block;
    }

    .portfolio-top-user-head .head-slogan .slogan-blab {
        display: block;
        color: rgba(255, 255, 255, 0.70);
        padding: 4px 15px;
        border-radius: 10px;
        margin-bottom: 5px;

    }

    .portfolio-top-user-head .dark-row .container .head-slogan .status_bar {
        position: absolute;
        top: -135px;
        right: 15px;
    }

    .portfolio-top-user-head .dark-row .container .row .col2 {
        align-items: flex-start;
    }

}

.portfolio-top-user-head .dark-row .pass-verify {
    padding-left: 28px;
    margin-left: 3px;
    font-weight: normal;
    color: #757b81;
    background: no-repeat left center;
    background-size: 22px;
    display: inline-block;
}

.portfolio-top-user-head .dark-row .pass-verify.verified {
    background-image: url(/img/icons/user-verified-white.svg);
    color: white;
}

.portfolio-top-user-head .dark-row .pass-verify.not-verified {
    background-image: url(/img/icons/user-not-verified-white.svg);
}

.portfolio-top-user-head .avatar-block .avatar_div {
    background-color: white;
    padding: 10px;
    border-radius: 50%;
}

.portfolio-top-user-head .avatar-block .avatar > a {
    display: block;
    z-index: 1;
    position: relative;
}

.portfolio-top-user-head .avatar-block .avatar_div img {
    aspect-ratio: 1;
    color: transparent;
    display: inline-block;
}

.portfolio-top-user-head .avatar-block .avatar_div .badge-pro::before {
    background-image: url(/img/icons/pro-red-bordered.svg);
    opacity: 1;
}

.portfolio-top-user-head .reviews-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid rgba(5, 49, 89, 0.15);
    padding-bottom: 13px;
    margin-bottom: 20px;
    padding-top: 13px;
}

.portfolio-top-user-head .reviews-row .exec-employer {


    color: rgba(5, 49, 89, 0.6);
    display: inline-block;
    min-width: 95px;
}

.portfolio-top-user-head .reviews-row .exec-employer i {
    font-style: normal;
    margin-right: 3px;
    font-weight: 400;
}

.portfolio-top-user-head .reviews-row .exec-employer a {
    text-decoration: none;
    color: rgba(12, 94, 218, 1);
    font-weight: 600;
}

.portfolio-top-user-head .reviews-row .exec-employer a:hover {
    color: rgba(6, 4, 31, 0.8);
}


.portfolio-top-user-head .reviews-row .reviews {
    white-space: nowrap;
    display: inline-block;
    padding: 0;
    margin: 0 auto 0 0;
    min-height: auto;
}

.portfolio-top-user-head .reviews-row .reviews a {
    color: rgba(6, 4, 31, 0.8);
    text-decoration: none;
}

.portfolio-top-user-head .reviews-row .reviews a:before {
    content: 'Отзывы и рекомендации: ';
}

.portfolio-top-user-head .reviews-row .reviews p {

    display: inline-block;
    padding: 0;
    margin: 0;
    min-height: auto;
    font-size: inherit;
    font-weight: 700;
}

.portfolio-top-user-head .reviews-row .reviews span {
    display: none;
}

.portfolio-top-user-head .reviews-row .reviews .positive {
    color: rgba(98, 195, 0, 1);

}

.portfolio-top-user-head .reviews-row .reviews .negative:before {
    content: " /";
    margin-left: 3px;
    font-weight: normal;
    color: rgba(155, 173, 189, 1);
    padding-right: 5px;
}

.portfolio-top-user-head .reviews-row .reviews .negative {
    color: #ff2323;
}

.portfolio-top-user-head .reviews-row .reviews .empty {
    color: rgba(155, 173, 189, 1) !important;
}

.portfolio-top-user-head .regales-list li {
    padding-bottom: 10px;
    font-weight: 600;
    color: rgba(6, 4, 31, 0.8);
    display: flex;
    align-items: center;

}

.portfolio-top-user-head .regales-list a {
    text-decoration: none;
    color: rgba(6, 4, 31, 0.8);
}

.portfolio-top-user-head .regales-list i {
    font-style: normal;
    margin-right: 3px;
    font-weight: 400;
    color: rgba(5, 49, 89, 0.6);
    display: inline-block;
    min-width: 95px;
}

.portfolio-top-user-head .regales-list .item-right {
    float: right;
    clear: right;
    padding-bottom: 5px;
}

@media (max-width: 768px) {
    /* XS- */
    .portfolio-top-user-head .regales-list .item-right {
        float: none;
        padding-bottom: 10px;
    }
}

.portfolio-top-user-head .regales-list .item-right a {
    color: rgba(12, 94, 218, 1);
}

.portfolio-top-user-head .regales-list li > span {

    background: no-repeat left center;
    background-size: contain;
    margin-right: 3px;
}

.portfolio-top-user-head .regales-list li.safe-deal span {
    padding-left: 20px;
    background-image: url(/img/icons/shild.svg);
    background-size: 17px;
}

.portfolio-top-user-head .regales-list .participant .ico-ngf {
    width: 20px !important;
    height: 20px !important;
    background-image: url(/img/icons/ngf.svg);
    display: inline-block;
}

.portfolio-top-user-head .regales-list .participant .ngf-member .ulabel.ulabel-freelance-guild-user {
    width: auto !important;
    height: 20px !important;
    background-image: url(/img/icons/ngf.svg);
    background-position: left;
    margin: 0;
    padding-left: 22px;
    text-indent: 0;
}

.portfolio-top-user-head .regales-list .participant .ngf-member.ngf-expert .ulabel.ulabel-freelance-guild-user {

    background-image: url(/img/icons/ngf.svg), url(/img/icons/expert.svg);
    background-position: left, 23px;
    padding-left: 49px;
}

.portfolio-top-user-head .regales-list .participant .gl-nominant {
    display: inline-flex;
}

.portfolio-top-user-head .regales-list .participant .ulabel.ulabel-goldenlance-nominant {
    background-image: url(/img/icons/lance.svg);
    width: 22px;
    height: 22px;
    overflow: hidden;
    border-radius: 50px;
    background-size: 16px;
    margin: 0 5px 0 0;
    background-position: center;
    background-color: #eaf3fc;
}


.portfolio-top-user-head .regales-list li.certificates .label-prefix {
    display: none;
}

.portfolio-top-user-head .regales-list li.certificates .ulabel.ulabel-freelance-guild-cert {
    margin-right: 2px !important;
    margin-top: 1px !important;
}

.portfolio-top-user-head .regales-list li.certificates .ulabel.ulabel-freelance-guild-cert:before {
    background: url(/img/icons/cert-circle.svg) no-repeat left center;
    height: 22px;
    width: 23px;
    background-size: contain;
}

.portfolio-top-user-head .regales-list .winner .label-prefix {
    display: none;
}

.portfolio-top-user-head .regales-list .winner .ulabel {
    width: auto;
    height: 20px;
    background-size: contain;
    text-indent: 0;
    margin-right: 5px;
    padding-left: 20px;
}

.portfolio-top-user-head .regales-list .winner .ulabel.ulabel-goldenlance-winner {
    background-image: url(/img/icons/winner.svg);
}

.portfolio-top-user-head .regales-list .winner .ulabel.ulabel-goldenlance-prizer {
    background-image: url(/img/icons/prizer.svg);
}

.portfolio-top-user-head .regales-list .winner .ulabel.ulabel-goldenlance-nominant {
    display: none;
}

.portfolio-top-user-head .regales-list .contest-winner-shortlist {
    background: url(/img/icons/cup.svg) no-repeat left center;
    padding-left: 22px;
    width: auto;
    height: 20px;
    background-size: contain;
}

.portfolio-top-user-head .regales-list .contest-winner-shortlist .win {
}

.portfolio-top-user-head .regales-list .contest-winner-shortlist .shortlist {
    font-weight: 600;
    color: rgba(5, 49, 89, 0.4);
}

.portfolio-top-user-head .regales-list .contest-winner-shortlist .shortlist:before {
    content: '/';
    padding: 2px;
    margin-left: 1px;
}

.portfolio-top-user-head .regales-list .used-items .item {
    padding-left: 24px;
    height: 22px;
    background: no-repeat left center;
    background-size: 20px;
    margin-right: 5px;
}

.portfolio-top-user-head .regales-list .used-items .item.freelance-boutique {
    background-image: url(/img/icons/boutique-logo.svg);
}

.portfolio-top-user-head .regales-list .used-items .item.pixateka-ru {
    background-image: url(/img/icons/pixateka-logo.svg)
}

.portfolio-top-user-head .busy-status span {
    padding-left: 18px;
    position: relative;
    display: inline-block;
}

.portfolio-top-user-head .busy-status span:before {
    content: '';
    background: no-repeat url(/img/icons/face-sunglasses.svg) center;
    background-size: contain;
    width: 16px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
}

.portfolio-top-user-head .busy-status .busy_st_0 {
    display: none;
}

.portfolio-top-user-head .busy-status .busy_st_3 {
    opacity: 0.33;
}

.portfolio-top-user-head .busy-status .busy_st_3:before {
    opacity: 0.33;
}

.portfolio-top-user-head .busy-status .busy_st_2 {
    opacity: 0.75;
}

.portfolio-top-user-head .busy-status .busy_st_2:before {
    opacity: 0.5;
}

.portfolio-top-user-head .busy-status .busy_st_1 {
    opacity: 1;
    color: rgba(155, 173, 189, 1);
}

.portfolio-top-user-head .busy-status .busy_st_1:before {
    background-image: url(/img/icons/thumbs-up-regular.svg);
}

.portfolio-top-user-head .col2 .user-last-act {
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    color: rgba(155, 173, 189, 1);
    margin-top: 3px;
}

.portfolio-top-user-head .col2 .user-last-act i {
    font-style: normal;
}

/** кнопки вверху **/
.portfolio-top-user-head .user-buttons-col {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}

.portfolio-top-user-head .user-buttons-col .btn:not(.btn-link) {
    margin-bottom: 10px;
    border-radius: 50px;
    background-color: #62c300;
    padding: 12px 19px;
}

.portfolio-top-user-head .user-buttons-col .btn.btn-link {
    text-decoration-style: dashed;
}

.portfolio-top-user-head .user-buttons-col .btn.btn-link:hover {
    text-decoration-style: solid;
}

.portfolio-top-user-head .user-buttons-col .btn-block {
    width: auto;
    display: inline-block;
}

.portfolio-top-user-head .user-buttons-col .btn .ico {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    display: inline-block;
    background-size: contain;
    background: no-repeat center center;
    margin-right: 5px;
}

.portfolio-top-user-head .user-buttons-col .btn.send_mess_btn {
    padding: 10px 25px;
}

.portfolio-top-user-head .user-buttons-col .btn.send_mess_btn .ico {
    background-image: url(/img/icons/msg-white.svg);
}

.portfolio-top-user-head .user-buttons-col .create_wspace .btn {
    color: rgba(6, 4, 31, 0.8);
    background-color: rgba(255, 214, 0, 1);
    margin-top: 5px;
}

.portfolio-top-user-head .user-buttons-col .bookmarks_button_btn {
    font-size: 14px;
    color: rgba(6, 4, 31, 0.7);
    text-decoration: underline;
    text-decoration-style: dashed;
    text-decoration-color: rgba(6, 4, 31, 0.3);
    padding: 0;
    margin-top: 10px;
}

.portfolio-top-user-head .user-buttons-col .bookmarks_button_btn:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 20px;
    background: no-repeat center top url(/img/icons/flag-o.svg);
    vertical-align: middle;
    margin-right: 3px
}

.portfolio-top-user-head .user-buttons-col .bookmarks_button_btn:hover:before,
.portfolio-top-user-head .user-buttons-col .bookmarks_button_btn.in-bookmarks:before {
    background-image: url(/img/icons/flag.svg);
    background-size: 13px;

}

.portfolio-top-user-head .user-buttons-col .btn-add-recommendation {
    font-size: 14px;
    color: rgba(6, 4, 31, 0.7);
    text-decoration: underline;
    text-decoration-style: dashed;
    text-decoration-color: rgba(6, 4, 31, 0.3);
    padding: 0;
    margin-top: 10px;
}

.portfolio-top-user-head .user-buttons-col .btn-add-recommendation:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 20px;
    background: no-repeat center top url(/img/icons/thumbs-up-regular.svg);
    vertical-align: middle;
    margin-right: 3px;
}

.portfolio-top-user-head .user-buttons-col .btn-add-recommendation:hover:before {
    filter: brightness(0.7);
}

.portfolio-top-user-head .user-buttons-col .block-pretension-ignore {
    margin-top: 10px;
}

.portfolio-top-user-head .user-buttons-col .block-pretension-ignore a {
    padding: 5px;
    font-weight: 400;
    line-height: 17px;
    text-decoration-style: dashed;
}

.portfolio-top-user-head .user-buttons-col .block-pretension-ignore a:hover {
    text-decoration-style: solid;
}

.portfolio-top-user-head .user-buttons-col .block-pretension-ignore a:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background: no-repeat center center;
    margin-right: 5px;
    vertical-align: middle;
}

.portfolio-top-user-head .user-buttons-col .block-pretension-ignore a.add-pretension {
    color: rgba(255, 0, 31, 0.6);
}

.portfolio-top-user-head .user-buttons-col .block-pretension-ignore a.add-pretension:before {
    background-image: url(/img/icons/attention-pink.svg);
}

.portfolio-top-user-head .user-buttons-col .block-pretension-ignore a.add-to-blacklist {
    color: rgba(5, 49, 89, 0.5);
}

.portfolio-top-user-head .user-buttons-col .block-pretension-ignore a.add-to-blacklist:before {
    background-image: url(/img/icons/ban-gray.svg);
}

.portfolio-top-user-head .user-buttons-col .my-buttons .btn:not(.btn-link) {
    width: 100%;
    display: inline-block;
}

/** лучшие специализации */
.portfolio_section .best-work-row {
    margin: 20px 0 0 0;
    background-color: rgba(6, 4, 31, 1);
    color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 3px 5px 0 rgba(6, 4, 31, 0.1);
    position: relative;

}

.portfolio_section .best-work-row .top-specs-info-best {
    display: none;
    padding-top: 20px;
    padding-bottom: 15px;
}

.portfolio_section .best-work-row .top-specs-info-best.not-empty {
    display: block;
}

.portfolio_section .best-work-row .top-specs-info-best a {
    color: rgba(255, 255, 255, 0.8);
    white-space: nowrap;
    font-size: 14px;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50px;
    padding: 5px 15px;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 10px;

}

.portfolio_section .best-work-row .top-specs-info-best a:hover {
    color: white;
    background: rgba(255, 255, 255, 0.3)
}

.portfolio_section .best-work-row .top-specs-info-best a.top-spec-highlight {
    background: rgba(255, 214, 0, 0.5);
}

.portfolio_section .best-work-row .top-specs-info-best a.top-spec-highlight:hover {
    background: rgba(255, 214, 0, 0.7);
}

/** лучшие работы */
.portfolio_section .best-work-row .s_box {
    margin-bottom: 0;
}

.portfolio_section .best-work-row .pf_spec .row {
    margin-bottom: 0;
}


.portfolio_section .best-work-row .s_box.works {
    padding: 0;
    background: transparent;
    border-bottom: none;
}

.portfolio_section .best-work-row .s_box.works .pf_spec_head > h3 {
    color: rgba(255, 255, 255, 0.5);
    font-family: Bitter, Arial, sans-serif;
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 6px;
    margin-top: 13px;
}

.portfolio_section .best-work-row .s_box.works .pf_spec_head .blink {
    display: none;
}

.portfolio_section .best-work-row .s_box.works .work_box .work-view-pad {
    padding: 10px;
    background: white;
    border-radius: 6px;
    margin-bottom: 6px;
}

.portfolio_section .best-work-row .s_box.works .work_box .work-view-pad .work-img {
    border-radius: 6px;
}

.portfolio_section .best-work-row .s_box.works .work_box .work-view-pad h3 {
    padding: 5px 0;
    margin: 0;
    text-align: left;
    font-size: 14px !important;
    font-weight: 600;
    line-height: 20px;
    color: rgba(6, 4, 31, 0.8);
    word-wrap: break-word;
}

.portfolio_section .achievements-row {
    margin: 0;
    background: rgba(5, 49, 89, 1);
    padding: 19px 0;
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;

}

.portfolio_section .achievements-row a {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: underline;
    text-decoration-style: dashed;
}

.portfolio_section .achievements-row a:hover {
    text-decoration: none;
    color: white;
}

.portfolio_section .achievements-row .achievements_list {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
}

.portfolio_section .achievements-row .achievements_list li {
    margin: 0 15px 0 0;
}

.portfolio_section .achievements-row .achievements_list li.li-reviews {
    margin: 0 auto;
}

.portfolio_section .achievements-row .achievements_list li.li-works .badge {
    background: transparent;
    text-decoration: none;
    color: inherit;
    padding: 2px;
}


.portfolio_section .achievements-row .achievements_list li.li-reviews span {
    display: inline-flex;
    align-items: center;
}

.portfolio_section .achievements-row .achievements_list li.li-reviews b {
    margin-right: 7px;
}

.portfolio_section .achievements-row .achievements_list li.li-reviews a {
    text-decoration: none;
    display: flex;
    align-items: center;

}

.portfolio_section .achievements-row .achievements_list li.li-reviews .negative {
    color: rgba(255, 84, 73, 1);
}

.portfolio_section .achievements-row .achievements_list li.li-reviews .negative:before {
    content: '';
    display: inline-block;
    background: no-repeat center center url(/img/icons/sad.svg);
    background-size: contain;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 3px;
}

.portfolio_section .achievements-row .achievements_list li.li-reviews .negative.empty {
    color: rgba(255, 255, 255, 0.5);
}

.portfolio_section .achievements-row .achievements_list li.li-reviews .negative.empty:before {
    background-image: url(/img/icons/sad-o.svg)
}

.portfolio_section .achievements-row .achievements_list li.li-reviews .positive {
    color: rgba(98, 195, 0, 1);
    margin-right: 5px;
}

.portfolio_section .achievements-row .achievements_list li.li-reviews .positive:before {
    content: '';
    display: inline-block;
    background: no-repeat center center url(/img/icons/happy.svg);
    background-size: contain;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 3px;
}

.portfolio_section .achievements-row .achievements_list li.li-reviews .positive.empty {
    color: rgba(255, 255, 255, 0.5);
}

.portfolio_section .achievements-row .achievements_list li.li-reviews .positive.empty:before {
    background-image: url(/img/icons/happy-o.svg)
}

.portfolio_section .achievements-row .achievements_list li.li-reviews .positive:after {
    content: ' / ';
    color: rgba(255, 255, 255, 0.2);
    padding-left: 5px;

}

.portfolio_section .achievements-row .achievements_list li.li-offers {
    margin: 0 0 0 15px;
}

@media (max-width: 640px) {
    /** XXS */
    .portfolio_section .achievements-row .achievements_list {
        gap: 10px;
        justify-content: center;
    }

    .portfolio_section .achievements-row .achievements_list li {
        margin: 0 !important;
    }

}

/** Отзывы **/
.portfolio_section .block-reviews-row {
    padding: 30px 0 20px;
    background-color: rgba(234, 243, 252, 1);
    box-shadow: 0 3px 5px 0 rgba(6, 4, 31, 0.1);
}

@media (min-width: 768px) {
    /* MD LG */
    .portfolio_section .block-reviews-row {
        padding: 50px 0 40px;
    }
}

.portfolio_section .block-reviews-row .reviews_head {
    display: flex;
    align-items: center;
    margin: 0 0 29px 0;
}

.portfolio_section .block-reviews-row .reviews_head h3 {
    margin: -3px 0 0 0;
}

.portfolio_section .block-reviews-row .reviews_head h3 a {
    font-family: Bitter, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 22px;
    text-decoration: none;
    border-bottom: 1px solid rgba(6, 4, 31, .75);
    color: rgba(6, 4, 31, 1);
}

.portfolio_section .block-reviews-row .reviews_head .count-reviews {
    margin-left: 10px;
    font-family: Bitter, Roboto, Arial, sans-serif;
    font-size: 18px;
    color: rgba(5, 49, 89, 0.3);
    font-weight: 500;
}

.portfolio_section .block-reviews-row .reviews_head .count-reviews a {
    text-decoration: none;
}

.portfolio_section .block-reviews-row .reviews_head .count-reviews .positive {
    color: rgba(98, 195, 0, 1);
    font-weight: 900;
}

.portfolio_section .block-reviews-row .reviews_head .count-reviews .negative {
    color: rgba(255, 0, 31, 0.5);
    font-weight: 900;
}

.portfolio_section .block-reviews-row .reviews_head .count-reviews .negative:before {
    content: '/';
    opacity: .5;
    padding: 4px;
    font-size: 16px
}

.portfolio_section .block-reviews-row .reviews_head .count-reviews .empty {
    color: rgba(5, 49, 89, 0.3) !important;
}

.portfolio_section .block-reviews-row .reviews_row {
}

.portfolio_section .block-reviews-row .review_box {
    background-color: white;
    padding: 19px 19px 10px;
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid rgba(5, 49, 89, 0.1);
    border-radius: 4px;
    background-position: calc(100% - 10px) 10px;
    background-size: 18px;
    background-repeat: no-repeat;
}

.portfolio_section .block-reviews-row .review_box.positive {
    background-image: url(/img/icons/happy-green.svg);
}

.portfolio_section .block-reviews-row .review_box.negative {
    background-image: url(/img/icons/sad-red.svg);
}

.portfolio_section .block-reviews-row .review_box .review_title {
    font-weight: 500;
    color: rgba(6, 4, 31, 1);
    margin-bottom: 5px;
    font-size: 16px;

}

.portfolio_section .block-reviews-row .review_box .review_text {
    font-size: 14px;
    max-height: 230px;
    overflow: hidden;
    word-wrap: break-word;
    color: rgba(6, 4, 31, 0.8);
    margin-bottom: 14px;
}

.portfolio_section .block-reviews-row .review_box .review_box .review_text::first-letter {
    color: #82B93C;
    text-transform: uppercase;
}

.review_box .avatar {
    display: inline-block;
    margin-right: 10px;
}

.review_box .avatar img {
    width: 30px;
    height: 30px;
}

.review_box .review_writer {
    font-size: 14px;
    color: rgba(5, 49, 89, 0.5);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
}

.portfolio_section .review_box .review_writer .user-label.user-verified {
    display: none;
}

.portfolio_section .review_box .review_writer .posted {
    font-size: 12px;
    margin-left: auto;
}

.portfolio_section .review_box .review_writer a {
    color: black;
    text-decoration: none;
}

.portfolio_section .review_box .review_writer span > span {
    display: none;
}

.portfolio_section .block-about-row {
    padding: 40px 0;
    box-shadow: 0 4px 4px 0 rgba(6, 4, 31, 0.1);
    position: relative;

}

@media (min-width: 768px) {
    /* MD LG */
    .portfolio_section .block-about-row {
        padding: 50px 0;
    }
}

.portfolio_section .block_about_box h3 {
    font-family: Bitter, Roboto, Arial, sans-serif;
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 30px;
}

.portfolio_section .block_about_box .my_contacts_group {
    margin: 30px 0;
    padding: 16px 20px;
    background-color: rgba(234, 243, 252, 1);
    border-radius: 4px;
}

@media (min-width: 1200px) /* LG */ {
    .portfolio_section .block_about_box .my_contacts_group {
        padding: 30px 35px;
    }
}

.portfolio_section .block_about_box .my_contacts_group p {
    margin: 5px 10px 5px 0;
}

.portfolio_section .block_about_box .my_contacts_group .ed-buttons {
    float: right;
}

.portfolio_section .offer_user_block {
    padding: 50px 0 40px;
    border-top: 1px solid rgba(6, 4, 31, 0.05);
    border-bottom: 1px solid rgba(6, 4, 31, 0.05);
    background-color: rgba(234, 243, 252, 1);
    box-shadow: 0 3px 5px 0 rgba(6, 4, 31, 0.1);
    z-index: 1;
    position: relative;

}

.portfolio_section .offer_user_block .offer-items h3 {
    font-family: Bitter, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 30px;
}

.portfolio_section .offer_user_block .offer-items h3 a {
    color: rgba(6, 4, 31, 1);
    border-bottom: 1px solid rgba(6, 4, 31, 0.15);
}

.portfolio_section .offer_user_block .offer-items .item-image {
    background: rgb(234, 243, 252);
    background: radial-gradient(circle, rgba(234, 243, 252, 1) 25%, rgba(255, 255, 255, 1) 75%);
}

.portfolio_section .offer_user_block .offer-items .item-image img {
    aspect-ratio: 3/2;
    object-fit: cover
}

.offer_user_block a {
    text-decoration: none;
}

.offer_user_block h4 {
    min-height: 55px;
}

.offer_user_block .carousel-inner {
    background-color: #f9f9f9
}

.offer_user_block .carousel-control {
    display: none;
}

.offer_user_block .img-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 66.67% 0 0 0;
}

.offer_user_block .img-bg img {
    display: none;
}

.offer_user_block .marked {
    background-color: #fff8c4;
    border: 1px solid #ffe659;
}

.offer_user_block .pad {
    border-radius: 0;
    background-color: #fff;
    position: relative;
    border: 0 none transparent;
    -webkit-box-shadow: 0 3px 5px 0 rgba(209, 209, 209, 0.5);
    -moz-box-shadow: 0 3px 5px 0 rgba(209, 209, 209, 0.5);
    box-shadow: 0 3px 5px 0 rgba(209, 209, 209, 0.5);
    margin-bottom: 3rem !important;
    padding: 0 0 100px;
    overflow: hidden;
}

.offer_user_block .pad .slide {
    margin-bottom: 0 !important;
}

.offer_user_block .pad .fixup {
    position: absolute;
    width: 2rem;
    height: 2rem;
    background: #fff url(/img/icons/flame1.png) no-repeat center center;
    border-radius: 50%;
    line-height: 4rem;
    text-align: center;
    bottom: 17px;
    top: auto;
    left: 20px;
    color: transparent;
    border: 0 none transparent;
}

.offer_user_block .pad .btn {
    display: none;
}

.offer_user_block .pad h4 {
    position: absolute;
    padding: 0 20px;
    height: 40px;
    min-height: 40px;
    overflow: hidden;
    text-align: left !important;
    bottom: 58px;
    font-size: 18px;
}

.offer_user_block .pad .lead {
    position: absolute;
    bottom: 0;
    text-align: right;
    width: calc(100% - 40px);
    margin: 0 20px;
    padding-top: 12px;
    border-top: 1px #e8e8e8 solid;
    padding-left: 40px;
}

.offer_user_block .pad .foot-info {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;
    display: inline-block;
}

.offer_user_block .pad .foot-info.cost {
}

.offer_user_block .pad .foot-info.days {
    color: #999;
}

.offer_user_block .pad .foot-info.days:before {
    content: ' / '
}

.offer_user_block .pad h4 a {
    display: inline;
}

.offer_user_block .pad.marked h4 a {
    color: white !important;
    background: #82b93c;
    line-height: 20px;
    padding: 2px;
    box-shadow: 2px 0 rgba(137, 178, 43, 1), 0 2px rgba(137, 178, 43, 1);
}

.offer_user_block .pad .item-owner {
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 20px 20px;
    overflow: hidden;
}

.offer_user_block .pad .avatar {
    margin-right: 5px;
}

.offer_user_block .item-image img {
    width: 100%;
    height: auto;
}

/* мои специализации и позиции в каталоге - портфолио */

.portfolio_section .my_specs_works_top {
    padding: 30px 0;
    box-shadow: 0 3px 5px 0 rgba(6, 4, 31, 0.1);
    background: #BDF7FF linear-gradient(93.04deg, #BDF7FF 5.71%, #FCFF7B 98.8%);
    position: relative;

}

.my_spec_group_top .cols_2 {
    -moz-column-count: 2;
    -moz-column-gap: 6rem;
    -webkit-column-count: 2;
    -webkit-column-gap: 6rem;
    column-count: 2;
    column-gap: 1rem;
}

.my_spec_group_top .cols_3 {
    -moz-column-count: 3;
    -moz-column-gap: 15px;
    -webkit-column-count: 3;
    -webkit-column-gap: 15px;
    column-count: 3;
    column-gap: 15px;
}

@media (max-width: 768px) /* XS */ {
    .my_spec_group_top .cols_2,
    .my_spec_group_top .cols_3 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
        column-gap: 0;
    }
}

@media (max-width: 991px) and (min-width: 768px) /* SM */ {
    .my_spec_group_top .cols_3 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

.my_spec_group_top li {
    line-height: 24px;
    padding-right: 5px;
}

.my_spec_group_top .primary {
    font-weight: bold;
    color: black;
}

.my_spec_group_top .popped {
    font-weight: bold;
    color: black;
}

.portfolio_section .my_spec_group_top h3,
.portfolio_section .my_works_top_box h3 {
    margin-bottom: 15px;
    font-size: 18px;
    font-family: Bitter, Roboto, Arial, sans-serif;
    font-weight: 800;
}

.portfolio_section .my_works_top_box .spec_block a {
    text-decoration: underline;
    color: rgba(6, 4, 31, 0.8);
    font-size: 14px;
    text-decoration-color: rgba(6, 4, 31, 0.25);
    text-decoration-style: dashed;
    padding: 0 10px 10px 0;
}

.portfolio_section .my_works_top_box .spec_block a:hover {
    text-decoration: none;
    color: rgba(6, 4, 31, 1);
}


/* специализации и позиции в каталоге portfolio */
.top_spec_groups .spec_item.without_works {
    display: none;
}

.top_spec_groups li a.pos {
    display: inline-block;
    text-decoration: none;
}

.top_spec_groups li:hover a.pos {
    text-decoration: underline;
}

/* catalog position icon in portfolio */
.top_spec_groups .posbox .icon {
    margin-left: 3px;
    font-size: 12px;
}

.top_spec_groups .posbox a,
.top_spec_groups .posbox .icon {
    font-weight: normal;
    color: #999;
}

.top_spec_groups .posbox.top100 a,
.top_spec_groups .posbox.top100 .icon {
    font-weight: normal;
    color: #82b93c;
}

.top_spec_groups .posbox.top20 a,
.top_spec_groups .posbox.top20 .icon {
    color: #fbac2b;
    font-weight: bold;
}

.top_spec_groups .posbox.top_block a,
.top_spec_groups .posbox.top_block .icon {
    color: #fbac2b;
    font-weight: bold;
}

.top_spec_groups .posbox.top_block .icon {
    font-size: 16px;
    margin-left: 5px;
    vertical-align: middle;
    margin-top: -3px;
}

.portfolio_section .protfolio-wors-block {
    padding-bottom: 10px;
    padding-top: 15px;
    margin-bottom: 10px;
    box-shadow: 0 3px 5px 0 rgba(6, 4, 31, 0.1);
}

.portfolio_section .protfolio-wors-block .s_box.works:last-child {
    border-bottom: none;
}

.portfolio_section .pkeywords {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 15px 0;
    background: transparent;
    color: rgba(5, 49, 89, 0.6);
    overflow: hidden;
}

.portfolio_section .pf_spec_head {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.portfolio_section .pf_spec_head h3 {
    font-family: Bitter, Arial, sans-serif;
    font-size: 20px;
    font-weight: 800;
    color: rgba(6, 4, 31, 1);
    margin: 0;


}

.pf_spec_head .blink {
    color: rgba(5, 49, 89, 0.4);
    font-size: 18px;
    font-weight: 900;
    margin: 0 0 0 5px;
    padding-top: 2px;
    display: inline-block;

}

.pf_spec_head .blink p {
    padding: 0;
    margin: 0;
    display: inline-block;
}

.pf_spec_head .blink.is_colapsed p {
    color: black;
    cursor: pointer
}

.pf_spec_head a.blink,
.pf_spec_head .blink a {
    text-decoration: none;
    color: rgba(5, 49, 89, 0.4);

}

.pf_spec_head .blink a i {
    display: none;
}

.pf_spec_head .blink a span {
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 10px;
    margin-top: 3px;
}

.pf_spec_head .blink a .show_it {
    background: url(/img/nav_down.png) no-repeat center center;
}

.pf_spec_head .blink a .hide_it {
    background: url(/img/nav_up.png) no-repeat center center;
}

.portfolio_section .pf_spec_head .my_link {
    opacity: .3;
    display: inline-block;
    margin-left: 3px;
    width: 26px;
    height: 26px;
    background: url(/img/icons/share_spec.svg) no-repeat center center;
    background-size: contain;
    cursor: pointer;
}

.portfolio_section .pf_spec_head:hover .my_link {
    opacity: .6
}

.portfolio_section .pf_spec_head .my_link:hover {
    opacity: 1
}

.portfolio_section .lama1140x60 {
    margin-bottom: 10px;
}

.portfolio_section.portfolio_spec_section .lama1140x60 {
    margin-top: 30px;
}