#brokers-reviews-frontend {
    color: #121212;
    background: #fff;
    flex: auto;
    margin-bottom: 48px;
    display: flex;
}

    #brokers-reviews-frontend * {
        box-sizing: border-box;
    }

    .container_page {
        width: 100%;
        min-width: 1000px;
        max-width: 1370px;
        margin: 0 auto;
        padding: 0 20px;
    }

.back_button {
    margin: 17px 0 9px 8px;
    text-align: left;
}

.back_button-link {
    color: #2b87db;
    font-size: 14px;
    text-decoration: none;
}

.content_profile {
    isolation: isolate;
    flex-wrap: wrap;
    flex: auto;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    display: flex;
}

.main {
    width: calc(65% - 8px);
    margin-right: 8px;
}

.row {
    flex-direction: row;
    align-items: stretch;
    display: flex;
}

.container_section {
    min-height: 220px;
    padding: 24px 24px 40px;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    margin: 8px 0;
    text-align:left;
}

.avatar-container {
    padding: 12px;
}

.avatar {
    width: 120px;
    height: 120px;
    font: 0 / 0 A;
    text-align: center;
    background-color: #fff;
    border: 1px solid #aaaaaa24;
    border-radius: 0;
    position: relative;
    overflow: hidden;
}

.avatar_roundness {
    border-radius: 50%;
}
.no_photo {
    text-align: center;
    border: 1px solid #aaaaaa24;
    width: 120px;
    height: 120px;
    font-size: 0;
    line-height: 0;
    position: relative;
    overflow: hidden;
    background-color: #e4e4e4;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='70' height='68'%3e%3cdefs%3e%3cpath id='x9ae22df6__a' d='M40 9.14q0 .123-.027.248l-9.216 42.618c-.133.619-.73 1.01-1.33.872l-10.425-2.39-1.946-8.685 10.8 2.475c.601.138 1.197-.253 1.331-.872l6.79-31.402c.135-.62-.245-1.233-.846-1.37L6.81 4.14c-.601-.137-1.198.253-1.332.872l-1.35 6.243-3.615.858L2.938.9c.134-.62.73-1.01 1.331-.872l34.857 7.99c.52.118.873.591.874 1.116z'/%3e%3cpath id='x9ae22df6__c' d='M17.757 22.513c1.714.414 3.484-.296 4.042-2.039.588-1.839-.52-3.381-2.14-3.837-1.876-.53-3.555.353-4.11 2.006-.538 1.604.49 3.374 2.208 3.87m-3.144 10.08c-.298-1.173-.569-2.235-.837-3.298-.576-2.278-1.166-4.554-1.718-6.837-.257-1.065-.598-2.12-.542-3.236.108-2.131 1.055-3.855 2.847-5.118 1.437-1.013 3.095-1.48 4.923-1.297 2.636.264 4.583 1.52 5.81 3.714.75 1.343.96 2.777.633 4.29-.343 1.588-1.176 2.858-2.426 3.943-1.506 1.31-2.962 2.67-4.443 4.006-1.381 1.25-2.766 2.497-4.247 3.833'/%3e%3cpath id='x9ae22df6__e' d='M-30 22.845c0-.792.534-1.51 1.32-1.695l35.37-8.336q.19-.044.383-.044c.797 0 1.477.555 1.658 1.348l9.687 42.918c.101.452.025.92-.215 1.312a1.7 1.7 0 0 1-1.061.773l-35.37 8.335a1.7 1.7 0 0 1-.384.044l-1.657-1.347-9.687-42.918a1.8 1.8 0 0 1-.044-.39m41.914 28.587a1.16 1.16 0 0 0 .85-1.39L5.627 18.418a1.134 1.134 0 0 0-1.36-.87l-28.738 6.773c-.61.145-.992.766-.851 1.391l7.138 31.623c.141.625.75 1.013 1.36.87l28.74-6.773z'/%3e%3cpath id='x9ae22df6__g' d='m-8.868 29.15 5.966 3.673c-.095-.87-.32-1.567-.474-2.276-.15-.702-.323-1.399-.494-2.133 1.567-.356 3.059-.697 4.601-1.05.066.234.13.434.178.636.315 1.334.615 2.672.94 4.002.335 1.367.7 2.726 1.034 4.094.073.298.247.468.495.616 1.266.756 2.53 1.52 3.793 2.284.183.11.356.236.521.347-.119.469-2.79 4.797-3.71 6.027-.607-.289-1.16-.692-1.743-1.041-.591-.355-1.174-.725-1.76-1.087l-1.812-1.12-1.76-1.09-1.76-1.089c-.586-.361-1.172-.722-1.803-1.113-.45.561-.77 1.165-1.14 1.733-.374.576-.734 1.16-1.102 1.74l-1.131 1.792-1.101 1.742-1.1 1.742-1.062 1.678-5.939-3.67 10.363-16.438z'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd' transform='translate(30)'%3e%3cmask id='x9ae22df6__b' fill='white'%3e%3cuse xlink:href='%23x9ae22df6__a'/%3e%3c/mask%3e%3cpath fill='white' fill-opacity='.7' d='M-8.237 61.655H48.75V-8.75H-8.237z' mask='url(%23x9ae22df6__b)'/%3e%3cmask id='x9ae22df6__d' fill='white'%3e%3cuse xlink:href='%23x9ae22df6__c'/%3e%3c/mask%3e%3cpath fill='white' fill-opacity='.7' d='m3.881 2.955 31.782 2.222-2.621 37.476L1.26 40.431z' mask='url(%23x9ae22df6__d)'/%3e%3cmask id='x9ae22df6__f' fill='white'%3e%3cuse xlink:href='%23x9ae22df6__e'/%3e%3c/mask%3e%3cpath fill='white' fill-opacity='.7' d='M-38.75 76.25h65.962V4.02H-38.75z' mask='url(%23x9ae22df6__f)'/%3e%3cmask id='x9ae22df6__h' fill='white'%3e%3cuse xlink:href='%23x9ae22df6__g'/%3e%3c/mask%3e%3cpath fill='white' fill-opacity='.7' d='M-27.98 58.007h44.422V18.615H-27.98z' mask='url(%23x9ae22df6__h)'/%3e%3c/g%3e%3c/svg%3e");
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
}
.name-container {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
}
.row > :not(:first-child) {
    margin-left: 32px;
}
.title {
    flex-wrap: wrap;
    flex-basis: 80%;
    gap: 0;
    display: flex;
    text-align:left;
}
.agent-name {
    flex-basis: 100%;
}
.agent-name-text {
    transition: color .3s ease-out;
    margin: 0;
    padding: 0;
    font-style: normal;
    font-stretch: 100%;
    display: block;
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    color: #0d162e;
    text-transform: capitalize;
}
.name {
    margin-right: 8px;
}
.badges {
    gap: 4px;
    display: inline-flex;
    position: relative;
    top: 2px;
}
.row:not(:first-child) {
    margin-top: 12px;
}
.column {
    margin-top: 2px;
    flex-direction: column;
    align-items: center;
    display: flex;
}
.rating {
    flex-shrink: 0;
    align-self: flex-start;
    max-width: 144px;
}
.rate-value {
    margin: 0;
    padding: 0;
    list-style: none;
}

.container_li {
    display: inline-block;
}
.rate-value > li {
    width: 24px;
    height: 24px;
}
.rating-desctiption {
    text-align: center;
}

.counters {
    background-color: #f1f2f4;
    border-radius: 4px;
    flex-grow: 1;
    padding: 8px 16px;
    display: flex;
}

@media screen and (min-width: 1200px) {
    .xf0b3b88a--_66c1c--counters > * {
        margin-right: 48px;
    }
}

.counters-item {
    flex-direction: column;
    justify-content: center;
    display: flex;
    text-align: left;
}

.rating_text {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-stretch: 100%;
    letter-spacing: 0;
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #0d162e
}

.counter_title {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-stretch: 100%;
    letter-spacing: 0;
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #737a8e;
}
.counter_number {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-stretch: 100%;
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #0d162e;
}

    .counters > * {
        margin-right: 48px;
    }

.description-container {
    margin-top: 36px;
}


.desc_row {
    flex-direction: row;
    align-items: stretch;
    display: flex;
    margin-top: 24px;
}

.about-title {
    text-align: right;
    flex-shrink: 0;
    align-self: flex-start;
    width: 144px;
}

.desc_row_head {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-stretch: 100%;
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #0d162e;
}

.about-text {
    word-break: break-word;
    display: inline;
}

.desc_row_text, .phone_desc, .broker-link-text {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-stretch: 100%;
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #0d162e;
}

.broker-link-text {
 text-align:left
}

.desc_row > :not(:first-child) {
    margin-left: 32px;
}

aside {
    width: 35%;
}

.broker-contacts {
    flex-direction: row;
    gap: 32px;
    margin-top: 24px;
    display: flex;
}

.broker-contacts-header {
    text-align: right;
    flex-shrink: 0;
    align-self: flex-start;
    width: 144px;
}

.contacts-container {
    flex-direction: column;
    gap: 24px;
    width: 100%;
    display: flex;
}

.phone-container {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    display: flex;
}

.phone_icon {
    color: #737a8e;
    transition: color .3s ease-out;
    display: inline-block;
}

.hidden-phone {
    white-space: nowrap;
    cursor: pointer;
    flex-direction: row;
    gap: 12px;
    display: flex;
}

.phone_show {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-stretch: 100%;
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #0468ff;
}

.info {
    grid-template-columns: repeat(3, 33.3333%);
    row-gap: 16px;
    display: grid;
}

.socnetwork {
    word-break: break-word;
    align-items: center;
    gap: 12px;
    width: 204px;
    margin-right: 12px;
    display: flex;
}

.socnetwork-icon {
    width: 16px;
    height: 16px;
}

.socnetwork-icon-svg {
    color: #737a8e;
    display: inline-block;
    transition: color .3s ease-out;
}

.link {
    cursor: pointer;
    color: #2b87db;
    font-size: 14px;
    line-height: 1.29;
    text-decoration: none;
    transition: color .15s;
}

.container-reviews {
    background-color: #fff;
    border-radius: 4px;
    margin: 8px 0;
    padding: 24px;
    margin-bottom: 0;
}

.reviews_header {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 24px;
    padding-bottom: 20px;
}

.title-wrapper {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.title-wrapper-text {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-stretch: 100%;
    letter-spacing: normal;
    display: block;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #0d162e;
}

.rating-summary {
    justify-content: space-between;
    align-items: center;
    margin-top: 42px;
    display: flex;
}

.rating-counters {
    align-items: center;
    display: flex;
}

.rating-counters-rate-aside-info {
    align-items: center;
    gap: 16px;
    margin-left: 20px;
    display: flex;
}

.rating-counters-rate-value {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 4px;
}

.container-star-bottom {
    width: 20px;
    height: 18px;
    display: inline-block;
}

.reviews-text {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-stretch: 100%;
    letter-spacing: normal;
    display: block;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #737a8e;
}

.action-list {
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.broker-container_inner {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 40px 0;
    display: flex;
}

.broker-container-inner-text {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-stretch: 100%;
    letter-spacing: normal;
    display: block;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #0d162e;
}

.broker-container-inner-text-act {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-stretch: 100%;
    letter-spacing: normal;
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    word-break: break-word;
    margin-top: 8px;
    color: #0d162e;
}

.button-add-review {
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid #0000;
    outline: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
    border-radius: 8px;
    height: 44px;
    padding: 10px 16px;
    color: #fff;
    background-color: #2b87db;
    margin-top: 24px;
}


.button-add-review span {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}


.aside-container {
    transition: top .25s;
    position: -webkit-sticky;
    position: sticky;
    top: 8px;
}

.aside-section {
    box-sizing: border-box;
    background-color: var(--white_100);
    border: 1px solid #e8e9ec;
    border-radius: 4px;
    padding: 24px;
    box-shadow: 0 4px 16px #00000014;
}

.aside-section-title {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-stretch: 100%;
    display: block;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #000;
}
.fields-container {
    flex-direction: column;
    gap: 22px;
    margin-top: 16px;
    display: flex;
    text-align: left;
}

    .fields-container .label {
        font-size: 14px;
        line-height: 20px;
        color: #0d162e;
        margin-bottom: 6px;
        display: block;
        background-color: #fff;
        font-size: 12px !important;
        font-weight: normal;
        padding:0px;
    }

.required:after {
    content: "•";
    color: #c2122d;
    margin-left: 4px;
}

.control-button {
    border-radius: 4px;
    position: relative;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 4px;
    margin-right: 4px;
}

    .control-button .button {
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
        border-radius: inherit;
        border: 1px solid #d0d8e9;
        background: #f3f5fa;
        z-index: 0;
        color: #0d162e;
        display: inline-flex;
        position: relative;
        font-size: 14px;
        line-height: 20px;
        padding: 3px 12px;
    }

.control-button input {
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
    position: absolute;
}

.control-button:hover .button {
    border-color: #17203a;
    z-index: 1;
}

.input-wrapper {
    border:solid 1px #d0d8e9;
    background-color: #fff;
    border-color: #d0d8e9;
    outline: none;
    flex-direction: row-reverse;
    align-items: center;
    max-width: 100%;
    transition: color .3s, border-color .3s, background-color .3s;
    display: flex;
    position: relative;
    line-height: 20px;
    font-size: 14px;
    height: 28px;
    border-radius: 4px;
}



    .children-wrapper {
        order: 2;
        width: 100%;
        overflow: hidden;
        padding-left: 8px;
        padding-right: 8px;
    }

    .children-wrapper input {
        width: 100%;
        line-height: inherit;
        font-size: inherit;
        color: #0d162e;
        background: 0 0;
        border: none;
        outline: none;
        padding: 0;
        display: block;
        margin-bottom: 0px;
    }



.left-adornment, .right-adornment {
    align-items: center;
    height: calc(100% + 2px);
    margin: -1px 0;
    display: flex;
}

.input-adornment:last-child {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
}

.input-adornment {
    height: 100%;
    color: var(--text-primary-default);
    border: 1px solid #0000;
    border-radius: 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 7px;
    display: flex;
    padding: 0 8px;
}

.children-wrapper .placeholder {
    text-overflow: ellipsis;
    color: #697797;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden;
}

.children-wrapper  placeholder:after {
    content: " ";
}
.arrow {
    color: var(--icon-main-default);
    justify-content: center;
    align-items: center;
    display: flex;
}

.phone-field-text {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-stretch: 100%;
    letter-spacing: 0;
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #a1a7b3;
}

.phone-field-container {
    flex-direction: column;
    gap: 6px;
    display: flex;
}

.control-button-group:not(.spliced) {
    margin-left: -4px;
    margin-right: -4px;
    flex-wrap: wrap;
    margin-top: -4px;
    margin-bottom: -4px;
    display: flex;
}

.textarea-wrapper {
    border-style: solid;
    border-width: 1px;
    border-color: #ced1d7;
    background-color: #fff;
    border-radius: 4px;
    outline: none;
    flex-direction: row-reverse;
    flex: auto;
    align-items: center;
    max-width: 100%;
    transition: all .3s;
    display: flex;
    position: relative;
}

.input-wrapper-focused {
    border-color: #3686ff
}

.textarea {
    width: 100%;
    font-size: inherit;
    line-height: inherit;
    resize: none;
    background: 0 0;
    border: none;
    outline: none;
    order: 2;
    padding-left: 8px;
    padding-right: 8px;
    display: block;
    overflow: hidden;
}

    .textarea::placeholder {
        color: #a1a7b3;
    }

    .send-to-broker-button {
        cursor: pointer;
        white-space: nowrap;
        border: 1px solid #0000;
        outline: none;
        justify-content: center;
        align-items: center;
        display: inline-flex;
        position: relative;
        width: 100%;
        border-radius: 8px;
        height: 44px;
        padding: 10px 16px;
        color: #fff;
        background-color: #2b87db;
    }

.send-to-broker-button-text {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}

.aggreement {
    margin-top: 16px;
    text-align:left;
}

.aggreement-text {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-stretch: 100%;
    letter-spacing: 0;
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #697797
}

.avatar_image {
    vertical-align: middle;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.broker-info-link, .broker-info-link:visited, .broker-info-link:hover {
    cursor: pointer;
    color: #2b87db;
    font-size: 14px;
    line-height: 1.29;
    text-decoration: none;
    transition: color .15s;
}

.aggreement-text A:visited, .aggreement-text A {
    COLOR: #0c6cc4;
    TEXT-DECORATION: none;
}

    .aggreement-text A:hover {
        COLOR: #005580;
    }

.broker-error {
    font-size: 12px;
    line-height: 18px;
    margin-top: 2px;
    color: #c2122d;
}

.control-button .invalid_input, .control-button .invalid_input:hover {
    border-color: #db1f36
}

.invalid_input {
    border-color: #db1f36
}

.control-button .button-selected {
    background: #f3f5fa;
    border-color: #3686ff;
    z-index: 1;
}

.send-to-broker-button-svg {
    width: 16px;
    line-height: 16px;
    display:none
}

.send-to-broker-button-active .send-to-broker-button-svg {
 display:flex
}

.send-to-broker-button-active .send-to-broker-button-text {
    display: none
}

.send-to-broker-button-done {
    border: 1px solid #0000;
    color: #2b87db;
    border-color: #2b87db;
    background-color: #0000;
    cursor:default;
}

.review-form-container {
    padding: 0 16px;
}

.review_form, .list-review-answer-form {
    margin-top: 32px;
    display: flex;
}

.review_form_avatar {
    flex: 0 0 40px;
    margin-top: 10px;
    margin-right: 12px;
}

.review_form_avatar-container {
    background-color: #e4e4e4;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex;
    overflow: hidden;
}

.review_form_content, .answer-form-content {
    border-radius: 2px;
    flex: 1;
    max-width: 100%;
    padding: 10px 0 0;
    text-align: left;
}

.review_form_title, .answer-form-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #121212;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.29;
    overflow: hidden;
}

.form_review {
    z-index: 2;
    margin-top: 12px;
    position: relative;
}

    .form_review .stars {
        margin-top: -8px;
    }

    .form_review .stars-container {
        display: inline-block;
    }

.stars-tooltip {
    display: inline-block;
}

.stars-container {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.stars-star {
    width: 20px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
    margin-right: 8px;
}
.stars-description {
    color: #121212;
    margin: 3px 0 0;
    font-size: 12px;
    line-height: 1.33;
}

.textarea_cont {
    resize: none;
    width: 100%;
    margin-top: 16px;
    display: block;
}


.review-textarea, .answer-form-textarea {
    resize: none;
    border: 1px solid #d0d8e9;
    width: 100%;
    color: #0d162e;
    background-color: #fff;
    outline: none;
    transition: color .3s, border-color .3s, background-color .3s;
    line-height: 20px;
    font-size: 14px;
    padding: 8px;
    border-radius: 4px;
}


.review_form_content footer, .answer-form-footer {
    z-index: 2;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
    display: flex;
    position:relative;
}

.review-button-cancel {
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    overflow: visible;
    text-transform: none;
    -webkit-appearance: button;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid #0000;
    outline: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
    border-radius: 4px;
    height: 28px;
    padding: 4px 12px;
    color: #005ede;
    background-color: #e6f0ff;
    color: #666;
    background-color: #efeff3;
}

.review-button-cancel-text, .review-button-text {
    font-size: 14px;
    line-height: 20px;
}

.submit_button {
    display: inline-block;
}

.review-button {
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    overflow: visible;
    text-transform: none;
    -webkit-appearance: button;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid #0000;
    outline: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
    border-radius: 4px;
    height: 28px;
    padding: 4px 12px;
    color: #fff;
    background-color: #2b87db;
}

.list-review_container {
    display: flex;
}

    .list-review_container:not(:first-child) {
        margin-top: 32px;
    }


.list-review-avatar {
    flex: 0 0 48px;
    margin-right: 16px;
}

.list-review-content {
    flex: 1;
    width: calc(100% - 52px);
}

.list-review-avatar-container {
    background-color: #e4e4e4;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex;
    overflow: hidden;
}

.list-review-avatar-container-image, .review_form_avatar-container-image {
    width: 100%;
    height: 100%;
}


.list-review-content-title {
    gap: 8px;
    display: flex;
}

.list-review-content-title-text {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-stretch: 100%;
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #0d162e;
}

.list-review-content-info {
    align-items: center;
    gap: 12px;
    margin-top: 8px;
    display: flex;
}

.list-review-content-stars {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

.list-review-content-star {
    width: 12px;
    height: 12px;
    margin-left: 4px;
    display: block;
}

    .list-review-content-star:first-child {
        margin-left: 0;
    }

.list-review-content-star > svg {
    display: block;
}

.list-review-content-date {
    color:#000;
    font-size: 12px;
    line-height: 18px;
    display: block;
}

.list-review-content-review {
    white-space: pre-line;
    word-wrap: break-word;
    color: #000;
    background-color: #f1f2f4;
    border-radius: 0 12px 12px;
    margin: 16px 0 0;
    padding: 16px;
    font-size: 16px;
    line-height: 22px;
    text-align:left;
}

.list-review-content-footer {
    margin-top: 8px;
    padding: 9px 0;
    display: flex;
}

.list-review-content-buttons {
    display: flex;
}

.list-review-content-reply-button {
    cursor: pointer;
    color: #0468ff;
    background: 0 0;
    border: none;
    outline: none;
    padding: 0;
    font-family: inherit;
    font-size: 16px;
    line-height: 22px;
    -webkit-appearance: button;
}

.answer-form-form {
    z-index: 2;
    margin-top: 12px;
    position: relative;
}


.answer-container {
    margin-top: 20px;
    margin-left: 34px;
    padding-left: 20px;
}


.show-more-reviews-button {
    text-align: center;
    cursor: pointer;
    border-top: 1px solid #e8e9ec;
    width: 100%;
    margin-top: 20px;
    padding-top: 16px;
}

.show-more-reviews-button-container-text {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-stretch: 100%;
    letter-spacing: 0;
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #0468ff;
}

.review_form-inactive_button  {
    text-align: left;
    cursor: text;
    color: #999;
    background-color: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    outline: none;
    width: 100%;
    height: 28px;
    padding: 3px 8px 5px;
    font-size: 14px;
    line-height: 1.43;
    display: block;
}

.review-action-list {
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.review-action-list-button {
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid #0000;
    outline: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
    border-radius: 4px;
    height: 28px;
    padding: 4px 12px;
    background-color: #2b87db;
    color:#fff;
}

.review-action-list-button-text {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;border-radius: 4px;
    height: 28px;
    padding: 4px 12px;
}

.review-message-light {
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    margin-left: 150px;
    margin-top: -10px;
}

.review-message-light-cont {
    max-width: 450px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    padding: 12px;
    display: flex;
    position: relative;
    background: #000c;
    color: #fff;
    box-shadow: initial;
    margin: 0 0 0 16px;
}

.review-message-light-cont-bottom {
    max-width: 450px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    padding: 12px;
    display: flex;
    position: relative;
    background: #000c;
    color: #fff;
    box-shadow: initial;
}

.review-message-light-cont-answer {
    max-width: 450px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    padding: 12px;
    display: flex;
    position: relative;
    background: #000c;
    color: #fff;
    box-shadow: initial;
}

    .review-message-light-bottom {
        position: absolute;
        inset: 0px auto auto 0px;
        margin: 0px;
        margin-top: -10px;
    }

.review-message-light-answer {
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    margin-top: -10px;
}

.review-message-light-cont-arrow {
    position: absolute;
    top: 0px;
    transform: translate(0px, 14px);
    visibility: hidden;
    z-index: 1;
    width: 12px;
    height: 16px;
    left: -12px;
}
    .review-message-light-cont-arrow:before {
        content: "";
        visibility: visible;
        border-style: solid;
        border-color: #0000;
        position: absolute;
        border-width: 8px 12px 8px 0;
        border-right-color: #000c;
    }

.review-message-light-cont-arrow-bottom {
    position: absolute;  
    visibility: hidden;
    z-index: 1;
    width: 16px;
    height: 12px;
    top: -12px;
    position: absolute;
    left: 300px;
}

.review-message-light-cont-arrow-answer {
    position: absolute;
    visibility: hidden;
    z-index: 1;
    width: 16px;
    height: 12px;
    top: -12px;
    position: absolute;
    left: 120px;
}

    .review-message-light-cont-arrow-bottom:before {
        z-index: 1;
        position: absolute;
        content: "";
        visibility: visible;
        border-style: solid;
        border-color: #0000;
        position: absolute;
        border-width: 0 8px 12px;
        border-bottom-color: #000c;
    }

.review-message-light-cont-arrow-answer:before {
    z-index: 1;
    position: absolute;
    content: "";
    visibility: visible;
    border-style: solid;
    border-color: #0000;
    position: absolute;
    border-width: 0 8px 12px;
    border-bottom-color: #000c;
}


.review-message-light, .review-message-light-bottom, .review-message-light-answer, .review-form-container {
    display: none
}

.review-on-moderation {   
    margin-left:auto;
}

.review-on-moderation-text {
    padding: 4px 8px;
    background-color: #ffb00042;
    border-radius: 4px;
}

.review_rating_number {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-stretch: 100%;
    letter-spacing: normal;
    display: block;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #ff7e00;
}

.review-form-container-short {
 display:block
}


.list-review-content-reply-button-off {
 display:none
}



.modal {
    border-radius: 16px;
    text-align:left;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .3);
    outline: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}
.hide {
    display: none;
}
.modal {
    margin-left: -320px;
    width: 660px;
}
.modal {
    z-index: 100001 !important;
}
@media (max-height: 800px) {
    .modal.in {
        top: 5%;
    }
}
.fade.in {
    opacity: 1;
}
.modal.fade {
    top: -25%;
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear,top .3s ease-out;
    -o-transition: opacity .3s linear,top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
}
    .modal.fade.in {
        top: 10%;
    }
.modal .close-modal {
    background: transparent url(/images/icon_modal_close_red.png) no-repeat center top;
    border-style: none;
    cursor: pointer;
    height: 37px;
    position: absolute;
    right: -18px;
    top: -18px;
    width: 37px;
    z-index: 2;
}
.modal-body {
    position: relative;
    max-height: 500px;
    padding: 15px;
    overflow-y: auto;
}
.modal-body {
    padding: 15px 25px;
}
.modal-body {
    padding: 15px;
}
.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: left;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 16px 16px;
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
span#spnCreateAnAccount, span#myBBSLoginHeading {
    margin-right: 16px;
}
#LoginModal.createaccount .createAccountForm, #LoginModal .loginForm {
    display: inline-block;
}
#LoginModal .createAccountForm, #LoginModal.createaccount .loginForm, #LoginModal.createaccount #divValidation.loginForm {
    display: none;
}
legend small {
    font-size: 15px;
    color: #999;
}
a#registerBFS {
    margin-left: 10px;
}
#LoginModal.createaccount .createAccountForm, #LoginModal .loginForm {
    display: inline-block;
}
.alert {
    background-color: #f7f7ce;
    background-image: -moz-linear-gradient(top,#f7f7ce,#fede80);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7ce), to(#fede80));
    background-image: -o-linear-gradient(top,#f7f7ce,#fede80);
    background-image: linear-gradient(to bottom, #f7f7ce, #fede80);
    background-repeat: repeat-x;
    border: 1px solid #f1c74d;
    box-shadow: 0 2px 8px #f1dda1;
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}

.alert {
    background-color: #faf8e1;
    box-shadow: none;
    border-radius: 0;
    background-image: none;
}
    .alert, .alert h4 {
        color: #866835;
    }
.form-horizontal .control-group {
    margin-bottom: 12px;
}

.modal .control-label {
    color: #666;
    font-size: 15px !important;
    font-weight: normal;
    color: #333;.form-horizontal 
}


.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right;
}

.form-horizontal .controls {
    margin-left: 0;
}

.modal input {
    width: 206px;
    font-size: 15px !important;
    font-family: 'CostarBrownLight', Helvetica, Arial, sans-serif !important;
    font-weight: normal;
}
.formTextField {
    margin-left: 11px;
    height: 20px;
    padding: 4px 6px;
    line-height: 20px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    border-radius: 0 !important;
}
.form-horizontal .control-group:before, .form-horizontal .control-group:after {
    display: table;
    line-height: 0;
    content: "";
}

.modal b {
    font-weight: normal
}


.errCreateAccount {
    font-size: 15px !important;
    font-family: 'CostarBrownLight', Helvetica, Arial, sans-serif !important;
    font-weight: normal;
    line-height: 22px;
}


#chkBuyerNewsletter {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    width: auto;
    margin: 4px 0 0;
}

.modal-footer .btn {
    vertical-align: middle;
    cursor: pointer;
    line-height: 22px;
    font-size: 15px;
    -webkit-appearance: none;
    font-family: 'CostarBrownRegular', Helvetica, Arial, sans-serif !important;
    font-weight: normal !important;
    color: #fff !important;
    filter: none;
    background: #ff8300 !important;
    border: 1px solid #d88900 !important;
    background-color: #ff8300 !important;
    border-color: #da7205;
    border-radius: 0 !important;
    text-shadow: none;
    box-shadow: none;
    padding: 5px 16px;
    box-sizing: border-box;
    margin-left: 171px !important;
}

    .modal-footer .btn:hover {
        background-color: #c16a10 !important;
        border-color: #c16a10 !important;
        cursor: pointer;
    }

#LoginModal .createAccountForm, #LoginModal.createaccount .loginForm, #LoginModal.createaccount #divValidation.loginForm {
    display: none;
}
#LoginModal.createaccount .createAccountForm, #LoginModal .loginForm {
    display: inline-block;
}

.modal-footer:before, .modal-footer:after {
    display: table;
    line-height: 0;
    content: "";
}

.modal-footer:after {
    clear: both;
}

.myBBSLoginForgotPassword {
    margin-left: 166px;
    margin-top: 12px !important;
    padding-left: 5px;
    font-size: 15px !important;
    font-family: 'CostarBrownLight', Helvetica, Arial, sans-serif !important;
    font-weight: normal;
    display: inline-block;
}




aside {
    border: none;
    background: #fff;
    
    margin: 0px;
}


div.result.diamond .priceBlock .btn-primary {
 display:none
}


.offers_header {
    margin-top: 20px;
    margin-bottom: 20px;
}

.offers_header_text {
    font-size: 22px;
}
.offers_header_link {
    margin-left: 20px;
}


.other_actions_cont {
display:none!important
}