.header-profile {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    max-height: 72px;
    box-shadow: 0px 4px 10px 0px #0000001A;
    align-items: center;
    background-color: #FFFFFF;
    padding: 10px 0;
}

.header-profile a {
    color: #666666;
}


.menu-profile {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
    margin: 0;
    padding: 0;
}

.menu-profile li {
    list-style-type: none;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    flex-direction: row;
}

.menu-profile li a {
    text-decoration: none;
    transition: .3s;
}

.menu-profile li a:hover {
    opacity: .6;
}

.header__content__img {
    width: 60px;
    height: 60px;
    border: 1px solid rgba(0, 0, 0, .125);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.company__header__info {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.company__header_stat {
    margin-left: 18px;
}

.company__header_stat p {
    margin: 0;
}

.company__header_stat p:first-child {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 170px;
}

.company__header_stat p:last-child {
    color: #727272;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
}

.header-boss-img {
    max-width: 166px;
    max-height: 50px;
}

.main__block {
    background-color: #F9F9F9;
    width: 100%;
    /*height: 100%;*/
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ms-hb {
    display: none;
}

.fs-hb {
    display: flex;
    justify-content: space-around;
    width: 100%;
    align-items: center;
}


.toggle-menu-btn {
    width: 40px;
    height: 40px;
    background-color: #FFFFFF;
    border: none;
}

.fs-hb-u {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
}

.page-header-block{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 1120px;
}


.wait__list__block {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.wait__list__content {
    max-width: 718px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0px 4px 10px 0px #0000001A;
    padding: 30px 20px;
    text-align: center;
}

.wait__list__content h3 {
    color: #212121;
    font-size: 32px;
    font-weight: 600;
}

.wait__list__content p {
    color: #727272;
    font-size: 32px;
    font-weight: 600;
}

.wait__list__content img {
    width: 100%;
}

@media screen and (max-width: 1130px) {
    .fs-hb, .fs-hb-u {
        display: none;
    }

    .ms-hb {
        display: flex;
        justify-content: center;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }

    .hm-b {
        display: flex;
        width: 90%;
        justify-content: space-between;
        align-items: center;
    }

    .ms-hn {
        flex-direction: column;
        display: flex;
        position: absolute;
        z-index: 1000;
        background-color: #FFF;
        top: 72px;
        width: 100%;
        height: 100%;
    }

    .ms-hn ul {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin: 38px 0 83px 20px;
        gap: 40px;
    }

    .ms-hn li {
        color: #666666;
        font-size: 20px;
        font-weight: 400;
    }

    header {
        min-height: 72px;
        max-height: unset;
    }

    .wait__list__content p, h3 {
        font-size: 24px !important;
    }
}

.show-notif-status {
    min-width: 9px;
    min-height: 9px;
    width: 9px;
    height: 9px;
    border-radius: 5px;
    display: flex;
    background-color: #F46468;
}/*
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align:middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select:none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left:20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select:none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space:nowrap
}

.select2-container .select2-search--inline {
    float:left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding:0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance:none
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index:1051
}

.select2-results {
    display:block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding:0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select:none
}

.select2-results__option[aria-selected] {
    cursor:pointer
}

.select2-container--open .select2-dropdown {
    left:0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius:0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius:0
}

.select2-search--dropdown {
    display: block;
    padding:4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing:border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance:none
}

.select2-search--dropdown.select2-search--hide {
    display:none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter:alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space:nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius:4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height:28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight:bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color:#999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width:20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right:auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor:default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display:none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width:0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor:text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width:100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style:none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding:1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding:0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right:2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right:auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline:0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor:default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display:none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius:0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius:0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border:1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance:textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y:auto
}

.select2-container--default .select2-results__option[role=group] {
    padding:0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color:#999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color:#ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left:1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left:0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left:2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left:3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left:4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left:5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left:6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color:white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding:6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border:1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height:28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right:10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color:#999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right:auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border:1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border:none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width:0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline:0
}

.select2-container--classic .select2-selection--multiple:focus {
    border:1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding:0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display:none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding:0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right:2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right:auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border:1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius:0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius:0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline:0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow:none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border:1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom:none
}

.select2-container--classic .select2-dropdown--below {
    border-top:none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y:auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding:0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color:grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color:#fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding:6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}
!*!
 * @copyright Copyright © Kartik Visweswaran, Krajee.com, 2014 - 2021
 * @version 2.2.2
 *
 * Additional CSS for Select2 for extra functionalities added by Krajee
 *
 * Author: Kartik Visweswaran
 * For more JQuery plugins visit http://plugins.krajee.com
 * For more Yii related demos visit http://demos.krajee.com
 *!
.s2-togall-select .s2-unselect-label, .s2-togall-unselect .s2-select-label {
    display:none
}

.s2-togall-button {
    display: inline-block;
    font-weight: 400;
    color: #337ab7;
    padding: .5rem;
    cursor:pointer
}

.s2-togall-button:focus, .s2-togall-button:hover {
    color: #23527c;
    text-decoration: underline;
    background-color:transparent
}

.s2-togall-select .s2-select-label, .s2-togall-unselect .s2-unselect-label {
    display:inline
}

.s2-select-label, .s2-unselect-label {
    line-height: 1.1;
    font-size:13px
}

.s2-togall-button .s2-select-label i, .s2-togall-button .s2-unselect-label i {
    margin: auto .25rem
}
!*!
 * @copyright Copyright © Kartik Visweswaran, Krajee.com, 2014 - 2021
 * @version 2.2.2
 *
 * Krajee Bootstrap 3.x Theme for Select2
 *
 * Author: Kartik Visweswaran
 * For more JQuery plugins visit http://plugins.krajee.com
 * For more Yii related demos visit http://demos.krajee.com
 *!
.select2-container--krajee {
    display:block
}

.select2-container--krajee .select2-selection--multiple, .select2-container--krajee .select2-selection--single {
    cursor:default
}

.select2-container--krajee .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    font-size: 14px;
    outline:0
}

.select2-container--krajee .select2-search--dropdown .select2-search__field {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    !*background: url(search.png) right 10px top 7px no-repeat #fff;*!
    border: 1px solid #ccc;
    border-radius: 4px;
    color:#555
}

.select2-container--krajee .select2-dropdown[dir=rtl] .select2-search__field {
    !*background:url(search.png) left 10px top 7px no-repeat #fff*!
}

.select2-container--krajee .select2-dropdown .select2-toggle-all {
    display: inline-block;
    margin:5px 10px
}

.select2-container--krajee .select2-search__field {
    outline:0
}

.select2-container--krajee .select2-search__field:-moz-placeholder, .select2-container--krajee .select2-search__field:-ms-input-placeholder, .select2-container--krajee .select2-search__field::-moz-placeholder, .select2-container--krajee .select2-search__field::-webkit-input-placeholder {
    color:#999
}

.select2-container--krajee .select2-search__field::-moz-placeholder {
    opacity:1
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow {
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    position: absolute;
    height: 32px;
    top: 1px;
    right: 1px;
    width:20px
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width:0
}

.select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width:0 4px 5px
}

.select2-container--krajee[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
    left: 1px;
    right:auto
}

.select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border:none
}

.input-group-sm .select2-container--krajee .select2-selection--single .select2-selection__arrow, .input-sm.select2-container--krajee .select2-selection--single .select2-selection__arrow {
    height: 29px;
    width:18px
}

.input-group-sm .select2-container--krajee .select2-selection--single .select2-selection__arrow b, .input-sm .select2-container--krajee .select2-selection--single .select2-selection__arrow b {
    border-width: 4px 3px 0;
    margin-left:-3px
}

.input-group-sm .select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b, .input-sm.select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width:0 3px 4px
}

.input-group-lg .select2-container--krajee .select2-selection--single .select2-selection__arrow, .input-lg.select2-container--krajee .select2-selection--single .select2-selection__arrow {
    height: 45px;
    width: 22px;
    right:2px
}

.input-group-lg .select2-container--krajee[dir=rtl] .select2-selection--single .select2-selection__arrow, .input-lg.select2-container--krajee[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 2px;
    right:auto
}

.input-group-lg .select2-container--krajee .select2-selection--single .select2-selection__arrow b, .input-lg.select2-container--krajee .select2-selection--single .select2-selection__arrow b {
    border-width:6px 5px 0
}

.input-group-lg .select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b, .input-lg.select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width:0 5px 6px
}

.select2-container--krajee li.select2-results__option {
    background-color: #FCF8E3;
    color:#C09853
}

.select2-container--krajee .select2-results__option[aria-disabled=true] {
    color: #333;
    background: #fff;
    cursor: not-allowed;
    opacity: .4;
    filter:alpha(opacity=40)
}

.select2-container--krajee .select2-results__option[role=group] {
    padding:0
}

.select2-container--krajee .load-more, .select2-container--krajee .select2-results__option.loading-results {
    font-style: italic;
    color: #a94442;
    opacity: 1;
    filter: alpha(opacity=100);
    background:url(loading.gif) right 10px center no-repeat #fff
}

.select2-container--krajee .load-more {
    margin:5px 0 5px 5px
}

.select2-container--krajee .select2-dropdown[dir=rtl] .load-more, .select2-container--krajee .select2-dropdown[dir=rtl] .select2-results__option.loading-results {
    background:url(loading.gif) left 10px center no-repeat #fff
}

.select2-container--krajee .select2-dropdown[dir=rtl] .load-more {
    margin:5px 5px 5px 0
}

.select2-container--krajee .select2-results__option[aria-selected] {
    background-color: #fff;
    color: #333;
    border-radius:0
}

.select2-container--krajee .select2-results__option.select2-results__option--selected, .select2-container--krajee .select2-results__option[aria-selected=true] {
    color: #31708f;
    background-color:#d9edf7
}

.select2-container--krajee .select2-results__option--highlighted[aria-selected] {
    background-color: #337ab7;
    color:#fff
}

.select2-container--krajee .select2-results__option .select2-results__option {
    padding:6px 12px
}

.select2-container--krajee .select2-results__option .select2-results__option .select2-results__group {
    padding-left:0
}

.select2-container--krajee .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -12px;
    padding-left:24px
}

.select2-container--krajee .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -24px;
    padding-left:36px
}

.select2-container--krajee .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -36px;
    padding-left:48px
}

.select2-container--krajee .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -48px;
    padding-left:60px
}

.select2-container--krajee .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -60px;
    padding-left:72px
}

.select2-container--krajee .select2-results__group {
    display: block;
    color: #333;
    text-shadow: 0 1px 0 #fff;
    background-color: #eee;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 6px 12px;
    line-height: 1.428571429;
    white-space:nowrap
}

.select2-container--krajee .select2-selection:focus, .select2-container--krajee.select2-container--open .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(102, 175, 233, .6);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-color:#7377F5
}

.select2-container--krajee.select2-container--open.select2-container--below .select2-selection {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-color:transparent
}

.select2-container--krajee.select2-container--open.select2-container--above .select2-selection {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top-color:transparent
}

.select2-container--krajee.select2-container--disabled .select2-search__field, .select2-container--krajee.select2-container--disabled .select2-selection {
    cursor:not-allowed
}

.select2-container--krajee.select2-container--disabled .select2-selection, .select2-container--krajee.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    background-color:#eee
}

.select2-container--krajee.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove, .select2-container--krajee.select2-container--disabled .select2-selection__clear {
    display:none
}

.select2-container--krajee .select2-dropdown {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border-color: #7377F5;
    overflow-x: hidden;
    margin-top:-1px
}

.select2-container--krajee .select2-dropdown--above {
    margin-top:1px
}

.select2-container--krajee .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y:auto
}

.select2-container--krajee .select2-selection--single {
    height: 34px;
    line-height: 1.428571429;
    padding:6px 24px 6px 12px
}

.select2-container--krajee .select2-selection--single .select2-selection__rendered {
    color: #555;
    padding:0
}

.select2-container--krajee .select2-selection--single .select2-selection__placeholder {
    color:#999
}

.select2-container--krajee .select2-selection--multiple {
    min-height:34px
}

.select2-container--krajee .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    line-height: 1.428571429;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
    text-overflow: ellipsis;
    white-space:nowrap
}

.select2-container--krajee .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    float: left;
    margin-top:5px
}

.select2-container--krajee .select2-selection--multiple .select2-selection__choice {
    color: #555;
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin: 5px 0 0 6px;
    padding:0 6px
}

.select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field {
    background: 0 0;
    padding: 0 3px;
    height: 32px;
    line-height: 1.428571429;
    margin-top: 0;
    min-width: 5em;
    color:#999
}

.select2-container--krajee[dir=rtl] .select2-selection--single {
    padding-left: 24px;
    padding-right:12px
}

.select2-container--krajee[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 0;
    padding-left: 0;
    text-align:right
}

.select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float:right
}

.select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 0;
    margin-right:6px
}

.select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right:auto
}

.has-warning .select2-container--krajee .select2-selection, .has-warning.select2-container--krajee .select2-dropdown {
    border-color:#8a6d3b
}

.has-warning .select2-container--krajee.select2-container--focus .select2-selection, .has-warning .select2-container--open .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    border-color:#66512c
}

.has-error .select2-container--krajee .select2-selection, .has-error.select2-container--krajee .select2-dropdown {
    border-color:#a94442
}

.has-error .select2-container--krajee.select2-container--focus .select2-selection, .has-error .select2-container--open .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    border-color:#843534
}

.has-success .select2-container--krajee .select2-selection, .has-success.select2-container--krajee .select2-dropdown {
    border-color:#3c763d
}

.has-success .select2-container--krajee.select2-container--focus .select2-selection, .has-success .select2-container--open .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    border-color:#2b542c
}

.input-lg.select2-container--krajee, .input-sm.select2-container--krajee {
    border-radius: 0;
    font-size: 12px;
    height: auto;
    line-height: 1;
    padding:0
}

.input-group .select2-container--krajee {
    display: table;
    table-layout: fixed;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom:0
}

.input-group.select2-bootstrap-prepend .select2-container--krajee .select2-selection {
    border-bottom-left-radius: 0;
    border-top-left-radius:0
}

.input-group.select2-bootstrap-append .select2-container--krajee .select2-selection {
    border-bottom-right-radius: 0;
    border-top-right-radius:0
}

.input-group-sm .select2-container--krajee .select2-selection--single, .input-sm.select2-container--krajee .select2-selection--single {
    border-radius: 3px;
    font-size: 12px;
    height: 30px;
    line-height: 1.5;
    padding:5px 22px 5px 10px
}

.input-group-sm .select2-container--krajee .select2-selection--multiple, .input-sm.select2-container--krajee .select2-selection--multiple {
    min-height:30px
}

.input-group-sm .select2-container--krajee .select2-selection--multiple .select2-selection__choice, .input-sm.select2-container--krajee .select2-selection--multiple .select2-selection__choice {
    font-size: 12px;
    line-height: 1.5;
    margin: 4px 0 0 5px;
    padding:0 5px
}

.input-group-sm .select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__choice, .input-sm.select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin:5px 4px 0 0
}

.input-group-sm .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field, .input-sm.select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 0 10px;
    font-size: 12px;
    height: 28px;
    line-height:1.5
}

.input-group-lg .select2-container--krajee .select2-selection--single, .input-lg.select2-container--krajee .select2-selection--single {
    border-radius: 6px;
    font-size: 18px;
    height: 46px;
    line-height: 1.3333333;
    padding:10px
}

.input-group-lg .select2-container--krajee .select2-selection--multiple, .input-lg.select2-container--krajee .select2-selection--multiple {
    min-height:46px
}

.input-group-lg .select2-container--krajee .select2-selection--multiple .select2-selection__choice, .input-lg.select2-container--krajee .select2-selection--multiple .select2-selection__choice {
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 4px;
    margin: 9px 0 0 8px;
    padding:0 10px
}

.input-group-lg .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field, .input-lg.select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 0 10px;
    font-size: 18px;
    height: 44px;
    line-height:1.3333333
}

.input-group-lg .select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__choice, .input-lg.select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin:9px 8px 0 0
}

.select2-bootstrap-append .input-group-btn, .select2-bootstrap-append .input-group-btn .btn, .select2-bootstrap-append .select2-container--krajee, .select2-bootstrap-prepend .input-group-btn, .select2-bootstrap-prepend .input-group-btn .btn, .select2-bootstrap-prepend .select2-container--krajee {
    vertical-align:top
}

.form-control.select2-hidden-accessible {
    position: absolute !important;
    width:1px !important
}

.select2-container--krajee .select2-selection__clear {
    color: #000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    opacity:.4
}

.select2-container--krajee .select2-selection__clear:hover {
    opacity:.6
}

.select2-container--krajee .select2-selection--multiple .select2-selection__clear, .select2-container--krajee .select2-selection--single .select2-selection__clear {
    position: absolute;
    top: 6px;
    font-size:16px
}

.select2-container--krajee .select2-selection--single .select2-selection__clear {
    right:25px
}

.select2-container--krajee[dir=rtl] .select2-selection--single .select2-selection__clear {
    left: 25px;
    right:auto
}

.select2-container--krajee .select2-selection--multiple .select2-selection__clear {
    right:10px
}

.select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__clear {
    left: 10px;
    right:auto
}

.input-group-sm .select2-container--krajee .select2-selection__clear, .input-sm.select2-container--krajee .select2-selection__clear {
    top: .5rem;
    font-size:16px
}

.input-group-lg .select2-container--krajee .select2-selection__clear, .input-lg.select2-container--krajee .select2-selection__clear {
    top: .8rem;
    font-size:24px
}

.select2-container--krajee .select2-selection--multiple .select2-selection__choice__remove {
    border: none;
    background: 0 0;
    box-shadow: none;
    outline: 0;
    float: right;
    color: #000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    opacity: .4;
    filter: alpha(opacity=40);
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    margin:2px 0 0 3px
}

.select2-container--krajee .select2-selection--multiple .select2-selection__choice__remove:hover {
    opacity: .6;
    filter:alpha(opacity=60)
}
*/

.input-group-sm .select2-container--krajee .select2-selection--multiple .select2-selection__choice__remove, .input-sm.select2-container--krajee .select2-selection--multiple .select2-selection__choice__remove {
    font-size:15px
}

.input-group-lg .select2-container--krajee .select2-selection--multiple .select2-selection__choice__remove, .input-lg.select2-container--krajee .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 21px;
    margin-left:5px
}

.select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    float: left;
    margin:2px 3px 0 0
}

.input-group-lg .select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove, .input-lg.select2-container--krajee[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin:2px 5px 0 0
}

.input-group-sm.s2-input-group .input-group-btn {
    width:34px
}

.s2-input-group .input-group-btn {
    width:40px
}

.input-group-lg.s2-input-group .input-group-btn {
    width:52px
}

.s2-input-group .input-group-btn > .btn {
    position: absolute;
    height: 100%
}
.has-warning .twitter-typeahead .tt-hint, .has-warning .twitter-typeahead .tt-input {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .twitter-typeahead .tt-hint:focus, .has-warning .twitter-typeahead .tt-input:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-error .twitter-typeahead .tt-hint, .has-error .twitter-typeahead .tt-input {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .twitter-typeahead .tt-hint:focus, .has-error .twitter-typeahead .tt-input:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-success .twitter-typeahead .tt-hint, .has-success .twitter-typeahead .tt-input {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .twitter-typeahead .tt-hint:focus, .has-success .twitter-typeahead .tt-input:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.input-group .twitter-typeahead:first-child .tt-hint, .input-group .twitter-typeahead:first-child .tt-input {
    border-bottom-left-radius: 4px;
    border-top-left-radius:4px
}

.input-group .twitter-typeahead:last-child .tt-hint, .input-group .twitter-typeahead:last-child .tt-input {
    border-bottom-right-radius: 4px;
    border-top-right-radius:4px
}

.input-group.input-group-sm .twitter-typeahead .tt-hint, .input-group.input-group-sm .twitter-typeahead .tt-input {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius:3px
}

select.input-group.input-group-sm .twitter-typeahead .tt-hint, select.input-group.input-group-sm .twitter-typeahead .tt-input {
    height: 30px;
    line-height:30px
}

select[multiple].input-group.input-group-sm .twitter-typeahead .tt-hint, select[multiple].input-group.input-group-sm .twitter-typeahead .tt-input, textarea.input-group.input-group-sm .twitter-typeahead .tt-hint, textarea.input-group.input-group-sm .twitter-typeahead .tt-input {
    height:auto
}

.input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) .tt-hint, .input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) .tt-input {
    border-radius:0
}

.input-group.input-group-sm .twitter-typeahead:first-child .tt-hint, .input-group.input-group-sm .twitter-typeahead:first-child .tt-input {
    border-radius:3px 0 0 3px
}

.input-group.input-group-sm .twitter-typeahead:last-child .tt-hint, .input-group.input-group-sm .twitter-typeahead:last-child .tt-input {
    border-radius:0 3px 3px 0
}

.input-group.input-group-lg .twitter-typeahead .tt-hint, .input-group.input-group-lg .twitter-typeahead .tt-input {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius:6px
}

select.input-group.input-group-lg .twitter-typeahead .tt-hint, select.input-group.input-group-lg .twitter-typeahead .tt-input {
    height: 46px;
    line-height:46px
}

select[multiple].input-group.input-group-lg .twitter-typeahead .tt-hint, select[multiple].input-group.input-group-lg .twitter-typeahead .tt-input, textarea.input-group.input-group-lg .twitter-typeahead .tt-hint, textarea.input-group.input-group-lg .twitter-typeahead .tt-input {
    height:auto
}

.input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) .tt-hint, .input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) .tt-input {
    border-radius:0
}

.input-group.input-group-lg .twitter-typeahead:first-child .tt-hint, .input-group.input-group-lg .twitter-typeahead:first-child .tt-input {
    border-radius:6px 0 0 6px
}

.input-group.input-group-lg .twitter-typeahead:last-child .tt-hint, .input-group.input-group-lg .twitter-typeahead:last-child .tt-input {
    border-radius:0 6px 6px 0
}

.twitter-typeahead {
    width: 100%;
}

.input-group .twitter-typeahead {
    display: table-cell !important;
    float:left
}

.twitter-typeahead .tt-hint {
    color:#999
}

.twitter-typeahead .tt-input {
    z-index:2
}

.twitter-typeahead .tt-input[disabled], .twitter-typeahead .tt-input[readonly], fieldset[disabled] .twitter-typeahead .tt-input {
    cursor: not-allowed;
    background-color:#eee !important
}

.tt-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 160px;
    width: 100%;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip:padding-box
}

.tt-menu .tt-suggestion {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space:nowrap
}

.tt-menu .tt-suggestion.tt-cursor, .tt-menu .tt-suggestion.tt-selectable:hover {
    cursor: default;
    text-decoration: none;
    outline: 0;
    background-color: #f5f5f5;
    color:#262626
}

.tt-menu .tt-suggestion.tt-cursor a {
    color:#262626
}

.tt-menu .tt-suggestion p {
    margin: 0
}
/*!
 * @copyright Copyright © Kartik Visweswaran, Krajee.com, 2014 - 2019
 * @version 1.0.4
 *
 * typeahead.js additional styling
 *
 * Author: Kartik Visweswaran
 * Copyright: 2014, Kartik Visweswaran, Krajee.com
 * For more JQuery plugins visit http://plugins.krajee.com
 * For more Yii related demos visit http://demos.krajee.com
 */
.tt-scrollable-menu .tt-menu {
    max-height: 140px;
    overflow-y:auto
}

.tt-rtl .tt-menu {
    text-align:right
}

.tt-input.loading {
    background:transparent url(../img/loading.gif) no-repeat scroll right center content-box !important
}

.twitter-typeahead input[disabled], fieldset[disabled] .twitter-typeahead input, input[readonly] {
    background-color: #EEE;
    cursor: not-allowed
}

/*AAAA*/


*, :after, :before {
    box-sizing:border-box
}

body {
    background-color: #fff;
    color: #0f0f0f;
    display: flex;
    flex-direction: column;
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
    min-height: 100vh;
    padding: 0;
    position:relative
}

body, button {
    font-family:Roboto, sans-serif
}

[type=button], button {
    -webkit-appearance:none
}


ul {
    list-style-type:none
}

.line-clamp-6 {
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow:hidden
}

.line-clamp-off .line-clamp-6 {
    -webkit-line-clamp:none
}

.ghost {
    pointer-events: none;
    visibility:hidden
}

.h1, h1 {
    color: #0f0f0f;
    font-size: 32px;
    font-weight: 500;
    line-height:1.17
}

@media (max-width: 767px) {
    .h1, h1 {
        font-size: 28px;
        line-height:1.25
    }
}

.h2, h2 {
    color: #0f0f0f;
    font-size: 26px;
    line-height:130%
}

.h2, .h2.medium, h2, h2.medium {
    font-weight:500
}

@media (max-width: 767px) {
    .h2, h2 {
        font-size: 24px;
        font-weight: 500;
        line-height:1.2
    }
}

.h3, h3 {
    color: #0f0f0f;
    font-size: 22px;
    font-weight: 500;
    line-height:1.25
}

@media (max-width: 767px) {
    .h3, h3 {
        font-size:18px
    }
}

.h4, h4 {
    color: #0f0f0f;
    font-size: 18px;
    font-weight: 500;
    line-height:120%
}

@media (max-width: 767px) {
    .h4, h4 {
        font-size:16px
    }
}

.title-20 {
    color: #0f0f0f;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom:24px
}

@media (max-width: 767px) {
    .title-20 {
        font-size: 18px;
        line-height: 120%;
        margin-bottom:16px
    }
}

.text-16 {
    color: #0f0f0f;
    font-size: 16px;
    line-height:145%
}

@media (max-width: 767px) {
    .text-16 {
        font-size:14px
    }
}

._hide, .hide {
    display:none
}

a {
    color:#0C38ED
}

a, a:hover, a:visited:hover {
    text-decoration:none
}

.flex {
    display:flex
}

.dj-ui-disabled, [data-mobile-filters-close] *, [data-mobile-filters-open] * {
    pointer-events:none
}

.dj-ui-disabled {
    opacity:.8
}

.dj-ui-blocked {
    pointer-events:none
}

.fs-10 {
    font-size:10px
}

.fs-12 {
    font-size:12px
}

.fs-14 {
    font-size:14px
}

.fs-16 {
    font-size:16px
}

.fs-18 {
    font-size:18px
}

.fs-20 {
    font-size:20px
}

.fs-22 {
    font-size:22px
}

.fs-24 {
    font-size:24px
}

.fs-26 {
    font-size:26px
}

.fs-28 {
    font-size:28px
}

.fsa-16-14 {
    font-size:16px
}

.fsa-14-12 {
    font-size:14px
}

.fsa-26-20 {
    font-size:26px
}

.fsa-24-16 {
    font-size:24px
}

@media (max-width: 767px) {
    .fsa-16-14 {
        font-size:14px
    }

    .fsa-14-12 {
        font-size:12px
    }

    .fsa-26-20 {
        font-size:20px
    }

    .fsa-24-16 {
        font-size:16px
    }
}

.fw-100 {
    font-weight:100
}

.fw-200 {
    font-weight:200
}

.fw-300 {
    font-weight:300
}

.fw-400 {
    font-weight:400
}

.fw-500 {
    font-weight:500
}

.fw-600 {
    font-weight:600
}

.fw-700 {
    font-weight:700
}

.fw-800 {
    font-weight:800
}

.seo-h-fs-18-wrapper, .seo-h-fs-18-wrapper h1, .seo-h-fs-18-wrapper h2, .seo-h-fs-18-wrapper h3, .seo-h-fs-18-wrapper h4 {
    font-size: 18px;
    font-weight:500
}

.seo-h-fs-18-wrapper h1, .seo-h-fs-18-wrapper h2, .seo-h-fs-18-wrapper h3, .seo-h-fs-18-wrapper h4 {
    display:inline-block
}

.gap-mt-34 + .gap-mt-34 {
    margin-top:34px
}

[data-text-crop-btn]:not(._show), [data-text-crop]._open .crop, [data-text-crop]:not(._open) .hidden-text {
    display:none
}

.rating-field {
    display: flex;
    flex-direction: row-reverse;
    flex-shrink: 0;
    pointer-events:none
}

.rating-field input[type=radio] {
    opacity: 0;
    position: absolute;
    z-index:-1
}

.rating-field input[type=radio]:checked + label, .rating-field input[type=radio]:checked + label ~ label {
    background-image:url(../images/star-active.svg)
}

.rating-field:hover label {
    background-image:url(../images/star.svg) !important
}

.rating-field:hover label:hover, .rating-field:hover label:hover ~ label {
    background-image:url(../images/star-active.svg) !important
}

.rating-field__value {
    background: url(../images/star.svg) no-repeat 50%;
    background-size: 28px 26px;
    cursor: pointer;
    height: 32px;
    margin-left: 10px;
    pointer-events: auto;
    transition: background-image .2s;
    width:32px
}

.rating-field__value:last-child {
    margin-left:0
}

.rating-value {
    display: flex;
    flex-shrink:0
}

.rating-value__star {
    background: url(../images/dest/icons/star-24.svg) no-repeat 50%/cover;
    height: 24px;
    width:24px
}

.rating-value__star._active-full {
    background-image:url(../images/dest/icons/star-active-24.svg)
}

.rating-value__star._active-part {
    background-image:url(../images/dest/icons/star-active-part-24.svg)
}

.rating-value__star + .rating-value__star {
    margin-left:5px
}

.hint {
    display: inline-block;
    vertical-align:top
}

.hint__icon {
    /*background: url(../images/dest/icons/icon-hint.svg) no-repeat 50%;*/
    cursor: pointer;
    height: 24px;
    width:24px
}

.tooltip.tooltip--dj {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 10px #00000026;
    opacity:1
}

.tooltip.tooltip--dj .arrow {
    display:none
}

.tooltip.tooltip--dj .tooltip-inner {
    background: #fff;
    color: #979797;
    font-size: 12px;
    line-height: 18px;
    padding: .25em 1.4em;
    text-align:left
}

.recommend {
    margin-top:38px
}

.recommend input[type=radio] {
    opacity: 0;
    position: absolute;
    z-index:-1
}

.recommend input[type=radio]:checked + label {
    background-color: #6468f4;
    color:#fff
}

.recommend input[type=radio]:checked + label svg path {
    fill:#fff
}

.recommend__fields {
    display: flex;
    margin-top:35px
}

.recommend__field {
    margin-right:47px
}

.recommend__field_label {
    align-items: center;
    background: #e4f4ff;
    border: 1px solid #EFEFFD;
    border-radius: 60px;
    color: #6468f4;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 50px;
    justify-content: center;
    line-height: 20px;
    min-width: 140px;
    padding:5px 10px
}

.recommend__field_label_text {
    min-width:28px
}

.recommend__field_label_icon {
    height: 30px;
    margin-right: 25px;
    width:30px
}

.recommend__field_label_icon svg path {
    fill:#6468f4
}

.b-btn {
    align-items: center;
    background-color: #6468f4;
    border: 0;
    border-radius: 5px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 50px;
    justify-content: center;
    line-height: 20px;
    padding: 15px 40px;
    text-align: center;
    transition:background-color .3s
}

.b-btn--narrow {
    display:inline-flex
}

.b-btn:hover {
    background-color: #1783d2;
    color:#fff
}

.b-btn:active {
    background-color:#005796
}

.b-btn._green {
    background:#32a663
}

.b-btn._dark-green {
    background:#58d555
}

.b-btn._dark-green:hover {
    background-color:#78ce71
}

.b-btn._red {
    background:#d20a11
}

.b-btn._red:hover {
    background:#e63b41
}

.b-btn._full-width {
    width:100%
}

.b-btn._larger {
    height:60px
}

.b-btn._less {
    font-size: 12px;
    height: 36px;
    letter-spacing: .01em;
    line-height: 122.22%;
    padding:9px 29px
}

.b-btn._grey {
    background-color: transparent;
    border: 1px solid #c4c4c4;
    color:#979797
}

.b-btn._grey:hover {
    background-color: #6468f4;
    border-color: #6468f4;
    color:#f8f9f9
}

.b-btn._transparent-blue {
    background-color: transparent;
    border: 1px solid #8ec2e6;
    color:#48a0e1
}

.b-btn._transparent-blue:hover {
    background-color: #6468f4;
    border-color: #6468f4;
    color:#f8f9f9
}

.b-btn._transparent-white {
    background-color: transparent;
    border: 1px solid #fff;
    color:#fff
}

.b-btn._transparent-white:hover {
    background-color: #6468f4;
    border-color: #6468f4;
    color:#f8f9f9
}

.b-btn._white {
    background-color: transparent;
    border: 1px solid #fff;
    color:#fff
}

.b-btn._white:active, .b-btn._white:hover {
    background-color: #fff;
    border-color: #fff;
    color:#6468f4
}

.b-btn--blue, .b-btn._blue, .b-btn._light-blue {
    background-color: #eaf6ff;
    color:#6468f4
}

.b-btn--blue:hover, .b-btn._blue:hover, .b-btn._light-blue:hover {
    background-color:#d6ecfd
}

.b-btn--blue:active, .b-btn._blue:active, .b-btn._light-blue:active {
    background-color:#b4dfff
}

.breadcrumb {
    background-color: #fff;
    margin-bottom: 0;
    margin-top:62px
}

.breadcrumb .breadcrumb-item a {
    color: #6468f4;
    font-size: 16px;
    line-height:145%
}

.breadcrumb .breadcrumb-item.active {
    align-items: center;
    color: #979797;
    display: flex;
    font-size: 16px;
    line-height:145%
}

@media (max-width: 767px) {
    .b-btn {
        padding-left: 20px;
        padding-right:20px
    }

    .b-btn._larger {
        height:50px
    }
}

@media (max-width: 576px) {
    .b-btn._less {
        font-size: 10px;
        height: 32px;
        letter-spacing: normal;
        line-height: 14px;
        padding:8px 20px
    }
}

.arrow-link {
    align-items: center;
    color: #6468f4;
    display: flex;
    font-size: 14px;
    line-height: 20px;
    text-decoration:none
}

.arrow-link:after {
    background: url(../images/dest/icons/arrow-link.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 20px;
    margin-left: 8px;
    vertical-align: top;
    width:4px
}

.arrow-link--back:after {
    content:none
}

.arrow-link--back:before {
    background: url(../images/dest/icons/arrow-link-back.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 20px;
    margin-right: 8px;
    vertical-align: top;
    width:4px
}

.arrow-link__wrapper {
    line-height: 0;
    margin-top:6px
}

.back-link {
    align-items: center;
    color: #6468f4;
    display: flex;
    font-size: 16px;
    line-height: 24px;
    text-decoration:none
}

.back-link:before {
    background: url(../images/dest/icons/arr-back.svg) no-repeat 50%;
    content: "";
    height: 24px;
    margin-right: 8px;
    width:24px
}

.networks {
    display:flex
}

.networks__item {
    margin-right:10px
}

@media (max-width: 767px) {
    .recommend {
        margin-top:50px
    }

    .recommend__fields {
        justify-content: space-between;
        max-width:320px
    }

    .recommend__field {
        margin-right:0
    }

    .recommend__field + .recommend__field {
        margin-left:20px
    }
}

.radio-group {
    display:flex
}

.radio-group input[type=radio] {
    opacity: 0;
    position: absolute;
    z-index:-1
}

.radio-group input[type=radio]:checked + label {
    background-color: #6468f4;
    border-color: #6468f4;
    color:#fff
}

.radio-group._small .radio-group__item_label {
    height: 35px;
    margin-bottom:0
}

.radio-group__item {
    flex:1
}

.radio-group__item:first-child .radio-group__item_label {
    border-bottom-left-radius: 5px;
    border-top-left-radius:5px
}

.radio-group__item:last-child .radio-group__item_label {
    border-bottom-right-radius: 5px;
    border-top-right-radius:5px
}

.radio-group__item_label {
    align-items: center;
    background: #E9F0FA;
    border: 1px solid #ccebff;
    color: #0f0f0f;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 48px;
    justify-content: center;
    line-height: 20px;
    padding: 5px 10px;
    text-align:center
}

.radio-group__item + .radio-group__item .radio-group__item_label {
    border-left:0
}

.password-field {
    position:relative
}

.password-field input:-moz-placeholder-shown + .password-field__icon {
    display:none
}

.password-field input:-ms-input-placeholder + .password-field__icon {
    display:none
}

.password-field input:placeholder-shown + .password-field__icon {
    display:none
}

.password-field input {
    padding-right:35px !important
}

.password-field__icon {
    background: url(../images/dest/icons/eye.svg) no-repeat 50%;
    cursor: pointer;
    height: 24px;
    margin-top: -12px;
    position: absolute;
    right: 12px;
    top: 50%;
    width: 24px;
    z-index:2
}

.password-field__icon._open {
    background-image:url(../images/dest/icons/eye-open.svg)
}

@media (max-width: 767px) {
    .radio-group:not(._small) {
        display:block
    }

    .radio-group:not(._small) .radio-group__item + .radio-group__item .radio-group__item_label {
        border-left: 1px solid #ccebff;
        border-top:1px solid #f0f0f0
    }

    .radio-group:not(._small) .radio-group__item:first-child .radio-group__item_label {
        border-bottom-left-radius: 0;
        border-top-right-radius: 5px;
        border-top-width:1px
    }

    .radio-group:not(._small) .radio-group__item:last-child .radio-group__item_label {
        border-bottom-left-radius: 5px;
        border-bottom-width: 1px;
        border-top-right-radius:0
    }

    .radio-group:not(._small) .radio-group__item_label {
        border-bottom-width: 0;
        border-top-width: 0;
        height: 50px;
        justify-content: flex-start;
        padding:10px 15px
    }

    .radio-group._small .radio-group__item_label {
        height:40px
    }
}

.ajax-loader {
    background: url(../images/dest/icons/loader.svg) no-repeat 50%;
    height:100px
}

@keyframes color_change {
    0% {
        fill:#2e76aa
    }

    to {
        fill:#c4c4c4
    }
}

main .ajax-loader:first-child {
    margin-bottom:32px
}

.ajax-loader svg {
    height: 100px;
    width:100px
}

.ajax-loader path:not(:last-child) {
    animation-duration: 1125ms;
    animation-iteration-count: infinite;
    animation-name:color_change
}

.ajax-loader path:first-child {
    animation-delay:0ms
}

.ajax-loader path:nth-child(2) {
    animation-delay:125ms
}

.ajax-loader path:nth-child(3) {
    animation-delay:.25s
}

.ajax-loader path:nth-child(4) {
    animation-delay:375ms
}

.ajax-loader path:nth-child(5) {
    animation-delay:.5s
}

.ajax-loader path:nth-child(6) {
    animation-delay:725ms
}

.ajax-loader path:nth-child(7) {
    animation-delay:825ms
}

.ajax-loader path:nth-child(8) {
    animation-delay:1s
}

.cool-input {
    border: 1px solid #e6e6e6;
    border-radius: 7px;
    box-sizing: border-box;
    font-size: 24px;
    height: 50px;
    margin: 0 auto 25px;
    position: relative;
    width:100%
}

.cool-input:focus {
    border:none
}

.cool-input--captcha {
    margin-top:60px
}

.cool-input--captcha img {
    left: 0;
    position: absolute;
    top:-46px
}

.cool-input__input {
    -webkit-text-fill-color: #000;
    background: none;
    border: none;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 0 50px #fff;
    box-sizing: border-box;
    font-size: 14px;
    height: 100%;
    padding: 0 20px;
    position: relative;
    text-align: left;
    width: 100%;
    z-index:2
}

.cool-input__input:focus {
    font-size: 14px;
    margin-top: 0;
    outline: none;
    padding-bottom: 0;
    padding-top:0
}

.cool-input__placeholder {
    background: none;
    background: #fff;
    border: none;
    box-sizing: border-box;
    color: #c2c3c4;
    font-size: 14px;
    left: 20px;
    line-height: 18px;
    margin-top: -9px;
    padding: 0 3px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transition: all .2s ease;
    z-index:2
}

.cool-input__placeholder.test {
    font-size: 12px;
    margin-top: -9px;
    top:0
}

.desript-salary h2, .desript_company h2 {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
    margin:0 0 25px
}

.desript-salary h3, .desript_company h2 {
    font-size: 20px;
    margin:0 0 6px
}

.desript-salary p, .desript_company p {
    color: #000;
    font-size: 16px;
    line-height: 145%;
    margin-bottom:25px
}

.desript_company {
    max-width:602px
}

.desript-salary, .desript_company {
    color: #000;
    font-size: 16px;
    line-height: 145%;
    margin-top:70px
}

.desript-salary ul, .desript_company ul {
    list-style: unset;
    margin:0 0 25px 18px
}

.desript-salary ol, .desript_company ol {
    list-style:decimal
}

.header {
    background: #6468f4;
    display: flex;
    padding:20px 0
}

.header .navbar-brand--dj {
    background: url(../images/dest/logo.svg) no-repeat 50%/contain;
    height: 24px;
    width:131px
}

.header__search-form .tt-scrollable-menu .tt-menu {
    margin-left: -3px;
    width:calc(100% + 45px)
}

.header .search_form_btn {
    background: url(../images/dest/icons/search-black.svg) no-repeat 50% #fff;
    border: 0;
    border-radius: 5px;
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    z-index:2
}

.header .input-group {
    height: 40px;
    margin: 0 40px;
    max-width:500px
}

.header .input-group.open_inp {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    display: block;
    padding-right: 16px;
    right: 0;
    transition:display .1s, right .8s
}

.header .input-group-append, .header .input-group-prepend {
    display:block
}

.header .input-group-append {
    background: #fff;
    border: none;
    border-radius: 3px;
    margin-left:-3px
}

.header .input-group-text {
    background: #fff;
    border: none;
    border-radius: 3px;
    height:40px
}

.header .red-border {
    border: none;
    height:40px
}

.header .btn-success {
    background: #58d555;
    color: #f8f9f9;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 20px;
    padding:10px 25px
}

.header .img_burger, .header .search_img {
    margin-left:20px
}

.header .search_img img {
    height: 25px;
    width:25px
}

.header a {
    color: #f8f9f9;
    display: block;
    font-size: 14px;
    letter-spacing: .01em;
    line-height:122.22%
}

.header a img + span {
    margin-left:8px
}

.header__link {
    transition:opacity .2s ease
}

.header__link:hover {
    opacity:.7
}

.header__link._employer {
    margin-right:50px
}

.header__link._profile {
    margin-right:20px
}

.header__review-btn {
    height: 40px;
    padding: 10px 0;
    width:160px
}

.header._tariffs {
    padding:15px 0
}

.header .tt-scrollable-menu {
    max-width:calc(100% - 42px)
}

.header .tt-scrollable-menu input:first-child {
    left: 0;
    position: absolute;
    top:0
}

.header .dropdown-toggle:after {
    border: none;
    border-bottom: 0;
    content: "";
    display: inline-block;
    margin-left: 0;
    vertical-align:0
}

.header .dropdown-toggle {
    padding:0
}

.header .dropdown-toggle:focus {
    box-shadow:none
}

.header .dropdown-menu {
    border-radius: 7px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .05);
    padding:10px 8px 4px 25px
}

.header .dropdown-menu .dropdown-item {
    color: #6468f4;
    font-size: 16px;
    line-height: 16px;
    padding: 12px 1.5rem;
    position:relative
}

.header .dropdown-menu .dropdown-item:hover {
    background: transparent;
    opacity:.6
}

.header .dropdown-item:before {
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 24px;
    left: -13px;
    position: absolute;
    top: 7px;
    width:24px
}

.header .main-li:before {
    background-image:url(../images/dest/lk/blue-home.svg)
}

.header .profile-li:before {
    background-image:url(../images/dest/lk/blue-user.svg)
}

.header .reviews-li:before {
    background-image:url(../images/dest/lk/blue-message.svg)
}

.header .exit-li:before {
    background-image:url(../images/dest/lk/blue-exit.svg)
}

.header .bg-light {
    background-color: #6468f4 !important;
    padding:0
}

@media (max-width: 767px) {
    .img_burger, .search_img {
        width:25px
    }

    .header {
        padding:10px 0
    }

    .header .navbar-brand--dj {
        height: 23px;
        width:123px
    }
}

@media (min-width: 767px) and(max-width: 1279px) {
    .header .btn-success {
        padding:9px 15px
    }
}

@media (min-width: 320px) and(max-width: 992px) {
    .navbar-brand {
        margin-right:auto
    }

    .navbar .search img {
        width:25px
    }

    .navbar-toggler {
        background-color: transparent;
        border: none;
        border-radius: .25rem;
        font-size: 1.25rem;
        line-height: 1;
        margin-right: 8px;
        padding:0
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url(../images/dest/lk/menu.svg);
        margin-left:17px
    }
}

@media (max-width: 991px) {
    .header .navbar {
        padding: 0 15px;
        position: relative;
        z-index:11
    }

    .header .container {
        max-width:100%
    }
}

@media (max-width: 800px) {
    .header {
        height: 60px;
        padding:14px 0
    }

    .header .container {
        padding:0
    }

    .header .hide_input {
        right: 0;
        transition:right .6s
    }

    .header .close {
        align-items: center;
        background: #fff;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
        display: flex;
        margin-left: -3px;
        opacity: 1;
        padding-right:11px
    }

    .header .close img {
        height: 16px;
        width:16px
    }

    .header .close:not(:disabled):not(.disabled):focus, .header .close:not(:disabled):not(.disabled):hover {
        opacity:1
    }

    .header .tt-scrollable-menu {
        max-width: 100%;
        padding-left:16px
    }

    .header .input-group {
        background: #6468f4;
        display: none;
        margin: 0;
        max-width: 100%;
        padding: 0;
        position: absolute;
        right: -665px;
        top: -4px;
        transition: display .1s, right .8s;
        width:100%
    }

    .header .navbar-collapse {
        margin-top: 8px;
        width: 100%;
        z-index:3
    }

    .header .mob_menu {
        width:100%
    }

    .header .input-group .twitter-typeahead:last-child .tt-input, .input-group .twitter-typeahead:last-child .tt-hint {
        background-image: url(../images/dest/index/search2.svg);
        background-position: 2% 50%;
        background-repeat: no-repeat;
        border-radius: 3px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        padding-left:32px
    }
}

@media (min-width: 768px) and(max-width: 991px) {
    .header .tt-scrollable-menu {
        max-width:calc(100% - 15px)
    }

    .header .input-group .twitter-typeahead:last-child .tt-hint::-moz-placeholder, .header .input-group .twitter-typeahead:last-child .tt-input::-moz-placeholder {
        color: #0f0f0f;
        font-size:12px
    }

    .header .input-group .twitter-typeahead:last-child .tt-hint:-ms-input-placeholder, .header .input-group .twitter-typeahead:last-child .tt-input:-ms-input-placeholder {
        color: #0f0f0f;
        font-size:12px
    }

    .header .input-group .twitter-typeahead:last-child .tt-hint::placeholder, .header .input-group .twitter-typeahead:last-child .tt-input::placeholder {
        color: #0f0f0f;
        font-size:12px
    }

    .header .input-group {
        background: #6468f4;
        display: none;
        margin: 0;
        padding: 0;
        position: absolute;
        right: -665px;
        top: -4px;
        transition: right .6s;
        width:100%
    }
}

@media (min-width: 992px) and(max-width: 1279px) {
    .header .input-group {
        max-width:54%
    }

    .header {
        height:80px
    }
}

.filter {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    padding:35px 28px
}

.filter ._star {
    background: url(../images/star-active.svg) no-repeat 100%/16px;
    padding-right:20px
}

.filter__block {
    border-bottom: 1px solid #ececec;
    margin-bottom: 22px;
    padding-bottom:17px
}

.filter__block:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom:0
}

.filter__block_title {
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding-right: 24px;
    position:relative
}

.filter__block_title._active:after {
    transform:rotate(180deg)
}

.filter__block_title:after {
    background: url(../images/dest/icons/filter-arrow.svg) no-repeat 50%;
    content: "";
    height: 16px;
    position: absolute;
    right: -5px;
    top: 6px;
    width:16px
}

.filter__block_options {
    padding-top:12px
}

.filter__block_options input[type=checkbox] {
    display:none
}

.filter__block_options input[type=checkbox]:checked + label:after {
    background: #6468f4 url(../images/dest/icons/icon-check.svg) no-repeat 50%;
    border-color:#6468f4
}

.filter__block_options label {
    cursor: pointer;
    display: block;
    font-size: 16px;
    line-height: 20px;
    margin: 12px 0 0;
    padding-left: 37px;
    position:relative
}

.filter__block_options label:after {
    border: 1px solid #979797;
    border-radius: 3px;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: -1px;
    width:20px
}

.filter__block_options label a {
    background: url(../images/dest/icons/import.svg) no-repeat 50%;
    display: inline-block;
    height: 10px;
    margin-left: 3px;
    pointer-events: auto;
    width:10px
}

.filter__reset {
    margin-bottom:34px
}

@media (max-width: 767px) {
    .filter {
        box-shadow: none;
        flex: 1;
        overflow: auto;
        padding:50px 16px 0
    }
}

@media (max-width: 800px) {
    .filter {
        display:none
    }
}

#footer {
    background-color: #f2f7fb;
    padding: 30px 0 12px;
    position: relative;
    width:100%
}

#footer .a_footer {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin:0 16px
}

#footer .foot_hr {
    border: none;
    border-top: 1px solid #f0f0f0;
    margin-bottom: 0;
    margin-top: 7px;
    opacity:1
}

#footer .second-row {
    color: #364047;
    font-size:14px
}

#footer .second-row a {
    color: #a6a9ac;
    margin-left: 5px;
    opacity:1
}

#footer .second-row p {
    color: #364047;
    font-family: Roboto;
    font-size: 14px;
    line-height: 20px;
    opacity:.6
}

#footer hr {
    border: 1px solid #85888a;
    margin-bottom: .5rem;
    margin-top: .5rem;
    opacity:.3
}

#footer p, #footer span {
    color: #979797;
    font-size: 14px;
    font-weight: 300;
    line-height: 130%;
    opacity: .7;
    text-align:justify
}

#footer a img {
    margin: -4px 0 0 7px;
    opacity: 1;
    width:19px
}

#footer #accordion {
    display:flex
}

#footer #accordion .card {
    background: transparent;
    border: none;
    display: block;
    padding-right: 10px;
    width:25%
}

#footer #accordion .card:last-child {
    padding-right:0
}

#footer #accordion .card .mob_collapse {
    display:block
}

#footer #accordion .card .card-header {
    background: transparent;
    border-bottom: none;
    margin-bottom: 0;
    padding:0
}

#footer #accordion .card .card-header button {
    background: transparent;
    color: #364047;
    cursor: default;
    font-size: 18px;
    font-weight: 500;
    padding:0
}

#footer #accordion .card .card-header button:hover {
    color: #364047;
    text-decoration:none
}

#footer #accordion .card .card-header button:focus {
    box-shadow: none;
    outline: none;
    text-decoration:none
}

#footer #accordion .card .card-body {
    padding:22px 0
}

#footer #accordion .card .card-body a {
    color: #364047;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    transition:opacity .2s ease
}

#footer #accordion .card .card-body a:hover {
    color: #364047;
    opacity: .6;
    text-decoration:none
}

#footer #accordion .card .card-body .soc_link, #footer #accordion .card .card-body a img {
    display:inline
}

#footer #accordion .card .card-body .soc_link img {
    margin-right:25px
}

#footer .second-row {
    margin-bottom: 24px;
    margin-top:34px
}

#footer .footer__develop {
    margin-left:10px
}

#footer .footer__develop:hover svg path {
    fill:#364047
}

#footer .footer__develop svg {
    width:25px
}

#footer .footer__develop svg path {
    transition:fill .2s ease
}

.footer__bottom {
    align-items: center;
    color: #979797;
    font-size: 14px;
    line-height: 130%;
    opacity:.7
}

@media (max-width: 767px) {
    .footer__bottom {
        margin-bottom:8px
    }

    #footer #accordion .card .mob_collapse {
        display:none
    }

    #footer .second-row {
        margin-bottom: 52px;
        margin-top:0
    }

    #footer #accordion .card .mob_collapse.show {
        display:block
    }

    #footer #accordion .card {
        border-bottom: 1px solid #85888a;
        padding-right: 0;
        width:100%
    }

    #footer #accordion .card:last-child {
        border-bottom:none
    }

    #footer #accordion {
        display:block
    }

    #footer #accordion .card .card-header .btn.btn-link {
        color: #85888a;
        font-size: 17px;
        font-weight: 500;
        opacity: .7;
        padding: 20px 0 20px 10px;
        position: relative;
        text-align: left;
        width:100%
    }

    #footer #accordion .card .card-header .btn.btn-link:after {
        background: url(../images/dest/arr.svg) no-repeat 50%;
        content: "";
        height: 8px;
        position: absolute;
        right: 21px;
        top: 50%;
        transform: rotate(180deg);
        width:14px
    }

    #footer #accordion .card .card-header .btn.btn-link.collapsed {
        color: #364047;
        font-size: 17px;
        font-weight: 500;
        padding: 20px 0 20px 10px;
        position: relative;
        text-align: left;
        width:100%
    }

    #footer #accordion .card .card-header .btn.btn-link.collapsed:after {
        background: url(../images/dest/arr.svg) no-repeat 50%;
        content: "";
        height: 8px;
        position: absolute;
        right: 21px;
        top: 50%;
        transform: rotate(0deg);
        width:14px
    }

    #footer #accordion .card .card-body {
        padding:10px 0
    }

    .card {
        border-radius:0
    }
}

.invalid-feedback {
    display:block
}

.form-control:focus {
    border-color: #c2c3c4;
    box-shadow:none
}

.b-form *, .b-form :focus, .b-form :hover {
    outline:none
}

.b-form label {
    margin-bottom:0
}

.b-form__title {
    margin-bottom:34px
}

.b-form__title._bold {
    font-weight:700
}

.b-form__row + .b-form__row {
    margin-top:32px
}

.b-form__prompt {
    color: #c4c4c4;
    font-size: 12px;
    line-height: 18px;
    margin-top:12px
}

.b-form__marks {
    display: flex;
    margin-top:9px
}

.b-form__marks input[type=radio] {
    opacity: 0;
    position: absolute;
    z-index:-1
}

.b-form__marks input[type=radio]:checked + label .b-form__mark_icon {
    background: url(../images/dest/icons/check-big.svg) no-repeat 50% #6468f4;
    border-color:transparent
}

.b-form__marks input[type=radio]:checked + label .b-form__mark_number {
    display:none
}

.b-form__mark {
    padding:0 7px
}

.b-form__mark + .b-form__mark {
    margin-left:21px
}

.b-form__mark_label {
    cursor:pointer
}

.b-form__mark_icon {
    align-items: center;
    background: #E9F0FA;
    border: 1px solid #ccebff;
    border-radius: 50%;
    box-sizing: border-box;
    color: #6468f4;
    display: flex;
    font-size: 14px;
    height: 40px;
    justify-content: center;
    width:40px
}

.b-form__mark_text {
    color: #979797;
    display: block;
    font-size: 10px;
    line-height: 14px;
    margin: 8px -15px 0;
    text-align:center
}

.b-form__block_top {
    align-items: center;
    display: flex;
    padding-bottom:15px
}

.b-form__block_title {
    font-size: 16px;
    font-weight: 500;
    line-height:20px
}

.b-form__block_require {
    color: #979797;
    font-size: 10px;
    font-weight: 500;
    line-height: 20px;
    margin-left: auto;
    padding-left:10px
}

.b-form__input {
    height:50px;
    position: relative;
}

.b-form__input .has-error .twitter-typeahead .tt-hint::-moz-placeholder, .b-form__input .has-error .twitter-typeahead .tt-input::-moz-placeholder {
    color:red
}

.b-form__input .has-error .twitter-typeahead .tt-hint:-ms-input-placeholder, .b-form__input .has-error .twitter-typeahead .tt-input:-ms-input-placeholder {
    color:red
}

.b-form__input .has-error .twitter-typeahead .tt-hint::placeholder, .b-form__input .has-error .twitter-typeahead .tt-input::placeholder {
    color:red
}

.b-form__input input {
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    box-sizing: border-box;
    color: #0f0f0f;
    font-size: 14px;
    height: 50px;
    padding: 10px 20px;
    width:100%
}

.has-success .b-form__input input {
    border-color:#3c763d
}

.b-form__input input::-moz-placeholder {
    color: #c4c4c4;
    font-size:14px
}

.b-form__input input:-ms-input-placeholder {
    color: #c4c4c4;
    font-size:14px
}

.b-form__input input::placeholder {
    color: #c4c4c4;
    font-size:14px
}

.b-form__textarea .has-success textarea {
    border-color:#3c763d
}

.b-form__textarea textarea {
    background: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    box-sizing: border-box;
    color: #0f0f0f;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 130px;
    line-height: 20px;
    min-height: 100px;
    padding: 15px 16px;
    resize: vertical;
    width:100%
}

.b-form__textarea textarea::-moz-placeholder {
    color:#c4c4c4
}

.b-form__textarea textarea:-ms-input-placeholder {
    color:#c4c4c4
}

.b-form__textarea textarea::placeholder {
    color:#c4c4c4
}

.b-form__textarea textarea:not(:-moz-placeholder-shown) {
    background:#E9F0FA
}

.b-form__textarea textarea:not(:-ms-input-placeholder) {
    background:#E9F0FA
}

.b-form__textarea textarea:not(:placeholder-shown) {
    background:#E9F0FA
}

.b-form__textarea_text {
    color: #979797;
    font-size: 12px;
    line-height: 130%;
    padding-top:10px
}

.b-form__columns {
    display: flex;
    justify-content:space-between
}

.b-form__column {
    width:calc(50% - 20px)
}

.b-form__radio {
    line-height:0
}

.b-form__radio input[type=radio] {
    opacity: 0;
    position: absolute;
    z-index:-1
}

.b-form__radio input[type=radio]:checked + label .b-form__radio_label_icon:after {
    background: #6468f4;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 3px;
    position: absolute;
    top: 3px;
    width:8px
}

.b-form__radio_label {
    color: #000;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    padding-left: 23px;
    position:relative
}

.b-form__radio_label_icon {
    border: 1px solid #6468f4;
    border-radius: 50%;
    box-sizing: border-box;
    height: 16px;
    left: 0;
    position: absolute;
    top: 1px;
    width:16px
}

.b-form__radio_list .b-form__radio + .b-form__radio {
    margin-top:10px
}

.has-error .b-form__input input, .has-error .b-form__textarea textarea, .has-error .twitter-typeahead .tt-hint, .has-error .twitter-typeahead .tt-input {
    border-color:#cf2f38
}

.help-block-error, .help-block.help-block-error {
    color: #cf2f38;
    font-size:12px
}

@media (max-width: 767px) {
    .b-form__block_top {
        padding-bottom:10px
    }

    .b-form__prompt {
        color: #979797;
        margin-top:15px
    }

    .b-form__marks {
        justify-content: space-between;
        margin-top: 19px;
        max-width:450px
    }

    .b-form__mark {
        padding:0
    }

    .b-form__mark + .b-form__mark {
        margin-left:10px
    }

    .b-form__mark_text {
        margin: 10px -8px 0;
        width:56px
    }

    .b-form__textarea textarea {
        height: 100px;
        min-height:80px
    }

    .b-form__textarea_text {
        padding-top:6px
    }

    .b-form__columns {
        display:block
    }

    .b-form__column {
        width:100%
    }

    .b-form__column + .b-form__column {
        margin-top:32px
    }
}

.ratings {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    padding:20px 34px 34px
}

.ratings__header {
    font-weight: 500;
    margin-bottom:12px
}

.ratings .ratings__item {
    margin: 20px 0 0;
    width:49%
}

.ratings__item {
    color: #0f0f0f;
    display: inline-block;
    font-size: 16px;
    line-height:145%
}

.ratings__item-header {
    align-items: center;
    display:flex
}

.ratings__item-value {
    font-weight: 900;
    width:30px
}

.ratings__item-detail {
    padding:0 0 0 30px
}

.ratings__item-progress {
    background: #f0f0f0;
    border-radius: 8px;
    height: 8px;
    margin: 7px 0 0;
    width:92%
}

.ratings__item-progress-value {
    background: #f9c200;
    border-radius: 8px;
    height:100%
}

.ratings__item-text {
    color: #979797;
    font-size: 14px;
    text-transform:lowercase
}

@media (max-width: 767px) {
    .ratings {
        padding:18px 15px 20px 20px
    }

    .ratings .ratings__item {
        margin:16px 0 0
    }

    .ratings__item {
        font-size:14px
    }

    .ratings__item-progress {
        height: 3px;
        margin: 6px 0 0;
        width:80%
    }

    .ratings__item-text {
        font-size: 10px;
        line-height:18px
    }
}

.slider {
    position:relative
}

.slider .swiper-button-disabled {
    display:none !important
}

.slider.top-indent {
    margin-top:50px
}

@media (max-width: 767px) {
    .slider.top-indent {
        margin-top:36px
    }
}

.slider.shadow-indent .swiper-slide {
    padding-bottom:15px
}

.slider.shadow-indent .swiper-container {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top:10px
}

.slider.hh__slider .swiper-container {
    padding-top:5px
}

.slider__button {
    background: url(../images/dest/icons/slider-arrow.svg) no-repeat 50% rgba(0, 99, 170, .05);
    border-radius: 50%;
    height: 46px;
    margin-top: -23px;
    position: absolute;
    top: 50%;
    width: 46px;
    z-index:2
}

.slider__button._prev {
    left: -72px;
    transform:rotate(180deg)
}

.slider__button._next {
    right:-72px
}

.slide-image {
    background: none no-repeat 50%;
    background-size: cover;
    border-radius: 8px;
    height:240px
}

@media (max-width: 767px) {
    .slider .swiper-slide {
        width:295px
    }

    .slider .swiper-container {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right:15px
    }

    .slider.shadow-indent .swiper-slide {
        padding-bottom:15px
    }

    .slider.shadow-indent .swiper-container {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right:15px
    }

    .slide-image {
        height:180px
    }
}

.rating {
    display:flex
}

.rating__rate {
    color: #0f0f0f;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.01em;
    line-height: 1;
    margin-right: 4px;
    padding-top:4px
}

.rating__stars {
    background: url(../images/dest/icons/rating.svg) no-repeat 50%;
    height: 20px;
    width:100px
}

.rating__stars_value {
    height: 20px;
    overflow:hidden
}

.rating__stars_active {
    background: url(../images/dest/icons/rating-active.svg) no-repeat 50%;
    height: 20px;
    width:100px
}

.rating._is-big .rating__rate {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height:28px
}

@media (max-width: 767px) {
    .rating._is-big .rating__rate {
        font-size: 18px;
        line-height: 21px;
        margin-right:9px
    }
}

.review-tags {
    font-size:0
}

.review-tags__item {
    background-color: #f7f7f7;
    border-radius: 4px;
    color: #0f0f0f;
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    margin: 0 10px 10px 0;
    padding:3px 9px
}

@media (max-width: 767px) {
    .review-tags__item {
        margin: 0 4px 7px 0;
        padding:2.5px 8px
    }
}

.company-card {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    color:#000
}

.company-card a {
    color:#000
}

.company-card__image {
    background: url(../images/dest/icons/plug.svg) no-repeat 43%/cover;
    border-radius: 10px 10px 0 0;
    height: 170px;
    position:relative
}

.company-card__logo {
    background: #fff;
    border-radius: 5px;
    bottom: -32px;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .15));
    height: 90px;
    position: absolute;
    right: 32px;
    width:90px
}

.company-card__logo img {
    width:100%
}

.company-card__logo object {
    height: auto;
    width:100%
}

.company-card__image, .company-card__logo, .company-card__logo object {
    align-items: center;
    display: flex;
    justify-content:center
}

.company-card__inner {
    background: #fff;
    border-radius: 0 0 7px 7px;
    padding:40px 36px 40px 28px
}

@media (max-width: 767px) {
    .company-card__inner {
        padding:22px 36px 24px 28px
    }
}

.company-card__texts {
    min-height:80px
}

.company-card__name {
    color: #000;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
    max-height: 76px;
    min-height: 76px;
    overflow:hidden
}

.company-card__confirmed-icon {
    background: url(../images/dest/icons/confirmed.svg) no-repeat 50%;
    display: inline-block;
    height: 17px;
    margin-left: 4px;
    margin-top: 3px;
    vertical-align: top;
    width:17px
}

.company-card__description {
    display: block;
    font-size: 16px;
    line-height: 20px;
    margin-top:6px
}

.company-card__bottom {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top:2px
}

.company-card__reviews {
    font-size: 16px;
    letter-spacing: -.01em;
    line-height:19px
}

@media (max-width: 800px) {
    .company-card__logo {
        bottom:-22px
    }
}

.composite-banner {
    background-color: #fff;
    border-radius: 7px;
    box-shadow:0 4px 10px rgba(0, 0, 0, .15)
}

.composite-banner__header {
    margin:0 0 22px
}

.composite-banner__text {
    line-height:120%
}

.composite-banner__blue-text {
    color: #6468f4;
    font-size: 18px;
    font-weight: 500;
    line-height:120%
}

.composite-banner--know-salary .composite-banner__header {
    font-size: 16px;
    font-weight:500
}

.composite-banner--know-salary .composite-banner__text {
    font-size:12px
}

.composite-banner--know-salary .b-btn {
    font-size: 12px;
    height: 30px;
    margin: 42px 0 0;
    min-width:142px
}

.composite-banner--read-reviews {
    background: url(../images/dest/banners/composite/reader.svg) no-repeat right 30px center;
    padding:30px 260px 18px 18px
}

.composite-banner--use-filter {
    align-items: center;
    background: url(../images/dest/banners/composite/reader-left.svg) no-repeat left 22px center;
    background-size: auto 112px;
    display: flex;
    min-height: 133px;
    padding:10px 12px 10px 79px
}

@media (max-width: 767px) {
    .composite-banner--read-reviews {
        background: url(../images/dest/banners/composite/reader-mob.svg) no-repeat right 22px center;
        min-height: 133px;
        padding:16px 70px 10px 12px
    }

    .composite-banner--use-filter {
        background-size: auto 97px;
        min-height:115px
    }

    .composite-banner--know-salary {
        background: url(../images/dest/banners/composite/men-right.svg) no-repeat 100%;
        height: 213px;
        margin: 0 auto;
        max-width: 100%;
        padding: 19px 0 18px;
        text-align:center
    }

    .composite-banner--know-salary .composite-banner__header {
        margin:0 0 22px
    }
}

@media (min-width: 768px) {
    .composite-banner--know-salary {
        background: url(../images/dest/banners/composite/men-right-wide.svg) no-repeat right 32px center;
        height: 181px;
        max-width: 882px;
        padding:34px 260px 18px 41px
    }

    .composite-banner--know-salary .b-btn {
        margin:20px 0 0
    }
}

@media (min-width: 992px) {
    .composite-banner--know-salary {
        background: url(../images/dest/banners/composite/explain-right.svg) no-repeat right 57px center;
        height: 318px;
        max-width: 882px;
        padding:77px 260px 18px 41px
    }

    .composite-banner--know-salary .composite-banner__header {
        font-size: 24px;
        width:14em
    }

    .composite-banner--know-salary .composite-banner__text {
        font-size:16px
    }

    .composite-banner--know-salary .b-btn {
        height: 40px;
        margin:50px 0 0
    }
}

.benefits-with-indicator._open .benefits-with-indicator__item {
    display:block
}

.benefits-with-indicator__items {
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between
}

.benefits-with-indicator__item {
    width:calc(50% - 15px)
}

/*.benefits-with-indicator__item:nth-child(n + 3) {*/
/*    margin-top:30px*/
/*}*/

.benefits-with-indicator__item:nth-child(n + 7) {
    display:none
}

.benefit-with-indicator {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    display: flex;
    padding:24px 24px 21px
}

.benefit-with-indicator__icon {
    flex-shrink: 0;
    height: 45px;
    margin-right: 14px;
    width:45px
}

.benefit-with-indicator__icon img {
    max-height: 100%;
    max-width:100%
}

.benefit-with-indicator__title {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.01em;
    line-height:19px
}

.benefit-with-indicator__value {
    align-items: center;
    display: flex;
    margin-top:5px
}

.benefit-with-indicator__value_text {
    color: #6468f4;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 19px;
    margin-right:5px
}

.benefit-with-indicator__value_progress {
    background: #f0f0f0;
    border-radius: 60px;
    height: 5px;
    width:76px
}

.benefit-with-indicator__value_progress_active {
    background: linear-gradient(270deg, #5eb7f1 -50.56%, #bbe3fd);
    border-radius: 60px;
    height:5px
}

@media (max-width: 767px) {
    .benefits-with-indicator__items {
        display:block
    }

    .benefits-with-indicator__item {
        width:100%
    }

    .benefits-with-indicator__item:nth-child(n + 2) {
        margin-top:15px
    }

    .benefits-with-indicator__item:nth-child(n + 4) {
        display:none
    }

    .benefit-with-indicator__icon {
        margin-right:21px
    }
}

.index-header {
    background: transparent;
    padding: 15px 0;
    position: absolute;
    width: 100%;
    z-index:2
}

.index-header .logo__wrap {
    display:flex
}

.index-header .input-group {
    display:none
}

.index-header .input-group .twitter-typeahead:last-child .tt-hint, .index-header .input-group .twitter-typeahead:last-child .tt-input {
    border-bottom-right-radius: 0;
    border-top-right-radius:0
}

.index-header .input-group .twitter-typeahead:first-child .tt-hint, .index-header .input-group .twitter-typeahead:first-child .tt-input {
    border-bottom-left-radius: 3px;
    border-top-left-radius:3px
}

.index-header .input-group input {
    border: none;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 122.22%;
    padding-left:16px
}

.index-header .input-group .input-group-text {
    align-items: center;
    background: #fff;
    border: none;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height:40px
}

.index-header .input-group-append {
    background: #fff;
    border: none;
    border-radius: 3px;
    margin-left:-3px
}

.index-header .link-header a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height:122.22%
}

.index-header .link-header a span {
    margin-left:5px
}

.index-header .link-header a img {
    margin:0
}

.index-header .link-header a:hover {
    text-decoration:none
}

.index-header .link-header .lk-link {
    margin-left: 0;
    padding-left: 16px;
    position:relative
}

.index-header .link-header .lk-link img {
    left: -29px;
    margin-left: 20px;
    margin-right: 3px;
    position: absolute;
    top:-2px
}

.index-header .link-header .lk-exit {
    margin:0 20px 0 28px
}

.index-header .reviews-add {
    background: #58d555;
    border: none;
    border-radius: 3px;
    letter-spacing: .01em;
    padding: 9px 19px;
    text-shadow:none
}

.index-header .tt-scrollable-menu {
    max-width:calc(100% - 42px)
}

.index-header.backgr_blue {
    background-color: #6468f4;
    z-index:3
}

.index-header.header-static {
    background: #6468f4;
    position: fixed;
    top: 0;
    width:100%
}

.index-header.header-static .input-group {
    display: block;
    width:100%
}

.index-header.header-static .input-group input {
    background: #fff;
    border: none;
    border-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    font-size: 16px;
    font-weight: 400;
    height: 40px;
    line-height: 122.22%;
    padding-left:16px
}

@media (max-width: 767px) {
    .right-link img {
        height: 26px;
        margin-left: 26px;
        width:26px
    }

    .index-header {
        margin-bottom:-94px
    }

    .navbar-toggler .navbar-toggler-icon {
        /*background-image: url(../images/dest/lk/menu.svg);*/
        margin-left:17px
    }
}

@media (min-width: 767px) and(max-width: 992px) {
    .index-header.header-static .input-group {
        margin-left:12px
    }

    .index-header .link-header a img {
        margin:-2px 0 -1px
    }

    .link-header a:first-child {
        margin-right:8px
    }

    .link-header {
        margin-left:-18px
    }

    .index-header .link-header a {
        margin-left:0
    }

    .index-header {
        background: transparent;
        margin-bottom: -98px;
        padding: 15px 0;
        position: relative;
        z-index:2
    }

    .wrap .menu {
        margin-left:20px
    }
}

@media (min-width: 992px) and(max-width: 1024px) {
    .index-header .link-header a span {
        display:none
    }

    .index-header .link-header a {
        margin-left:25px
    }
}

@media (min-width: 992px) and(max-width: 1023px) {
    .index-header .link-header .lk-exit {
        margin:0 20px 0 28px
    }
}

@media (min-width: 1024px) and(max-width: 1279px) {
    .index-header .link-header a {
        margin-left:12px
    }
}

@media (max-width: 800px) {
    .index-header .inner-menu {
        background: transparent;
        display: none;
        margin: 0 -15px;
        min-height: 100vh;
        padding:94px 0 0 43px
    }

    .index-header .link-header .reviews-add {
        text-align:center
    }

    .index-header .reviews-add {
        padding:9px 5px
    }
}

@media (min-width: 768px) and(max-width: 991px) {
    .index-header .tt-scrollable-menu {
        max-width:calc(100% - 15px)
    }

    .index-header .reviews-add {
        padding: 9px 14px;
        text-align:center
    }
}

@media (min-width: 768px) and(max-width: 1023px) {
    .index-header .link-header a span {
        display:none
    }

    .index-header .link-header a {
        margin-left:0
    }

    .index-header .link-header .lk-exit {
        margin:0 10px 0 14px
    }
}

@media (min-width: 320px) and(max-width: 992px) {
    .inner-menu {
        background: #6468f4;
        display: none;
        margin: 0 -15px;
        min-height: 100vh;
        padding:94px 0 0 43px
    }

    .inner-menu .inner_block-menu .name-user {
        color: #fff;
        display: block;
        font-size: 16px;
        font-weight: 500;
        line-height: 140%;
        margin:0 0 -3px
    }

    .inner-menu .inner_block-menu .e-mail {
        color: #fff;
        font-size: 14px;
        line-height: 18px;
        opacity:.6
    }

    .inner-menu .inner_block-menu .menu-ul {
        margin-top:32px
    }

    .inner-menu .inner_block-menu .menu-ul li {
        margin-bottom: 29px;
        padding-left: 36px;
        position:relative
    }

    .inner-menu .inner_block-menu .menu-ul li a {
        color: #fff;
        filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
        font-size: 16px;
        line-height:145%
    }

    .inner-menu .inner_block-menu .menu-ul li a:hover {
        text-decoration:none
    }

    .inner-menu .inner_block-menu .menu-ul li li.tarif-li {
        color:#f1cc48
    }

    .inner-menu .inner_block-menu .menu-ul li.active {
        opacity:.35
    }

    .inner-menu .inner_block-menu .menu-ul li:before {
        background-repeat: no-repeat;
        background-size: 100%;
        content: "";
        display: block;
        height: 24px;
        left: -3px;
        position: absolute;
        top: 2px;
        width:24px
    }

    .inner-menu .inner_block-menu .menu-ul li.tarif-li a {
        color:#f1cc48
    }

    .inner-menu .inner_block-menu .menu-ul .main-li:before {
        background-image:url(../images/dest/lk/home.svg)
    }

    .inner-menu .inner_block-menu .menu-ul .profile-li:before {
        background-image:url(../images/dest/lk/user.svg)
    }

    .inner-menu .inner_block-menu .menu-ul li.add-li:before {
        background-image: url(../images/dest/index/plus.svg);
        height: 16px;
        width:16px
    }

    .inner-menu .inner_block-menu .menu-ul .reviews-li:before {
        background-image:url(../images/dest/lk/message.svg)
    }

    .inner-menu .inner_block-menu .menu-ul .reviews-li span {
        background: #dae9fc;
        border-radius: 5px;
        color: #0063aa;
        display: inline-block;
        font-size: 12px;
        line-height: 16px;
        margin-left: 5px;
        min-width: 16px;
        padding: 0 3px;
        text-align:center
    }

    .inner-menu .inner_block-menu .menu-ul .tarif-li {
        color:#f1cc48
    }

    .inner-menu .inner_block-menu .menu-ul .analitic-li:before {
        background-image:url(../images/dest/lk/chart.svg)
    }

    .inner-menu .inner_block-menu .menu-ul .library-li:before {
        background-image:url(../images/dest/lk/documents.svg)
    }

    .inner-menu .inner_block-menu .menu-ul .widget-li:before {
        background-image:url(../images/dest/lk/post.svg)
    }

    .inner-menu .inner_block-menu .menu-ul .custom-li:before {
        background-image:url(../images/dest/lk/settings.svg)
    }

    .inner-menu .inner_block-menu .menu-ul .tarif-li:before {
        background-image:url(../images/dest/icons/settings.svg)
    }

    .inner-menu .inner_block-menu .bottom-a {
        padding:41px 0 10px
    }

    .inner-menu .inner_block-menu .bottom-a a {
        display: block;
        margin-bottom:16px
    }

    .inner-menu .inner_block-menu .bottom-a.applicant {
        padding:70px 0 10px
    }

    .inner-menu .inner_block-menu button {
        background: #eaf6ff;
        border: none;
        border-radius: 5px;
        color: #0063aa;
        font-size: 16px;
        height: 50px;
        line-height: 145%;
        margin-top: 13px;
        padding: 12px 31px;
        text-align:center
    }

    .inner-menu.disp {
        display:block
    }
}

@media (max-width: 800px) {
    .inner-menu .inner_block-menu .menu-ul {
        margin-top:0
    }

    .inner-menu .inner_block-menu .bottom-a a {
        display:inline-block
    }

    .inner-menu.disp {
        display:block
    }
}

.pagination .page-item.active .page-link {
    background-color:#0063aa
}

.pagination .page-item.prev .page-link {
    background-image: url(../images/dest/icons/pagination-btn-icon.svg);
    margin-right:60px
}

.pagination .page-item.next .page-link {
    background-image: url(../images/dest/icons/pagination-btn-icon.svg);
    margin-left: 60px;
    transform:rotate(180deg)
}

.pagination .page-link {
    align-items: center;
    background: none no-repeat 50% #fafafa;
    border: 0;
    border-radius: 5px;
    color: #000;
    display: flex;
    font-size: 14px;
    height: 40px;
    justify-content: center;
    margin: 0 5px;
    padding: 5px;
    width:42px
}

@media (max-width: 767px) {
    .pagination {
        align-items:center
    }

    .pagination .page-item.prev .page-link {
        height: 32px;
        margin-right: 14px;
        width:32px
    }

    .pagination .page-item.next .page-link {
        height: 32px;
        margin-left: 14px;
        width:32px
    }

    .pagination .page-link {
        height: 26px;
        margin: 0 6px;
        width:26px
    }
}

.hh-stat {
    font-family:Roboto
}

.hh-stat__value-block {
    align-items: flex-end;
    display:flex
}

.hh-stat__value {
    color: #0063aa;
    font-size: 58px;
    font-weight: 700;
    letter-spacing: -.016em;
    line-height:130%
}

.hh-stat__value-decode {
    color: #9ab1c6;
    font-size: 14px;
    line-height: 135%;
    margin:0 0 14px 5px
}

.hh-stat__note {
    color: #0f0f0f;
    font-size: 18px;
    line-height: 135%;
    margin-top:-2px
}

@media (max-width: 767px) {
    .hh-stat__block {
        justify-content: center;
        text-align:center
    }

    .hh-stat__value-block {
        display: block;
        position:relative
    }

    .hh-stat__value {
        font-size: 52px;
        letter-spacing:normal
    }

    .hh-stat__value-decode {
        bottom: -12px;
        left: 0;
        margin: 0;
        position: absolute;
        width:100%
    }

    .hh-stat__note {
        font-size: 14px;
        margin-top:12px
    }
}

.feedback {
    background-color: #fff;
    background: #fff url(../images/dest/hh/feedback-back.svg) no-repeat calc(100% + 15px) calc(100% + 17px);
    border-radius: 5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    font-family:Roboto
}

.feedback__inner {
    padding:20px 22px
}

.feedback__text {
    color: #0f0f0f;
    font-size: 18px;
    line-height: 140%;
    margin-bottom: 22px;
    padding-right:130px
}

.feedback__btn {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 122.22%;
    padding-left: 28px;
    padding-right:28px
}

.feedback-mobile, .feedback__btn {
    font-family:Roboto
}

.feedback-mobile__text {
    color: #0f0f0f;
    font-size: 16px;
    line-height: 135%;
    margin: 23px auto 0;
    max-width: 284px;
    text-align:center
}

.feedback-mobile__btn {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height:145%
}

.card-review {
    align-items: stretch;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    display: flex;
    font-family: Roboto;
    min-height: 244px;
    overflow:hidden
}

.card-review__inner {
    display: flex;
    flex-direction: column;
    padding: 18px 22px 20px;
    position: relative;
    width:100%
}

.card-review__title {
    color: #0f0f0f;
    display: none;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 23px;
    margin-bottom: 15px;
    max-width:456px
}

.card-review__title._is-preview {
    display: block;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: normal;
    margin-bottom: 0;
    margin-top: 17px;
    max-height: 100%;
    max-width: 243px;
    overflow:hidden
}

.card-review__title-wrap {
    height: 117px;
    position:relative
}

.card-review__title-wrap:before {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff 80%);
    bottom: -5px;
    content: "";
    display: block;
    height: 30px;
    left: 0;
    position: absolute;
    right: 0;
    z-index:1
}

.card-review__stat {
    align-items: center;
    display: flex;
    justify-content:space-between
}

.card-review__all-rating {
    align-items: center;
    display: flex;
    flex-wrap:nowrap
}

.card-review__all-rating-value {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height:normal
}

.card-review__all-rating-stars {
    margin-left:3px
}

.card-review__all-rating-stars .rating-value__star {
    background-size: 16px auto;
    height: 16px;
    margin-left: 4px;
    width:16px
}

.card-review__date {
    color: #979797;
    font-size: 18px;
    line-height: 135%;
    white-space:nowrap
}

.card-review__main-content {
    display: none;
    margin-top:13px
}

.card-review__tags {
    margin-bottom: 44px;
    max-width:480px
}

.card-review__choose {
    border: 1px solid #EFEFFD;
    border-radius: 20px;
    color: #82b0d0;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    height: 20px;
    line-height: 18px;
    margin-bottom: 34px;
    padding: 0 11px;
    vertical-align:top
}

.card-review__choose._active {
    background-color: #0063aa;
    color:#fff
}

.card-review__choose._active .card-review__choose_text {
    display:none
}

.card-review__choose._active .card-review__choose_text._active {
    align-items: center;
    display:flex
}

.card-review__choose_text {
    display:flex
}

.card-review__choose_text._active {
    display:none
}

.card-review__choose_text._active:before {
    background: url(../images/dest/icons/check-small.svg) no-repeat 50%;
    content: "";
    height: 12px;
    margin-right: 4px;
    width:12px
}

.card-review__info {
    margin-bottom:33px
}

.card-review__info._last {
    margin-bottom:0
}

.card-review__info h4 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom:15px
}

.card-review__info p {
    font-size: 14px;
    line-height:20px
}

.card-review__place-working {
    color: #979797;
    font-size: 18px;
    line-height: 135%;
    margin-top:15px
}

.card-review__bottom {
    margin-top:auto
}

.card-review__rating-wrap {
    max-width: 377px;
    padding-top:51px
}

.card-review__rating-block {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom:22px
}

.card-review__rating-title {
    font-size: 16px;
    font-weight: 500;
    line-height:140%
}

.card-review._is-full {
    box-shadow: none;
    display: block;
    max-width: none;
    min-height:auto
}

.card-review._is-full .card-review__main-content {
    display:block
}

.card-review._is-full .card-review__inner {
    padding:31px 0
}

.card-review._is-full .card-review__bottom, .card-review._is-full .card-review__date {
    display:none
}

.card-review._is-full .card-review__title {
    display:block
}

.card-review._is-full .card-review__title._is-preview {
    display:none
}

.hh__slider-full {
    align-items: center;
    display: flex;
    height:100%
}

.hh__slider-full .swiper-slide .card-review {
    width:100%
}

.hh__slider-full .swiper-slide .card-review__inner {
    margin: 50px auto 0;
    width:534px
}

@media (max-width: 767px) {
    .card-review {
        min-height:204px
    }

    .card-review__inner {
        padding:25px 15px
    }

    .card-review__title._is-preview {
        font-size: 16px;
        line-height: 135%;
        margin-top:14px
    }

    .card-review__title-wrap {
        height:82px
    }

    .card-review__place-working {
        font-size:16px
    }

    .card-review__tags {
        margin-bottom: 29px;
        max-width:260px
    }

    .card-review__rating-wrap {
        padding-top:33px
    }

    .card-review__rating-title {
        font-size: 14px;
        font-weight: 500;
        line-height:20px
    }

    .card-review__rating-block {
        margin-bottom:16px
    }

    .card-review._is-full .card-review__inner {
        padding:65px 16px 134px
    }

    .card-review._is-full .card-review__title {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: normal;
        line-height: 120%;
        max-width:250px
    }

    .card-review._is-full .card-review__main-content {
        margin-top:15px
    }

    .hh__slider-full .swiper-slide .card-review__inner {
        margin: 0;
        width:100%
    }
}

.user {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height:14px
}

.user__img {
    border-radius: 14px;
    overflow: hidden;
    width:193px
}

.user__img img {
    display: block;
    max-width: 100%;
    width:100%
}

.user__msg {
    margin-left: 83px;
    margin-top: -60px;
    position: relative;
    width:195px
}

.user__msg-top {
    align-items: center;
    display: flex;
    margin-bottom:11px
}

.user__msg-top span {
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 9px;
    margin-right: 5px;
    width:9px
}

.user__msg-top span:last-child {
    margin-right:0
}

.user__msg-body {
    background-color: #fff;
    border-radius: 0 16px 16px 16px;
    padding:15px 11px 19px 20px
}

.user__msg-body-top {
    display: flex;
    justify-content: space-between;
    margin-bottom:5px
}

.user__msg-name {
    color:#2ecdff
}

.user__msg-date {
    color: #cecece;
    display:none
}

.user__msg-text {
    color: #757575;
    padding-right:5px
}

.user._left .user__msg-top {
    display: flex;
    justify-content:flex-end
}

.user._left .user__msg-top span {
    margin-left: 5px;
    margin-right:0
}

.user._left .user__msg-top span:first-child {
    margin-left:0
}

.user._left .user__msg-body {
    border-radius:16px 0 16px 16px
}

.user._name-с-green .user__msg-name {
    color:#94db87
}

.user._name-с-azure .user__msg-name {
    color:#3de7dd
}

@media (max-width: 767px) {
    .user__img {
        width:160px
    }

    .user__msg-body {
        border-radius: 0 7px 7px 7px;
        padding:7px 7px 9px
    }

    .user__msg {
        width:125px
    }

    .user._left .user__msg-body {
        border-radius:7px 0 7px 7px
    }
}

@media (max-width: 576px) {
    .user {
        font-size: 7px;
        line-height:120%
    }

    .user__img {
        border-radius: 6px;
        width:84px
    }

    .user__msg-top {
        margin-bottom:5px
    }

    .user__msg-top span {
        height: 4px;
        margin-right: 2.19px;
        width:4px
    }

    .user__msg {
        width:95px
    }

    .user._left .user__msg-top span {
        margin-left:2.19px
    }
}

.employer-review-card {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 9.5px;
    height: 276px;
    position:relative
}

.employer-review-card:before {
    background: linear-gradient(1turn, #000 11.09%, transparent 80.74%);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width:100%
}

.employer-review-card__body {
    display: flex;
    flex-direction: column;
    height: 100%;
    position:relative
}

.employer-review-card__logo {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    height: 124.5px;
    margin: -62px auto 0;
    width:124.5px
}

.employer-review-card__content {
    color: #f8f9f9;
    line-height: 120%;
    margin-top: auto;
    padding: 20px 38px 32px;
    width:100%
}

.employer-review-card__name {
    font-size: 16px;
    margin-bottom:9px
}

.employer-review-card__text {
    font-size: 18px;
    font-weight:500
}

@media (max-width: 576px) {
    .employer-review-card {
        border-radius: 7px;
        height:254px
    }

    .employer-review-card__logo {
        height: 94px;
        margin-top: -48px;
        width:94px
    }

    .employer-review-card__name {
        font-size: 12px;
        line-height: 14px;
        margin-bottom:5px
    }

    .employer-review-card__text {
        font-size: 14px;
        font-weight: 400;
        line-height:145%
    }

    .employer-review-card__content {
        padding:15px 24px 57px
    }
}

.inner-tab-reviews {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    margin-bottom: 22px;
    padding:34px
}

.inner-tab-reviews .review-attached {
    background: #0063aa;
    border-radius: 30px;
    display: inline-block;
    font-size: 10px;
    line-height: 18px;
    margin-bottom: 22px;
    padding:1px 9px 1px 22px
}

.inner-tab-reviews .review-attached p {
    color: #fff;
    position:relative
}

.inner-tab-reviews .review-attached p:before {
    background-image: url(../images/dest/lk/mark.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 6px;
    left: -12px;
    position: absolute;
    top: 5px;
    width:9px
}

.inner-tab-reviews .review-anchor {
    border: 1px solid #dedede;
    border-radius: 76px;
    color: #dedede;
    font-size: 10px;
    line-height: 18px;
    margin-bottom: 22px;
    padding:0 10px
}

.inner-tab-reviews .head-reviews {
    color: #0f0f0f;
    font-size: 22px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 15px;
    max-width:460px
}

.inner-tab-reviews .reviews-day {
    align-items: center;
    display:flex
}

.inner-tab-reviews .reviews-day .rating {
    margin-right:30px
}

.inner-tab-reviews .reviews-day .rating .rating__rate {
    color: #0f0f0f;
    font-size: 18px;
    font-weight: 500;
    margin-right:4px
}

.inner-tab-reviews .reviews-day .employeeReviews-day {
    color: #979797;
    font-size: 14px;
    font-weight: 500;
    line-height:130%
}

.inner-tab-reviews .keywords {
    display: flex;
    flex-wrap: wrap;
    margin-top:15px
}

.inner-tab-reviews .keywords div {
    background: #f5f5f5;
    border-radius: 5px;
    color: #979797;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding:1px 8px
}

.inner-tab-reviews .useful-info {
    color: rgba(0, 0, 0, .52);
    font-size: 12px;
    margin-top:6px
}

.inner-tab-reviews textarea {
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    box-sizing: border-box;
    height: 119px;
    margin-bottom: 20px;
    margin-top: 32px;
    padding: 14px 18px;
    width:500px
}

.inner-tab-reviews textarea::-moz-placeholder {
    color: #c2c3c4;
    font-size: 14px;
    line-height:18px
}

.inner-tab-reviews textarea:-ms-input-placeholder {
    color: #c2c3c4;
    font-size: 14px;
    line-height:18px
}

.inner-tab-reviews textarea::placeholder {
    color: #c2c3c4;
    font-size: 14px;
    line-height:18px
}

.inner-tab-reviews .bottom_event {
    align-items: center;
    display: flex;
    justify-content:space-between
}

.inner-tab-reviews .bottom_event .add-review {
    background: #eaf6ff;
    border: none;
    border-radius: 5px;
    color: #0063aa;
    font-size: 16px;
    line-height: 20px;
    padding:10px 44px
}

.inner-tab-reviews .bottom_event .add-review:before {
    background-image: url(../images/dest/lk/cloud.svg);
    content: "";
    display: inline-block;
    height: 20px;
    margin-bottom: -4px;
    margin-right: 8px;
    width:20px
}

.inner-tab-reviews .bottom_event .example {
    color: #0063aa;
    font-size: 14px;
    line-height:20px
}

.review__info_block_preview, .review__info_block_preview2 {
    color: #0f0f0f;
    font-size: 14px;
    line-height:18px
}

.lk-employer-profile .inner-tab-reviews .dropup {
    left: 0;
    position:relative
}

.limiter {
    max-height:70px
}

.limiter, .limiter2 {
    overflow: hidden;
    position: relative;
    transition:all .9s
}

.limiter2 {
    max-height:0
}

.limiter-my {
    max-height: 54px;
    overflow: hidden;
    position: relative;
    transition:all .9s
}

.read-more-checker {
    opacity: 0;
    position:absolute
}

.read-more-checker:checked ~ .limiter, .read-more-checker:checked ~ .limiter2 {
    max-height: none;
    transition:all .9s
}

.read-more-checker:checked ~ .limiter2 .bottom2, .read-more-checker:checked ~ .limiter .bottom {
    opacity: 0;
    transition:.3s
}

.read-more-checker ~ .read-more-button2:before, .read-more-checker ~ .read-more-button:before {
    content: "Читать полностью";
    transition:all .9s
}

.read-more-checker ~ .read-more-button__more:before {
    color: #8fc199;
    content: "Подробнее";
    font-size: 14px;
    transition:all .9s
}

.read-more-checker ~ .read-more-button2:after, .read-more-checker ~ .read-more-button:after, .read-more-checker ~ .read-more-button__more:after {
    background: url(../images/dest/lk/toggle-btn-icon.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 6px;
    margin-left: 8px;
    vertical-align: middle;
    width:10px
}

.read-more-checker ~ .read-more-button__more:after {
    background: url(../images/dest/lk/toggle-btn-icon.svg) no-repeat 50%;
    background: url(../images/dest/lk/more.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 6px;
    margin-left: 8px;
    vertical-align: middle;
    width:10px
}

.read-more-checker:checked ~ .read-more-button2:before, .read-more-checker:checked ~ .read-more-button:before, .read-more-checker:checked ~ .read-more-button__more:before {
    content: "Свернуть";
    transition:all .9s
}

.read-more-checker:checked ~ .read-more-button2:after, .read-more-checker:checked ~ .read-more-button:after {
    background: url(../images/dest/lk/toggle-btn-icon.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 6px;
    margin-left: 8px;
    transform: rotate(180deg);
    vertical-align: middle;
    width:10px
}

.read-more-checker:checked ~ .read-more-button__more:after {
    background: url(../images/dest/lk/more.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 6px;
    margin-left: 8px;
    transform: rotate(180deg);
    vertical-align: middle;
    width:10px
}

.read-more-button, .read-more-button2 {
    color: #0063aa;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-top:10px
}

@media (min-width: 320px) and(max-width: 992px) {
    .example {
        margin-bottom:25px
    }

    .limiter {
        max-height:80px
    }

    .inner-tab-reviews .bottom_event .add-review {
        font-size: 16px;
        line-height: 19px;
        padding:15px 44px
    }

    .limiter-my {
        max-height:100px
    }
}

.accordion-faq__item {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    color: #364047;
    font-size: 16px;
    line-height: 145%;
    margin-bottom:8px
}

.accordion-faq__item-btn {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding:18px 19px
}

.accordion-faq__item-btn.collapsed .accordion-faq__item-btn-icon {
    transform:rotate(0)
}

.accordion-faq__item-btn-icon {
    background: url(../images/dest/icons/toggle-btn-black.svg) no-repeat 50%/cover;
    height: 24px;
    transform: rotate(-180deg);
    transition: transform .2s ease;
    width:24px
}

.accordion-faq__item-content {
    color: #979797;
    font-size: 14px;
    line-height: 18px;
    padding:4px 19px 1px
}

.accordion-faq__item-content img {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    display: block;
    margin-bottom: 22px;
    max-width:455px
}

.accordion-faq__item-content p, .accordion-faq__item-content ul {
    margin-bottom: 22px;
    max-width:373px
}

.accordion-faq__item-content ul li {
    padding-left: 22px;
    position:relative
}

.accordion-faq__item-content ul li + li {
    margin-top:15px
}

.accordion-faq__item-content ul li:before {
    background-color: #979797;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 6px;
    position: absolute;
    top: 5px;
    width:6px
}

@media (max-width: 767px) {
    .accordion-faq__item {
        font-size: 14px;
        margin-bottom:15px
    }

    .accordion-faq__item-btn {
        padding:20px 19px
    }

    .accordion-faq__item-btn-icon {
        margin-right:-7px
    }

    .accordion-faq__item-content {
        font-size: 14px;
        line-height: 145%;
        padding:0 19px 15px
    }

    .accordion-faq__item-content img {
        background-color: #fff;
        border-radius: 7px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
        margin-bottom: 7px;
        max-width:270px
    }

    .accordion-faq__item-content p {
        margin-bottom: 7px;
        max-width:none
    }
}

.inner-tab-reviews .inner-head {
    display: inline-block;
    font-size: 28px;
    font-weight: 700;
    margin-bottom:26px
}

.inner-tab-reviews .info-select {
    display: inline-block;
    margin-top:11px
}

.inner-tab-reviews .info-select div {
    border-radius: 60px;
    color: #fff;
    display: inline-flex;
    font-size: 10px;
    line-height:18px
}

.inner-tab-reviews .info-select .review-published {
    background: #0063aa;
    padding:1px 10px
}

.inner-tab-reviews .info-select .review-published img {
    margin-right:8px
}

.inner-tab-reviews .info-select .review-moderation {
    background: #f9c200;
    padding:1px 17px
}

.inner-tab-reviews .info-select .review-not-moderation {
    background: #ff5a26;
    padding:1px 17px
}

.inner-tab-reviews .info-select .tariffs-func__tooltip {
    margin-top:4px
}

.inner-tab-reviews .review__info_block:nth-child(2) {
    margin-bottom:22px
}

.inner-tab-reviews .answer {
    background: #e1f6e5;
    border-radius: 7px;
    margin-bottom: 30px;
    margin-top: 23px;
    padding: 25px 25px 25px 32px;
    position:relative
}

.inner-tab-reviews .answer:after {
    border: 14px solid transparent;
    border-top-color: #e1f6e5;
    content: "";
    position: absolute;
    right: 49px;
    top:100%
}

.inner-tab-reviews .answer .greeting {
    font-size: 16px;
    line-height: 18px;
    margin-bottom:7px
}

.inner-tab-reviews .answer .day2 {
    color: #8fc198;
    font-size: 14px;
    margin-bottom:13px
}

@media (min-width: 320px) and(max-width: 992px) {
    .inner-tab-reviews .answer:after {
        border: 14px solid transparent;
        border-top-color: #e1f6e5;
        content: "";
        position: absolute;
        right: 49px;
        top:100%
    }

    .inner-tab-reviews .inner-head {
        font-size:24px
    }
}

@media (min-width: 767px) and(max-width: 1024px) {
    .limiter {
        max-height:73px
    }
}

.industry-card {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    height: 175px;
    text-align:center
}

.industry-card__inner {
    height:100%
}

.industry-card__content {
    margin-top:-29px
}

.industry-card__logo {
    background: no-repeat 50%/contain;
    background-color: #fff;
    border: 4px solid #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    height: 80px;
    margin: 0 auto;
    transform: translateY(-50%);
    transition: opacity .2s ease;
    width:80px
}

.industry-card__logo img {
    border-radius: inherit;
    width:100%
}

.industry-card__logo:hover {
    opacity:.7
}

.industry-card__name-wrap {
    height: 51px;
    margin: -3px 0 8px;
    max-height: 51px;
    overflow: hidden;
    padding:0 8px
}

.industry-card__name {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height:122.22%
}

.industry-card__review-link {
    color: #979797;
    font-size: 12px;
    letter-spacing: .01em;
    line-height: 122.22%;
    margin-top:8px
}

.industry-card__review-link:hover {
    color:#0f0f0f
}

@media (max-width: 767px) {
    .industry-card {
        margin:0 -11px
    }
}

.checkbox-custom {
    color: #364047;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    line-height: 145%;
    position:relative
}

.checkbox-custom input {
    left: 0;
    opacity: 0;
    position: absolute;
    top:0
}

.checkbox-custom input:checked + .checkbox-custom__check {
    background-color: #0063aa;
    border-color:#0063aa
}

.checkbox-custom input:checked + .checkbox-custom__check:after {
    opacity:1
}

.checkbox-custom__check {
    border: 1px solid #979797;
    border-radius: 3px;
    display: block;
    flex: 0 0 20px;
    height: 20px;
    margin: 2px 17px 0 0;
    position: relative;
    transition: border-color .2s ease, background-color .2s ease;
    width:20px
}

.checkbox-custom__check:after {
    background: url(../images/dest/icons/icon-check.svg) no-repeat 50%;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition:opacity .2s ease
}

@media (max-width: 767px) {
    .checkbox-custom__check {
        margin-right:12px
    }
}

.wysiwyg {
    color: #0f0f0f;
    font-size: 16px;
    line-height:145%
}

.wysiwyg a {
    color:#0063aa
}

.wysiwyg h1 {
    line-height: 130%;
    margin-bottom:50px
}

.wysiwyg h2 {
    margin-bottom: 32px;
    margin-top:32px
}

.wysiwyg h3, .wysiwyg h4 {
    margin-bottom: 22px;
    margin-top:22px
}

.wysiwyg h4 {
    font-size: 18px;
    font-weight: 500;
    line-height:120%
}

.wysiwyg h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 20px;
    margin-top:20px
}

.wysiwyg p {
    margin-bottom:22px
}

.wysiwyg .small-text {
    font-size: 12px;
    line-height:18px
}

.wysiwyg ul {
    margin-bottom: 22px;
    margin-top:22px
}

.wysiwyg ul h5 {
    margin-bottom: 5px;
    margin-top:0
}

.wysiwyg ul p {
    margin-bottom:15px
}

.wysiwyg ul li {
    padding-left: 22px;
    position:relative
}

.wysiwyg ul li + li {
    margin-top:15px
}

.wysiwyg ul li:before {
    background-color: #c4c4c4;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 6px;
    position: absolute;
    top: 8px;
    width:6px
}

.wysiwyg ol {
    counter-reset: myCounter;
    margin-bottom: 22px;
    margin-top: 22px;
    padding-left:0
}

.wysiwyg ol li + li {
    margin-top:15px
}

.wysiwyg ol > li {
    list-style: none;
    padding-left: 40px;
    position:relative
}

.wysiwyg ol > li:before {
    align-items: center;
    border: 1px solid #c4c4c4;
    border-radius: 50%;
    color: #c4c4c4;
    content: counter(myCounter);
    counter-increment: myCounter;
    display: flex;
    flex-shrink: 0;
    font-size: 12px;
    height: 22px;
    justify-content: center;
    left: 0;
    margin-right: 10px;
    position: absolute;
    top: 0;
    width:22px
}

.wysiwyg img {
    display: block;
    margin: 22px 0;
    max-width:100%
}

.wysiwyg .table-wrapper, .wysiwyg table {
    margin:55px 0
}

.wysiwyg .table-wrapper {
    overflow-x: auto;
    width:960px
}

.wysiwyg .table-wrapper table {
    margin:0
}

@media (max-width: 1200px) {
    .wysiwyg .table-wrapper {
        width:750px
    }
}

@media (max-width: 992px) {
    .wysiwyg .table-wrapper {
        width:100%
    }
}

.wysiwyg table {
    border-radius:7px
}

.wysiwyg table td {
    color: #0f0f0f;
    font-size: 14px;
    line-height: 145%;
    min-width: 170px;
    padding:20px
}

.wysiwyg table td:first-child {
    padding-left:36px
}

.wysiwyg table td:last-child {
    padding-right:36px
}

.wysiwyg table th {
    background: #ecf9ff;
    color: #7eb4da;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    padding: 20px;
    text-align:left
}

.wysiwyg table th:first-child {
    padding-left:36px
}

.wysiwyg table th:last-child {
    padding-right:36px
}

.wysiwyg table tr:nth-child(2n + 3) td {
    background:#fbfbfb
}

@media (max-width: 767px) {
    .wysiwyg {
        font-size:14px
    }

    .wysiwyg h1 {
        line-height: 130%;
        margin-bottom:50px
    }

    .wysiwyg h2 {
        margin-bottom: 24px;
        margin-top:24px
    }

    .wysiwyg h3 {
        margin-bottom: 20px;
        margin-top:20px
    }

    .wysiwyg h4 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px;
        margin-top:15px
    }

    .wysiwyg h5 {
        font-size: 14px;
        letter-spacing: -.01em;
        line-height: 20px;
        margin-bottom: 10px;
        margin-top:10px
    }

    .wysiwyg p, .wysiwyg ul {
        margin-bottom:15px
    }

    .wysiwyg ul {
        margin-top:15px
    }

    .wysiwyg ul p {
        margin-bottom:15px
    }

    .wysiwyg ul li + li {
        margin-top:10px
    }

    .wysiwyg ul li:before {
        top:6px
    }

    .wysiwyg ol {
        margin-bottom: 15px;
        margin-top:15px
    }

    .wysiwyg ol li + li {
        margin-top:22px
    }

    .wysiwyg ol > li {
        padding-left:32px
    }

    .wysiwyg ol > li:before {
        top:-3px
    }

    .wysiwyg img {
        margin:20px 0
    }

    .wysiwyg .table-wrapper, .wysiwyg table {
        margin:32px 0
    }

    .wysiwyg .table-wrapper {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
        width:auto
    }

    .wysiwyg .table-wrapper table {
        margin:0
    }
}

.b-tabs__items {
    position:relative
}

.b-tabs__items:after {
    background: hsla(0, 0%, 59%, .2);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right:0
}

.b-tabs .nav-tabs {
    border-bottom: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y:hidden
}

.b-tabs .nav-tabs li + li {
    margin-left:40px
}

.b-tabs .nav-tabs li .nav-link {
    border: none;
    color: #0f0f0f;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0;
    padding: 7px 0;
    position: relative;
    white-space: nowrap;
    z-index:2
}

.b-tabs .nav-tabs li .nav-link.active {
    background: transparent;
    border-bottom:2px solid #0063aa
}

.tabs-vertical__tab {
    font-size: 18px;
    font-weight: 500;
    line-height:120%
}

.tabs-vertical__tab + .tabs-vertical__tab {
    margin-top:36px
}

.tabs-vertical__tab a {
    color: #0f0f0f;
    transition:color .3s
}

.tabs-vertical__tab a._active, .tabs-vertical__tab a:hover {
    color:#0063aa
}

@media (max-width: 992px) {
    .tabs-vertical {
        position: relative;
        width:auto
    }

    .tabs-vertical:after {
        background: hsla(0, 0%, 59%, .2);
        bottom: 0;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        right:0
    }

    .tabs-vertical__inner {
        display: flex;
        overflow: auto;
        padding-left: 16px;
        padding-right:16px
    }

    .tabs-vertical__tab {
        font-size: 16px;
        line-height:120%
    }

    .tabs-vertical__tab + .tabs-vertical__tab {
        margin-left: 40px;
        margin-top:0
    }

    .tabs-vertical__tab a {
        border-bottom: 2px solid transparent;
        color: #0f0f0f;
        display: inline-block;
        padding-bottom: 10px;
        vertical-align: top;
        white-space:nowrap
    }

    .tabs-vertical__tab a._active {
        border-color: #0063aa;
        color:#0f0f0f
    }
}

@media (max-width: 767px) {
    .b-tabs__items, .tabs-vertical {
        margin-left: -15px;
        margin-right:-15px
    }

    .b-tabs .nav-tabs {
        padding-left: 15px;
        padding-right:15px
    }

    .b-tabs .nav-tabs li .nav-link {
        padding:7px 0 9px
    }
}

.review-Robotoview {
    background-color: #fff;
    border-radius: 7px;
    box-shadow:0 4px 10px rgba(0, 0, 0, .15)
}

.review-Robotoview__inner {
    padding:34px 36px 38px
}

.review-Robotoview__top {
    display: flex;
    justify-content:space-between
}

.review-Robotoview__title {
    color: #0f0f0f;
    font-size: 22px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 43px;
    max-width:463px
}

.review-Robotoview__date {
    color: #979797;
    font-size: 14px;
    line-height:18px
}

.review-Robotoview__tags {
    max-width:370px
}

.review-Robotoview__info {
    max-width:529px
}

.review-Robotoview__info.review__info {
    margin-top:13px
}

.review-Robotoview-result {
    border: 1px solid #f6f6f6;
    border-radius: 5px;
    display: flex;
    height: 78px;
    margin-bottom: 38px;
    width:349px
}

.review-Robotoview-result__block {
    align-items: center;
    display: flex;
    flex: 1;
    position:relative
}

.review-Robotoview-result__block:first-child {
    border-right:1px solid #f6f6f6
}

.review-Robotoview-result__label {
    background-color: #fff;
    color: #979797;
    display: inline-block;
    font-size: 10px;
    left: 14px;
    line-height: 14px;
    padding: 0 5px;
    position: absolute;
    top: -7px;
    white-space:nowrap
}

.review-Robotoview-result__content {
    align-items: center;
    display: flex;
    margin-left:19px
}

.review-Robotoview-result__content-icon {
    align-items: center;
    background-color: #E9F0FA;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    color: #0063aa;
    display: flex;
    font-size: 14px;
    height: 30px;
    justify-content: center;
    line-height: 18px;
    text-align: center;
    width:30px
}

.review-Robotoview-result__content-icon._fail {
    background-color: #ff5a26;
    background-image:url(../images/dest/icons/Robotoview/icon-fail.svg)
}

.review-Robotoview-result__content-icon._success {
    background-color: #57b04f;
    background-image:url(../images/dest/icons/Robotoview/icon-success.svg)
}

.review-Robotoview-result__content-icon._refused {
    background-color: #ebae13;
    background-image:url(../images/dest/icons/Robotoview/icon-refused.svg)
}

.review-Robotoview-result__content-text {
    color: #0063aa;
    font-size: 14px;
    line-height: 145%;
    margin-left: 9px;
    max-width:80px
}

.review-Robotoview-result__content-text._fail {
    color:#ff5a26
}

.review-Robotoview-result__content-text._success {
    color:#57b04f
}

.review-Robotoview-result__content-text._refused {
    color:#ebae13
}

@media (max-width: 767px) {
    .review-Robotoview {
        box-shadow:none
    }

    .review-Robotoview__inner {
        padding:20px 0
    }

    .review-Robotoview__top {
        padding-top: 35px;
        position:relative
    }

    .review-Robotoview__title {
        font-size: 18px;
        margin-bottom: 40px;
        max-width:none
    }

    .review-Robotoview__date {
        position: absolute;
        right: 0;
        top:0
    }

    .review-Robotoview__tags {
        max-width:none
    }

    .review-Robotoview__info.review__info {
        margin-top:30px
    }

    .review-Robotoview-result {
        margin-bottom: 32px;
        width:100%
    }

    .review-Robotoview-result__content-text {
        margin-left:6px
    }
}

.btn-reset {
    background: transparent;
    border: none;
    color: #979797;
    font-size: 14px;
    min-height: 24px;
    padding:0
}

.btn-reset span {
    color: #979797;
    vertical-align:middle
}

@media (max-width: 767px) {
    body._open-mobile-filters {
        overflow:hidden
    }

    .mobile-filters__top {
        align-items: center;
        background: #0063aa;
        display: flex;
        flex: 0 0 63px;
        height: 63px;
        justify-content: space-between;
        padding:0 10px
    }

    .mobile-filters__top-title {
        color: #fff;
        font-size: 22px;
        font-weight: 500;
        line-height:1.25
    }

    .mobile-filters__top-btn {
        background: none;
        border: none;
        color: #85bde4;
        font-size: 14px;
        line-height: 145%;
        padding:5px 7px
    }

    .mobile-filters__bottom {
        flex: 0 0 auto;
        padding:20px 16px 39px
    }

    .mobile-filters__apply {
        height:56px
    }
}

.twitter-typeahead .tt-input {
    z-index:0
}

.tt-scrollable-menu {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    flex: 1 1 auto;
    margin-bottom: 0;
    min-width: 0;
    position:relative
}

.tt-scrollable-menu .tt-menu {
    background: #fff;
    border-radius: 0 0 5px 5px;
    margin: 0;
    max-height: 152px;
    padding: 0;
    width:calc(100% + 39px)
}

.tt-scrollable-menu .tt-menu .tt-suggestion {
    color: #000;
    font-size: 16px;
    line-height: 145%;
    min-height: 50px;
    padding:12px 19px 15px
}

.tt-scrollable-menu .tt-menu .tt-suggestion.tt-selectable {
    cursor:pointer
}

.tt-scrollable-menu .tt-menu .tt-suggestion.tt-selectable:hover {
    background:#e7f5ff
}

@media (max-width: 800px) {
    .tt-scrollable-menu .tt-menu {
        margin-left: 0;
        width:calc(100% + 24px)
    }
}

.anchor {
    position:relative
}

.anchor._employee-ratings {
    top:-79px
}

.anchor._employer-brand {
    top:-80px
}

.sort {
    color: #0f0f0f;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    z-index:50
}

.sort__wrapper .sort {
    display: inline-block;
    margin:0 0 0 auto
}

.sort._open .sort__options {
    display:block
}

.sort._open .sort__title-header:after {
    transform:rotate(180deg)
}

.sort__title {
    cursor: pointer;
    white-space:nowrap
}

.sort__title-header {
    padding-right: 18px;
    position:relative
}

.sort__title-header:after {
    background: url(../images/dest/icons/arrow.svg) no-repeat 50%;
    content: "";
    height: 20px;
    position: absolute;
    top: -1px;
    width:20px
}

.sort__title-value {
    color: #979797;
    display:block
}

.sort__options {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    display: none;
    padding: 14px 22px 12px 12px;
    position: absolute;
    right: 0;
    top:20px
}

.sort__option {
    background: no-repeat 0/18px auto;
    cursor: pointer;
    min-height: 18px;
    padding-left: 23px;
    white-space:nowrap
}

.sort__option + .sort__option {
    margin-top:12px
}

.sort__option._active {
    color:#0063aa
}

.sort__option--asc {
    background-image:url(../images/dest/icons/icon-sort-asc.svg)
}

.sort__option--desc {
    background-image:url(../images/dest/icons/icon-sort-desc.svg)
}

.sort__option--reviews {
    background-image:url(../images/dest/icons/icon-sort-reviews.svg)
}

.sort__option--salary {
    background-image:url(../images/dest/icons/icon-sort-salary.svg)
}

.sort__option--rating {
    background-image:url(../images/dest/icons/icon-sort-rating.svg)
}

.sort__option--useful {
    background-image:url(../images/dest/icons/icon-sort-useful.svg)
}

.sort__option--date {
    background-image:url(../images/dest/icons/icon-sort-date.svg)
}

@media (max-width: 767px) {
    .sort__options {
        right:auto
    }
}

.sb-rating {
    color: #0f0f0f;
    font-size: 14px;
    font-weight: 500;
    height: 20px;
    letter-spacing:-.01em
}

.sb-rating__value {
    position:relative
}

.sb-rating__value:before {
    background: url(../images/dest/icons/rating.svg) no-repeat 100% 0;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 0;
    width:100px
}

.sb-rating__value:after {
    content: "";
    display: inline-block;
    width:100px
}

.sb-rating__stars {
    background: url(../images/dest/icons/rating-active.svg) no-repeat 0 0;
    color: transparent;
    display: inline-block;
    position: absolute;
    width:0
}

.sb-stars {
    background-size: auto 100%;
    height: 24px;
    width:140px
}

.sb-stars__fill {
    background: url(../images/dest/icons/rating-ext-active.svg) no-repeat;
    background-size: inherit;
    height:24px
}

.menu-lk {
    background: #0063aa;
    flex-shrink: 0;
    min-height: 100vh;
    position: relative;
    transition: width .8s;
    width:299px
}

.menu-lk .navbar-hide {
    background: #fff;
    border: 1px solid #ccebff;
    border-radius: 3px;
    box-sizing: border-box;
    height: 32px;
    position: absolute;
    right: -50px;
    top: 15px;
    width:50px
}

.menu-lk .navbar-hide .navbar-hide-icon {
    background-image: url(../images/dest/lk/burger-blue.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 16px;
    width:20px
}

.menu-lk .navbar {
    background: #0063aa;
    display: block;
    padding: 34px 0 48px 40px;
    transition:display .8s
}

.menu-lk .navbar .search {
    display:none
}

.menu-lk .navbar .navbar-brand {
    width:100%
}

.menu-lk .navbar .navbar-brand img {
    width:170px
}

.menu-lk .navbar .inner-menu {
    padding:127px 0 0 6px
}

.menu-lk .navbar .inner-menu .inner_block-menu .name-user {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    margin:0 0 -3px
}

.menu-lk .navbar .inner-menu .inner_block-menu .e-mail {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    opacity:.6
}

.menu-lk .navbar .inner-menu .inner_block-menu .menu-ul {
    margin-top:32px
}

.menu-lk .navbar .inner-menu .inner_block-menu .menu-ul li {
    margin-bottom: 29px;
    padding-left: 36px;
    position:relative
}

.menu-lk .navbar .inner-menu .inner_block-menu .menu-ul li a {
    color: #fff;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
    font-size: 16px;
    line-height:145%
}

.menu-lk .navbar .inner-menu .inner_block-menu .menu-ul li a:hover {
    text-decoration:none
}

.menu-lk .navbar .inner-menu .inner_block-menu .menu-ul li.active {
    opacity:.35
}

.menu-lk .navbar .inner-menu .inner_block-menu .menu-ul li:before {
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 24px;
    left: -3px;
    position: absolute;
    top: 2px;
    width:24px
}

.menu-lk .navbar .inner-menu .inner_block-menu .menu-ul .main-li:before {
    background-image:url(../images/dest/lk/home.svg)
}

.menu-lk .navbar .inner-menu .inner_block-menu .menu-ul .profile-li:before {
    background-image:url(../images/dest/lk/user.svg)
}

.menu-lk .navbar .inner-menu .inner_block-menu .menu-ul .reviews-li:before {
    background-image:url(../images/dest/lk/message.svg)
}

.menu-lk .navbar .inner-menu .inner_block-menu .menu-ul .questions-li:before {
    background-image:url(../images/dest/lk/question.svg)
}

.menu-lk .navbar .inner-menu .inner_block-menu .menu-ul .questions-li span, .menu-lk .navbar .inner-menu .inner_block-menu .menu-ul .reviews-li span {
    background: #dae9fc;
    border-radius: 5px;
    border-top: 2px solid transparent;
    color: #0063aa;
    font-size: 12px;
    line-height: 18px;
    margin-left: 5px;
    padding:0 4px
}

.menu-lk .navbar .inner-menu .inner_block-menu .menu-ul .analitic-li:before {
    background-image:url(../images/dest/lk/chart.svg)
}

.menu-lk .navbar .inner-menu .inner_block-menu .menu-ul .analitic-li a {
    position:relative
}

.menu-lk .navbar .inner-menu .inner_block-menu .menu-ul .analitic-li a:hover {
    cursor:auto
}

.menu-lk .navbar .inner-menu .inner_block-menu .menu-ul .analitic-li a:after {
    background: url(../images/dest/icons/lock.svg) no-repeat;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    right: -20px;
    top: 0;
    width:12px
}

.menu-lk .navbar .inner-menu .inner_block-menu .menu-ul .library-li:before {
    background-image:url(../images/dest/lk/documents.svg)
}

.menu-lk .navbar .inner-menu .inner_block-menu .menu-ul .widget-li:before {
    background-image:url(../images/dest/lk/post.svg)
}

.menu-lk .navbar .inner-menu .inner_block-menu .menu-ul .custom-li:before {
    background-image:url(../images/dest/lk/settings.svg)
}

.menu-lk .navbar .inner-menu .inner_block-menu .bottom-a {
    padding:117px 0 10px
}

.menu-lk .navbar .inner-menu .inner_block-menu .bottom-a a {
    display: block;
    margin-bottom:16px
}

.menu-lk .navbar .inner-menu .inner_block-menu .bottom-a.applicant {
    padding:70px 0 10px
}

.menu-lk .navbar .inner-menu .inner_block-menu button {
    background: #eaf6ff;
    border: none;
    border-radius: 5px;
    color: #0063aa;
    font-size: 16px;
    height: 50px;
    line-height: 145%;
    margin-top: 13px;
    padding: 12px 31px;
    text-align:center
}

.menu-lk .navbar-hide {
    display:none
}

@media (min-width: 320px) and(max-width: 992px) {
    .menu-lk {
        height: 60px;
        position: fixed;
        width: 100%;
        z-index:100
    }

    .navbar-brand {
        margin-right:auto
    }

    .navbar .search img {
        width:25px
    }

    .menu-lk .navbar .navbar-brand img {
        width:122px
    }

    .menu-lk .navbar .navbar-brand {
        width:auto
    }

    .navbar-toggler {
        background-color: transparent;
        border: none;
        border-radius: .25rem;
        font-size: 1.25rem;
        line-height: 1;
        margin-right: 8px;
        padding:0
    }

    .menu-lk .navbar .inner-menu {
        padding: 0;
        width:100%
    }

    .menu-lk .navbar {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        padding: 8px 6px 12px 17px;
        transition:display .8s
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url(../images/dest/lk/menu.svg);
        margin-left:17px
    }

    .menu-lk .navbar .inner-menu .navbar-collapse {
        padding:34px 0 0 28px
    }

    .bottom-a.applicant {
        padding:350px 0 10px
    }

    .menu-hide {
        transition: all .8s;
        width:0
    }

    .menu-hide .inner-menu, .menu-hide .navbar {
        display: none;
        transition: all .8s;
        width:0
    }
}

@media (min-width: 767px) and(max-width: 992px) {
    .menu-lk .navbar-collapse {
        display:block
    }

    .menu-lk .navbar .navbar-brand {
        width:100%
    }

    .menu-lk .navbar .navbar-brand img {
        width:170px
    }

    .menu-lk .navbar-hide {
        display:block
    }

    .menu-lk .navbar .inner-menu {
        display: block;
        padding: 0;
        transition: all .8s;
        width:100%
    }

    .menu-lk .navbar-toggler {
        display:none
    }

    .menu-lk {
        height: auto;
        height: 100vh;
        transition: width .8s;
        width:299px
    }

    .menu-hide {
        transition: all .8s;
        width:0
    }

    .menu-hide .inner-menu, .menu-hide .navbar {
        display: none;
        transition: all .8s;
        width:0
    }
}

@media (min-width: 992px) and(max-width: 1024px) {
    .menu-lk .navbar-hide {
        display: block;
        z-index:1
    }

    .menu-lk .navbar .inner-menu {
        padding:127px 0 0 6px
    }

    .menu-hide {
        transition: all .8s;
        width:0
    }

    .menu-hide .inner-menu, .menu-hide .navbar {
        display: none;
        transition: all .8s;
        width:0
    }
}

@media (min-width: 1024px) and(max-width: 1279px) {
    .menu-lk .navbar-hide {
        display: block;
        z-index:1
    }

    .menu-hide {
        transition: all .8s;
        width:0
    }

    .menu-hide .inner-menu, .menu-hide .navbar {
        display: none;
        transition: all .8s;
        width:0
    }
}

.auth {
    display:flex
}

.auth .sign-in__form {
    box-shadow: none;
    max-width:508px
}

.auth .b-form__title {
    font-weight:400
}

.auth .auth__logo {
    background: url(../images/dest/logo-blue.svg) no-repeat 50%/cover;
    display: block;
    height: 39px;
    left: 60px;
    position: absolute;
    top: 40px;
    width: 214px;
    z-index:1
}

.auth__left, .auth__right {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    width:50%
}

.auth__right {
    background: #0063aa;
    position:relative
}

.auth__slide {
    animation: toggle-slide 10s infinite;
    color: #fff;
    font-size: 36px;
    font-weight: 300;
    line-height: 120%;
    opacity: 0;
    padding: 360px 0 0;
    text-align: center;
    width:516px
}

.auth__slide:first-child {
    background: url(../images/dest/sign-in/notebook.svg) #0063aa no-repeat top;
    position:absolute
}

.auth__slide:nth-child(2) {
    animation-delay: 5s;
    background:url(../images/dest/sign-in/phone.svg) #0063aa no-repeat top
}

@keyframes toggle-slide {
    0% {
        opacity:1
    }

    50% {
        opacity:1
    }

    51% {
        opacity:0
    }
}

@media (min-width: 1200px) and(max-height: 650px) {
    .b-form__title {
        display:none
    }
}

@media (max-width: 1199px) {
    .auth {
        display: block;
        padding:0 15px
    }

    .auth__left {
        padding-top: 40px;
        width:100%
    }

    .auth__right {
        display:none
    }

    .auth .auth__logo {
        height: 28px;
        left: 50%;
        transform: translateX(-50%);
        width:152px
    }

    .auth .b-form__title {
        text-align:center
    }
}

.reviews-form {
    color: #0f0f0f;
    padding:50px 0
}

.reviews-form .has-success .select2-container--krajee.select2-container--focus .select2-selection, .reviews-form .has-success .select2-container--open .select2-selection, .reviews-form .has-success .twitter-typeahead .tt-hint, .reviews-form .has-success .twitter-typeahead .tt-hint:focus, .reviews-form .has-success .twitter-typeahead .tt-input, .reviews-form .has-success .twitter-typeahead .tt-input:focus {
    border-color: #c2c3c4;
    box-shadow:none
}

.reviews-form__inner {
    align-items: self-start;
    display:flex
}

.reviews-form__back {
    margin-bottom: 48px;
    padding-left:5px
}

.reviews-form__nav {
    background: linear-gradient(0deg, #fff, #fff);
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 20px;
    width:100%
}

.reviews-form__nav_wrap {
    position: sticky;
    top:20px
}

.reviews-form__nav_items {
    margin-left: -6px;
    margin-top:18px
}

.reviews-form__nav_title {
    color: #0f0f0f;
    font-size: 16px;
    line-height: 145%;
    opacity:.8
}

.reviews-form__nav_item {
    align-items: center;
    display: flex;
    margin-bottom:10px
}

.reviews-form__nav_item:last-child {
    margin-bottom:0
}

.reviews-form__nav_item.active .reviews-form__nav_item_title {
    color:#0063aa
}

.reviews-form__nav_item.active .reviews-form__nav_item_icon svg path:first-child {
    stroke: #0063aa;
    fill:#0063aa
}

.reviews-form__nav_item.active .reviews-form__nav_item_icon svg path:last-child {
    fill:#fff
}

.reviews-form__nav_item_icon {
    height: 40px;
    margin-right: 14px;
    width:40px
}

.reviews-form__nav_item_title {
    color: #979797;
    font-size: 16px;
    line-height:20px
}

.reviews-form__main {
    padding-right:55px
}

.reviews-form__main .mobil_hr {
    display:none
}

.reviews-form__section {
    background-color: #fff;
    border-radius: 8px;
	border: 1px solid #D3D8DF;
   /* box-shadow: 0 4px 10px rgba(0, 0, 0, .15); */
    box-sizing: border-box;
    padding:24px
}

.reviews-form__section + .reviews-form__section {
    margin-top:70px
}

.reviews-form__title {
    text-align:center
}

.reviews-form__description {
    color: #0f0f0f;
    font-size: 16px;
    line-height: 145%;
    margin: 22px auto 0;
    opacity: .8;
    text-align:center
}

.reviews-form__job_form {
    margin-top:54px
}

.reviews-form__job_form .tt-scrollable-menu {
    max-width:100%
}

.reviews-form__job_form .b-form__input input {
    border: 1px solid #c2c3c4;
    border-radius:5px
}

.reviews-form__job_form .select2-container--krajee .select2-selection {
    border: 1px solid #c2c3c4;
    border-radius: 5px;
    box-shadow:none
}

.reviews-form__ratings {
    margin-bottom: 50px;
    max-width:616px
}

.reviews-form__rating {
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    padding:28px 0 27px
}

.reviews-form__rating:first-child {
    padding-top:23px
}

.reviews-form__rating_title {
    align-items: center;
    color: #0f0f0f;
    display: flex;
    font-size: 14px;
    line-height:18px
}

.reviews-form__rating_title .hint__icon {
    margin-left:4px
}

.reviews-form__advantages {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top:19px
}

.reviews-form__advantages_wrapper {
    margin-top:50px
}

.reviews-form__advantages input[type=checkbox] {
    opacity: 0;
    position: absolute;
    z-index:-1
}

.reviews-form__advantages input[type=checkbox]:checked + label {
    background-color: #0C38ED;
    border-color: #0C38ED;
    color:#fff
}

.reviews-form__advantages input[type=checkbox]:checked + label:after {
    background: url(../images/dest/icons/check.svg) no-repeat 50%;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 20px;
    width:20px
}

.reviews-form__advantage {
    margin-bottom: 15px;
    width:calc(50% - 7.5px)
}

.reviews-form__advantage_label {
    align-items: center;
    background: #E9F0FA;
    border: 1px solid #EFEFFD;
    border-radius: 8px;
    box-sizing: border-box;
    color: #0f0f0f;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 50px;
    justify-content: center;
    line-height: 18px;
    padding:5px 10px
}

.reviews-form__advantage_label span {
    text-align:center
}

.reviews-form__income {
    max-width:290px
}

.reviews-form__income_inner {
    align-items: center;
    display:flex
}

.reviews-form__income_field {
    width:130px
}

.reviews-form__income_field input {
    text-align:center
}

.reviews-form__income_text {
    color: #979797;
    font-size: 14px;
    line-height: 20px;
    margin-left:13px
}

.reviews-form__rules {
    background: #f9f9f9;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 65, 112, .15);
    margin-top: 15px;
    padding: 21px 46px 22px;
    position:relative
}

.reviews-form__rules:before {
    background: url(../images/dest/icons/icon-Info.svg) no-repeat 50%;
    content: "";
    height: 24px;
    left: 14px;
    position: absolute;
    top: 17px;
    width:24px
}

.reviews-form__rules_title {
    color: #0f0f0f;
    font-size: 14px;
    font-weight: 500;
    line-height:130%
}

.reviews-form__rules_list {
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    margin-top: 13px;
    max-width:480px
}

.reviews-form__rules_list li {
    padding-left: 13px;
    position:relative
}

.reviews-form__rules_list li + li {
    margin-top:12px
}

.reviews-form__rules_list li:before {
    background-color: #5f5f5f;
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 5px;
    width:4px
}

.reviews-form__email .b-form__title {
    max-width:495px
}

.reviews-form__email_hh {
    width:calc(50% - 30px)
}

.reviews-form__email_hh .b-btn {
    padding-left: 20px;
    padding-right:20px
}

.reviews-form__email_block {
    display: flex;
    justify-content: flex-start;
    padding-right:40px
}

.reviews-form__email_block .help-block-error {
    padding-top:4px
}

.reviews-form__email_block_column {
    margin-right: 33px;
    width:253px
}

.reviews-form__agreement {
    align-items: center;
    display: flex;
    margin-top:16px
}

.reviews-form__agreement_icon {
    background: url(../images/dest/icons/agreement-check.svg) no-repeat 50%;
    flex-shrink: 0;
    height: 33px;
    margin-right: 4px;
    width:33px
}

.reviews-form__agreement_text {
    color: #979797;
    font-size: 12px;
    line-height:130%
}

.reviews-form__agreement_text a {
    color: #0063aa;
    text-decoration:none
}

.reviews-form .reviews-form .reviews-form__nav_item svg {
    height: 40px;
    width:40px
}

.reviews-form .hh-button {
    margin:0 0 37px
}

.reviews-form .hh-button button {
    background: #d20a11;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    height: 50px;
    line-height: 100%;
    padding: 9px 0;
    width:253px
}

.reviews-form .hh-button button:hover {
    background:#e63b41
}

.reviews-form .hh-button button:active {
    background:#c01e23
}

.reviews-form .or {
    border-bottom: 1px solid #979797;
    color: #979797;
    font-size: 14px;
    margin-bottom: 37px;
    position: relative;
    text-align: center;
    width:253px
}

.reviews-form .or span {
    background: #fff;
    display: block;
    left: calc(50% - 16px);
    padding: 0 4px;
    position: absolute;
    top:-10px
}

.reviews-form .link-back {
    align-items: center;
    background: url(../images/dest/icons/arr-back.svg) no-repeat 0 50%/32px auto;
    color: #0063aa;
    display: inline-flex;
    font-size: 16px;
    height: 50px;
    line-height: 145%;
    margin-bottom: 34px;
    padding: 12px 37px;
    white-space:nowrap
}

@media (max-width: 992px) {
    .reviews-form__main {
        padding-right:0
    }

    .reviews-form__nav {
        display: none;
        padding:10px 10px 10px 20px
    }

    .reviews-form__nav._fixed {
        display: block;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index:2
    }

    .reviews-form__nav_items {
        align-items: center;
        display: flex;
        margin-top:0
    }

    .reviews-form__nav_item {
        display: flex;
        margin-bottom: 0;
        max-width:33%
    }

    .reviews-form .line_little {
        background: #EFEFFD;
        border-radius: 8px;
        height: 1px;
        margin: 0 5px;
        width:20px
    }
}

@media (max-width: 767px) {
    .reviews-form__nav {
        font-size: 10px;
        line-height:130%
    }

    .reviews-form__nav_item svg {
        height: 15px;
        width:15px
    }

    .reviews-form__nav_item_title {
        font-size:10px
    }

    .reviews-form__nav_item_icon {
        height: 15px;
        margin-right: 5px;
        width:15px
    }

    .reviews-form__job_form {
        margin-top:50px
    }

    .reviews-form__job_top {
        padding-bottom: 50px;
        position:relative
    }

    .reviews-form__job_top:after {
        background: #f0f0f0;
        bottom: 0;
        content: "";
        height: 1px;
        left: -15px;
        position: absolute;
        right:-15px
    }

    .reviews-form__email_block_column {
        margin-bottom: 18px;
        width:100%
    }

    .reviews-form__email_hh {
        width:100%
    }

    .reviews-form__section {
        border: none;
        border-radius: 0;
        box-shadow: none;
        padding:0
    }

    .reviews-form__section + .reviews-form__section {
        margin-top:64px
    }

    .reviews-form__description {
        font-size: 14px;
        max-width:300px
    }

    .reviews-form__rules {
        margin-top: 10px;
        padding:18px 41px 28px 20px
    }

    .reviews-form__rules:before {
        left: auto;
        right:16px
    }

    .reviews-form__rules_title {
        font-size: 12px;
        font-weight:500
    }

    .reviews-form__rules_list {
        margin-top:15px
    }

    .reviews-form__rules_list li + li {
        margin-top:7px
    }

    .reviews-form__rating {
        display: block;
        padding:32px 0 20px
    }

    .reviews-form__rating_title {
        padding-right:20px
    }

    .reviews-form__rating_title .hint {
        margin-left:7px
    }

    .reviews-form__rating_value {
        margin-top:12px
    }

    .reviews-form__rating_value .rating-field {
        display:inline-flex
    }

    .reviews-form__advantages {
        margin-top:11px
    }

    .reviews-form__advantages_wrapper {
        margin-top:40px
    }

    .reviews-form__advantage {
        margin-bottom: 15px;
        width:100%
    }

    .reviews-form__advantage_label {
        justify-content: space-between;
        padding:5px 24px
    }

    .reviews-form__income {
        max-width:100%
    }

    label {
        margin-bottom:0
    }
}

@media (min-width: 767px) and(max-width: 1279px) {
    .reviews-form__advantage_label {
        font-size:14px
    }

    #footer #accordion .card .card-header button {
        font-size:16px
    }
}

@media (max-width: 800px) {
    .reviews-form {
        z-index:1
    }

    .reviews-form__email_block {
        display: block;
        padding-right:0
    }

    .reviews-form__email_block_column {
        margin-bottom: 16px;
        margin-right: 0;
        width:100%
    }

    .reviews-form .hh-button {
        margin:0 0 25px
    }

    .reviews-form .hh-button button {
        width:100%
    }

    .reviews-form__nav_items {
        justify-content:space-around
    }

    .reviews-form__nav_item_title {
        font-size:13px
    }

    .reviews-form .or {
        margin-bottom: 20px;
        width:100%
    }
}

@media (max-width: 359px) {
    .reviews-form__nav_item_title {
        font-size:11px
    }
}

@media (min-width: 390px) {
    .reviews-form__nav_item_title {
        font-size:15px
    }
}

.career {
    padding-bottom: 90px;
    padding-top:70px
}

.career h2.h2-indent {
    margin-bottom:32px
}

.career__section + .career__section {
    margin-top:70px
}

.salary {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    padding: 31px 35px 33px 103px;
    position:relative
}

.salary__image {
    height: 60px;
    left: 21px;
    position: absolute;
    top: 30px;
    width:60px
}

.salary__image img {
    max-height: 100%;
    max-width:100%
}

.salary__value {
    color: #00aa47;
    font-weight: 700;
    margin-bottom:3px
}

.salary__text {
    font-size: 14px;
    line-height:20px
}

.salary__link {
    line-height: 0;
    margin-top:16px
}

.career-about__slider {
    margin-bottom:50px
}

.career-about__info_row + .career-about__info_row {
    margin-top:32px
}

.career-about__info_block h3 {
    margin-bottom:20px
}

.career-about__info_block .text-16 {
    color: #000;
    max-width:440px
}

.career-about__info_numbers p + p {
    margin-top:6px
}

.career-about__info_number {
    color: #0063aa;
    margin-left:10px
}

.career-about__info_site {
    align-items: center;
    color: #0063aa;
    display: flex;
    font-size: 14px;
    line-height: 20px;
    margin-top:14px
}

.career-about__info_site img {
    margin-right: 10px;
    max-height: 24px;
    max-width:24px
}

.career-benefits h2.h2-indent {
    margin-bottom:12px
}

.career-benefits__content {
    margin-bottom: 50px;
    margin-top:36px
}

.career-benefits__company {
    padding-left:24px
}

.career-benefits__company h3 {
    margin-bottom:10px
}

.career-benefits__btn {
    margin-top:14px
}

@media (max-width: 992px) {
    .career__section_block + .career__section_block {
        margin-top:50px
    }
}

@media (max-width: 767px) {
    .career {
        padding-bottom: 60px;
        padding-top:45px
    }

    .career h2.h2-indent {
        margin-bottom:20px
    }

    .career__section + .career__section {
        margin-top:64px
    }

    .career__section_block + .career__section_block {
        margin-top:45px
    }

    .career__ratings h2.h2-indent {
        font-size: 24px;
        line-height: 120%;
        margin-bottom:36px
    }

    .salary {
        padding:14px 10px 24px 103px
    }

    .salary__image {
        left: 23px;
        top:14px
    }

    .salary__value {
        font-size: 24px !important;
        line-height: 28px;
        margin-bottom:7px
    }

    .salary__link {
        margin-top:7px
    }

    .career-about__slider {
        margin-bottom:32px
    }

    .career-about__info_block + .career-about__info_block, .career-about__info_row + .career-about__info_row {
        margin-top:32px
    }

    .career-about__info_numbers p + p {
        margin-top:10px
    }

    .career-benefits__content {
        margin-top:20px
    }

    .career-benefits__company {
        padding-left:0
    }

    .career-benefits__company h3 {
        margin-bottom:16px
    }
}

.reviews {
    padding-bottom: 90px;
    padding-top:58px
}

.reviews .composite-banner {
    margin:50px 0 34px
}

.reviews .review {
    margin-bottom:34px
}

.reviews__content .accordion-faq__item-content p, .reviews__content .accordion-faq__item-content ul {
    max-width:100%
}

.reviews h2.h2-indent {
    margin-bottom:40px
}

.reviews__section {
    position:relative
}

.reviews__section + .reviews__section {
    margin-top:70px
}

.reviews__section [data-dj-anchor=sort-top] {
    position: absolute;
    top:-15px
}

.reviews__title {
    font-size: 26px;
    line-height: 120%;
    margin:0 0 50px
}

.reviews__title:after {
    color: #979797;
    padding-left:.44ch
}

.reviews__pagination {
    margin-top:50px
}

.reviews__filter_switch {
    margin-bottom:34px
}

.reviews__filter_switch .radio-group__item_label {
    height: 38px;
    margin-bottom:0
}

.reviews__Robotoview {
    margin-bottom:75px
}

.reviews__content-about {
    display:none
}

.reviews__content-about._active {
    display:block
}

.reviews__sort-wrapper {
    display: flex;
    justify-content: flex-end;
    margin:0 0 22px
}

.reviews__filter-static-wrapper {
    -ms-overflow-style: none;
    height: calc(100vh - 135px);
    overflow-x: hidden;
    overflow-y: auto;
    overflow: -moz-scrollbars-none;
    padding: 5px;
    position: fixed;
    scrollbar-width: none;
    top:110px
}

.reviews__filter-static-wrapper::-webkit-scrollbar {
    display:none
}

.reviews__filter-static-wrapper .contacts_company:first-child {
    display:none
}

.reviews__filter-static-wrapper .filter {
    margin-top:0
}

.contacts_company {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    font-size: 16px;
    line-height: 140%;
    padding:31px 28px
}

.contacts_company h3 {
    margin:0 0 27px
}

.contacts_company hr {
    margin: 26px 0 0;
    width:100%
}

.contacts_company a {
    align-items: center;
    color: #0063aa;
    display: inline-flex;
    max-width:222px
}

.contacts_company hr + a {
    max-width: 100%;
    padding: 24px 12px 0;
    text-align:center
}

.contacts_company p {
    margin-bottom:14px
}

.contacts_company strong {
    font-weight: 500;
    margin-right:7px
}

.contacts_company .one-company {
    align-content: center;
    display: flex;
    justify-content: flex-start;
    margin-top:17px
}

.contacts_company .one-company a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap
}

.contacts_company .img-company {
    align-items: center;
    border-radius: 0;
    display: flex;
    height: 55px;
    justify-content: center;
    margin-right: 17px;
    overflow: hidden;
    width:55px
}

.contacts_company strong {
    display:inline-block
}

.contacts_company .img-company img {
    height: auto;
    width:100%
}

@keyframes helpful_up {
    0% {
        transform:rotate(0)
    }

    to {
        transform:rotate(0)
    }

    50% {
        transform:rotate(22deg)
    }
}

@keyframes helpful_down {
    0% {
        transform:rotate(0)
    }

    to {
        transform:rotate(0)
    }

    50% {
        transform:rotate(-22deg)
    }
}

.review {
    background-color: #fff;
    border-radius: 7px;
   /* box-shadow: 0 2px 5px rgba(0, 0, 0, .15); */
    padding:34px calc(100% - 554px) 34px 34px
}

.review__title {
    margin-bottom:16px
}

.review__rating {
    margin-right:28px
}

.review__date {
    align-items: center;
    color: #979797;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: space-between;
    width:260px
}

.review__info {
    margin-top:40px
}

.review__info_block h4 {
    margin-bottom:20px
}

.review__info_block p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom:20px
}

.review__info_block p:last-child {
    margin:0
}

.review__info_block-title {
    color: #0f0f0f;
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    margin:34px 0 20px
}

.review__info_block + .review__info_block {
    margin-top:34px
}

.review__info_block_preview, .review__info_block_text {
    font-size: 14px;
    line-height:18px
}

.review__info_block_text {
    word-break:break-word
}

.review__info_block_btn {
    margin-top:7px
}

.review__tags {
    margin-top:16px
}

.review__ratings_item {
    align-items: center;
    color: #0f0f0f;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: space-between;
    max-width:380px
}

.review__ratings_item--first {
    margin-top:50px
}

.review__ratings_item + .review__ratings_item {
    margin-top:22px
}

.review__privileges {
    margin:28px 0 0
}

.review__privileges .toggle-btn {
    margin:0 0 0 4px
}

.review__privileges .toggle-btn span {
    display:none
}

.review__privileges .toggle-btn._active span + span, .review__privileges .toggle-btn:not(._active) span:first-child {
    display:inline-block
}

.review__privileges-item {
    background-color: #e8f3fd;
    border: 1px solid #2b70af;
    border-radius: 12px;
    color: #0f0f0f;
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    margin: 0 10px 10px 0;
    padding:4px 9px
}

.review__privileges-item:nth-child(n + 3) {
    display:none
}

.review__privileges--all .review__privileges-item {
    display:inline-block
}

@media (max-width: 575px) {
    .review__privileges-item {
        margin-right:auto
    }
}

.review__link {
    font-size: 16px;
    line-height:1.4
}

.review__btns {
    margin-top:35px
}

.review__btn {
    align-items: center;
    color: #0063aa;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    line-height: 1.4;
    padding-left:40px
}

.review__btn[data-review-helpful]._anim:before {
    animation:helpful_up .3s linear 0s alternate
}

.review__btn[data-review-helpful]._anim._active:before {
    animation:helpful_down .3s linear 0s alternate
}

.review__btn + .review__btn {
    margin-top:20px
}

.review__btn_count {
    color: #d1d1d1;
    padding-left:10px
}

.review__btn--like {
    position:relative
}

.review__btn--like:before {
    background: url(../images/dest/icons/like_blue.svg) no-repeat 50%/contain;
    content: "";
    height: 22px;
    left: 0;
    position: absolute;
    top: -2px;
    transform-origin: 0 100%;
    width:22px
}

.review__btn--copy {
    background: url(../images/dest/icons/copy.svg) no-repeat left 2px center;
    min-height:24px
}

.review__answer {
    margin-top:50px
}

.review__answer_title {
    margin-bottom:16px
}

.review__answer_message {
    background: #e1f6e5;
    border-radius: 7px;
    color: #0f0f0f;
    font-size: 16px;
    line-height: 145%;
    margin-bottom: 10px;
    overflow-wrap: break-word;
    padding: 16px 94px 16px 22px;
    position:relative
}

.review__answer_message p + p {
    margin-top:3px
}

.review__answer_message:after {
    border: 15px solid transparent;
    border-bottom: 10px solid #e1f6e5;
    border-top: 0;
    bottom: 100%;
    content: "";
    position: absolute;
    right:40px
}

.review__answer_message_date {
    color: #8fc198;
    font-size: 14px;
    line-height: 18px;
    margin-bottom:14px
}

.reviews-list__top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom:34px
}

.reviews-list__count {
    color: #ddd;
    font-size: 24px;
    font-weight: 700;
    padding-left:6px
}

.reviews-list__count:empty {
    display:none
}

@media (max-width: 767px) {
    .reviews-list__top {
        flex-wrap: wrap;
        margin-bottom:20px
    }

    .reviews-list__top._Robotoview {
        margin-bottom:4px
    }

    .reviews-list__title {
        margin-bottom: 24px;
        width:100%
    }

    .reviews-list__filter {
        align-items: center;
        color: #0f0f0f;
        cursor: pointer;
        display: flex;
        font-size: 14px;
        line-height: 145%;
        position:relative
    }

    .reviews-list__filter_icon {
        background: url(../images/dest/icons/filter.svg) no-repeat 50%;
        height: 24px;
        margin-left: 8px;
        width:24px
    }

    .reviews-list__filter_count {
        background: #ff2727;
        border-radius: 50%;
        color: #fff;
        font-size: 8px;
        font-weight: 500;
        height: 12px;
        line-height: 1;
        min-width: 12px;
        padding: 2px 4px;
        position: absolute;
        right: -4px;
        text-align: center;
        top:-6px
    }

    .reviews {
        padding-bottom: 64px;
        padding-top:34px
    }

    .reviews .composite-banner {
        margin:34px 0
    }

    .reviews h2.h2-indent {
        margin-bottom:40px
    }

    .reviews__section + .reviews__section {
        margin-top:64px
    }

    .reviews__title {
        margin-bottom:12px
    }

    .reviews__pagination {
        margin-top:55px
    }

    .reviews__sort-wrapper {
        justify-content:space-between
    }

    .reviews__filter {
        background-color: #fff;
        display: none;
        height: 100vh;
        left: 0;
        padding: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index:100
    }

    .reviews__filter._active {
        display:block
    }

    .reviews__filter_switch {
        display: flex;
        margin-bottom:34px
    }

    .reviews__filter_switch._mobile {
        margin-bottom:36px
    }

    .reviews__filter_switch .radio-group__item_label {
        height: 38px;
        margin-bottom:0
    }

    .reviews__filter-body {
        display: flex;
        flex-direction: column;
        height:100%
    }

    .reviews__content-about._Robotoview {
        padding-top:13px
    }

    .reviews__Robotoview {
        margin-bottom:13px
    }

    .review {
        border-radius: 7px;
        padding:34px
    }

    .review__date {
        width:100%
    }

    .review__info {
        margin-top:25px
    }

    .review__info_block-title, .review__info_block h4 {
        font-size: 16px;
        margin-bottom:14px
    }

    .review__info_block_text {
        line-height:20px
    }

    .review__ratings_item {
        font-size: 14px;
        max-width:100%
    }

    .review__ratings_item--first {
        margin-top:34px
    }

    .review__ratings_item + .review__ratings_item {
        margin-top:15px
    }

    .review__btns {
        margin-top:32px
    }

    .review__btn {
        font-size: 14px;
        line-height: 1.4;
        padding-left:30px
    }

    .review__btn + .review__btn {
        margin-top:15px
    }

    .review__btn_count {
        padding-left:7px
    }

    .review__btn--like:before {
        height: 20px;
        width:20px
    }

    .review__btn--copy {
        background-position: 0;
        background-size: 20px 20px;
        min-height:21px
    }

    .review__answer {
        margin-top:34px
    }

    .review__answer_title {
        margin-bottom:20px
    }

    .review__answer_message {
        font-size: 14px;
        padding:16px 23px 12px
    }

    .review__answer_message:after {
        border: 7px solid transparent;
        border-bottom: 7px solid #e1f6e5;
        border-top: 0;
        right:24px
    }

    .review__answer_message_date {
        margin-bottom:10px
    }
}

@media (max-width: 450px) {
    .review {
        border-radius: 0;
        margin: 0 -15px 30px;
        padding:34px 15px
    }
}

@media (max-width: 800px) {
    .reviews__filter._active .filter {
        display: block;
        margin:0
    }
}

@media (max-width: 991px) {
    .contacts_company {
        margin-bottom:34px
    }
}

main.vacancies {
    padding:70px 0 90px
}

.vacancies .h2, .vacancies h2 {
    margin:0 0 24px
}

.vacancies [class^=hh-widget] *, .vacancies [class^=hh-widget] :first-child, .vacancies [class^=hh-widget] :hover {
    font-family:Roboto, sans-serif !important
}

.vacancies [class^=hh-widget] [class^=hh-vacancy-], .vacancies [class^=hh-widget] [class^=hh-vacancy-]:first-child, .vacancies [class^=hh-widget] [class^=hh-vacancy-]:hover {
    margin:0 0 20px !important
}

.vacancies [class^=hh-widget] [class^=hh-vacancy__link], .vacancies [class^=hh-widget] [class^=hh-vacancy__link]:first-child {
    font-size: 16px !important;
    font-weight:400 !important
}

.vacancies [class^=hh-widget] [class^=hh-header], .vacancies [class^=hh-widget] [class^=hh-header]:first-child {
    display:none !important
}

@media (max-width: 767px) {
    main.vacancies {
        padding:40px 0 60px
    }
}

.empty-content {
    color:#0f0f0f
}

main.empty-content {
    padding:70px 0 90px
}

.empty-content .h2, .empty-content h2 {
    margin:0 0 24px
}

.empty-content p + .arrow-link {
    margin-top:6px
}

.empty-content .arrow-link + p {
    margin-top:30px
}

.empty-content p + .b-btn {
    margin:26px 0 0
}

.empty-content .composite-banner--know-salary {
    margin-bottom:60px
}

@media (max-width: 767px) {
    main.empty-content {
        padding:40px 0 60px
    }
}

.index-content h1 {
    font-size: 32px;
    font-weight: 500;
    line-height:120%
}

.index-content h2 {
    font-size: 26px;
    font-weight: 500;
    line-height:120%
}

.index-content .top-div {
    background: #bdbdbd no-repeat 50% 50%;
    background-size: cover, 0;
    color: #fff;
    min-height:560px
}

.index-content .top-div .top-row {
    margin-bottom:92px
}

.index-content .top-div .top-row .top_p {
    font-size: 32px;
    font-weight: 500;
    line-height: 130%;
    margin: 137px 0 43px;
    max-width:467px
}

.index-content .top-div .top-row .tt-scrollable-menu .tt-menu {
    margin-left: 0;
    width:100%
}

.index-content .top-div .top-row h1 {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    line-height: 130%;
    margin: 137px 0 43px;
    max-width:490px
}

.index-content .top-div .top-row h1 span {
    color:#b2dfff
}

.index-content .top-div .top-row .js-select2 {
    background: #fff;
    border-radius: 5px;
    height: 50px;
    margin-bottom: 19px;
    padding-left: 19px;
    width:100%
}

.index-content .top-div .top-row .pop-div {
    align-items: center;
    display:flex
}

.index-content .top-div .top-row .pop-div a + a {
    margin-left:8px
}

.index-content .top-div .top-row .pop-div .but_div {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-size: 11px;
    letter-spacing: .01em;
    line-height: 122.22%;
    min-width: 101px;
    opacity: .62;
    padding: 5px 23px;
    text-align:center
}

.index-content .top-div .top-row .pop-div .but_div:hover {
    background: hsla(0, 0%, 100%, .2);
    border: 1px solid hsla(0, 0%, 100%, .1);
    opacity:1
}

.index-content .top-div .top-row #search_form {
    margin-bottom: 18px;
    margin-right: -40px;
    position:relative
}

@media (max-width: 767px) {
    .index-content .top-div .top-row #search_form {
        margin-right:0
    }
}

.index-content .top-div .top-row #search_form .search_form_btn {
    background: url(../images/dest/icons/search-black.svg) no-repeat 50% #fff;
    border: 0;
    border-radius: 5px;
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    z-index:2
}

.index-content .top-div .top-row #search_form input {
    background: #fff;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    letter-spacing: .01em;
    line-height: 122.22%;
    padding-left: 20px;
    padding-right:55px
}

.index-content .top-div .top-row #search_form .input-group-text {
    align-items: center;
    background: #fff;
    border: none;
    border-radius: 5px;
    margin-left:-6px
}

.index-content .top-div .top-row .popular, .index-content .top-div .top-row button {
    display:inline-block
}

.index-content .top-div .top-row .popular {
    font-size: 12px;
    line-height: 122.22%;
    margin-right: 11px;
    opacity:.62
}

.index-content .top-div .info {
    font-size: 32px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height:120%
}

.index-content .top-div .little-info {
    font-size: 18px;
    letter-spacing: .01em;
    line-height: 120%;
    padding-bottom:44px
}

.index-content__header {
    font-size: 32px;
    font-weight: 500;
    margin:0
}

.index-content .info-service {
    padding-bottom: 32px;
    padding-top:75px
}

.index-content .info-service h2 {
    color: #000;
    font-size: 62px;
    font-weight: 500;
    line-height: 120%;
    margin:100px 0 50px
}

.index-content .info-service .a-tab {
    border-bottom: 1px dashed #0063aa;
    color: #0063aa;
    display: inline-block;
    font-size: 26px;
    font-weight: 500;
    line-height: 120%;
    margin:50px 68px 66px 0
}

.index-content .info-service .a-tab.active {
    border-bottom: none;
    color:#000
}

.index-content .info-service .a-tab:hover {
    text-decoration:none
}

.index-content .info-service .a-tab:nth-child(2) {
    margin-right:0
}

.index-content .info-service .a-tab {
    margin-bottom:48px
}

.index-content .info-service .nav-item {
    margin-bottom:-2px
}

.index-content .info-service .nav-pills {
    margin:50px 0
}

.index-content .info-service .nav-pills .nav-link {
    border-bottom: 1px dashed #0063aa;
    border-radius: 0;
    color: #0063aa;
    font-size: 26px;
    font-weight: 500;
    line-height: 120%;
    padding:0
}

.index-content .info-service .nav-pills .nav-link:first-child {
    margin-right:36px
}

.index-content .info-service .nav-pills .nav-link.active, .index-content .info-service .nav-pills .show > .nav-link {
    background: transparent;
    border-bottom: none;
    color: #0f0f0f;
    font-size: 26px;
    font-weight: 500;
    line-height:120%
}

.index-content .info-service .admonition {
    list-style-type: disc;
    padding-left:16px
}

.index-content .info-service .admonition .admonition-list {
    border-bottom: 1px dashed #0063aa;
    color: #0063aa;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 120%;
    margin-bottom: 23px;
    margin-right: 24px;
    position:relative
}

.index-content .info-service .admonition .admonition-list a {
    color: #0063aa;
    font-size: 18px;
    font-weight: 500;
    line-height:120%
}

.index-content .info-service .admonition .admonition-list a:hover {
    text-decoration:none
}

.index-content .info-service .admonition .admonition-list:before {
    background: #0063aa;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: -16px;
    position: absolute;
    top: 43%;
    width:6px
}

.index-content .info-service .admonition .admonition-list.active {
    border-bottom: none;
    color: #000;
    display:inline-block
}

.index-content .info-service .admonition .admonition-list.active a {
    color:#000
}

.index-content .info-service .admonition .admonition-list.active:before {
    background:#000
}

.index-content .info-service .info-admonition__wrap {
    display: none;
    margin-bottom: 38px;
    margin-top: 20px;
    max-width:400px
}

.index-content .info-service .info-admonition__wrap p {
    color: #000;
    font-size: 16px;
    letter-spacing: .01em;
    line-height: 145%;
    max-width:318px
}

.index-content .info-service .info-admonition .info-admonition__wrap:first-child {
    display:block
}

.index-content .info-service .info-admonition .details {
    background: #0063aa;
    border: none;
    border-radius: 5px;
    color: #f8f9f9;
    font-size: 16px;
    margin-bottom: 70px;
    padding:16px 32px
}

.index-content .info-service .info-admonition .details:hover {
    background:#1783d2
}

.index-content .info-service .right-div .div_tab {
    display: none;
    margin-top:30px
}

.index-content .info-service .right-div .div_tab img {
    background: #fff;
    margin-top: -107px;
    width:100%
}

.index-content .info-service .right-div .div_tab:first-child {
    display:block
}

.index-content h3 {
    font-size: 38px;
    font-weight: 500;
    line-height:120%
}

.index-content .grey-sect {
    background: #fafafa;
    padding-bottom: 70px;
    padding-top:70px
}

.index-content .grey-sect .advantages__items {
    flex-wrap: wrap;
    justify-content:space-between
}

.index-content .grey-sect .advantages__item {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    display: flex;
    margin-top: 35px;
    padding: 27px 30px 20px 45px;
    width:calc(50% - 15px)
}

.index-content .grey-sect .advantages__item_image {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 64px;
    justify-content: center;
    margin-right: 30px;
    margin-top: 10px;
    width:64px
}

.index-content .grey-sect .advantages__item_image img {
    max-height: 100%;
    max-width:100%
}

.index-content .grey-sect .advantages__item_title {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom:12px
}

.index-content .grey-sect .advantages__item_text {
    color: #979797;
    font-size: 16px;
    line-height:145%
}

.index-content .grey-sect .white-div {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    display: flex;
    justify-content: flex-start;
    margin-top: 34px;
    max-height: 130px;
    min-height: 130px;
    padding: 25px 10px 28px 33px;
    width:540px
}

.index-content .grey-sect .white-div img {
    margin-right:33px
}

.index-content .grey-sect .white-div .wrap .head-p {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 8px;
    margin-top:3px
}

.index-content .grey-sect .white-div .wrap .bottom-p {
    color: #979797;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 120%;
    max-width: 330px;
    min-height:48px
}

.index-content .white-bg {
    padding:70px 0 0
}

.index-content .white-bg h1 {
    color: #0f0f0f;
    font-size: 32px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom:50px
}

.index-content .white-bg h4 {
    font-size: 18px;
    font-weight: 500;
    line-height:120%
}

.index-content .white-bg h3, .index-content .white-bg h4 {
    margin-bottom: 22px;
    margin-top:22px
}

.index-content .white-bg h2 {
    color: #0f0f0f;
    font-size: 26px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 32px;
    margin-top:32px
}

.index-content .white-bg h3 {
    color: #0f0f0f;
    font-size: 22px;
    font-weight: 500;
    line-height:1.25
}

.index-content .white-bg ul {
    list-style-type: none;
    margin-bottom: 22px;
    margin-top:22px
}

.index-content .white-bg ul li:before {
    background-color: #c4c4c4;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 6px;
    position: absolute;
    top: 8px;
    width:6px
}

.index-content .white-bg p {
    font-size: 16px;
    line-height: 145%;
    margin-bottom:22px
}

.index-content .white-bg .pop_company {
    align-items: center;
    display: flex;
    justify-content:space-between
}

.index-content .white-bg .input-group-append .btn, .index-content .white-bg .input-group-prepend .btn {
    z-index:1
}

.index-content .white-bg .input-group {
    display: flex;
    justify-content: flex-end;
    width:205px
}

.index-content .white-bg .input-group-append .btn-drop {
    border: 1px solid #c4c4c4;
    border-radius: 7px;
    color: #0f0f0f;
    font-size: 16px;
    letter-spacing: .01em;
    line-height: 122.22%;
    padding:12px 22px 12px 19px
}

.index-content .white-bg .input-group-append .btn-drop:after {
    background: url(../images/dest/icons/arrow.svg) no-repeat 50%/20px auto;
    border: none;
    height: 20px;
    margin: 0 -4px 0 6px;
    vertical-align: middle;
    width:20px
}

.index-content .white-bg .input-group-append .btn-drop:focus {
    box-shadow:none
}

.index-content .white-bg .input-group-append .btn-drop[aria-expanded=true]:after {
    transform:rotate(180deg)
}

.index-content .white-bg .input-group-append .dropdown-menu {
    background-color: #fff;
    border: none;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    padding:27px 47px 28px 36px
}

.index-content .white-bg .input-group-append .dropdown-menu .inner-drop {
    color: #000;
    font-size: 14px;
    line-height:122.22%
}

.index-content .white-bg .input-group-append .dropdown-menu .inner-drop .dropdown-item {
    padding: 7px 0;
    white-space: normal;
    width:285px
}

.index-content .white-bg .input-group-append .dropdown-menu .inner-drop .dropdown-item:hover {
    background: transparent;
    color:#0063aa
}

.index-content .white-bg .input-group-append .dropdown-menu .inner-drop .caret {
    display: block;
    line-height: 122.22%;
    padding:9px 50px 7px 0
}

.index-content .white-bg .input-group-append .dropdown-menu .inner-drop .caret:hover {
    color:#0063aa
}

.index-content .white-bg .input-group-append .dropdown-menu .inner-drop .caret:after {
    background: url(../images/dest/index/caret-next.svg) no-repeat 50%;
    color: #0063aa;
    content: "";
    display: inline-block;
    height: 8px;
    margin-left: 8px;
    vertical-align: initial;
    width:4px
}

.index-content .white-bg .popular-wrap {
    display: block;
    justify-content: space-between;
    margin-bottom: 22px;
    margin-top:46px
}

.index-content .white-bg .popular-wrap .slider.shadow-indent .swiper-container {
    padding-top:42px
}

.index-content .white-bg .reviews__section {
    margin-bottom:66px
}

.index-content .white-bg .reviews__section .lastReviews {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    padding:38px 17px 27px 22px
}

.index-content .white-bg .reviews__section .lastReviews .topReviews {
    margin-bottom: 32px;
    max-height: 74px;
    min-height: 74px;
    overflow:hidden
}

.index-content .white-bg .reviews__section .lastReviews .topReviews .lastReviews__image {
    margin-right:27px
}

.index-content .white-bg .reviews__section .lastReviews .topReviews .lastReviews__image .lastReviews__logo {
    background: none no-repeat 50%;
    background-size: contain;
    height: 60px;
    width:60px
}

.index-content .white-bg .reviews__section .lastReviews .topReviews .lastReviews__image .lastReviews__logo > img {
    width:100%
}

.index-content .white-bg .reviews__section .lastReviews .topReviews .lastReviews__image .lastReviews__logo object {
    align-items: center;
    display: flex;
    height: auto;
    justify-content: center;
    width:100%
}

.index-content .white-bg .reviews__section .lastReviews .topReviews .lastReviews__image .lastReviews__logo object > img {
    width:100%
}

.index-content .white-bg .reviews__section .lastReviews .topReviews .name-rating .lastReviews__name {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height:100%
}

.index-content .white-bg .reviews__section .lastReviews .lastReviews__inner .lastReviews__texts {
    min-height:195px
}

@media (max-width: 767px) {
    .index-content .white-bg .reviews__section .lastReviews .lastReviews__inner .lastReviews__texts {
        min-height:177px
    }
}

.index-content .white-bg .reviews__section .lastReviews .lastReviews__inner .lastReviews__texts .lastReviews__name {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #0f0f0f;
    display: -webkit-box;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 28px;
    overflow:hidden
}

.index-content .white-bg .reviews__section .lastReviews .lastReviews__inner .lastReviews__texts .lastReviews__descriotion {
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 27px;
    overflow:hidden
}

.index-content .white-bg .reviews__section .lastReviews .lastReviews__inner .lastReviews__bottom .lastReviews__data {
    color: #979797;
    font-size: 14px;
    line-height:20px
}

.index-content .white-bg .reviews__section h3 {
    margin-bottom: 50px;
    margin-top:85px
}

.index-content .career__section {
    margin-bottom:57px
}

.index-content .slider__button {
    background-size:22%
}

.index-content .reviews_slider {
    margin-top:53px
}

@media (max-width: 767px) {
    .index-content .reviews_slider {
        margin-top:36px
    }
}

.index-content .top_company .slider.shadow-indent .swiper-container {
    padding-top:42px
}

.index-content .top_company .slider__button {
    display:none
}

@media (max-width: 800px) {
    .index-content__header {
        font-size: 24px;
        font-weight:500
    }

    .index-content .right-div {
        margin:0 -15px
    }

    .index-content .white-bg .popular-wrap {
        display:block
    }

    .index-content .info-service .admonition .admonition-list, .index-content .info-service .admonition .admonition-list a {
        font-size:14px
    }

    .index-content .info-service .nav-pills .nav-link {
        border-bottom:1px solid #0063aa
    }

    .index-content .info-service .nav-pills .nav-link:first-child {
        margin-right:20px
    }

    .index-content .top-div {
        background-size:0, cover
    }

    .index-content .top-div .top-row .top_p {
        font-size: 26px;
        margin: 232px 0 38px;
        text-align:center
    }
}

@media (max-width: 992px) {
    .index-content .grey-sect .advantages__item {
        width:100%
    }
}

@media (max-width: 767px) {
    .index-content .top-div {
        background: url(../images/dest/index/banner_mob.png) no-repeat 50%;
        background-size: 0, cover;
        color: #fff;
        min-height:606px
    }

    .index-content .info-service {
        padding-bottom: 0;
        padding-top:65px
    }

    .index-content h1 {
        font-size:24px
    }

    .index-content .top-div .top-row h1 {
        font-size: 28px;
        margin: 229px 0 39px;
        text-align:center
    }

    .pop-div {
        display: flex;
        justify-content:center
    }

    .index-content .top-div .info {
        font-size: 26px;
        font-weight:500
    }

    .index-content .top-div .little-info {
        font-size:20px
    }

    .info_data {
        text-align:center
    }

    .index-content .top-div .top-row {
        margin-bottom:73px
    }

    .index-content .top-div .tt-scrollable-menu {
        max-width:100%
    }

    .index-content .info-service h2 {
        font-size:24px
    }

    .index-content .info-service .a-tab {
        font-size: 16px;
        margin:31px 26px 43px 0
    }

    .index-content .info-service .admonition .admonition-list, .index-content .info-service .admonition .admonition-list a {
        font-size:16px
    }

    .index-content .info-service .admonition .admonition-list {
        margin-bottom:20px
    }

    .index-content .info-service .info-admonition__wrap p {
        font-size:16px
    }

    .info-admonition__wrap {
        margin-bottom: 32px;
        margin-top:34px
    }

    .index-content .info-service .info-admonition__wrap {
        margin-top:7px
    }

    .index-content h3 {
        font-size:24px
    }

    .index-content .info-service .right-div .div_tab {
        padding-bottom:64px
    }

    .accordeon-a, .accordeon-a:hover {
        color:#000
    }

    .index-content .info-service .nav-pills {
        margin:37px 0 27px
    }

    .index-content .info-service .nav-pills .nav-link {
        padding-bottom:10px
    }

    .index-content .grey-sect .white-div {
        margin-top: 22px;
        min-height:90px
    }

    .index-content .grey-sect {
        padding-bottom:93px
    }

    .index-content h2 {
        font-size:24px
    }

    .index-content .grey-sect {
        background: #fafafa;
        padding-bottom: 22px;
        padding-top:55px
    }

    .index-content .white-bg .reviews__section .lastReviews .lastReviews__inner .lastReviews__texts .lastReviews__name {
        margin-bottom:16px
    }

    .index-content .grey-sect .white-div img {
        width:42px
    }

    .index-content .grey-sect .white-div {
        align-items: center;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 11px;
        max-height: 100%;
        padding: 21px 10px 21px 28px;
        position: relative;
        width: 100%;
        width:calc(100vw - 30px)
    }

    .index-content .grey-sect .white-div .wrap {
        width:100%
    }

    .index-content .grey-sect .white-div .collapse_p {
        font-size: 14px;
        max-width: 240px;
        padding:26px 0 41px
    }

    .index-content .grey-sect .white-div .head-p {
        font-size: 18px;
        font-weight: 500;
        max-width:300px
    }

    .index-content .grey-sect .accordeon-a .head-p:after {
        background-image: url(../images/dest/index/arrow.svg);
        content: "";
        height: 6px;
        position: absolute;
        right: 32px;
        top: 44px;
        transform: rotate(180deg);
        width:12px
    }

    .index-content .grey-sect .accordeon-a.collapsed .head-p:after {
        transform:rotate(0deg)
    }

    .index-content .grey-sect .accordeon-a .collapse_p {
        color:#000
    }

    .index-content .white-bg .popular-wrap {
        display: flex;
        flex-wrap: wrap;
        margin-bottom:0
    }

    .index-content .white-bg .pop_company {
        display: flex;
        flex-wrap: wrap;
        justify-content:flex-start
    }

    .index-content .white-bg .input-group-append .btn-drop {
        border-radius: 7px;
        color: #000;
        font-size: 14px;
        letter-spacing: .01em;
        line-height: 122.22%;
        margin-top: 23px;
        padding:9px 12px 9px 9px
    }

    .index-content .white-bg .input-group {
        display: flex;
        justify-content: flex-start;
        width:205px
    }

    .index-content .white-bg .popular-wrap {
        margin-top:65px
    }

    .accordion {
        margin-top:23px
    }

    .accordion .card-header img {
        margin-right: 20px;
        width:42px
    }

    .accordion > .card > .card-header {
        padding:0
    }

    .accordion .card .card-header .btn-header-link {
        background: #fff;
        border: none;
        padding: 24px 30px;
        text-align: left;
        width:100%
    }

    .accordion .card .card-header .btn-header-link:focus {
        box-shadow:none
    }

    .accordion .card .card-body {
        font-size: 14px;
        padding:31px 30px
    }

    .accordion .card .card-header .btn-header-link span {
        color: #000;
        font-size: 18px;
        font-weight: 500;
        line-height:120%
    }

    .accordion .card {
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
        margin-bottom:11px
    }

    .index-content .card .card-header {
        border:none
    }

    .index-content .card .card-header .btn-header-link:after {
        background-image: url(../images/dest/index/arrow.svg);
        content: "";
        height: 6px;
        position: absolute;
        right: 32px;
        top: 44px;
        width:12px
    }

    .index-content .card .card-header .btn-header-link.collapsed:after {
        transform:rotate(180deg)
    }

    .index-content .info-service .nav-pills .nav-link {
        font-size:18px
    }

    .index-content .info-service .nav-pills .nav-link.active, .index-content .info-service .nav-pills .show > .nav-link {
        border-radius: 0;
        font-size:18px
    }

    .nav-pills {
        border-bottom:2px solid #ebebeb
    }

    .nav-pills .nav-link {
        border-radius:0
    }

    .nav-link.active {
        border-bottom:2px solid #0063aa
    }

    .index-content .info-service .right-div .div_tab img {
        height: auto;
        margin-top:0
    }

    .index-content .info-service .admonition .admonition-list {
        margin-right:0
    }

    .index-content .info-service .info-admonition .details {
        width:100%
    }

    .index-content .tab-content {
        padding-bottom:0
    }
}

@media (min-width: 767px) and(max-width: 992px) {
    .index-content .info-service .nav-pills .nav-link {
        font-size:18px
    }

    .index-content .info-service .nav-pills .nav-link.active, .index-content .info-service .nav-pills .show > .nav-link {
        border-radius: 0;
        font-size:18px
    }

    .nav-pills .nav-link {
        border-radius:0
    }

    .nav-link.active {
        border-bottom:2px solid #0063aa
    }

    .index-content .info-service .right-div .div_tab img {
        margin-top:0
    }

    .index-content .info-service .admonition .admonition-list {
        margin-right:0
    }

    .index-content .info-service .info-admonition .details {
        width:100%
    }

    .index-content .tab-content {
        padding-bottom:0
    }

    .index-content .top-div {
        height:725px
    }

    .index-content .info-service .a-tab {
        font-size:24px
    }

    .index-content .grey-sect .white-div {
        width:100%
    }

    .index-content .grey-sect .white-div img {
        margin-right:15px
    }

    .index-content .grey-sect .white-div {
        max-height: 145px;
        min-height:145px
    }

    .index-content .white-bg .popular-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 70px;
        margin-top:65px
    }
}

@media (min-width: 992px) and(max-width: 1279px) {
    .index-content .info-service .right-div .div_tab img {
        margin-top:0
    }

    .index-content .grey-sect .white-div {
        width:100%
    }
}

@media (min-width: 1280px) and(max-width: 1300px) {
    .index-content .info-service .right-div .div_tab img {
        width:100%
    }
}

.lk-employer {
    background: #fafafa;
    height: 977px;
    margin-left: 0;
    padding: 77px 0 0 83px;
    width:calc(100% - 299px)
}

.lk-employer .greeting {
    align-items: center;
    display: flex;
    margin-bottom:61px
}

.lk-employer .greeting .greeting-text {
    color:#000
}

.lk-employer .greeting .greeting-text h1 {
    font-size: 32px;
    font-weight: 500;
    margin-bottom:10px
}

.lk-employer .greeting .greeting-text p {
    font-size:16px
}

.lk-employer .inner-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width:826px
}

.lk-employer .inner-menu .inner-menu-item {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    color: #0f0f0f;
    margin-bottom: 18px;
    padding: 22px 22px 32px;
    width:calc(33.33333% - 11.33333px)
}

.lk-employer .inner-menu .inner-menu-item svg {
    margin-bottom:40px
}

.lk-employer .inner-menu .inner-menu-item .name-item {
    margin-bottom: 13px;
    padding-left:10px
}

.lk-employer .inner-menu .inner-menu-item p {
    color: #b9b9b9;
    font-size: 14px;
    max-width: 240px;
    padding-left:10px
}

.lk-employer .inner-menu .inner-menu-item:hover {
    background:#ebf4ff
}

.lk-employer .footer_bottom {
    color: #979797;
    font-size: 14px;
    line-height: 18px;
    opacity: .7;
    padding-top:158px
}

h4 {
    font-size: 18px;
    line-height:120%
}

.p500, h4 {
    font-weight:500
}

.p500 {
    font-size:16px
}

.lk__footer {
    color: #979797;
    font-size: 14px;
    line-height: 16px;
    opacity: .7;
    padding-bottom: 50px;
    padding-top:50px
}

@media (max-width: 767px) {
    .lk__footer {
        text-align:center
    }
}

@media (min-width: 320px) and(max-width: 992px) {
    .lk-employer {
        height: auto;
        margin-left: 0;
        padding: 97px 16px 33px;
        width:100%
    }

    .greeting img {
        height: 50px;
        margin-right: 16px;
        margin-top: -67px;
        width:50px
    }

    .lk-employer .greeting .greeting-text h1 {
        font-size: 28px;
        font-weight: 500;
        margin-bottom:10px
    }

    .lk-employer .greeting .greeting-text p {
        font-size:14px
    }

    .lk-employer .inner-menu {
        width:100%
    }

    .lk-employer .inner-menu .inner-menu-item .name-item {
        margin-bottom: 7px;
        padding-left:10px
    }

    .lk-employer .inner-menu .inner-menu-item {
        align-items: center;
        display: flex;
        height: 144px;
        justify-content: flex-start;
        margin-bottom: 15px;
        padding: 16px 15px;
        width:100%
    }

    .lk-employer .inner-menu .inner-menu-item svg {
        height: 57px;
        margin: 0 16px 0 0;
        width:57px
    }

    .lk-employer .footer_bottom {
        padding-top:80px
    }
}

@media (min-width: 767px) and(max-width: 992px) {
    .lk-employer {
        height: auto;
        margin-left: 0;
        padding: 50px 30px 20px;
        width:100%
    }

    .lk-employer .inner-menu, .lk-employer .inner-menu .inner-menu-item {
        width:100%
    }
}

@media (min-width: 1024px) and(max-width: 1279px) {
    .lk-employer {
        height: 100%;
        padding:77px 50px 0
    }

    .lk-employer .inner-menu .inner-menu-item {
        margin-bottom: 18px;
        padding: 22px 22px 32px;
        width:calc(50% - 17px)
    }

    .lk-employer .inner-menu {
        width:100%
    }

    .lk-employer .footer_bottom {
        padding-top:50px
    }
}

.lk-employer-profile {
    background: #fff;
    padding: 90px 0 136px 57px;
    position:relative
}

.lk-employer-profile .tabs-name .tab-pane .not-filled .logo-company img {
    display:none
}

.lk-employer-profile .tabs-name .tab-pane .not-filled .add-file-foto {
    display:inline
}

.lk-employer-profile .tabs-name .tab-pane .not-filled .dot-div {
    border: 1px dashed #d8d8d8;
    color: #c1c1c1;
    padding: 51px 283px 68px;
    text-align:center
}

.lk-employer-profile .tabs-name .tab-pane .not-filled .dot-div .top_p {
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 21px;
    position:relative
}

.lk-employer-profile .tabs-name .tab-pane .not-filled .dot-div .add-file-foto {
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 5px;
    color:#dedede
}

.lk-employer-profile .tabs-name .tab-pane .not-filled .dot-div .add-file-foto span {
    position:relative
}

.lk-employer-profile .tabs-name .tab-pane .not-filled .dot-div .add-file-foto span:before {
    background-image: url(../images/dest/lk/download2.svg);
    content: "";
    display: block;
    height: 23px;
    left: -32px;
    position: absolute;
    top: -3px;
    width:23px
}

.lk-employer-profile .tabs-name .tab-pane .not-filled .dot-div .add-file-foto {
    display:inline-block
}

.lk-employer-profile .tabs-name .tab-pane .not-filled .dot-div .banner, .lk-employer-profile .tabs-name .tab-pane .not-filled .dot-div .del {
    display:none
}

.lk-employer-profile .tabs-name .tab-pane .not-filled .dot-div .bot_p {
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-top:17px
}

.lk-employer-profile .tabs-name .tab-pane .not-filled .foto-company {
    display:none
}

.lk-employer-profile .tabs-name .tab-pane .disablet .form-group .mission {
    color:#dedede
}

.lk-employer-profile .tabs-name .tab-pane .disablet .dot-div {
    border: 1px dashed #d8d8d8;
    color: #c1c1c1;
    padding: 51px 283px 68px;
    text-align:center
}

.lk-employer-profile .tabs-name .tab-pane .disablet .dot-div .top_p {
    color: #dedede;
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 21px;
    position:relative
}

.lk-employer-profile .tabs-name .tab-pane .disablet .dot-div .add-file-foto {
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 5px;
    color:#dedede
}

.lk-employer-profile .tabs-name .tab-pane .disablet .dot-div .add-file-foto span {
    position:relative
}

.lk-employer-profile .tabs-name .tab-pane .disablet .dot-div .add-file-foto span:before {
    background-image: url(../images/dest/lk/download2.svg);
    content: "";
    display: block;
    height: 23px;
    left: -32px;
    position: absolute;
    top: -3px;
    width:23px
}

.lk-employer-profile .tabs-name .tab-pane .disablet .dot-div .add-file-foto {
    display:inline-block
}

.lk-employer-profile .tabs-name .tab-pane .disablet .dot-div .banner, .lk-employer-profile .tabs-name .tab-pane .disablet .dot-div .del {
    display:none
}

.lk-employer-profile .tabs-name .tab-pane .disablet .dot-div .bot_p {
    color: #dedede;
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-top:17px
}

.lk-employer-profile .tabs-name .tab-pane .disablet .foto-company {
    display:none
}

.lk-employer-profile .tabs-name .tab-pane .disablet .form-group .add-foto-company .add_div, .lk-employer-profile .tabs-name .tab-pane .disablet .form-group .add-soc .add-inner {
    color:#dedede
}

.lk-employer-profile .dot-div {
    border: 1px dashed transparent;
    color: #c1c1c1;
    padding: 0;
    position: relative;
    text-align:center
}

.lk-employer-profile .dot-div .del {
    position: absolute;
    right: 2px;
    top:4px
}

.lk-employer-profile .dot-div .banner {
    display:block
}

.lk-employer-profile .dot-div .add-file-foto {
    display:none
}

.lk-employer-profile .dot-div .top_p {
    display: none;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 21px;
    position:relative
}

.lk-employer-profile .dot-div .bot_p {
    display: none;
    font-size: 14px;
    line-height: 18px;
    margin-top:17px
}

.lk-employer-profile h1 {
    font-size: 32px;
    font-weight:500
}

.lk-employer-profile .litle-p {
    color: #364047;
    font-size: 14px;
    font-weight: 400;
    line-height:145%
}

.lk-employer-profile .del {
    background: transparent;
    background: #fff;
    border: none;
    border-radius: 50%;
    height: 32px;
    position: absolute;
    right: 2px;
    top: 2px;
    width:32px
}

.lk-employer-profile .del img {
    height: 18px;
    width:17px
}

.lk-employer-profile .no-butt {
    display:none
}

.lk-employer-profile .dropup {
    left: 103%;
    position: absolute;
    top:0
}

.lk-employer-profile .dropup:hover .dropdown-menu {
    bottom: auto;
    display: block;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    transform: translate3d(0, -84px, 0);
    will-change:transform
}

.lk-employer-profile .dropup .btn-title {
    background: #f6f7d6;
    border: none;
    border-radius: 62px;
    color: #b9944c;
    font-size: 10px;
    line-height: 14px;
    padding:0 5px
}

.lk-employer-profile .dropup .dropdown-menu {
    background-color: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    color: #979797;
    font-size: 12px;
    line-height: 18px;
    padding: 17px 25px;
    width:255px
}

.lk-employer-profile .dropup .dropdown-menu a {
    color: #0063aa;
    font-size: 12px;
    line-height: 18px;
    padding-top:8px
}

.lk-employer-profile .dropup .btn-title.dropdown-toggle:after {
    content:none
}

.lk-employer-profile .tabs-name {
    margin-top: 65px;
    max-width:760px
}

.lk-employer-profile .tabs-name .nav-tabs {
    border-bottom: 1px solid transparent;
    box-shadow:0 1px 0 hsla(0, 0%, 59%, .2)
}

.lk-employer-profile .tabs-name .nav-tabs li {
    padding:0 44px 0 0
}

.lk-employer-profile .tabs-name .nav-tabs li .nav-link {
    border: none;
    color: #0f0f0f;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding-bottom: 7px;
    padding-left:0
}

.lk-employer-profile .tabs-name .nav-tabs li .nav-link.active {
    background: transparent;
    border-bottom:2px solid #0063aa
}

.lk-employer-profile .tabs-name .tab-pane {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    color: #000;
    margin-top: 34px;
    padding:34px 30px 34px 34px
}

.lk-employer-profile .tabs-name .tab-pane .name-inner-tab {
    font-size: 22px;
    font-weight: 500;
    line-height: 130%;
    margin-bottom:19px
}

.lk-employer-profile .tabs-name .tab-pane .add-file-foto {
    background: #fff;
    border: 1px solid #0063aa;
    border-radius: 5px;
    color: #0063aa;
    font-size: 14px;
    height: 40px;
    line-height: 18px;
    padding:0 32px 0 61px
}

.lk-employer-profile .tabs-name .tab-pane .add-file-foto span {
    position:relative
}

.lk-employer-profile .tabs-name .tab-pane .add-file-foto span:before {
    background-image: url(../images/dest/lk/download.svg);
    content: "";
    display: block;
    height: 23px;
    left: -32px;
    position: absolute;
    top: -3px;
    width:23px
}

.lk-employer-profile .tabs-name .tab-pane .add-file-foto img {
    margin-right:8px
}

.lk-employer-profile .tabs-name .tab-pane .save {
    background: #58d555;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.01em;
    margin-top: 0;
    padding:13px 76px
}

.lk-employer-profile .tabs-name .tab-pane .select-p {
    margin-top:-23px
}

.lk-employer-profile .tabs-name .tab-pane .form-group-marg .d-flex .inner-flex {
    width:328px
}

.lk-employer-profile .tabs-name .tab-pane .form-group {
    margin-bottom:32px
}

.lk-employer-profile .tabs-name .tab-pane .form-group textarea.form-control {
    background: #fff;
    border: 1px solid hsla(204, 2%, 53%, .5);
    border-radius: 5px;
    box-sizing: border-box;
    height: 163px;
    min-height: 120px;
    padding: 17px;
    width:100%
}

.lk-employer-profile .tabs-name .tab-pane .form-group textarea.form-control::-moz-placeholder {
    color: #c4c4c4;
    font-size: 14px;
    line-height:18px
}

.lk-employer-profile .tabs-name .tab-pane .form-group textarea.form-control:-ms-input-placeholder {
    color: #c4c4c4;
    font-size: 14px;
    line-height:18px
}

.lk-employer-profile .tabs-name .tab-pane .form-group textarea.form-control::placeholder {
    color: #c4c4c4;
    font-size: 14px;
    line-height:18px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-logo {
    align-items: center;
    display: flex;
    margin-bottom:50px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-logo .logo-company {
    background-image: url(../images/dest/lk/no-logo.svg);
    background-size: cover;
    height: 130px;
    margin-right: 26px;
    position: relative;
    width:130px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-logo .logo-company img {
    height: 130px;
    margin-right: 26px;
    width:130px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-logo .logo-company .del {
    position: absolute;
    right: -7px;
    top:-1px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-logo .logo-company .del img {
    height: 18px;
    width:17px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-soc {
    width:355px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-soc .add-inner {
    color: #000;
    display: inline;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    position:relative
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-soc .add-inner:after {
    background-image: url(../images/dest/lk/star2.svg);
    background-repeat: no-repeat;
    content: "";
    height: 20px;
    position: absolute;
    right: -25px;
    top: 0;
    width:20px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-soc input {
    background-position: 11px 11px;
    background-repeat: no-repeat;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    height: 50px;
    margin-bottom: 10px;
    padding-left: 61px;
    width:315px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-soc__fb {
    background-image:url(../images/dest/lk/FB1.png)
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-soc__ig {
    background-image:url(../images/dest/lk/IG1.png)
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-soc__ok {
    background-image:url(../images/dest/lk/ok1.png)
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-soc__vk {
    background-image:url(../images/dest/lk/vk.png)
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-soc__yt {
    background-image:url(../images/dest/lk/yt.svg)
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-foto-company {
    margin-top:44px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-foto-company .del {
    height: 27px;
    padding-top: 0;
    width:27px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-foto-company .del img {
    height: 15.2px;
    width:14.34px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-foto-company .add_div {
    color: #000;
    display: inline;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    position:relative
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-foto-company .foto-new {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 45px;
    margin-top:30px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-foto-company .foto-new .foto-company {
    background-image: url(../images/dest/lk/foto.png);
    background-size: cover;
    height: 140px;
    margin-bottom: 15px;
    margin-right: 15px;
    position: relative;
    width:140px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-foto-company .foto-new .foto-company:nth-child(5n) {
    margin-right:0
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-foto-company .foto-new .foto-company-load {
    align-items: center;
    border: 1px dashed #d8d8d8;
    border-radius: 7px;
    display: flex;
    flex-wrap: wrap;
    height: 140px;
    justify-content: center;
    padding: 22px 9px;
    width:140px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-foto-company .foto-new .foto-company-load img {
    margin-bottom:8px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .add-foto-company .foto-new .foto-company-load p {
    color: #c1c1c1;
    font-size: 14px;
    line-height: 18px;
    text-align:center
}

.lk-employer-profile .tabs-name .tab-pane .form-group .mission, .lk-employer-profile .tabs-name .tab-pane .form-group label {
    color: #0f0f0f;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom:15px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .mission {
    display: inline-block;
    position:relative
}

.lk-employer-profile .tabs-name .tab-pane .form-group .prompt {
    background: #f6f7d6;
    border-radius: 62px;
    color: #b9944c;
    font-size: 10px;
    line-height: 14px;
    padding:3px 10px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .form-control {
    border: 1px solid #c2c3c4;
    border-radius: 7px;
    color: #0f0f0f;
    display: flex;
    height: 50px;
    padding-left:20px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .form-control:focus {
    box-shadow:none
}

.lk-employer-profile .tabs-name .tab-pane .form-group .form-control::-moz-placeholder {
    color: #979797;
    font-size: 14px;
    line-height:18px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .form-control:-ms-input-placeholder {
    color: #979797;
    font-size: 14px;
    line-height:18px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .form-control::placeholder {
    color: #979797;
    font-size: 14px;
    line-height:18px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .d-flex .inner-flex {
    width:328px
}

.lk-employer-profile .tabs-name .tab-pane .form-group .d-flex .inner-flex select {
    border: 1px solid #c2c3c4;
    border-radius: 7px;
    color: #979797;
    font-size: 14px;
    height: 50px;
    line-height: 18px;
    padding-left: 10px;
    width:100%
}

.lk-employer-profile .tabs-name .tab-pane .form-group .d-flex .inner-flex select:focus-visible {
    border: 1px solid #c2c3c4;
    outline:none
}

.lk-employer-profile .tabs-name .tab-pane .disablet .form-group textarea.form-control {
    background: #fff;
    border: 1px solid #f4f4f4;
    border-radius: 5px;
    box-sizing: border-box;
    height: 163px;
    min-height: 120px;
    padding: 17px;
    width:100%
}

.lk-employer-profile .tabs-name .tab-pane .disablet .form-group textarea.form-control::-moz-placeholder {
    color: #dedede;
    font-size: 14px;
    line-height:18px
}

.lk-employer-profile .tabs-name .tab-pane .disablet .form-group textarea.form-control:-ms-input-placeholder {
    color: #dedede;
    font-size: 14px;
    line-height:18px
}

.lk-employer-profile .tabs-name .tab-pane .disablet .form-group textarea.form-control::placeholder {
    color: #dedede;
    font-size: 14px;
    line-height:18px
}

.lk-employer-profile .tabs-name .tab-pane#add-foto {
    box-shadow: none;
    padding:50px 0 0
}

.lk-employer-profile .footer_bottom {
    bottom: 60px;
    color: #85888a;
    font-size: 14px;
    line-height: 18px;
    opacity: .7;
    position:absolute
}

.lk-employer-profile .uploadcrop label img {
    display: block;
    margin:0 auto
}

@media (min-width: 320px) and(max-width: 992px) {
    .lk-employer-profile {
        height: auto;
        margin-left: 0;
        padding: 110px 0 0;
        width:100%
    }

    .del {
        position: absolute;
        right: -2px;
        top:-5px
    }

    .del img {
        height: 18px;
        width:17px
    }

    .lk-employer-profile .tabs-name {
        margin-top:44px
    }

    .lk-employer-profile .dot-div .banner {
        padding: 0 16px;
        width:100%
    }

    .lk-employer-profile .dot-div .del {
        right: 19px;
        top:4px
    }

    .lk-employer-profile .tabs-name .tab-pane .disablet .dot-div {
        padding:51px 67px 68px
    }

    .lk-employer-profile .tabs-name .tab-pane .disablet .dot-div .dropup {
        left: calc(50% - 64px);
        position: absolute;
        top:-27px
    }

    .lk-employer-profile .tabs-name .tab-pane .not-filled .dot-div {
        padding:51px 67px 68px
    }

    .lk-employer-profile .tabs-name .tab-pane .not-filled .dot-div .dropup {
        left: calc(50% - 64px);
        position: absolute;
        top:-27px
    }

    .lk-employer-profile .tabs-name .tab-pane .form-group .add-foto-company .foto-new .foto-company-load {
        height: 155px;
        width:155px
    }

    .lk-employer-profile .tabs-name .tab-pane .form-group .add-foto-company .foto-new .foto-company {
        height: 155px;
        margin-bottom: 18px;
        margin-right: 18px;
        width:155px
    }

    .lk-employer-profile .tabs-name .tab-pane .form-group .add-soc input {
        width:285px
    }

    .lk-employer-profile .add-soc .dropup, .lk-employer-profile .add_div .dropup {
        left: 0;
        position: absolute;
        top:-28px
    }

    .lk-employer-profile .del {
        margin-left:10px
    }

    .lk-employer-profile .tabs-name .tab-pane#add-foto {
        padding:50px 16px 0
    }

    .lk-employer-profile .tabs-name .tab-pane .form-group .add-foto-company .foto-new .foto-company:nth-child(5n) {
        margin-right:15px
    }

    .lk-employer-profile .tabs-name .tab-pane .form-group .add-foto-company .foto-new .foto-company:nth-child(2n) {
        margin-right:0
    }

    .lk-employer-profile .footer_bottom {
        bottom: 50px;
        color: #85888a;
        font-size: 14px;
        line-height: 18px;
        opacity: .7;
        padding-left: 40px;
        position:absolute
    }

    .lk-employer-profile h1 {
        font-size: 28px;
        font-weight: 500;
        line-height: 130%;
        padding-left:16px
    }

    .tabs-name .nav-tabs {
        display: flex;
        flex-wrap:nowrap
    }

    .tabs-name .wpap-ul {
        -ms-overflow-style: none;
        overflow: auto;
        overflow: -moz-scrollbars-none;
        padding:0 16px
    }

    .tabs-name .wpap-ul::-webkit-scrollbar {
        display:none
    }

    .tabs-name .wpap-ul ul {
        width:760px
    }

    .tabs-name .nav-tabs li {
        white-space:nowrap
    }

    .tabs-name .nav-link {
        padding-right:0
    }

    .lk-employer-profile .tabs-name .nav-tabs li {
        padding:0 36px 0 0
    }

    .lk-employer-profile .tabs-name .tab-pane {
        margin-top: 0;
        padding:34px 16px
    }

    .lk-employer-profile {
        background:#fff
    }

    .mob_width {
        flex-wrap:wrap
    }

    .inner-flex {
        margin-bottom:30px
    }

    .lk-employer-profile .tabs-name .tab-pane .form-group .d-flex .inner-flex {
        width:100%
    }

    .lk-employer-profile .tabs-name .tab-pane .save {
        margin-top: 0;
        width:100%
    }

    .lk-employer-profile .tabs-name .nav-tabs li .nav-link.active {
        background: transparent;
        border-bottom:2px solid #0063aa
    }
}

@media (min-width: 767px) and(max-width: 992px) {
    .lk-employer-profile {
        background: #fff;
        padding: 90px 0 136px 57px;
        position:relative
    }

    .menu-lk {
        background: #0063aa;
        flex-shrink: 0;
        min-height: 100vh;
        position:relative
    }
}

@media (min-width: 1024px) and(max-width: 1279px) {
    .lk-employer-profile .tabs-name .nav-tabs li {
        padding:0 44px 0 0
    }

    .lk-employer-profile .tabs-name .tab-pane .disablet .dot-div {
        padding:51px 232px 68px
    }

    .lk-employer-profile .tabs-name {
        width:620px
    }
}

@media (min-width: 1280px) and(max-width: 1359px) {
    .lk-employer-profile {
        padding: 90px 0 136px 40px;
        position:relative
    }
}

@media (min-width: 992px) and(max-width: 1279px) {
    .lk-employer-profile .tabs-name {
        width:760px
    }

    .lk-employer-profile .tabs-name .nav-tabs li {
        padding:0 18px 0 0
    }
}

@media (min-width: 768px) and(max-width: 1023px) {
    .tabs-name .wpap-ul ul {
        width:678px
    }
}

.add-company {
    padding-bottom: 100px;
    padding-top:60px
}

.add-company__form {
    background-color: #fff;
    border: 1px solid #f0efef;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    box-sizing: border-box;
    padding:32px
}

.add-company__form .b-form__radio_list {
    margin-top:50px
}

@media (max-width: 767px) {
    .add-company {
        padding-bottom:70px
    }

    .add-company__form {
        border: 0;
        border-radius: 0;
        box-shadow: none;
        padding:0
    }
}

.sign-in {
    align-items: center;
    background: url(../images/dest/index/bg-autor.svg) no-repeat 50%/cover;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    padding:75px 50px 50px
}

.sign-in .b-form .b-form__input input {
    font-size:16px
}

.sign-in .b-form .b-form__input input:not(:-moz-placeholder-shown) {
    background: #fff;
    border-color:#0f0f0f
}

.sign-in .b-form .b-form__input input:not(:-ms-input-placeholder) {
    background: #fff;
    border-color:#0f0f0f
}

.sign-in .b-form .b-form__input input:not(:placeholder-shown) {
    background: #fff;
    border-color:#0f0f0f
}

.sign-in .b-form__title {
    margin-bottom:20px
}

.sign-in .b-form__title + .sign-in__hh {
    margin-top:52px
}

.sign-in .b-form__block_top {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding:0 0 10px
}

.sign-in__inner {
    margin: 0 auto;
    max-width: 508px;
    padding-bottom:40px
}

.sign-in__logo {
    font-size: 0;
    margin-bottom: 50px;
    text-align: center;
    z-index:2
}

.sign-in__logo a {
    display:inline-block
}

.sign-in__logo--far {
    margin-bottom:64px
}

.sign-in__form {
    background: linear-gradient(0deg, #fff, #fff), #f8f9f9;
    border-radius: 7px;
    box-shadow: 0 4px 17px rgba(70, 112, 145, .09);
    padding: 48px 70px;
    position:relative
}

.sign-in__form_inner {
    position: relative;
    z-index:2
}

.sign-in__form_errors {
    color: #cf2f38;
    font-size: 12px;
    line-height: 18px;
    text-align:center
}

.sign-in__form_errors.b-form__row {
    margin-top:20px
}

.sign-in__form_links {
    display: flex;
    justify-content: space-between;
    margin-top:25px
}

.sign-in__form_links._center {
    justify-content:center
}

.sign-in__form_link {
    font-size: 14px;
    line-height:130%
}

.sign-in__form_link a {
    color:#1873a6
}

.sign-in__privacy {
    display: flex;
    margin-bottom: 38px;
    margin-top:12px
}

.sign-in__privacy_icon {
    margin-right:5px
}

.sign-in__privacy_text {
    color: #979797;
    font-size: 12px;
    line-height:18px
}

.sign-in__privacy_text a {
    color:#0063aa
}

.sign-in__separator {
    margin: 17px 0 26px;
    position: relative;
    text-align:center
}

.sign-in__separator:after {
    background: #979797;
    content: "";
    height: 1px;
    left: 0;
    opacity: .2;
    position: absolute;
    right: 0;
    top:14px
}

.sign-in__separator span {
    background: #fff;
    color: #979797;
    font-size: 14px;
    line-height: 18px;
    padding: 0 10px;
    position: relative;
    z-index:2
}

.sign-in__hh {
    margin-top:30px
}

.sign-in__hh_icon {
    margin-right:12px
}

.sign-in__tabs {
    border-bottom: 2px solid hsla(0, 0%, 59%, .2);
    display: flex;
    margin-top:50px
}

.sign-in__tab {
    border-bottom: 2px solid transparent;
    cursor: pointer;
    flex-grow: 1;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: -2px;
    padding-bottom: 15px;
    text-align:center
}

.sign-in__tab._active {
    border-color:#0063aa
}

.sign-in .form-group {
    margin-bottom:32px
}

@media (max-width: 767px) {
    .sign-in {
        background: #fff;
        display: block;
        padding:0
    }

    .sign-in .b-form__title {
        font-size:28px
    }

    .sign-in .b-form__title + .sign-in__hh {
        margin-top:38px
    }

    .sign-in__inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
        max-width: 370px;
        min-height: 100vh;
        padding-bottom: 40px;
        padding-top:64px
    }

    .sign-in__tabs {
        margin-left: -15px;
        margin-right:-15px
    }

    .sign-in__privacy {
        margin-bottom:28px
    }

    .sign-in__privacy_text {
        line-height:16px
    }

    .sign-in__logo {
        align-items: center;
        display: flex;
        height: 64px;
        justify-content: center;
        left: 0;
        position: absolute;
        right: 0;
        top:0
    }

    .sign-in__logo img {
        height: 28px;
        width:auto
    }

    .sign-in__form {
        background: #fff;
        border-radius: 0;
        box-shadow: none;
        padding:35px 0 25px
    }

    .sign-in__form:before {
        display:none
    }

    .sign-in__form_links {
        display: block;
        margin-top:32px
    }

    .sign-in__form_link {
        text-align:center
    }

    .sign-in__form_link + .sign-in__form_link {
        margin-top:17px
    }
}

.lk-employer-profile .lk-employer-profile-reviews {
    position:relative
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name {
    margin-top: 65px;
    max-width:951px
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .nav-tabs {
    width:760px
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane {
    box-shadow: none;
    margin-top: 0;
    padding:0
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    margin-top: 34px;
    padding:34px 25px 34px 34px
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link textarea {
    background: #fff;
    border: 1px solid #c2c3c4;
    border-radius: 5px;
    padding:16px
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link textarea::-moz-placeholder {
    color: #c2c3c4;
    font-size:14px
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link textarea:-ms-input-placeholder {
    color: #c2c3c4;
    font-size:14px
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link textarea::placeholder {
    color: #c2c3c4;
    font-size:14px
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link__head {
    color: #0f0f0f;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom:10px
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom:32px
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link .little {
    max-width:576px
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link .row-link {
    display: flex;
    justify-content:space-between
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link .row-link .create-link {
    background: #eaf6ff;
    border: none;
    border-radius: 5px;
    color: #0063aa;
    font-size: 16px;
    padding: 13px 103px;
    width:calc(50% - 8px)
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link .row-link .copy-link {
    position: relative;
    width:calc(50% - 8px)
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link .row-link .copy-link input {
    border: 1px solid #c2c3c4;
    border-radius: 5px;
    box-sizing: border-box;
    height: 50px;
    padding-left: 16px;
    width:100%
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link .row-link .copy-link input::-moz-placeholder {
    color: #c2c3c4;
    font-size: 14px;
    line-height:18px
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link .row-link .copy-link input:-ms-input-placeholder {
    color: #c2c3c4;
    font-size: 14px;
    line-height:18px
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link .row-link .copy-link input::placeholder {
    color: #c2c3c4;
    font-size: 14px;
    line-height:18px
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link .row-link .copy-link .copy {
    background: transparent;
    border: none;
    position: absolute;
    right: 13px;
    top:10px
}

.lk-employer-profile .lk-employer-profile-reviews .wrap_content {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-top:34px
}

.lk-employer-profile .lk-employer-profile-reviews .wrap_content .wrap-reviews {
    margin-right: 30px;
    max-width:571px
}

.lk-employer-profile .lk-employer-profile-reviews .wrap_content .reviews-faq {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    padding: 27px 25px 11px;
    width:350px
}

.lk-employer-profile .lk-employer-profile-reviews .wrap_content .reviews-faq .top-review {
    color: #0f0f0f;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom:15px
}

.lk-employer-profile .lk-employer-profile-reviews .wrap_content .reviews-faq .card {
    border: none;
    border-top:1px solid #f6f6f6
}

.lk-employer-profile .lk-employer-profile-reviews .wrap_content .reviews-faq .card:first-child {
    border-top:none
}

.lk-employer-profile .lk-employer-profile-reviews .wrap_content .reviews-faq .card .card-header {
    background-color: #fff;
    border-bottom: none;
    color: #0f0f0f;
    margin-bottom: 0;
    padding:0
}

.lk-employer-profile .lk-employer-profile-reviews .wrap_content .reviews-faq .card .card-header .btn-header-link {
    color: #0f0f0f;
    display: inline-block;
    font-size: 12px;
    padding: 14px 14px 14px 0;
    position: relative;
    width:100%
}

.lk-employer-profile .lk-employer-profile-reviews .wrap_content .reviews-faq .card .card-header .btn-header-link:after {
    background-image: url(../images/dest/lk/arr-black.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    height: 4px;
    position: absolute;
    right: 0;
    top: calc(50% - 2px);
    transform: rotate(180deg);
    width:8px
}

.lk-employer-profile .lk-employer-profile-reviews .wrap_content .reviews-faq .card .card-header .btn-header-link.collapsed:after {
    transform:rotate(0deg)
}

.lk-employer-profile .lk-employer-profile-reviews .wrap_content .reviews-faq .card .card-body {
    border-bottom: 1px solid #f6f6f6;
    color: #c4c4c4;
    font-size: 12px;
    line-height: 18px;
    padding:5px 0
}

.lk-employer-profile .lk-employer-profile-reviews .wrap_content .reviews-faq .card .card-body p + p {
    margin-top:8px
}

.lk-employer-profile .lk-employer-profile-reviews .navbar {
    color: #0f0f0f;
    font-size: 14px;
    line-height: 18px;
    margin-top:49px
}

.lk-employer-profile .lk-employer-profile-reviews .navbar .checkbox {
    margin-right:20px
}

.lk-employer-profile .lk-employer-profile-reviews .navbar .checkbox label {
    margin-bottom:0
}

.lk-employer-profile .lk-employer-profile-reviews .navbar .checkbox label input[type=checkbox] {
    color: #fff;
    left: -9999px;
    position:absolute
}

.lk-employer-profile .lk-employer-profile-reviews .navbar .checkbox label input[type=checkbox] ~ span {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    padding: 0 0 2px 32px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select:none
}

.lk-employer-profile .lk-employer-profile-reviews .navbar .checkbox label input[type=checkbox] ~ span:before {
    border: 1px solid #979797;
    border-radius: 3px;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 16px;
    left: 8px;
    margin-right: 5px;
    position: absolute;
    top: 1px;
    width:16px
}

.lk-employer-profile .lk-employer-profile-reviews .navbar .checkbox label input[type=checkbox]:checked ~ span:before {
    background-image: url(../images/dest/lk/check.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border: 1px solid #979797;
    border-radius: 3px;
    content: "";
    display: block;
    left: 8px;
    margin-right: 5px;
    position: absolute;
    top: 1px;
    width:16px
}

.lk-employer-profile .lk-employer-profile-reviews .navbar .dropdown button {
    background: transparent;
    border: none;
    color: #0f0f0f;
    font-size: 14px;
    line-height: 18px;
    position:relative
}

.lk-employer-profile .lk-employer-profile-reviews .navbar .dropdown button:after {
    background-image: url(../images/dest/lk/path.svg);
    border: none;
    content: "";
    display: inline-block;
    height: 4px;
    position: absolute;
    right: -7px;
    top: calc(50% - 2px);
    width:8px
}

.lk-employer-profile .lk-employer-profile-reviews .navbar .dropdown .dropdown-menu {
    background-color: #fff;
    border: none;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    color: #364047;
    margin-top: 10px;
    padding:19px 12px
}

.lk-employer-profile .lk-employer-profile-reviews .navbar .dropdown .dropdown-menu .dropdown-item {
    font-size: 14px;
    margin-bottom:9px
}

.lk-employer-profile .lk-employer-profile-reviews .navbar .dropdown .dropdown-menu .dropdown-item--current {
    color:#0063aa
}

.lk-employer-profile .lk-employer-profile-reviews .navbar .dropdown .dropdown-menu .dropdown-item:last-child {
    margin-bottom:0
}

.lk-employer-profile .lk-employer-profile-reviews .navbar .dropdown .dropdown-item:focus, .lk-employer-profile .lk-employer-profile-reviews .navbar .dropdown .dropdown-item:hover {
    background: transparent;
    color: #0063aa;
    text-decoration:none
}

.lk-employer-profile .lk-employer-profile-reviews .navbar .sort {
    margin-right:25px
}

.lk-employer-profile .lk-employer-profile-reviews .navbar .navbar-nav {
    align-items:center
}

.wrap-lk {
    display:flex
}

@media (min-width: 320px) and(max-width: 992px) {
    .menu-lk {
        min-height:60px
    }

    .modal-filter {
        background: transparent;
        border: none;
        color: #364047;
        font-size: 14px;
        line-height: 145%;
        position:relative
    }

    .modal-filter .int {
        background: #ff2727;
        border-radius: 50%;
        color: #fff;
        display: block;
        font-size: 8px;
        font-weight: 500;
        height: 12px;
        line-height: 13px;
        position: absolute;
        right: -4px;
        text-align: center;
        top: -6px;
        width:12px
    }

    .inner-tab-reviews .head-reviews {
        font-size: 18px;
        margin-bottom: 15px;
        max-width:100%
    }

    .lk-employer-profile .lk-employer-profile-reviews .wrap_content {
        display:block
    }

    .pagination .page-link {
        height: 26px;
        width:32px
    }

    .pagination .page-item.next .page-link {
        margin-left:20px
    }

    .pagination .page-item.prev .page-link {
        margin-right:20px
    }

    .pagination li:nth-child(6) {
        display:none
    }

    .navbar {
        padding:0 16px
    }

    .lk-employer-profile .lk-employer-profile-reviews .wrap_content .wrap-reviews {
        margin-right: 0;
        max-width:100%
    }

    .inner-tab-reviews {
        padding:34px 16px
    }

    .inner-tab-reviews .reviews-day {
        justify-content:space-between
    }

    .inner-tab-reviews .keywords div {
        font-size: 10px;
        padding:2px 8px
    }

    .inner-tab-reviews .bottom_event .add-review, .inner-tab-reviews .bottom_event .example, .inner-tab-reviews textarea {
        width:100%
    }

    .inner-tab-reviews .bottom_event {
        flex-wrap:wrap
    }

    .lk-employer-profile .lk-employer-profile-reviews .wrap_content .reviews-faq {
        display:none
    }

    .lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link {
        background: #fff;
        border-radius: 7px;
        box-shadow: none;
        margin-top: 34px;
        padding:0 16px
    }

    .lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link .row-link {
        flex-wrap:wrap
    }

    .lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link .row-link .create-link {
        margin-bottom: 10px;
        width:100%
    }

    .lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link .row-link .copy-link {
        width:100%
    }

    .lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom:11px
    }

    .lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-pane .share-link .marg {
        margin-bottom:32px
    }

    .tab-content {
        padding-bottom:214px
    }
}

@media (min-width: 1024px) and(max-width: 1279px) {
    .reviews-faq {
        display:none
    }
}

@media (max-width: 800px) {
    .lk-employer-profile .lk-employer-profile-reviews .tabs-name .nav-tabs {
        width:100%
    }
}

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

.hh-rating__texts {
    align-items: baseline;
    display:flex
}

.hh-rating__value {
    color: #0f0f0f;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    padding-left:2px
}

.hh-rating__text {
    font-size: 14px;
    line-height: 14px;
    padding-left:8px
}

.hh-rating__text a {
    color:#0063aa
}

.hh {
    font-family: Roboto;
    padding:71px 0 65px
}

.hh__title {
    font-size: 42px;
    line-height: 130%;
    margin-bottom:65px
}

.hh__title._reviews {
    margin-bottom:0
}

.hh__title._benefits {
    font-size: 30px;
    margin-bottom:43px
}

.hh__stat {
    margin-bottom:80px
}

.hh__stat._empty {
    margin-bottom:24px
}

.hh__stat._empty .hh-stat__value-block {
    padding-bottom: 8px;
    padding-top:35px
}

.hh__stat._empty .hh-stat__note, .hh__stat._empty .hh-stat__value {
    color:#979797
}

.hh__reviews {
    margin-bottom:78px
}

.hh__reviews-top {
    margin-bottom:33px
}

.hh__reviews-block-link {
    display: flex;
    justify-content:flex-end
}

.hh__reviews-link {
    margin-right:-7px
}

.hh__link {
    color: #000;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    line-height: 135%;
    white-space:nowrap
}

.hh__link span {
    vertical-align:middle
}

.hh__link svg {
    width:32px
}

.hh__link:hover {
    color:#0063aa
}

.hh__link:hover path {
    fill:#0063aa
}

.hh__slider {
    margin:0 -15px
}

.hh__slider .slider__button {
    background-color: rgba(0, 99, 170, .05);
    background-size: auto 16px;
    height: 46px;
    width:46px
}

.hh__slider .slider__button._next {
    right:-59px
}

.hh__slider .slider__button._prev {
    left:-59px
}

.hh__slider-slide {
    min-width: 335px;
    width:360px
}

.hh__modal-close-wrap {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index:5
}

.hh__modal-close-inner {
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 1157px;
    padding-top:26px
}

.hh__modal-close {
    background: transparent url(../images/dest/hh/close.svg) no-repeat 50%/24px auto;
    border: none;
    height: 48px;
    padding: 0;
    width:48px
}

.hh__modal-close:focus {
    outline:none
}

.hh__slider-full .slider__navigation {
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index:10
}

.hh__slider-full .slider__navigation-inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 804px;
    padding:0 10px
}

.hh__slider-full .slider__button {
    margin-top: 0;
    pointer-events: all;
    position: static;
    top:0
}

.hh__slider-full .slider__button._prev {
    left:0
}

.hh__slider-full .slider__button._next {
    margin-left: auto;
    right:0
}

.hh__slider-full .slider__button.swiper-button-disabled {
    opacity:.5
}
/*
.fancybox-slide--html {
    padding:0
}

.fancybox-is-open .fancybox-bg {
    background: #fff !important;
    opacity:1 !important
}*/

#hh-modal-reviews {
    display:none
}

#hh-modal-reviews.fancybox-content {
    background-color: transparent;
    padding:0
}

#hh-modal-reviews .fancybox-button {
    display:none
}

@media (max-width: 1279px) {
    .hh__slider .slider__button._next {
        right:-35px
    }

    .hh__slider .slider__button._prev {
        left:-35px
    }
}

@media (max-width: 767px) {
    .hh {
        padding:43px 0 98px
    }

    .hh__title {
        font-size: 32px;
        font-weight: 700;
        margin-bottom:39px
    }

    .hh__title._reviews {
        font-size:26px
    }

    .hh__stat {
        margin-bottom:51px
    }

    .hh__reviews {
        margin-bottom:35px
    }

    .hh__reviews-top {
        margin-bottom:4px
    }

    .hh__reviews-block-link {
        display: block;
        margin-top:14px
    }

    .hh__reviews-link {
        font-size:16px
    }

    .hh__link svg {
        margin-left: 10px;
        width:6px
    }

    .hh__slider-slide {
        padding:15px 0
    }

    .hh__modal-close {
        position:absolute
    }

    .hh__slider-full .swiper-slide {
        width:100%
    }

    .hh__slider-full .slider__navigation {
        bottom: 77px;
        position: absolute;
        top: auto;
        transform:none
    }

    .hh__slider-full .slider__navigation-inner {
        max-width: 123px;
        padding:0 10px
    }

    .hh__slider-full .slider__button {
        height: 34px;
        width:34px
    }
}

.wages {
    padding-top:70px
}

.wages .composite-banner {
    margin:0 0 60px
}

.wages__list {
    margin-top: 50px;
    max-width: 832px;
    padding-bottom:55px
}

.wages__list_headers {
    color: #c4c4c4;
    font-size: 10px;
    line-height: 15px;
    text-transform:uppercase
}

.wage {
    padding: 30px 0 25px;
    position:relative
}

.wage + .wage--with-divider:before {
    border-top: 1px solid #ececec;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: -2px;
    width:100%
}

.wage__logo {
    background-color: #fff;
    background: no-repeat 50%/contain;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
    height: 40px;
    position: absolute;
    top: 20px;
    width:40px
}

.wage__title {
    color: #0f0f0f;
    font-size: 16px;
    line-height:145%
}

.wage--company .wage__title {
    min-height: 40px;
    padding-left:45px
}

.wage__per-month {
    color: #979797;
    font-size: 10px;
    font-weight:400
}

.wage__reviews {
    color: #c4c4c4;
    font-size: 12px;
    line-height: 18px;
    white-space:nowrap
}

.wage__average {
    color: #0f0f0f;
    font-size: 18px;
    font-weight: 500;
    line-height:120%
}

.wage--big .wage__average {
    font-size:36px
}

.wage__chart {
    padding-left: 60px;
    padding-top:25px
}

.wage__chart_texts {
    display: flex;
    justify-content:space-between
}

.wage__chart_text {
    width:30%
}

.wage__chart_line {
    background: linear-gradient(85.44deg, #4cd9ed 7.39%, #0063aa);
    border-radius: 60px;
    height: 7px;
    position:relative
}

.wage__chart_line:after {
    background: #dfdfdf;
    border-radius: 2px;
    bottom: 0;
    content: "";
    height: 15px;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    width: 2px;
    z-index:2
}

.wage__chart_values {
    color: #0f0f0f;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    line-height: 18px;
    padding-top:5px
}

.wage__chart_value {
    width:30%
}

.wage__chart_value._min {
    position: relative;
    top:-36px
}

.wage__chart_value._average {
    text-align:center
}

.wage__chart_value._max {
    position: relative;
    text-align: right;
    top:-36px
}

.wage--company .wage__chart_value._average {
    display:none
}

.wage__link {
    font-size:14px
}

@media (max-width: 767px) {
    .wages {
        padding-top:34px
    }

    .wages__list {
        margin-top: 50px;
        padding-bottom:64px
    }

    .wage__logo {
        top:12px
    }

    .wage__title {
        display: inline;
        font-size: 18px;
        font-weight: 500;
        line-height: 120%;
        padding-right:4px
    }

    .wage__reviews {
        color: #979797;
        display: block;
        font-size:10px
    }

    .wage--big .wage__reviews {
        display:none
    }

    .wage--big .wage__average {
        font-size:18px
    }

    .wage__position {
        line-height:22px
    }

    .wage__position--center {
        text-align:center
    }

    .wage__chart {
        padding-left: 0;
        padding-top:12px
    }

    .wage--big .wage__chart {
        padding:6px 0 0
    }

    .wage__chart_texts {
        color: #979797;
        font-size: 10px;
        line-height: 14px;
        padding-bottom:7px
    }

    .wage__chart_text._average {
        text-align:center
    }

    .wage__chart_text._max {
        text-align:right
    }

    .wage__chart_values {
        font-size: 12px;
        line-height: 14px;
        padding-top:5px
    }

    .wage__chart_value._min {
        position: static;
        top:0
    }

    .wage__chart_value._average {
        font-size: 14px;
        font-weight: 500;
        padding-top:4px
    }

    .wage__chart_value._max {
        position: static;
        top:0
    }

    .wage--big {
        padding:0
    }

    .wage--big .wage__per-month {
        display:block
    }

    .wage__ref-wrapper {
        text-align:center
    }

    .wage__link {
        display:none
    }

    .wage__button {
        margin:22px 0 0
    }
}

@media (min-width: 768px) {
    .wage--big .wage__chart {
        padding-top:36px
    }

    .wage--big .wage__chart_line {
        height:20px
    }

    .wage--big .wage__chart_line:after {
        height: 40px;
        width:3px
    }

    .wage--big .wage__chart_values {
        padding-top:14px
    }

    .wage--big .wage__chart_value._max, .wage--big .wage__chart_value._min {
        top:-64px
    }

    .wage__button {
        display:none
    }
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-content .inner-custom {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    margin-top: 34px;
    padding:32px
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-content .inner-custom .active-user {
    color: #0f0f0f;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom:20px
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-content .inner-custom .table {
    margin-bottom:0
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-content .inner-custom .table thead th {
    border: none;
    color: #c4c4c4;
    font-size: 10px;
    line-height: 12px;
    padding: 11px 0;
    text-transform:uppercase
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-content .inner-custom .table tbody tr {
    border-bottom: 1px solid #f5f5f5;
    color: #0f0f0f;
    font-size: 14px;
    font-weight: 400;
    line-height:18px
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-content .inner-custom .table tbody tr td {
    border: none;
    padding: 30px 0;
    vertical-align:middle
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-content .inner-custom .table tbody tr td .e-mail {
    color: #85888a;
    font-size: 14px;
    line-height: 18px;
    margin-top:5px
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-content .inner-custom .table tbody tr:last-child {
    border-bottom:none
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-content .inner-custom .table tbody tr:last-child td, .lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-content .inner-custom .table tbody tr:last-child td .e-mail {
    padding-bottom:0
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-content .inner-custom .check-switch {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin-bottom:30px
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-content .inner-custom .check-switch p {
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    margin-right:13px
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-content .inner-custom .check-switch .label-toggl {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    margin-bottom:0
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-content .inner-custom .check-switch .toggle {
    background: #d6d6d6;
    border-radius: 15px;
    height: 18px;
    isolation: isolate;
    overflow: hidden;
    position: relative;
    width:38px
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-content .inner-custom .check-switch .toggle-inner {
    border-radius: 39px;
    height: 16px;
    left: 2px;
    overflow: hidden;
    position: absolute;
    top: 1px;
    width: 35px;
    z-index:2
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-content .inner-custom .check-switch .active-bg {
    background: #58d555;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate3d(-100%, 0, 0);
    transition: transform .05s linear .17s;
    width:200%
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-content .inner-custom .check-switch .toggle-state {
    display:none
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-content .inner-custom .check-switch .indicator {
    background: #fff;
    border-radius: 13px;
    height: 100%;
    transform: translate3d(-75%, 0, 0);
    transition: transform .35s cubic-bezier(.85, .05, .18, 1.35);
    width:200%
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-content .inner-custom .check-switch .toggle-state:checked ~ .active-bg {
    transform:translate3d(-50%, 0, 0)
}

.lk-employer-profile .lk-employer-profile-reviews .tabs-name .tab-content .inner-custom .check-switch .toggle-state:checked ~ .toggle-inner .indicator {
    transform:translate3d(25%, 0, 0)
}

@media (min-width: 320px) and(max-width: 992px) {
    .inner-custom .table tbody tr td {
        width:50%
    }
}

@media (min-width: 1024px) and(max-width: 1279px) {
    .lk-employer-profile .lk-employer-profile-reviews .tabs-name .nav-tabs {
        width:620px
    }
}

.library {
    background: #fff;
    padding: 90px 57px 0;
    width:100%
}

.library__content {
    display: flex;
    margin-top: 70px;
    padding-bottom:44px
}

.library__tabs {
    flex-shrink: 0;
    margin-right: 48px;
    width:236px
}

.library__tab {
    font-size: 18px;
    font-weight: 500;
    line-height:120%
}

.library__tab + .library__tab {
    margin-top:36px
}

.library__tab a {
    color: #0f0f0f;
    transition:color .3s
}

.library__tab a._active, .library__tab a:hover {
    color:#0063aa
}

.library__sections {
    max-width: 635px;
    width:100%
}

.question {
    background-color: #fff;
    border-radius: 7px;
    box-shadow:0 4px 10px rgba(0, 0, 0, .15)
}

.question + .question {
    margin-top:15px
}

.question__title {
    color: #0f0f0f;
    cursor: pointer;
    font-size: 16px;
    line-height: 145%;
    padding: 20px 80px 20px 20px;
    position:relative
}

.question__title._active:after {
    transform:rotate(180deg)
}

.question__title:after {
    background: url(../images/dest/icons/arrow.svg) no-repeat 50%;
    content: "";
    height: 24px;
    position: absolute;
    right: 20px;
    top: 20px;
    width:24px
}

.question__answer {
    color: #979797;
    display: none;
    font-size: 14px;
    line-height: 18px;
    margin-top: -8px;
    padding:0 80px 20px 20px
}

.question__answer p {
    margin-top: 20px;
    max-width:380px
}

.question__answer p:first-child {
    margin-top:0
}

.question__answer ul {
    margin-top: 20px;
    max-width:380px
}

.question__answer ul:first-child {
    margin-top:0
}

.question__answer ul li {
    padding-left: 22px;
    position:relative
}

.question__answer ul li + li {
    margin-top:15px
}

.question__answer ul li:before {
    background-color: #979797;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 6px;
    position: absolute;
    top: 5px;
    width:6px
}

.question__answer img {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    margin-top: 20px;
    max-width:100%
}

.question__answer img:first-child {
    margin-top:0
}

@media (max-width: 767px) {
    .library {
        padding:110px 16px 0
    }

    .library h1 {
        font-size:24px
    }

    .library__content {
        display: block;
        margin-top: 50px;
        padding-bottom:30px
    }

    .library__tabs {
        margin-left: -16px;
        margin-right: -16px;
        position: relative;
        width:auto
    }

    .library__tabs:after {
        background: hsla(0, 0%, 59%, .2);
        bottom: 0;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        right:0
    }

    .library__tabs_inner {
        display: flex;
        overflow: auto;
        padding-left: 16px;
        padding-right:16px
    }

    .library__tab {
        font-size: 16px;
        line-height:120%
    }

    .library__tab + .library__tab {
        margin-left: 40px;
        margin-top:0
    }

    .library__tab a {
        border-bottom: 2px solid transparent;
        color: #0f0f0f;
        display: inline-block;
        padding-bottom: 10px;
        vertical-align: top;
        white-space:nowrap
    }

    .library__tab a._active {
        border-color: #0063aa;
        color:#0f0f0f
    }

    .library__sections {
        margin-top:50px
    }

    .question {
        border-radius:10px
    }

    .question + .question {
        margin-top:15px
    }

    .question__title {
        font-size: 14px;
        padding:22px 40px 22px 18px
    }

    .question__title:after {
        right:12px
    }

    .question__answer {
        font-size: 14px;
        line-height: 20px;
        margin-top: -10px;
        padding:0 40px 22px 18px
    }

    .question__answer p {
        margin-top:12px
    }

    .question__answer p:first-child {
        margin-top:0
    }

    .question__answer img {
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
        margin-top:12px
    }

    .question__answer img:first-child {
        margin-top:0
    }
}

.lk-hh {
    background: #fff;
    padding: 90px 57px 0;
    width:100%
}

.lk-hh__content {
    margin-top: 64px;
    max-width:100%
}

.lk-hh__tabs {
    margin-bottom: 50px;
    max-width:760px
}

.lk-hh__instruction {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    margin-bottom: 70px;
    max-width: 760px;
    padding:34px
}

.lk-hh__instruction_title {
    max-width:520px
}

.lk-hh__instruction_list {
    color: #0f0f0f;
    font-size: 16px;
    line-height: 145%;
    margin-top:32px
}

.lk-hh__instruction_list_item {
    align-items: flex-start;
    display:flex
}

.lk-hh__instruction_list_item + .lk-hh__instruction_list_item {
    margin-top:14px
}

.lk-hh__instruction_list_item .number {
    align-items: center;
    border: 1px solid #c4c4c4;
    border-radius: 50%;
    color: #c4c4c4;
    display: flex;
    flex-shrink: 0;
    font-size: 12px;
    height: 22px;
    justify-content: center;
    margin-right: 10px;
    width:22px
}

.lk-hh__instruction_bottom {
    align-items: center;
    display: flex;
    margin-top:48px
}

.lk-hh__instruction_btn {
    width:228px
}

.lk-hh__instruction_status {
    color: #ff1d1d;
    font-size: 16px;
    line-height: 145%;
    margin-left: 30px;
    padding-left: 20px;
    position:relative
}

.lk-hh__instruction_status._active {
    color:#58d555
}

.lk-hh__instruction_status._active:before {
    background-color:#58d555
}

.lk-hh__instruction_status:before {
    background-color: #ff1d1d;
    border-radius: 50%;
    content: "";
    height: 10px;
    left: 0;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width:10px
}

.lk-hh__reviews {
    margin-top:70px
}

.lk-hh__reviews_title {
    margin-bottom:37px
}

.lk-hh__reviews_items {
    display: flex;
    flex-wrap:wrap
}

.lk-hh__reviews_item {
    padding: 10px;
    width:33.33%
}

.lk-hh__reviews_pagination {
    margin-bottom: 24px;
    margin-top:24px
}

.lk-hh__reviews_filter {
    margin-bottom: 28px;
    position:relative
}

.lk-hh__reviews_filter._open .sort__title:after {
    transform:rotate(180deg)
}

.lk-hh__reviews_filter._open .lk-hh__reviews_filter_options {
    display:block
}

.lk-hh__reviews_filter .sort__title {
    display:inline-flex
}

.lk-hh__reviews_filter_options {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    display: none;
    left: 0;
    padding: 15px 18px;
    position: absolute;
    top: 24px;
    width: 255px;
    z-index:10
}

.lk-hh__view {
    margin-bottom:70px
}

.lk-hh__view_save {
    margin-top: 34px;
    max-width:230px
}

.lk-hh__view_screen {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    margin-top:34px
}

.lk-hh__view_screen_top {
    background: #eee;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    height: 40px;
    padding-top:13px
}

.lk-hh__view_screen_top_icon {
    display: flex;
    height: 13px;
    justify-content: space-between;
    margin-left: 15px;
    width:53px
}

.lk-hh__view_screen_top_icon .disc {
    border-radius: 50%;
    height: 13px;
    width:13px
}

.lk-hh__view_screen_top_icon .disc:first-child {
    background:#ff5757
}

.lk-hh__view_screen_top_icon .disc:nth-child(2) {
    background:#ffcd82
}

.lk-hh__view_screen_top_icon .disc:nth-child(3) {
    background:#5edf73
}

.lk-hh__view_screen_inner {
    padding:34px 34px 24px
}

.lk-hh__view_screen_inner .hh-stat {
    font-family: Roboto, sans-serif;
    padding-top:2px
}

.lk-hh__view_screen_inner .hh-stat__value {
    font-size: 52px;
    letter-spacing: 0;
    line-height:120%
}

.lk-hh__view_screen_inner .hh-stat__value-decode {
    font-size: 12px;
    line-height: 135%;
    margin:0 0 9px
}

.lk-hh__view_screen_inner .hh-stat__note {
    color: #0f0f0f;
    font-size: 14px;
    line-height: 18px;
    margin-top:0
}

.lk-hh__view_screen_inner .feedback {
    background-color: #fff;
    background-size: 128px 113px;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    font-family:Roboto, sans-serif
}

.lk-hh__view_screen_inner .feedback__inner {
    padding:15px 22px 18px
}

.lk-hh__view_screen_inner .feedback__text {
    color: #0f0f0f;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 17px;
    padding-right:75px
}

.lk-hh__view_screen_inner .feedback__btn {
    font-size: 13.6594px;
    font-weight: 500;
    height: 40px;
    letter-spacing: .01em;
    line-height: 122.22%;
    padding-left: 23px;
    padding-right: 23px;
    text-align:center
}

.lk-hh__view_screen_inner .hh__title {
    font-size: 22px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom:28px
}

.lk-hh__view_screen_inner .hh__title._reviews {
    margin-bottom:0
}

.lk-hh__view_screen_inner .hh__title._benefits {
    font-size: 30px;
    margin-bottom:43px
}

.lk-hh__view_screen_inner .hh__stat {
    margin-bottom:73px
}

.lk-hh__view_screen_inner .hh__stat._empty {
    margin-bottom:24px
}

.lk-hh__view_screen_inner .hh__reviews {
    margin-bottom:0
}

.lk-hh__view_screen_inner .hh__reviews-top {
    margin-bottom:33px
}

.lk-hh__view_screen_inner .hh__reviews-block-link {
    padding-top:4px
}

.lk-hh__view_screen_inner .hh__reviews-link {
    margin-right:-7px
}

.lk-hh__view_screen_inner .hh__link {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.01em;
    line-height:120%
}

.lk-hh__view_screen_inner .hh__link span {
    vertical-align:middle
}

.lk-hh__view_screen_inner .hh__link svg {
    height: 8px;
    margin-left: 6px;
    width:6px
}

.lk-hh__view_screen_inner .hh__slider {
    margin:0
}

.lk-hh__view_screen_inner .hh__slider .swiper-container {
    margin: 0 -34px;
    padding:0 34px
}

.lk-hh__view_screen_inner .hh__slider .slider__button {
    display:none !important
}

.lk-hh__view_screen_inner .hh__slider-slide {
    min-width: 260px;
    width:260px
}

.lk-hh .card-review {
    box-shadow: none;
    font-family: Roboto, sans-serif;
    height:237px
}

.lk-hh .card-review__inner {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    overflow: hidden;
    padding:15px
}

.lk-hh .card-review__title._is-preview {
    color: #0f0f0f;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 18px;
    max-height: 90px;
    max-width: 100%;
    overflow: hidden;
    padding-right:35px
}

.lk-hh .card-review__all-rating-value {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    padding-top:2px
}

.lk-hh .card-review__date, .lk-hh .card-review__place-working {
    color: #979797;
    font-size: 14px;
    line-height:18px
}

.lk-hh .card-review__bottom {
    margin-top:auto
}

.lk-hh__form {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    margin-top: 102px;
    max-width: 760px;
    padding:34px 54px 34px 34px
}

.lk-hh__form_title {
    max-width:520px
}

.lk-hh__form_text {
    color: #0f0f0f;
    font-size: 14px;
    line-height: 18px;
    margin-top: 22px;
    max-width:580px
}

.lk-hh__form_row {
    display: flex;
    justify-content: space-between;
    margin-top:33px
}

.lk-hh__form_col {
    width:calc(50% - 8px)
}

.lk-hh__form_field {
    position:relative
}

.lk-hh__form_field input {
    padding-right:50px
}

.lk-hh__form_field_icon {
    align-items: center;
    bottom: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width:45px
}

.iphone-screen__top {
    display: flex;
    justify-content: space-between;
    padding:7px 9px 9px 22px
}

.iphone-screen__search {
    background: #f5f5f5;
    border-radius: 20px;
    font-size: 14px;
    height: 30px;
    line-height: 20px;
    padding: 5px 50px;
    position: relative;
    text-align:center
}

.iphone-screen__search_icon {
    position: absolute;
    right: 15px;
    top:4px
}

@media (max-width: 992px) {
    .lk-hh__reviews_item {
        width:50%
    }
}

@media (max-width: 767px) {
    .lk-hh {
        padding:103px 15px 0
    }

    .lk-hh .tab-content {
        padding-bottom:0
    }

    .lk-hh__content {
        margin-top:44px
    }

    .lk-hh__tabs {
        margin-bottom:54px
    }

    .lk-hh__instruction {
        border-radius: 0;
        box-shadow: none;
        margin-bottom: 70px;
        padding:0
    }

    .lk-hh__instruction_title {
        font-size: 24px;
        line-height:135%
    }

    .lk-hh__instruction_list {
        font-size: 14px;
        margin-top: 30px;
        max-width:280px
    }

    .lk-hh__instruction_list_item + .lk-hh__instruction_list_item {
        margin-top:24px
    }

    .lk-hh__instruction_list_item .number {
        margin-top:5px
    }

    .lk-hh__instruction_bottom {
        flex-wrap: wrap;
        justify-content: center;
        margin-top:50px
    }

    .lk-hh__instruction_btn {
        width:100%
    }

    .lk-hh__instruction_status {
        font-size: 14px;
        margin-bottom: 16px;
        margin-left: 0;
        order:-1
    }

    .lk-hh__reviews {
        margin-top:70px
    }

    .lk-hh__reviews_title {
        font-size: 24px;
        line-height:135%
    }

    .lk-hh__reviews_item {
        margin-bottom: 20px;
        width:100%
    }

    .lk-hh__reviews_filter {
        margin-bottom:20px
    }

    .lk-hh__reviews_pagination {
        margin-top:32px
    }

    .lk-hh__view {
        margin-bottom:70px
    }

    .lk-hh__view_title {
        line-height:135%
    }

    .lk-hh__view_save {
        margin-top: 16px;
        max-width:100%
    }

    .lk-hh__view_screen {
        border-radius: 0;
        border-top: 1px solid hsla(0, 0%, 77%, .5);
        box-shadow: none;
        margin-top:47px
    }

    .lk-hh__view_screen_top {
        display:none
    }

    .lk-hh__view_screen_inner {
        padding:53px 0 0
    }

    .lk-hh__view_screen_inner .hh-stat__value, .lk-hh__view_screen_inner .hh-stat__value-block {
        min-height:67px
    }

    .lk-hh__view_screen_inner .hh-stat__value-decode {
        font-size: 12px;
        line-height: 135%;
        margin:0 0 9px
    }

    .lk-hh__view_screen_inner .hh-stat__note {
        margin-top:11px
    }

    .lk-hh__view_screen_inner .hh__slider .swiper-container {
        margin: 0 -15px;
        padding:0 15px
    }

    .lk-hh__view_screen_inner .hh__title {
        font-size: 24px;
        font-weight: 500;
        line-height: 135%;
        margin-bottom:20px
    }

    .lk-hh__view_screen_inner .hh__title._reviews {
        margin-bottom:0
    }

    .lk-hh__view_screen_inner .hh__text {
        color: #0f0f0f;
        font-size: 16px;
        line-height: 145%;
        margin-top:20px
    }

    .lk-hh__view_screen_inner .hh__stat {
        margin-bottom: 50px;
        margin-top:34px
    }

    .lk-hh__view_screen_inner .hh__stat._empty {
        margin-bottom:24px
    }

    .lk-hh__view_screen_inner .hh__reviews, .lk-hh__view_screen_inner .hh__reviews-top {
        margin-bottom:0
    }

    .lk-hh .card-review {
        min-height:220px
    }

    .lk-hh__form {
        border-radius: 0;
        box-shadow: none;
        margin-top: 70px;
        padding:0
    }

    .lk-hh__form_title {
        font-size: 24px;
        line-height:135%
    }

    .lk-hh__form_text {
        line-height: 20px;
        margin-top:26px
    }

    .lk-hh__form_row {
        display: block;
        margin-top:8px
    }

    .lk-hh__form_col {
        width:100%
    }

    .lk-hh__form_col + .lk-hh__form_col {
        margin-top:12px
    }
}

.employer {
    font-family: Roboto, sans-serif;
    overflow:hidden
}

.employer-main {
    background-color:#f4faff
}

.employer-main__body {
    min-height: 100vh;
    padding:120px 0
}

.employer-main__title {
    color: #000;
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom:20px
}

.employer-main__note {
    color: #0f0f0f;
    font-size: 16px;
    line-height: 145%;
    margin-bottom:50px
}

.employer-main__content {
    position: relative;
    z-index:2
}

.employer-main__btn {
    display:inline-flex
}

@media (max-width: 992px) {
    .employer-main {
        padding:110px 0 30px
    }

    .employer-main__body {
        min-height: auto;
        padding:0
    }

    .employer-main__content {
        text-align:center
    }

    .employer-main__btn {
        width:100%
    }
}

@media (max-width: 576px) {
    .employer-main {
        padding:120px 0 33px
    }

    .employer-main__title {
        font-size: 24px;
        line-height: 135%;
        margin-bottom:15px
    }

    .employer-main__note {
        font-size: 14px;
        line-height: 145%;
        margin: 0 auto 32px;
        max-width:218px
    }
}

.employer-nav__wrap {
    position:relative
}

.employer-nav__body {
    position: relative;
    z-index:5
}

.employer-nav__top {
    display: flex;
    justify-content: space-between;
    margin-left: 41px;
    margin-right:-13px
}

.employer-nav__link {
    display: block;
    z-index:5
}

.employer-nav__link._active .employer-nav__link-content {
    transform:translateY(-32px)
}

.employer-nav__link-content {
    align-items: center;
    border-radius: 12px 12px 12px 0;
    box-shadow: 0 0 8.33769px rgba(0, 0, 0, .03), 0 11.911px 23.822px rgba(0, 0, 0, .05);
    display: flex;
    flex-direction: column;
    height: 163px;
    padding: 39px 0 29px;
    transition: transform .3s;
    -webkit-transition: transform .3s;
    width: 130px;
    will-change:transform
}

.employer-nav__link-content._rating {
    background-color: #f9c200;
    border-radius:12px 12px 0 12px
}

.employer-nav__link-content._management {
    background-color:#00aa47
}

.employer-nav__link-content._feedback {
    background-color:#0063aa
}

.employer-nav__link-content._demonstration {
    background-color:#e398d7
}

.employer-nav__text {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.01em;
    line-height: 16px;
    margin-top: auto;
    text-align:center
}

.employer-nav__macbook-body {
    margin-top: -74px;
    position: relative;
    width:685px
}

.employer-nav__macbook {
    max-width: 100%;
    position:relative
}

.employer-nav__macbook-screen {
    bottom: 49px;
    left: 76px;
    overflow: hidden;
    position: absolute;
    right: 75px;
    top:16px
}

.employer-nav__macbook-screen img {
    max-width: 100%;
    opacity: 0;
    transform: translateX(50%);
    transition: opacity .3s, visibility .3s, transform .3s;
    -webkit-transition: opacity .3s, visibility .3s, transform .3s;
    visibility: hidden;
    width: 100%;
    will-change:transform
}

.employer-nav__macbook-screen._active img {
    opacity: 1;
    transform: translateX(0);
    visibility:visible
}

.employer-nav__block-decoration {
    background-color: #dff0ff;
    border-radius: 31px;
    position:absolute
}

.employer-nav__block-decoration:first-child {
    height: 332px;
    left: -48px;
    top: -18px;
    width:332px
}

.employer-nav__block-decoration:nth-child(2) {
    height: 145px;
    right: -43px;
    top: 15px;
    width:145px
}

.employer-nav__block-decoration:nth-child(3) {
    bottom: -64px;
    height: 239px;
    right: -90px;
    width:239px
}

@media (max-width: 1200px) {
    .employer-nav__top {
        margin:0
    }

    .employer-nav__macbook-body {
        margin-top: -47px;
        width:100%
    }

    .employer-nav__macbook-screen {
        bottom: 32px;
        left: 50px;
        right: 49px;
        top:10px
    }

    .employer-nav__link._active .employer-nav__link-content {
        transform:translateY(-25px)
    }

    .employer-nav__link-content {
        height: 120px;
        padding: 20px 0 15px;
        width:100px
    }

    .employer-nav__link-content img {
        width:30px
    }

    .employer-nav__block-decoration {
        background-color: #dff0ff;
        border-radius: 13px;
        position:absolute
    }

    .employer-nav__block-decoration:first-child {
        height: 145px;
        left: -48px;
        top: 22px;
        width:145px
    }

    .employer-nav__block-decoration:nth-child(2) {
        height: 63px;
        right: 7px;
        top: 35px;
        width:63px
    }

    .employer-nav__block-decoration:nth-child(3) {
        bottom: -34px;
        height: 105px;
        right: -20px;
        width:116px
    }

    .employer-nav__text {
        font-size: 11px;
        letter-spacing:normal
    }
}

@media (max-width: 992px) {
    .employer-nav {
        margin-bottom:30px
    }

    .employer-nav__macbook-body {
        margin-top:-74px
    }

    .employer-nav__macbook-screen {
        bottom: 12%;
        left: 11%;
        right: 11.4%;
        top:4%
    }

    .employer-nav__link._active .employer-nav__link-content {
        transform:translateY(-32px)
    }

    .employer-nav__link-content {
        height: 163px;
        padding: 39px 0 29px;
        width:130px
    }

    .employer-nav__link-content img {
        width:auto
    }

    .employer-nav__text {
        font-size: 14px;
        letter-spacing: -.01em;
        line-height:16px
    }
}

@media (max-width: 767px) {
    .employer-nav__link-content {
        width:120px
    }

    .employer-nav__text {
        font-size:12px
    }

    .employer-nav__macbook-screen {
        bottom: 12%;
        left: 11%;
        right: 10.6%;
        top:4%
    }
}

@media (max-width: 576px) {
    .employer-nav {
        margin-bottom:34px
    }

    .employer-nav__wrap {
        margin: 0 auto;
        max-width:300px
    }

    .employer-nav__top {
        margin:0 12px
    }

    .employer-nav__macbook-body {
        margin-top:-34px
    }

    .employer-nav__macbook-screen {
        bottom: 12%;
        left: 11%;
        right: 10.9%;
        top:4%
    }

    .employer-nav__link._active .employer-nav__link-content {
        transform:translateY(-10px)
    }

    .employer-nav__link-content {
        border-radius: 5px 5px 5px 0;
        height: 83px;
        padding: 18px 0 14px;
        width:66px
    }

    .employer-nav__link-content._rating {
        border-radius:5px 5px 0 5px
    }

    .employer-nav__link-content img {
        width:21px
    }

    .employer-nav__text {
        font-size: 7px;
        letter-spacing: normal;
        line-height:8px
    }

    .employer-nav__block-decoration:first-child {
        left: -21px;
        top:3px
    }

    .employer-nav__block-decoration:nth-child(2) {
        right: 6px;
        top:16px
    }

    .employer-nav__block-decoration:nth-child(3) {
        bottom: -31px;
        right:-23px
    }
}

@media (max-width: 800px) {
    .employer-nav__text {
        font-size: 9px;
        letter-spacing: normal;
        line-height:10px
    }

    .employer-nav__top {
        margin:0
    }

    .employer-nav__link-content {
        width:72px
    }
}

@media (min-width: 768px) and(max-width: 991px) {
    .employer-nav__link-content {
        width:150px
    }
}

@media (min-width: 577px) and(max-width: 767px) {
    .employer-nav__link-content {
        width:120px
    }
}

.employer-job {
    background-color: #0063aa;
    padding:79px 0 61px
}

.employer-job__title {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    line-height: 38px;
    margin:51px 60px 101px 0
}

.employer-job__list {
    color: #fff;
    font-size: 16px;
    line-height: 23px;
    margin-left:-5px
}

.employer-job__list li {
    background: url(../images/dest/employer/icon-check.svg) no-repeat 0 0/32px auto;
    margin-bottom: 30px;
    min-height: 32px;
    padding:4px 0 4px 48px
}

.employer-job__users {
    position:relative
}

.employer-job__users-decoration > span {
    border-radius: 14px;
    display: block;
    position:absolute
}

.employer-job__users-decoration > span:first-of-type {
    background-color: #369dcd;
    bottom: 81px;
    height: 61px;
    left: 79px;
    width:61px
}

.employer-job__users-decoration > span:nth-of-type(2) {
    background-color: #2389c1;
    height: 99px;
    right: 163px;
    top: 61px;
    width:99px
}

.employer-job__users-decoration-back {
    background-color: #83f0ff;
    filter: blur(174px);
    height: 545px;
    opacity: .47;
    width:545px
}

.employer-job__users-decoration-back > span {
    border-radius: 14px;
    display: block;
    position:absolute
}

.employer-job__users-decoration-back > span:first-child {
    background-color: #2389c1;
    height: 99px;
    width:99px
}

.employer-job__users-decoration-back > span:nth-child(2) {
    background-color: #369dcd;
    height: 61px;
    width:61px
}

.employer-job__users-content {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top:0
}

.employer-job__max {
    left: 18px;
    position: absolute;
    top:62px
}

.employer-job__max .user__img {
    background:#2ecdff
}

.employer-job__max .user__msg {
    margin-left: -145px;
    margin-top:-78px
}

.employer-job__polina {
    position: absolute;
    right: -87px;
    top:95px
}

.employer-job__polina .user__msg {
    margin-left: 89px;
    margin-top: -44px;
    width:201px
}

.employer-job__polina .user__img {
    background:#bbe9b4
}

.employer-job__gregory {
    left: 123px;
    position: absolute;
    top:211px
}

.employer-job__gregory .user__img {
    background: #3de7dd;
    filter: drop-shadow(38px 51px 26px rgba(0, 0, 0, .15));
    height: 227px;
    width:243px
}

.employer-job__gregory .user__msg {
    margin-left: 191px;
    margin-top: -62px;
    width:237px
}

@media (max-width: 1200px) {
    .employer-job__title {
        font-size: 26px;
        line-height:normal
    }
}

@media (max-width: 992px) {
    .employer-job__users {
        margin: 0 auto;
        max-width:555px
    }

    .employer-job__max {
        left:48px
    }
}

@media (max-width: 767px) {
    .employer-job {
        padding:20px 0 30px
    }

    .employer-job__title {
        margin-bottom:50px
    }

    .employer-job__users {
        margin: 0 auto;
        max-width:none
    }

    .employer-job__max {
        left:58px
    }

    .employer-job__max .user__msg {
        margin-left: -77px;
        margin-top:-52px
    }

    .employer-job__polina {
        right:-10px
    }

    .employer-job__polina .user__msg {
        margin-left: 69px;
        width:132px
    }

    .employer-job__gregory {
        left:153px
    }

    .employer-job__gregory .user__img {
        height: auto;
        width:210px
    }

    .employer-job__gregory .user__msg {
        margin-left: 91px;
        margin-top: -42px;
        width:177px
    }

    .employer-job__users-decoration > span:first-of-type {
        bottom: 111px;
        left:119px
    }

    .employer-job__users-decoration > span:nth-of-type(2) {
        right:133px
    }
}

@media (max-width: 576px) {
    .employer-job {
        padding:65px 0 48px
    }

    .employer-job__title {
        font-size: 18px;
        line-height: 120%;
        margin: 0 0 36px;
        max-width:256px
    }

    .employer-job__list {
        font-size: 14px;
        line-height: 145%;
        margin-left:0
    }

    .employer-job__list li {
        background-size: 20px auto;
        margin-bottom: 19px;
        min-height: 20px;
        padding:0 0 0 32px
    }

    .employer-job__users {
        width:330px
    }

    .employer-job__max {
        left: 63px;
        top:26px
    }

    .employer-job__max .user__msg {
        margin-left: -62px;
        margin-top:-34px
    }

    .employer-job__polina {
        right: 2px;
        top:40px
    }

    .employer-job__polina .user__msg {
        margin-left: 38px;
        margin-top: -19px;
        width:88px
    }

    .employer-job__gregory {
        left: 108px;
        top:91px
    }

    .employer-job__gregory .user__img {
        filter: drop-shadow(16.6313px 22.321px 11.3793px rgba(0, 0, 0, .15));
        width:106px
    }

    .employer-job__gregory .user__msg {
        margin-left: 45px;
        margin-top: -19px;
        width:104px
    }

    .employer-job__users-decoration > span {
        border-radius:6px
    }

    .employer-job__users-decoration > span:first-of-type {
        bottom: 37px;
        height: 26.7px;
        left: 90px;
        width:26.7px
    }

    .employer-job__users-decoration > span:nth-of-type(2) {
        height: 43.33px;
        right: 113px;
        top: 18px;
        width:43.33px
    }

    .employer-job__users-decoration-back {
        filter: blur(76px);
        height: 238px;
        margin: 0 auto;
        width:238px
    }
}

.employer-reviews {
    padding-top:128px
}

.employer-reviews__top {
    margin-bottom:83px
}

.employer-reviews__title {
    color: #000;
    font-size: 32px;
    font-weight: 500;
    line-height: 38px;
    margin-bottom:15px
}

.employer-reviews__note {
    color: #454545;
    font-size: 16px;
    line-height:23px
}

.employer-reviews__statistics {
    align-items: center;
    display: flex;
    justify-content:flex-end
}

.employer-reviews__stat {
    display:flex
}

.employer-reviews__stat:first-child {
    margin-right:98px
}

.employer-reviews__stat-logo {
    margin:9px 17px 0 0
}

.employer-reviews__stat-content {
    font-weight: 400;
    letter-spacing:.01em
}

.employer-reviews__stat-content > span {
    display:block
}

.employer-reviews__stat-content._green {
    color:#00aa47
}

.employer-reviews__stat-content._blue {
    color:#0063aa
}

.employer-reviews__stat-value {
    font-size: 54px;
    line-height: 122.22%;
    white-space:nowrap
}

.employer-reviews__stat-text {
    font-size: 20px;
    line-height: 122.22%;
    margin:-4px 0 0 1px
}

.employer-reviews__slider-wrap {
    position:relative
}

.employer-reviews__slider .swiper-wrapper {
    padding-top:64px
}

.employer-reviews__slider .slider__button {
    display:none !important
}

.employer-reviews__slider-slide {
    width:340px
}

@media (max-width: 1200px) {
    .employer-reviews__stat:first-child {
        margin-bottom: 20px;
        margin-right:0
    }

    .employer-reviews__statistics {
        flex-direction:column
    }
}

@media (max-width: 576px) {
    .employer-reviews {
        padding-top:61px
    }

    .employer-reviews__title {
        font-size: 18px;
        line-height: 120%;
        margin-bottom:26px
    }

    .employer-reviews__note {
        font-size: 12px;
        line-height:14px
    }

    .employer-reviews__stat:first-child {
        margin-bottom:8px
    }

    .employer-reviews__stat-logo {
        margin:3px 9px 0 0
    }

    .employer-reviews__stat-logo svg {
        display: block;
        height: 14px;
        width:14px
    }

    .employer-reviews__stat-value {
        font-size: 18px;
        font-weight: 500;
        line-height:120%
    }

    .employer-reviews__stat-text {
        font-size: 10px;
        line-height: 17px;
        margin:0
    }

    .employer-reviews__top {
        margin-bottom:6px
    }

    .employer-reviews__slider-slide.swiper-slide {
        width:258px
    }
}

.employer-advantages {
    background-color: #f5faff;
    padding:103px 0 100px
}

.employer-advantages__top {
    color: #000;
    position: relative;
    text-align: center;
    z-index:3
}

.employer-advantages__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom:26px
}

.employer-advantages__desc {
    font-size: 16px;
    line-height: 145%;
    margin: 0 auto;
    max-width:552px
}

.employer-advantages__wrap {
    display: flex;
    justify-content:space-between
}

.employer-advantages__images {
    position:relative
}

.employer-advantages__images img._mobile {
    display:none
}

.employer-advantages__content {
    color: #000;
    z-index:2
}

.employer-advantages__content-title {
    font-size: 22px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom:30px
}

.employer-advantages__content-text {
    font-size: 16px;
    line-height: 145%;
    margin-bottom:11px
}

.employer-advantages__list {
    display: flex;
    flex-wrap: wrap;
    margin:0 -6px
}

.employer-advantages__list li {
    background-color: #468eff;
    border-radius: 16px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    margin: 0 6px 12px 0;
    padding: 4px 19px;
    white-space:nowrap
}

.employer-advantages__btn {
    margin-top:20px
}

@media (max-width: 992px) {
    .employer-advantages__wrap {
        flex-direction:column
    }

    .employer-advantages__images {
        order:1
    }

    .employer-advantages__content {
        order:2
    }
}

@media (max-width: 767px) {
    .employer-advantages {
        padding:38px 0 100px
    }

    .employer-advantages__title {
        font-size: 24px;
        line-height: 135%;
        margin: 0 auto 15px;
        max-width:289px
    }

    .employer-advantages__desc {
        font-size: 14px;
        line-height: 145%;
        margin: 0 auto;
        max-width:294px
    }

    .employer-advantages__images {
        margin: 0 auto;
        max-width:330px
    }

    .employer-advantages__images img._mobile {
        display:block
    }

    .employer-advantages__images img._desktop {
        display:none
    }

    .employer-advantages__content-title {
        font-size: 18px;
        line-height:120%
    }

    .employer-advantages__content-text {
        font-size: 14px;
        line-height: 145%;
        margin-bottom:6px
    }

    .employer-advantages__list li {
        border-radius: 57px;
        font-size: 10px;
        line-height:14px
    }

    .employer-advantages__btn {
        margin-top:7px
    }
}

@media (max-width: 800px) {
    .employer-advantages__list li {
        padding:3px 14px
    }
}

.employer-reputation__wrap {
    padding-top:192px
}

.employer-reputation__content {
    flex: 0 0 310px;
    width:310px
}

.employer-reputation__content .employer-advantages__content-text {
    max-width:280px
}

.employer-reputation__images {
    margin:-60px 0 0 -80px
}

.employer-reputation__main {
    height: 544px;
    position: relative;
    width:863px
}

.employer-reputation__rating {
    height: 287px;
    position: absolute;
    right: 177px;
    top: -33px;
    width:405px
}

.employer-reputation__answer {
    height: 287px;
    position: absolute;
    right: -30px;
    top: 81px;
    width:389px
}

.employer-reputation__button {
    bottom: 84px;
    height: 188px;
    left: 129px;
    position: absolute;
    width:250px
}

.employer-reputation__backlight {
    position: absolute;
    right: -11px;
    top:-162px
}

@media (max-width: 1200px) {
    .employer-reputation__images {
        margin:-50px 0 0 -240px
    }
}

@media (max-width: 992px) {
    .employer-reputation__wrap {
        padding-top:80px
    }

    .employer-reputation__images {
        margin:0 0 0 -75px
    }

    .employer-reputation__main {
        margin:-9px 0 0 -90px
    }

    .employer-reputation__content {
        flex: 0 0 auto;
        width:auto
    }

    .employer-reputation__content .employer-advantages__content-text {
        max-width:none
    }
}

@media (max-width: 767px) {
    .employer-reputation__wrap {
        padding-top:80px
    }

    .employer-reputation__images {
        margin:0 0 -10px
    }

    .employer-reputation__main {
        height: auto;
        margin: -14px 0 0 -50px;
        width:416px
    }

    .employer-reputation__rating {
        height: auto;
        right: 53px;
        top: -28px;
        width:190px
    }

    .employer-reputation__answer {
        height: auto;
        right: -49px;
        top: 25px;
        width:184px
    }

    .employer-reputation__button {
        bottom: 40px;
        height: auto;
        left: 11px;
        width:123px
    }

    .employer-reputation__backlight {
        height: 234.84px;
        right: -31px;
        top: -100px;
        width:234.84px
    }
}

@media (max-width: 575px) {
    .employer-advantages__images {
        margin: 0 0 0 -5%;
        max-width: none;
        width:110%
    }

    .employer-advantages__images img {
        height: auto;
        width:100%
    }

    .employer-advantages__images .employer-audience__screen {
        margin: 0 0 8%;
        width:90%
    }

    .employer-advantages__images .employer-audience__brand {
        bottom: -4%;
        right: -1%;
        width:60%
    }
}

.employer-audience__wrap {
    padding-top:151px
}

.employer-audience__content {
    flex: 0 0 399px;
    margin-left: 5px;
    width:399px
}

.employer-audience__wrap {
    justify-content:space-between
}

.employer-audience__images {
    margin:-92px 32px 0 0
}

.employer-audience__screen {
    height: 419px;
    position: relative;
    width:583px
}

.employer-audience__brand {
    bottom: -80px;
    height: 283px;
    position: absolute;
    right: -89px;
    width:396px
}

.employer-audience__backlight {
    position: absolute;
    right: 174px;
    top:-6px
}

@media (max-width: 992px) {
    .employer-audience__wrap {
        padding-top:140px
    }

    .employer-audience__images {
        margin:-70px 0 50px
    }

    .employer-audience__brand {
        right:-39px
    }

    .employer-audience__content {
        flex: 0 0 auto;
        margin-left: 0;
        width:auto
    }
}

@media (max-width: 767px) {
    .employer-audience__wrap {
        padding-top:57px
    }

    .employer-audience__images {
        margin:0 auto 40px
    }

    .employer-audience__screen {
        height: auto;
        margin-left: -55px;
        width:450px
    }

    .employer-audience__brand {
        bottom: -35px;
        height: auto;
        right: -130px;
        width:270px
    }

    .employer-audience__backlight {
        height: 295.6px;
        right: 16px;
        top: -57px;
        width:295.6px
    }
}

.employer-analysis__wrap {
    padding-top:114px
}

.employer-analysis__content {
    flex: 0 0 340px;
    margin-right: 5px;
    margin-top: 81px;
    width:340px
}

.employer-analysis__content .employer-advantages__content-text {
    max-width:269px
}

.employer-analysis__wrap {
    justify-content:space-between
}

.employer-analysis__images {
    margin-left:-43px
}

.employer-analysis__screen {
    height: 530px;
    position: relative;
    width:702px
}

.employer-analysis__stat {
    height: 276px;
    position: absolute;
    right: -32px;
    top: -26px;
    width:401px
}

.employer-analysis__rating {
    bottom: 10px;
    height: 301px;
    position: absolute;
    right: -95px;
    width:345px
}

.employer-analysis__backlight {
    position: absolute;
    right: -13px;
    top:-4px
}

@media (max-width: 1200px) {
    .employer-analysis__images {
        margin:0 30px 0 -160px
    }
}

@media (max-width: 992px) {
    .employer-analysis__wrap {
        padding-top:160px
    }

    .employer-analysis__images {
        margin:-70px 0 0 -60px
    }

    .employer-analysis__content {
        flex: 0 0 auto;
        margin: 0;
        width:auto
    }

    .employer-analysis__content .employer-advantages__content-text {
        max-width:none
    }
}

@media (max-width: 767px) {
    .employer-analysis__wrap {
        padding-top:82px
    }

    .employer-analysis__images {
        margin:-20px 0 0
    }

    .employer-analysis__screen {
        height: auto;
        margin: 0 0 0 -59px;
        width:357px
    }

    .employer-analysis__stat {
        height: auto;
        right: 2px;
        top: -10px;
        width:186px
    }

    .employer-analysis__rating {
        bottom: 14px;
        height: auto;
        right: -35px;
        width:169px
    }

    .employer-analysis__backlight {
        height: 277px;
        right: 9px;
        top: -10px;
        width:277px
    }
}

.employer-brand__wrap {
    justify-content: space-between;
    padding-top:203px
}

.employer-brand__content {
    flex: 0 0 357px;
    margin-left: 3px;
    width:357px
}

.employer-brand__content .employer-advantages__content-title {
    max-width:246px
}

.employer-brand__content .employer-advantages__content-text {
    margin-bottom:20px
}

.employer-brand__content .employer-advantages__list {
    margin-right:-30px
}

.employer-brand__images {
    margin:-198px 0 0 -12px
}

.employer-brand__all-screen {
    height: 754px;
    position: relative;
    width:1043px
}

.employer-brand__backlight {
    position: absolute;
    right: 94px;
    top:-16px
}

@media (max-width: 1200px) {
    .employer-brand__all-screen {
        height: auto;
        width:800px
    }
}

@media (max-width: 992px) {
    .employer-brand__wrap {
        padding-top:130px
    }

    .employer-brand__images {
        margin:-30px 0 -25px -90px
    }

    .employer-brand__all-screen {
        height: auto;
        width:730px
    }

    .employer-brand__content {
        flex: 0 0 auto;
        margin-left: 0;
        width:auto
    }

    .employer-brand__content .employer-advantages__content-title {
        max-width:none
    }
}

@media (max-width: 767px) {
    .employer-brand__wrap {
        padding-top:35px
    }

    .employer-brand__images {
        margin:10px 0 0
    }

    .employer-brand__all-screen {
        height: auto;
        margin: 0 0 0 -54px;
        width:458px
    }

    .employer-brand__content {
        flex: 0 0 auto;
        margin-left: 0;
        width:auto
    }

    .employer-brand__content .employer-advantages__content-title {
        max-width:none
    }
}

.faq h2 {
    color: #0f0f0f;
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom:45px
}

.faq h3 {
    font-size: 16px;
    font-weight:400
}

.faq--narrow .faq__accordion {
    max-width:767px
}

.faq .accordion-faq__item-content p, .faq .accordion-faq__item-content ul {
    margin-bottom: 1em;
    max-width:100%
}

.employer-faq {
    padding:75px 0 133px
}

.employer-faq__title {
    color: #0f0f0f;
    font-size: 26px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 34px;
    margin-top:70px
}

.employer-faq__accordion {
    max-width:767px
}

@media (max-width: 767px) {
    .employer-faq {
        padding:60px 0 56px
    }

    .employer-faq__title {
        font-size:24px
    }
}

.employer-sign {
    background:url(../images/dest/employer/sign.png) no-repeat 0 0/cover
}

.employer-sign__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    padding:20px 0
}

.employer-sign__block {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 14px rgba(0, 0, 0, .03), 0 20px 40px rgba(0, 0, 0, .05);
    color: #414141;
    padding: 44px;
    width:460px
}

.employer-sign__block._dark {
    background-color: #414141;
    color:#fff
}

.employer-sign__block._dark .employer-sign__tabs {
    border-color:#939393
}

.employer-sign__block._dark .employer-sign__tab._active {
    border-color:#fff
}

.employer-sign__block._dark .employer-sign__title {
    color:#fff
}

.employer-sign__title {
    font-size: 26px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom:37px
}

.employer-sign__tabs {
    align-items: center;
    border-bottom: 1px solid #e3e3e3;
    display:flex
}

.employer-sign__tab {
    align-items: center;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    display: flex;
    flex: 1;
    font-size: 16px;
    font-weight: 400;
    justify-content: center;
    line-height: 18px;
    margin-bottom: -1px;
    padding:14px 5px
}

.employer-sign__tab._active {
    border-color:#414141
}

.employer-sign__content-form {
    padding-top:34px
}

.employer-sign__content-form .form-group {
    margin-bottom:25px
}

.employer-sign__content-hh {
    text-align:center
}

.employer-sign__content-hh > img {
    display: block;
    height: 118px;
    margin: 56px auto 33px;
    width:118px
}

.employer-sign__content-hh p {
    color: #b2b2b2;
    font-size: 14px;
    line-height: 150%;
    margin: 0 auto 63px;
    max-width:277px
}

@media (max-width: 992px) {
    .employer-sign__block {
        margin:0 auto
    }
}

@media (max-width: 576px) {
    .employer-sign {
        background:none
    }

    .employer-sign__body {
        display: block;
        min-height: auto;
        padding:0 16px 64px
    }

    .employer-sign__block {
        border-radius: 6px;
        min-height: 407px;
        padding: 23px 43px 30px;
        width:auto
    }

    .employer-sign__title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom:16px
    }

    .employer-sign__tab {
        line-height: 14px;
        padding:9px 5px
    }

    .employer-sign__content-form {
        padding-top:22px
    }

    .employer-sign__content-hh > img {
        height: 77px;
        margin: 37px auto 21px;
        width:77px
    }

    .employer-sign__content-hh p {
        font-size: 10px;
        line-height: 14px;
        margin-bottom: 31px;
        max-width:180px
    }

    .employer-sign .b-btn {
        height: 39px;
        line-height:14px
    }

    .employer-sign .b-form__input input {
        padding:10px 12px
    }

    .employer-sign .form-control {
        font-size: 10px;
        line-height:14px
    }
}

@media (max-width: 800px) {
    .employer-sign__tab {
        font-size:13px
    }

    .employer-sign .b-form__input input {
        padding-left:50px
    }

    .employer-sign .b-btn {
        font-size:14px
    }
}

.employer-header {
    background-color: transparent;
    left: 0;
    padding: 20px 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:100
}

.employer-header .logo._white {
    display:none
}

.employer-header a {
    color: #0063aa;
    font-size: 14px;
    letter-spacing: .01em;
    line-height:122.22%
}

.employer-header__profile-link span {
    margin-right:11px
}

.employer-header__profile-link svg path {
    fill:#0063aa
}

.employer-header__btns {
    align-items: center;
    display: flex;
    margin:0 -10px
}

.employer-header__btns._fixed {
    display:none
}

.employer-header__btn {
    font-size: 14px;
    height: 40px;
    margin: 0 10px;
    padding: 5px 10px;
    width:240px
}

.employer-header.header-static {
    background-color: #0063aa;
    position:fixed
}

.employer-header.header-static .logo {
    display:none
}

.employer-header.header-static .logo._white {
    display:block
}

.employer-header.header-static a {
    color:#f8f9f9
}

.employer-header.header-static .employer-header__btns {
    display:none
}

.employer-header.header-static .employer-header__btns._fixed {
    display:flex
}

.employer-header.header-static .employer-header__profile-link svg path {
    fill:#f8f9f9
}

@media (max-width: 767px) {
    .employer-header {
        padding:18px 0 19px
    }
}

.lk-employer-profile-reviews .wrap-reviews.wrap-applicant {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    margin-top: 0;
    padding: 34px 209px 34px 34px;
    width:571px
}

.lk-employer-profile-reviews .all-reviews {
    margin-right: 30px;
    max-width:571px
}

.lk-employer-profile-reviews .general-div .info-block {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    margin-bottom: 30px;
    padding: 25px 25px 31px;
    width:350px
}

.lk-employer-profile-reviews .general-div .info-block .info-blok_head {
    align-self: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    margin-bottom:18px
}

.lk-employer-profile-reviews .general-div .info-block .info-blok_head .info-blok_head__img {
    margin-right:5px
}

.lk-employer-profile-reviews .general-div .info-block .info-body {
    font-size:12px
}

.lk-employer-profile-reviews .general-div .reviews-faq {
    margin-top:0
}

@media (min-width: 320px) and(max-width: 992px) {
    .lk-employer-profile-reviews .general-div .info-block {
        display:none
    }

    .lk-employer-profile-reviews .wrap-reviews.wrap-applicant {
        padding:34px 16px
    }

    .lk-employer-profile-reviews .all-reviews {
        margin-right:0
    }
}

.analytics {
    background: #fff;
    padding: 90px 57px 0;
    width:100%
}

.analytics .blur {
    filter: blur(5px);
    position:relative
}

.analytics .blur:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:100
}

.analytics__content {
    margin-top: 70px;
    max-width:893px
}

.analytics__chart {
    margin-top:48px
}

.analytics__chart__inner {
    height:350px
}

.analytics__section {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    padding:34px
}

.analytics__section .premium-icon {
    margin-left:8px
}

.analytics__section + .analytics__section {
    margin-top:70px
}

.analytics__section_top {
    align-items: center;
    display: flex;
    justify-content:space-between
}

.analytics__section_title {
    max-width:460px
}

.analytics__section_row {
    display: flex;
    justify-content: space-between;
    margin-top:32px
}

.analytics__section_period {
    width:320px
}

.analytics__section_period._3-el {
    width:380px
}

.analytics__section_detailing.sort {
    color: #000;
    font-size:12px
}

.analytics__section_detailing.sort._open .sort__title {
    border-radius:5px 5px 0 0
}

.analytics__section_detailing .sort__title {
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    height: 35px;
    line-height: 17px;
    padding:8px 24px 8px 12px
}

.analytics__section_detailing .sort__title:after {
    background: url(../images/dest/icons/arrow-small.svg) no-repeat 50%;
    margin-top: -10px;
    right: 5px;
    top:50%
}

.analytics__section_detailing .sort__title_value {
    color: #000;
    padding-left:4px
}

.analytics__section_detailing .sort__options {
    background-color: #fff;
    border: 1px solid #c2c3c4;
    border-radius: 7px;
    border-radius: 0 0 5px 5px;
    border-top: 0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    box-sizing: border-box;
    padding: 10px 12px;
    right: 0;
    top: 100%;
    width:100%
}

.analytics__section_detailing .sort__option + .sort__option {
    margin-top:11px
}

.analytics__section_detailing .sort__option._active {
    color:#000
}

.analytics__counters {
    color: #0f0f0f;
    font-size:14px
}

.analytics__counter_value {
    font-size: 16px;
    font-weight: 500;
    padding-right:4px
}

.analytics__counter + .analytics__counter {
    margin-top:2px
}

.analytics__info {
    display:flex
}

.analytics__info_block {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height:140%
}

.analytics__info_block + .analytics__info_block {
    margin-left:48px
}

.analytics__info_block_value {
    margin-top:16px
}

.analytics__info_block_value .rating__rate {
    font-size: 16px;
    padding-top:2px
}

.analytics__download {
    margin-bottom: 40px;
    margin-top: 50px;
    max-width:288px
}

.premium-icon {
    background: url(../images/dest/icons/premium.svg) no-repeat 50%;
    height: 20px;
    position: relative;
    width:20px
}

.premium-icon:hover .premium-icon__popup {
    display:block
}

.premium-icon__popup {
    background-color: #fff;
    border-radius: 5px;
    bottom: 90%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    color: #979797;
    display: none;
    font-size: 12px;
    left: 0;
    line-height: 18px;
    padding: 16px 24px;
    position: absolute;
    text-align: left;
    width: 255px;
    z-index:10
}

.premium-icon__popup a {
    color:#0063aa
}

.premium-icon__popup .link-wrapper {
    margin-top:6px
}

.analytics-reviews__form {
    display:flex
}

.analytics-reviews__form_detailing {
    margin-left:20px
}

.analytics-rating__bottom {
    display: flex;
    justify-content: space-between;
    margin-left: -20px;
    margin-top:26px
}

.analytics-rating__chart {
    margin-top: -20px;
    width:240px
}

.analytics-rating__legend {
    display:none
}

.analytics-rating__pagination {
    margin-top:14px
}

.analytics-rating__table {
    max-width:576px
}

.analytics-rating__table table tr td {
    color: #979797;
    font-size: 14px;
    line-height: 18px;
    min-width: 100px;
    padding:7px 10px 6px
}

.analytics-rating__table table tr td:first-child {
    min-width:220px
}

.analytics-rating__table table tr th {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.01em;
    line-height: 120%;
    padding: 0 10px 12px;
    vertical-align:top
}

.analytics-rating__table_row_name {
    align-items: center;
    color: #0f0f0f;
    display:flex
}

.analytics-rating__table_row_name .disc {
    border-radius: 50%;
    flex-shrink: 0;
    height: 10px;
    margin-right: 14px;
    width:10px
}

.pagination-bullets {
    align-items: center;
    display: flex;
    justify-content:center
}

.pagination-bullets__btn {
    background: url(../images/dest/icons/pagination-bullets-btn-icon.svg) no-repeat 50% #fafafa;
    border-radius: 5px;
    cursor: pointer;
    height: 25px;
    width:25px
}

.pagination-bullets__btn._next {
    transform:rotate(180deg)
}

.pagination-bullets__items {
    display: flex;
    padding:0 21px
}

@media (max-width: 767px) {
    .pagination-bullets__items {
        padding:0 8px
    }
}

.pagination-bullets__item {
    border-radius: 50%;
    cursor: pointer;
    height: 11px;
    padding: 3px;
    width:11px
}

.pagination-bullets__item:after {
    background-color: #c4c4c4;
    border-radius: 50%;
    content: "";
    display: block;
    height: 5px;
    width:5px
}

.pagination-bullets__item + .pagination-bullets__item {
    margin-left:5px
}

.pagination-bullets__item._active:after, .pagination-bullets__item:hover:after {
    background-color:#0063aa
}

@media (max-width: 992px) {
    .analytics {
        padding:50px 30px
    }

    .analytics__content {
        margin-top: 70px;
        min-width:800px
    }
}

@media (max-width: 767px) {
    .analytics {
        margin-left: 0;
        padding: 103px 15px 0;
        width:100%
    }

    .analytics__content {
        margin-top: 50px;
        max-width: 100%;
        min-width:0
    }

    .analytics__download {
        margin-bottom: 10px;
        margin-top: 25px;
        max-width:400px
    }

    .analytics__chart {
        margin-top: 20px;
        overflow-x:auto
    }

    .analytics__chart_inner {
        width:800px
    }

    .analytics__section {
        border-radius: 0;
        box-shadow: none;
        padding:0
    }

    .analytics__section .premium-icon {
        margin-left:8px
    }

    .analytics__section + .analytics__section {
        margin-top:70px
    }

    .analytics__section_top {
        display:block
    }

    .analytics__section_title {
        font-size: 24px;
        line-height:135%
    }

    .analytics__section_download {
        margin-top:16px
    }

    .analytics__section_row {
        flex-wrap: wrap;
        margin-top:12px
    }

    .analytics__section_row_block {
        width:100%
    }

    .analytics__section_row_block + .analytics__section_row_block {
        margin-top:14px
    }

    .analytics__section_period, .analytics__section_period._3-el {
        width:100%
    }

    .analytics__section_detailing.sort {
        font-size:14px
    }

    .analytics__section_detailing .sort__title {
        height: 40px;
        line-height: 18px;
        padding:10px 24px 10px 12px
    }

    .analytics__section_detailing .sort__options {
        padding:18px 12px
    }

    .analytics__section_detailing .sort__option + .sort__option {
        margin-top:18px
    }

    .analytics__counter + .analytics__counter {
        margin-top:5px
    }

    .analytics__info {
        display:flex
    }

    .analytics__info_block {
        color: #000;
        font-size: 16px;
        font-weight: 500;
        line-height:140%
    }

    .analytics__info_block + .analytics__info_block {
        margin-left:48px
    }

    .analytics__info_block_value {
        margin-top:16px
    }

    .analytics__info_block_value .rating__rate {
        font-size: 16px;
        padding-top:2px
    }

    .premium-icon {
        background: url(../images/dest/icons/premium.svg) no-repeat 50%;
        height: 20px;
        position: relative;
        width:20px
    }

    .analytics-reviews__form {
        display:block
    }

    .analytics-reviews__form_detailing {
        margin-left: 0;
        margin-top: 32px;
        max-width:215px
    }

    .analytics-industry .analytics__section_row {
        flex-direction: column-reverse;
        margin-top:20px
    }

    .analytics-industry .analytics__section_row .analytics__section_row_block {
        margin-top:32px
    }

    .analytics-industry .analytics__section_row .analytics__section_row_block + .analytics__section_row_block {
        margin-top:0
    }

    .analytics-rating .analytics__section_row {
        flex-direction: column-reverse;
        margin-top:20px
    }

    .analytics-rating .analytics__section_row .analytics__section_row_block {
        margin-top:32px
    }

    .analytics-rating .analytics__section_row .analytics__section_row_block + .analytics__section_row_block {
        margin-top:0
    }

    .analytics-rating__legend {
        display: block;
        width:48%
    }

    .analytics-rating__legend_title {
        color: #000;
        font-size: 16px;
        font-weight: 500;
        line-height:20px
    }

    .analytics-rating__legend_items {
        margin-top:22px
    }

    .analytics-rating__legend_item {
        align-items: flex-start;
        color: #0f0f0f;
        display: flex;
        font-size: 14px;
        line-height:145%
    }

    .analytics-rating__legend_item + .analytics-rating__legend_item {
        margin-top:8px
    }

    .analytics-rating__legend_item .disc {
        border-radius: 50%;
        flex-shrink: 0;
        height: 10px;
        margin-right: 14px;
        margin-top: 3px;
        width:10px
    }

    .analytics-rating__bottom {
        flex-wrap: wrap;
        justify-content: space-between;
        margin-left: 0;
        margin-top:32px
    }

    .analytics-rating__pagination {
        margin-top:28px
    }

    .analytics-rating__chart {
        margin-top: 20px;
        width:48%
    }

    .analytics-rating__table {
        margin-top:32px
    }

    .analytics-rating__table table td:first-child, .analytics-rating__table table th:first-child {
        display:none
    }

    .analytics-rating__table table tr td {
        padding-left:0
    }

    .analytics-rating__table table tr th {
        font-size: 16px;
        padding-left:0
    }
}

.thanks {
    padding:41px 0 100px
}

.thanks__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 130%;
    margin: 59px 0 32px;
    max-width:570px
}

.thanks__title--404 {
    margin-bottom: 50px;
    max-width:457px
}

.thanks__note {
    font-size: 16px;
    line-height: 145%;
    margin-bottom:21px
}

.thanks__content {
    max-width:328px
}

.thanks__icon {
    margin-left:-65px
}

.thanks__disclaimer {
    color: #979797;
    font-size: 14px;
    line-height: 120%;
    text-align:left
}

.thanks__disclaimer p + p {
    margin-top:6px
}

@media (max-width: 1200px) {
    .thanks__icon {
        margin-left:auto
    }
}

@media (max-width: 991px) {
    .thanks__title {
        font-size:28px
    }

    .thanks__icon {
        width:219px
    }
}

@media (max-width: 767px) {
    .thanks {
        padding: 26px 0 65px;
        text-align:center
    }

    .thanks__title {
        font-size: 24px;
        line-height: 135%;
        margin:21px 0 24px
    }

    .thanks__note {
        font-size: 14px;
        margin-bottom:24px
    }

    .thanks__content, .thanks__icon {
        margin:0 auto
    }
}

@media (min-width: 992px) {
    .thanks__content--two-buttons {
        max-width:530px
    }

    .thanks__content--two-buttons .b-btn {
        display: inline-block;
        margin: 0 14px 21px 0;
        min-width: 240px;
        padding:15px 25px
    }
}

.industries {
    padding:91px 0 77px
}

.industries__title {
    margin:0
}

.industries__info-block {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    margin: 50px 0 0;
    padding:34px
}

.industries__info-block hr {
    color: #ececec;
    margin: 0;
    max-width: 100%;
    width:282px
}

.industries__info-block hr + p, .industries__info-block p + p {
    margin:20px 0 0
}

.industries__info-block p {
    font-size: 16px;
    line-height:145%
}

.industries__info-block h3 {
    font-size: 26px;
    margin:0 0 14px
}

.industries__info-block h4 {
    font-size: 20px;
    margin:0 0 14px
}

.industries__info-block p + h4 {
    margin:24px 0 20px
}

.industries__info-block ul {
    color: #000;
    font-size: 16px;
    line-height: 145%;
    list-style-type: disc;
    padding-left:17px
}

.industries-main {
    padding-top:32px
}

.industries-main .composite-banner {
    margin:0 0 35px
}

.industries-filters {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    padding:34px 28px
}

.industries-filters__city, .industries-filters__reset {
    margin-bottom:34px
}

.industries-filters__list {
    list-style:none
}

.industries-filters__list li + li {
    margin-top:14px
}

.industries-filters__caption {
    font-size: 16px;
    margin-bottom:31px
}

.industries-filters__label {
    color: #364047;
    font-size: 16px;
    line-height: 145%;
    padding-left:38px
}

.industries-filters__label .b-form__radio_label_icon {
    top:3px
}

.industries-top {
    display: flex;
    justify-content:space-between
}

.industries-block {
    margin-bottom:50px
}

.industries-block:last-child {
    margin-bottom:0
}

.industries-block__body {
    padding-top:41px
}

.industries-block__card {
    height: 188px;
    margin-bottom:73px
}

.industries-block__card--in-swiper {
    margin-bottom:34px
}

.industries-block__bottom {
    display: flex;
    justify-content: center;
    margin-top:-41px
}

.industries-block__load-more {
    width:224px
}

.industries-btn-filters {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    line-height: 145%;
    white-space:nowrap
}

.industries-btn-filters__icon {
    margin-left: 7px;
    position:relative
}

.industries-btn-filters__icon span {
    align-items: center;
    background-color: #ff2727;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: 8px;
    font-weight: 500;
    height: 12px;
    justify-content: center;
    line-height: normal;
    min-width: 12px;
    padding: 0 2px;
    position: absolute;
    right: 0;
    top: 0;
    transform:translate(50%, -50%)
}

@media (max-width: 767px) {
    body._open-mobile-filters {
        overflow:hidden
    }

    .industries-top {
        align-items: center;
        justify-content: space-between;
        margin-top:30px
    }

    .industries {
        padding:51px 0 87px
    }

    .industries__title {
        font-size:28px
    }

    .industries__info-block {
        padding:22px
    }

    .industries__info-block + .industries__info-block {
        margin:34px 0 0
    }

    .industries__info-block h3 {
        font-size:18px
    }

    .industries__info-block p + h4 {
        font-size:14px
    }

    .industries__info-block p, .industries__info-block ul {
        font-size:12px
    }

    .industries-body__title {
        font-size: 18px;
        margin:32px 0 10px
    }

    .industries-main {
        padding-top:30px
    }

    .industries-main .composite-banner {
        margin:0
    }

    .swiper-slide--industries:nth-child(2n) .industries-block__card {
        float:right
    }

    .industries-block {
        margin-bottom:81px
    }

    .industries-block__body {
        padding:52px 11px 0
    }

    .industries-block__card {
        margin-bottom:60px
    }

    .industries-block__card--in-swiper {
        width:calc(100% - 6px)
    }

    .industries-block__card--in-swiper .industry-card {
        box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
        margin:0
    }

    .industries-block__load-more {
        width:100%
    }

    .industries-block__bottom {
        margin-top:-27px
    }

    .industries-filters {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding:0
    }

    .industries-filters__wrap {
        background-color: #fff;
        display: none;
        height: 100vh;
        left: 0;
        padding: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index:100
    }

    .industries-filters__wrap._active {
        display:block
    }

    .industries-filters__body {
        flex: 1;
        overflow: auto;
        padding:50px 16px 0
    }

    .industries-filters__list {
        border:none
    }

    .industries-filters__caption {
        margin-bottom:24px
    }

    .industries-filters__city {
        margin-bottom:32px
    }
}

.search-results {
    padding:50px 0 70px
}

.search-results__list {
    padding:52px 11px 0
}

.search-results__list-item {
    max-width:177px
}

.search-results .reviews__pagination {
    margin-top:-40px
}

@media (max-width: 767px) {
    .search-results {
        padding:34px 0 70px
    }
}

.landing-hh .employer-tariffs__title {
    text-align:center
}

.landing-hh__header {
    align-items: center;
    display:flex
}

.landing-hh__header .logo {
    width:133px
}

.landing-hh__header_separator {
    color: #94b3cd;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding:0 8px
}

.landing-hh__header_hh {
    align-items: center;
    display:flex
}

.landing-hh__header_hh_logo img {
    width:32px
}

.landing-hh__header_hh_text {
    font-size: 12px;
    line-height: 119%;
    margin-left:8px
}

.header-static .landing-hh__header_hh_text {
    color:#fff
}

.landing-hh__main {
    background: #f4faff;
    padding-top:126px
}

.landing-hh__info, .landing-hh__main {
    padding-bottom:70px
}

.landing-hh__info_left {
    padding-top:30px
}

.landing-hh__info_title {
    line-height: 42px;
    margin-bottom:36px
}

.landing-hh__info_text {
    color: #0f0f0f;
    font-size: 16px;
    line-height:145%
}

.landing-hh__info_image {
    margin-bottom: -11px;
    margin-left:-26px
}

.landing-hh__info_note {
    color: #979797;
    padding-left: 47px;
    position:relative
}

.landing-hh__info_note:before {
    background: url(../images/dest/icons/Info-gray.svg) no-repeat 50%;
    content: "";
    height: 24px;
    left: 15px;
    position: absolute;
    top: -5px;
    width:24px
}

.landing-hh__info_note_title {
    font-size: 14px;
    line-height:18px
}

.landing-hh__info_note_text {
    font-size: 12px;
    font-weight: 300;
    line-height: 130%;
    margin-top:16px
}

.landing-hh__benefits {
    padding-bottom: 70px;
    padding-top:75px
}

.landing-hh__benefits_title {
    line-height: 42px;
    margin: 0 auto;
    max-width: 36ch;
    text-align:center
}

.landing-hh__benefits_items {
    padding-top:85px
}

.landing-hh__benefit {
    align-items: center;
    display: flex;
    justify-content:space-between
}

.landing-hh__benefit + .landing-hh__benefit {
    margin-top:20px
}

.landing-hh__benefit._right {
    flex-direction:row-reverse
}

.landing-hh__benefit._right .landing-hh__benefit_texts {
    padding-right: 100px;
    width:446px
}

.landing-hh__benefit._1 .landing-hh__benefit_image {
    margin-bottom: -62px;
    margin-right:-60px
}

.landing-hh__benefit._2 .landing-hh__benefit_image {
    margin-bottom: -42px;
    margin-left:-45px
}

.landing-hh__benefit._2 .landing-hh__benefit_texts {
    padding-top:55px
}

.landing-hh__benefit._3 .landing-hh__benefit_image {
    margin-bottom: -81px;
    margin-right:-11px
}

.landing-hh__benefit._4 {
    margin-top:83px
}

.landing-hh__benefit._4 .landing-hh__benefit_image {
    margin-left: 52px;
    margin-top:60px
}

.landing-hh__benefit._4 .landing-hh__benefit_texts {
    padding-right:85px
}

.landing-hh__benefit_texts {
    width:420px
}

.landing-hh__benefit_text {
    color: #0f0f0f;
    font-size: 16px;
    line-height: 145%;
    margin-top:18px
}

.landing-hh__management {
    padding-top:78px
}

.landing-hh__management_title {
    line-height: 42px;
    margin: 0 auto;
    max-width: 510px;
    text-align:center
}

.landing-hh__management_content {
    margin-top:44px
}

.landing-hh__management_nav {
    padding-top:80px
}

.landing-hh__management_nav .tabs-vertical {
    margin-right:-15px
}

.landing-hh__management_nav .tabs-vertical__tab {
    font-size: 22px;
    font-weight: 500;
    line-height:130%
}

.landing-hh__management_section {
    min-height:540px
}

.landing-hh__management_section._2 img {
    display: block;
    margin-left: auto;
    margin-right: -46px;
    margin-top:55px
}

.landing-hh__management_image_3 {
    position:relative
}

.landing-hh__management_image_3_1 {
    left: 12px;
    position: absolute;
    top:82px
}

.landing-hh__management_image_3_2 {
    position: absolute;
    right: -57px;
    top:153px
}

.landing-hh__management_image_3_3 {
    position: absolute;
    right: 125px;
    top:51px
}

.landing-hh__management_image_3_4 {
    left: 104px;
    position: absolute;
    top:326px
}

.landing-hh__management_image_3_5 {
    left: -17px;
    position: absolute;
    top:83px
}

.landing-hh__management_image_4 {
    position:relative
}

.landing-hh__management_image_4_1 {
    left: 24px;
    position: absolute;
    top:18px
}

.landing-hh__management_image_4_2 {
    left: 268px;
    position: absolute;
    top:274px
}

.landing-hh__management_image_4_3 {
    left: 371px;
    position: absolute;
    top:9px
}

@media (max-width: 1200px) {
    .landing-hh__benefit._4 .landing-hh__benefit_texts, .landing-hh__benefit._right .landing-hh__benefit_texts {
        padding-right:0
    }
}

@media (max-width: 992px) {
    .landing-hh__benefit {
        display:block
    }

    .landing-hh__benefit._right .landing-hh__benefit_texts {
        width:100%
    }

    .landing-hh__benefit._1 .landing-hh__benefit_image {
        margin-left:-38px
    }

    .landing-hh__benefit._3 .landing-hh__benefit_image {
        margin-left:-47px
    }

    .landing-hh__benefit._4 .landing-hh__benefit_image {
        margin-left:-20px
    }

    .landing-hh__benefit_texts {
        width:100%
    }
}

@media (max-width: 767px) {
    .landing-hh__main {
        padding-top:50px
    }

    .landing-hh__info, .landing-hh__main {
        padding-bottom:40px
    }

    .landing-hh__info_left {
        padding-top:0
    }

    .landing-hh__info_title {
        font-size: 22px;
        line-height: 30px;
        margin-bottom:14px
    }

    .landing-hh__info_image {
        margin: 17px -15px 2px;
        max-width:calc(100% + 30px)
    }

    .landing-hh__info_note {
        padding-left:29px
    }

    .landing-hh__info_note:before {
        left:-2px
    }

    .landing-hh__info_note_title {
        font-size: 12px;
        line-height:14px
    }

    .landing-hh__info_note_text {
        font-size: 10px;
        font-weight: 400;
        line-height: 14px;
        margin-top:10px
    }

    .landing-hh__benefits {
        padding-bottom: 40px;
        padding-top:42px
    }

    .landing-hh__benefits_title {
        font-size: 22px;
        line-height:120%
    }

    .landing-hh__benefits_items {
        padding-top:41px
    }

    .landing-hh__benefit {
        display: flex;
        flex-direction: column !important;
        flex-wrap:wrap
    }

    .landing-hh__benefit + .landing-hh__benefit {
        margin-top:20px
    }

    .landing-hh__benefit._1 .landing-hh__benefit_image {
        margin:0 -15px -16px
    }

    .landing-hh__benefit._2 .landing-hh__benefit_image {
        margin:9px -15px -27px
    }

    .landing-hh__benefit._2 .landing-hh__benefit_texts {
        padding-top:0
    }

    .landing-hh__benefit._3 .landing-hh__benefit_image {
        margin:37px -15px -43px
    }

    .landing-hh__benefit._4 .landing-hh__benefit_image {
        margin:50px -15px 32px
    }

    .landing-hh__benefit_texts {
        width:100%
    }

    .landing-hh__benefit_text {
        font-size: 14px;
        margin-top:10px
    }

    .landing-hh__benefit_image {
        order: -1;
        text-align:center
    }

    .landing-hh__benefit_image img {
        max-width:100%
    }

    .landing-hh__management {
        padding-top:40px
    }

    .landing-hh__management_title {
        font-size: 22px;
        line-height:120%
    }

    .landing-hh__management_content {
        margin-top:44px
    }

    .landing-hh__management_nav {
        padding-top:0
    }

    .landing-hh__management_nav .tabs-vertical__tab {
        font-size: 16px;
        line-height:20px
    }

    .landing-hh__management_section {
        margin-left: auto;
        margin-right: auto;
        max-width: 450px;
        min-height: 340px;
        padding-top: 40px;
        text-align:center
    }

    .landing-hh__management_section._2 img {
        margin: 20px -15px 0;
        width:calc(100% + 43px)
    }

    .landing-hh__management_image_1 {
        margin: 0 0 0 -54px;
        width:458px
    }

    .landing-hh__management_image_3 {
        margin-top:55px
    }
}

.salaries {
    padding:70px 0
}

.salaries .arrow-link--back {
    margin: -40px 0 40px;
    position:relative
}

.salaries .arrow-link--back span {
    font-size:16px
}

.salaries .h2 span, .salaries h2 span {
    color:#979797
}

.salaries__banner {
    background-color: #fff;
    background: url(../images/dest/banners/composite/woman-and-table.svg) no-repeat left 34px center;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    margin: 58px auto;
    max-width: 835px;
    padding:34px 34px 34px 395px
}

.salaries__banner .h2 {
    margin:0
}

.salaries__banner p {
    font-size: 16px;
    font-weight: 500;
    margin:27px 0
}

.salaries__summary {
    margin:0 0 70px
}

.salaries__summary-block {
    margin: 34px 0 0;
    max-width: 834px;
    padding:3px 34px 4px
}

.salaries__companies h2 {
    margin:0 0 22px
}

.salaries__companies .sort {
    display: inline-block;
    margin:0 0 0 auto
}

.salaries__companies-list {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    padding: 0 34px;
    transition:all 1s ease-out
}

.salaries__show-more .ajax-loader {
    margin:36px 0
}

@media (max-width: 767px) {
    .salaries {
        padding:36px 0 70px
    }

    .salaries .arrow-link--back {
        margin:-16px 0 16px
    }

    .salaries__banner {
        background: url(../images/dest/banners/composite/hands-with-calc.svg) no-repeat right 6px top 24px;
        margin: 47px auto;
        max-width: 100%;
        padding:22px 10px 10px
    }

    .salaries__banner .h2 {
        font-size: 18px;
        width:calc(100% - 90px)
    }

    .salaries__banner p {
        font-size: 12px;
        font-weight: 400;
        line-height: 120%;
        margin: 19px 0;
        width:calc(100% - 110px)
    }

    .salaries__summary {
        background-color: #fff;
        border-radius: 7px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
        margin: 0 0 36px;
        padding:8px 10px
    }

    .salaries__summary .h2 {
        font-size: 18px;
        margin:8px 0 0
    }

    .salaries__summary-block {
        margin: 32px 0 12px;
        padding:0
    }

    .salaries__companies .sort {
        margin:0 auto 0 0
    }

    .salaries__companies-list {
        margin: 16px 0 0;
        padding:0 16px
    }
}

@media (min-width: 768px) {
    .salaries__summary-block {
        background-color: #fff;
        border-radius: 7px;
        box-shadow:0 4px 10px rgba(0, 0, 0, .15)
    }
}

.qa {
    padding:58px 0 90px
}

.qa__title {
    margin:0 0 50px
}

.qa__title:after {
    color: #979797;
    padding-left:.44ch
}

.qa__form {
    background-color: #fff;
    background: url(../images/dest/banners/composite/men-right-hand.svg) no-repeat right 22px top 12px;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    margin: 0 0 32px;
    padding:24px 32px
}

.qa__form-text {
    margin:14px 0 16px
}

.qa__form-rules {
    background: #f5f5f5;
    border-radius: 5px;
    line-height: 18px;
    padding: 14px 24px 14px 46px;
    position:relative
}

.qa__form-rules:before {
    background: url(../images/dest/icons/icon-Info.svg) no-repeat 50%/contain;
    content: "";
    height: 24px;
    left: 12px;
    position: absolute;
    top: 12px;
    width:24px
}

.qa__form .b-form__textarea textarea {
    height: 72px;
    margin: 20px 0 0;
    min-height:72px
}

.qa__form .b-btn {
    font-size: 14px;
    margin-left:auto
}

.qa__thanks {
    background: url(../images/dest/thanks/icon-thanks2.svg) no-repeat right 26px top;
    background-size: 265px;
    border-radius: 5px;
    margin: 0 0 32px;
    max-width: 948px;
    padding:32px 54px
}

.qa__thanks-title {
    max-width:20em
}

.qa__thanks-text {
    line-height: 130%;
    margin: 20px 0 16px;
    max-width:24em
}

.qa__list-item {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    margin: 0 0 34px;
    padding: 22px 32px 18px;
    position:relative
}

.qa__list-item h3 {
    padding-right:110px
}

.qa__list-item-state {
    background: #0063aa;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    padding: 0 12px;
    position: absolute;
    right: 32px;
    top:22px
}

.qa__list-item-date {
    color: #979797;
    font-size: 14px;
    line-height: 130%;
    position: absolute;
    right: 32px;
    top:22px
}

.qa__list-item-text {
    color: #979797;
    margin:14px 0 8px
}

.qa__message {
    background: #e1f6e5;
    border-radius: 7px;
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 10px;
    padding: 16px 22px;
    position:relative
}

.qa__message:after {
    border: 15px solid transparent;
    border-bottom: 10px solid #e1f6e5;
    content: "";
    position: absolute;
    right: 40px;
    top:-24px
}

.qa__message-date {
    color: #8fc198;
    line-height: 18px;
    margin:0 0 14px
}

.qa__message-text {
    color:#0f0f0f
}

.qa__message-text p + p {
    margin-top:8px
}

.qa__go-form {
    margin: 32px 0 0;
    text-align:center
}

.qa__go-form span {
    color: #0063aa;
    cursor:pointer
}

.qa__modal.show .modal-dialog {
    left: 50%;
    max-width: 948px;
    top: 50%;
    transform:translate(-50%, -50%)
}

.qa__modal.show button.close {
    position: absolute;
    right: 7px;
    z-index:1
}

.qa__modal.show .modal-body {
    padding:0
}

@media (min-width: 768px) {
    .qa__modal.show button.close span {
        font-size: 36px;
        font-weight:400
    }
}

@media (max-width: 767px) {
    .qa {
        padding:34px 0 64px
    }

    .qa__title {
        margin:0 0 22px
    }

    .qa__form {
        background: none;
        border-radius: 0;
        padding:8px 16px 16px
    }

    .qa__form-rules {
        padding:10px 10px 10px 32px
    }

    .qa__form-rules:before {
        height: 18px;
        left: 8px;
        top: 8px;
        width:18px
    }

    .qa__form .b-btn {
        margin:0 auto
    }

    .qa__list-item {
        box-shadow: none;
        margin: 0 0 8px;
        padding:0 0 18px
    }

    .qa__list-item h3 {
        padding:10px 0 0
    }

    .qa__list-item-date, .qa__list-item-state {
        position:static
    }

    .qa__message {
        padding:14px 16px 12px
    }

    .qa__message:after {
        border-width: 10px;
        right: 24px;
        top:-18px
    }

    .qa__message-text {
        font-size:12px
    }

    .qa__message-date {
        margin: 8px 0 0;
        text-align:right
    }

    .qa__go-form {
        font-size:16px
    }

    .qa__thanks {
        background: #fff;
        border-radius: 5px;
        margin: 0;
        padding: 22px;
        text-align:center
    }

    .qa__thanks-title {
        font-size: 18px;
        max-width:100%
    }

    .qa__thanks-text {
        line-height: 130%;
        margin: 20px 0 0;
        max-width:100%
    }

    .qa__modal.show .modal-dialog {
        left: 50%;
        max-width: 500px;
        top: 50%;
        transform:translate(-50%, -50%)
    }

    .qa__modal.show button.close {
        right:21px
    }

    .qa__modal.show .modal-content {
        background:none
    }

    .qa__modal.show .modal-body {
        padding: 0 16px
    }
}

.user-scoring[data-step="1"] .field-userscore-comment {
    display: none
}

.user-scoring[data-step="1"] [data-ajax-submit] {
    background-color: #e0e0e0;
    pointer-events: none
}

.user-scoring .modal-title span:last-child, .user-scoring[data-step="3"] .form-group, .user-scoring[data-step="3"] .modal-title span:first-child, .user-scoring[data-step="3"] a[tabindex="1"], .user-scoring[data-step="3"] a[tabindex="2"], .user-scoring__thanks, .user-scoring a[tabindex="3"], .user-scoring a[tabindex="4"] {
    display: none
}

.user-scoring[data-step="3"] [tabindex="3"], .user-scoring[data-step="3"] [tabindex="4"] {
    display: inline-flex
}

.user-scoring[data-step="3"] .modal-title span:last-child, .user-scoring[data-step="3"] .user-scoring__thanks {
    display:block
}

.user-scoring__thanks {
    color: #212121;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .0025em;
    line-height:20px
}

.user-scoring__label {
    background: #23406d;
    border-radius: 4px 0 0 4px;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index:3
}

.user-scoring__label svg {
    fill: #fff;
    pointer-events:none
}

.user-scoring__label:hover {
    background: #315a99;
    cursor:pointer
}

.user-scoring__smiles {
    display:flex
}

.user-scoring__smiles > :not(:first-child) {
    margin-left:24px
}

.user-scoring__smile * {
    pointer-events:none
}

.user-scoring__smile path {
    fill:#616161
}

.user-scoring__smile._active circle, .user-scoring__smile:hover circle {
    fill:#ffc107
}

.user-scoring.modal--dj-position .modal-dialog {
    margin:auto 8px 8px auto
}

@media (max-width: 575.98px) {
    .user-scoring.modal--dj-position .modal-dialog {
        margin:auto 8px 8px
    }
}

.user-scoring.modal--dj-position.fade .modal-dialog {
    transform:translateY(100%)
}

.user-scoring.modal--dj-position.show .modal-dialog {
    transform: translateY(0);
    transition:all .3s
}

@media (min-width: 576px) {
    .user-scoring .modal-dialog {
        max-width:400px
    }
}

.bt[class * =-link] {
    padding:0
}

.bt--primary-link, .bt--primary-link:hover, .bt--primary-outline, .bt--primary-outline:hover {
    color:#3460a4
}

.bt {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 40px;
    letter-spacing: .25px;
    padding: 0 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space:nowrap
}

.lk-form__buttons {
    margin: 8px 0 0;
    padding: 24px 0 4px;
    text-align:right
}

.lk-form textarea.form-control {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-sizing: border-box;
    height: auto;
    min-height: 120px;
    padding: 16px;
    width:100%
}

.lk-form label:not([role=button]) {
    color: #2a3749;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .0025em;
    line-height:20px
}

.lk-form .bt + .bt {
    margin-left:16px
}

.bt[class * =icon-] {
    padding:0 24px 0 8px
}

.bt--primary, .bt--primary:hover, .bt--success, .bt--success:hover, .bt--warn, .bt--warn:hover {
    color:#fff
}

.bt--primary {
    background-color:#3460a4
}

.bt--gray.icon-check:before, .bt--primary.icon-check:before, .bt--success.icon-check:before, .bt--warn.icon-check:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='%23FFF' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.71 7.21a.999.999 0 0 0-1.42 0l-7.45 7.46-3.13-3.14A1.02 1.02 0 1 0 5.29 13l3.84 3.84a1 1 0 0 0 1.42 0l8.16-8.16a1 1 0 0 0 0-1.47Z'/%3E%3C/svg%3E")
}

.bt[class * =icon-]:before {
                       margin: 0 8px 0 0;
                       width:24px
                   }

.bt:before {
    background: no-repeat;
    content: "";
    height: 24px;
    width:0
}

.form__field-alert, .form__field-hint {
    color: #9e9e9e;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-top: 8px;
    text-align:right
}

.select2-container--krajee .select2-selection--single {
    height: 50px;
    line-height: 1.428571429;
    padding:14px 24px 6px 12px
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow b {
    /*background: url(../images/dest/icons/select-arrow.svg) no-repeat 50%;*/
    background-size: 100%;
    border: none;
    height: 4px;
    width:8px
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow {
    border: none;
    height: 50px;
    width:35px
}

.select2-container--krajee .select2-results__option[aria-selected] {
    color: #0f0f0f;
    font-size: 14px;
    line-height:145%
}

.select2-container--krajee .select2-results__option--highlighted[aria-selected], .select2-container--krajee .select2-results__option[aria-selected=true] {
    background-color: #E9F0FA;
    color:#0f0f0f
}

.select2-container--krajee.select2-container--open .select2-selection, .select2-container--krajee .select2-selection:focus {
    box-shadow:none
}

.select2-container--krajee li.select2-results__option {
    background-color: #E9F0FA;
    color: #0f0f0f;
    font-size: 14px;
    line-height:145%
}

.select2-container--krajee .select2-search--dropdown .select2-search__field {
    background-position-y:12px
}

.empty {
    margin-left:15px
}

.iti {
    width:100%
}

.wrap .input-group form {
    display:flex
}

.help-block {
    font-size:16px
}

.under_text p {
    margin-bottom:10px
}

.under_text h2, h1 {
    margin:20px 0
}

.svg-inline--fa.fa-w-18 {
    margin-right:5px
}

.file-preview .fileinput-remove {
    right: 6px;
    top:6px
}

.field-feedback-phone_1.required {
    font-size:14px
}

.invalid-feedback {
    font-size:75%
}

.field-feedback-phone_1 {
    position:relative
}

@media (max-width: 800px) {
    .lk-hh__reviews {
        margin-top:50px
    }

    .lk-hh__view {
        margin-bottom:50px
    }

    .hh__slider {
        margin:0
    }

    .inner-flex {
        margin-bottom:0
    }

    .mobile-filters__top {
        display:none
    }

    .reviews__filter {
        display: block;
        height: auto;
        position:relative
    }

    body._open-mobile-filters {
        overflow:auto
    }

    .reviews__filter._active {
        height: 100vh;
        overflow: auto;
        position:fixed
    }

    .reviews__filter._active .mobile-filters__top {
        display:flex
    }

    .reviews__filter._active .contacts_company {
        display:none
    }

    .tt-menu.tt-open {
        width:100%
    }

    .mob_input .tt-menu.tt-open {
        width:calc(100% + 24px)
    }

    .slider .swiper-container {
        margin-left: 0;
        margin-right: 0;
        padding-left: 15px;
        padding-right:15px
    }

    .gear {
        font-size:14px
    }

    .gear:before {
        height: 28px;
        width:28px
    }

    .mob_input form {
        display: flex;
        width:100%
    }

    .menu-lk .navbar .inner-menu .inner_block-menu .bottom-a {
        padding:10px 0
    }

    .navbar-light .navbar-toggler-icon.open_close {
        background-image:url(../images/dest/index/cancel-white.svg)
    }

    .main-profil {
        background: transparent;
        margin: 0;
        min-height: auto;
        padding:0
    }
}

@media (min-width: 768px) and(max-width: 991px) {
    #navbarFilter {
        display:flex
    }

    #navbarFilter .navbar-nav {
        flex-direction:row
    }

    #navbarFilter .navbar-nav .dropdown-menu {
        float: none;
        position:absolute
    }

    .hh__reviews-block-link {
        justify-content:flex-start
    }
}

[data-hide-over] {
    max-height: 144px;
    overflow: hidden;
    position:relative
}

[data-hide-over].hide-over-none {
    max-height: none;
    overflow-x: hidden;
    overflow-y: auto
}

[data-hide-over="1"].hide-over-none:after {
    display: none
}

[data-hide-over="1"]:after {
    background: linear-gradient(#ffffff00, #fff);
    bottom: 0;
    content: "";
    height: 18px;
    position: absolute;
    width:100%
}

.iti--dj-fix .iti__selected-flag {
    pointer-events:none
}

.iti--dj-fix .iti__arrow {
    display:none
}

.iti--dj-fix .iti__selected-flag {
    padding: 0 6px 0 14px
}
.select2_search_body,.select2-results__options{
    cursor: pointer;
}

.modal {
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3);
    z-index: 10;
    opacity: 0;
    transition: opacity .2s ease;
    pointer-events: none;
}

.modal.active {
    opacity: 1;
    pointer-events: all;
}

.modal__content {
    background: #fff;
    border-radius: 8px;
    width: 540px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.modal__closer {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    border-radius: 0 8px 0 8px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-top: 2px solid #0C38ED;
    border-right: 2px solid #0C38ED;
    box-shadow: none;
    padding: 0 0 4px 4px;
    background: #0C38ED;
    cursor: pointer;
}

.modal__description {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 20px;
}

.modal__description span {
    color: #333;
    font-size: 18px;
    text-align: left;
}

.modal__description span:nth-of-type(1) {
    font-size: 24px;
    color: #000;
    margin-bottom: 6px;
}


.modal__content.error {
    width: 460px;
    min-height: 120px;
    max-height: 340px;
    height: max-content;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 25px 10px 25px 20px;
    position: relative;
}

.modal__description.error {
    align-items: flex-start;
    padding: 0 8px;
    height: 100%;
    width: 100%;
}

.modal__description.error span {
    font-size: 16px;
}

.modal__description.error ul {
    list-style: disc;
    margin-left: 16px;
}

.modal__description.error li {
    font-size: 16px;
    text-align: left;
}

.modal__description.error span:nth-of-type(1) {
    font-size: 19px;
    font-weight: 600;
}

.modal__content.error button {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #014cdb;
    color: #fff;
    padding: 5px 12px;
    border: none;
    border-radius: 3px;
    font-size: 16px;
}


@media screen and (max-width: 767px) {
    .b-form__row:nth-of-type(2) {
        flex-direction: column;
    }

    .b-form__row:nth-of-type(2) .b-form__column {
        width: 100%;
    }
}

@media screen and (max-width: 575px) {
    .container {
        padding: 0 20px;
    }

    #newreview-text_1 {
        font-size: 13px;
        min-height: 200px;
    }

    .modal__content {
        width: 360px;
        height: 200px;
    }

    .modal__closer {
        width: 40px;
        height: 40px;
    }

    .modal__description span {
        font-size: 16px;
    }

    .modal__description span:nth-of-type(1) {
        font-size: 18px;
    }
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

*, h1, h2, h3 {
    font-family: 'Roboto', sans-serif !important;
}

body {
    margin: 0;
    height: 100%;
}

html {
    /*min-height: 1080px;*/
    height: 100%;
}

button {
    cursor: pointer;
}

main {
    max-width: unset;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.content {
    max-width: unset;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.auth__left-side {
    display: flex;
    flex-direction: column-reverse;
    text-align: center;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: #F9F9F9;
    max-width: unset;
    width: 100%;
}

.auth__right-side {
    max-width: 873px;
    width: 100%;
    display: block;
    height: 100%;
    overflow-y: auto;
}

.form-header__icon {
    display: flex;
    flex-direction: row;
    /*border: 1px solid #DFDFDF;*/
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    text-decoration: none;
    color: #0158FF;
    gap: 10px;
    height: fit-content;
}

.form-header {
    display: flex;
    flex-direction: row;
    gap: 166px;
    width: 100%;
    justify-content: space-around;
    margin-top: 38px;
    align-items: center;
}

.form-header-img {
    /*margin-top: 20px;*/
}

.form__block {
    margin-top: 37px;
    max-width: 408px;
}

.empl {
    margin-top: 198px;
}

.form__block h3 {
    color: #000000;
    font-size: 28px;
    font-weight: 600;
    line-height: 33px;
    margin: 0;
}

.auth__right-side-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: flex-start;
    align-items: center;
}

.register-login__span {
    margin-top: 10px;
    color: #212121;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}

.register-btn-form {
    color: #0158FF;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    border: none;
    background-color: #FFFFFF;
}

.login__form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 34px;
}

.login-form-mt {
    margin-top: 110px
}

.register__form {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 20px;
}

.register__form label {
    margin-top: 10px;
    color: #727272;
    font-size: 14px;
    font-weight: 600;
}

.register__form input {
    border: 1px solid #DFDFDF;
    height: 51px;
    border-radius: 10px;
    padding-left: 16px;
}

.register__form input::placeholder {
    color: #DFDFDF;
    font-size: 14px;
    font-weight: 500;
}


.login__form label {
    margin-top: 10px;
    color: #727272;
    font-size: 14px;
    font-weight: 600;
}

.login__form input {
    border: 1px solid #DFDFDF;
    height: 51px;
    border-radius: 10px;
    padding-left: 16px;
    font-size: 20px;
}

.login__form input::placeholder {
    color: #DFDFDF;
    font-size: 14px;
    font-weight: 500;
}

.auth__left-side p {
    color: #212121;
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    max-width: 510px;
}

.forgot-password__link {
    color: #0158FF;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    margin-top: 10px;
}

.submit-btn-ac {
    background-color: #0C38ED;
    color: #FFFFFF;
    border-radius: 5px;
    border: none;
    height: 48px;
    margin-top: 40px;
    font-size: 18px;
}

.submit-btn-ac:hover {
    background-color: #3159FF;
    color: #FFFFFF;
}


.user-privacu__text {
    color: #727272;
    font-size: 12px;
    font-weight: 500;
    line-height: 13px;
    margin-bottom: 1px;
    margin-bottom: 15px;
}

.lns-inputs {
    display: flex;
    max-width: 387px;
}

.lns-inputs input {
    max-width: 108px;
    margin-right: 2px;
}

.submit-btn-reg {
    background-color: #0C38ED;
    color: #FFFFFF;
    border-radius: 5px;
    border: none;
    height: 48px;
    margin-top: 15px;
}

.form-header__icon_ad {
    display: none;
}

.user-type__switcher {
    background-color: #F9F9F9;
    display: flex;
    flex-direction: row;
    border-radius: 10px;
    justify-content: space-around;
    align-items: center;
    height: 48px;
    margin-top: 34px;
}

.form-switcher__icon {
    border-radius: 10px;
    padding: 8px 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    color: #727272;
    text-decoration: none;
    font-size: 14px;
}

.form-switcher__icon.active {
    background-color: #FFFFFF;
    color: #212121;
}

@media screen and (max-width: 1300px) {
    .auth__left-side {
        display: none;
    }

    .auth__right-side {
        max-width: unset;
    }

    .form-header {
        width: 100%;
        max-width: 408px;
        justify-content: flex-start;
    }

    .form-header__icon {
        display: none;
    }

    .form-header__icon_ad {
        display: flex;
        flex-direction: row;
        border: 1px solid #DFDFDF;
        padding: 8px 16px;
        justify-content: center;
        align-items: center;
        border-radius: 5px;
        text-decoration: none;
        color: #212121;
        height: fit-content;
    }

    .login-form-mt {
        margin-top: 110px;
    }

    .form__block {
        margin-top: 37px;
        max-width: 408px;
    }

    .lns-inputs {
        display: flex;
        max-width: 320px;
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }

    .lns-inputs input {
        max-width: 320px;
    }

    .form__block_profile {
        width: 80%;
    }

    .form__block_profile input {
        width: 100%;
    }
}

@media screen and (max-width: 460px) {
    .form-header {
        gap: 100px;
        justify-content: space-between;
        width: 100%;
    }

    .form-switcher__icon {
        border-radius: 10px;
        padding: 8px 1px;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
        color: #727272;
        text-decoration: none;
        font-size: 14px;
    }

    .content {
        max-width: unset;
        width: 90%;
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    main {
        max-width: unset;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .form-header {
        gap: 50px;
    }
}

.form__block_profile {
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 25px;
    margin-top: 50px;
    box-shadow: 0px 4px 10px 0px #0000001A;
}

.form__block_profile h3 {
    margin: 0;
}

.element-suggest {
    display: flex;
    flex-direction: column;
    position: absolute;
    max-width: 387px;
    width: 100%;
    background-color: white;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    border-top: none;
}

.element-suggest button {
    background-color: white;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

.hide {
    display: none;
}

.city__search input {
    /*width: 100%;*/
    /*max-width: 300px;*/
}

.city__search a {
    font-size: 12px;
    color: blue;
}

.city__search {
    width: 100%;
    /*display: flex;*/
    /*flex-direction: column;*/
    max-width: 387px;
}

.compn__itnput-block-link {
    display: flex;
    flex-direction: column;
}

.register__form input {
    font-size: 18px;
}
/* =========================================================
   JOBTRUE CSS FIXES v2: profile / owner cabinet
   ========================================================= */
.main__block .b-btn._dark-green, .page-template-page-profile-company .b-btn._dark-green, .page-template-page-profile .b-btn._dark-green, .page-template-page-profile-reviews .b-btn._dark-green, .page-template-page-profile-reports .b-btn._dark-green, .page-template-page-profile-analytics .b-btn._dark-green { background-color:var(--jt-brand-blue,#0C38ED)!important; border-color:var(--jt-brand-blue,#0C38ED)!important; color:#fff!important; border-radius:10px; }
.main__block .b-btn._dark-green:hover, .page-template-page-profile-company .b-btn._dark-green:hover, .page-template-page-profile .b-btn._dark-green:hover, .page-template-page-profile-reviews .b-btn._dark-green:hover, .page-template-page-profile-reports .b-btn._dark-green:hover, .page-template-page-profile-analytics .b-btn._dark-green:hover { background-color:var(--jt-brand-blue-hover,#3159FF)!important; border-color:var(--jt-brand-blue-hover,#3159FF)!important; color:#fff!important; }
.jt-profile-rating-dynamics, .jt-profile-likes-analytics { margin:24px 0; padding:20px; background:#fff; border-radius:10px; box-shadow:0 4px 10px rgba(0,0,0,.06); }
.jt-profile-rating-dynamics__header, .jt-profile-likes-analytics__header { margin-bottom:16px; }
.jt-profile-rating-dynamics h2, .jt-profile-likes-analytics h2 { margin:0 0 8px; font-size:22px; line-height:1.3; color:#212121; }
.jt-profile-rating-dynamics p, .jt-profile-likes-analytics p { margin:0; color:#666; font-size:14px; }
.jt-profile-likes-analytics__summary { display:flex; gap:16px; margin:16px 0 20px; }
.jt-profile-likes-analytics__summary > div { padding:14px 16px; background:#f6f7f7; border-radius:10px; min-width:140px; }
.jt-profile-likes-analytics__summary strong { display:block; font-size:24px; line-height:1.2; }
.jt-profile-likes-analytics__summary span { display:block; margin-top:4px; color:#666; }
.jt-profile-likes-analytics h3 { margin:24px 0 12px; font-size:18px; }
.jt-profile-likes-analytics__review { padding:14px 0; border-top:1px solid #eee; }
.jt-profile-likes-analytics__review-meta { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:8px; color:#666; font-size:13px; }
.jt-profile-likes-analytics__review-meta strong { color:#111; }