/*
 * General reset
 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

p, ol, dl, address, form, blockquote, q, applet, embed, object, iframe, frameset {
    margin: 0 0 10px;
}

html, body, div, span, applet, embed, object, iframe, frameset,
p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,
fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header,
menu, nav, section, summary, time, mark, audio, video {
    border: 0;
    background: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

html, body {
    min-width: 320px;
    height: 100%;
}

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: 400;
}

/**
 * Firefox specific rule
 */
@-moz-document url-prefix() {
    body {
        font-weight: lighter !important;
    }
}

:root {
    --main-color: #66BB46;
    --light-main-color: #E4F2DF;
}

body {
    font-size: 18px;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-weight: 300;
    line-height: 1.2;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
    overflow-x: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    -ms-font-feature-settings: normal;
    -webkit-overflow-scrolling: touch;
}

a {
    color: var(--main-color);
    text-decoration: underline;
    transition: all .2s ease;
}

a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

table, caption, tbody, tfoot, thead, tr, th, td {
    border-collapse: collapse;
    border-spacing: 0;
}

form, fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type=submit],
button {
    transition: all 250ms;
}

input[type=submit]:hover,
button:hover {
    cursor: pointer;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

input[type=password] {
    -webkit-text-security: disc;
}

*::-moz-placeholder {
    opacity: 1;
}

*:focus {
    outline: 0;
}

input[type=submit],
input[type=text],
input[type=email],
input[type=search],
input[type=password],
input[type=file],
input[type=stats-number],
input[type=url],
textarea {
    -webkit-appearance: none;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

input[type=image] {
    padding: 0;
    border: none;
}

input[type=text],
input[type=password],
input[type=email],
input[type=tel],
textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-modify: read-write-plaintext-only;
}

input[type=stats-number]::-webkit-outer-spin-button {
    margin: 0;
}

input::-ms-clear {
    display: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

h1 .title-info, h2 .title-info, h3 .title-info, h4 .title-info, h5 .title-info, h6 .title-info {
    display: block;
    line-height: 1;
}

h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span {
    font-weight: 400;
}

h1 {
    font-size: 70px;
    margin: 0 0 5px;
}

.intro-text-home h1 {
    font-size: 47px;
}

.intro-text-home h5 {
    font-size: 15px;
}

.intro h1 {
    font-size: 46px;
    font-weight: 600;
}

.content-similar {
    display: flex;
    justify-content: center;
    gap: 70px;
}

@media only screen and (max-width: 960px) {
    h1 {
        font-size: 24px;
        margin: 0 0 15px;
    }

    .content-similar {
        gap: 0;
    }
}

h2 {
    font-size: 35px;
    margin: 0;
    font-weight: 700;
}

@media only screen and (max-width: 960px) {
    h2 {
        font-size: 24px;
    }
}

h3 {
    font-size: 24px;
    font-weight: 400;
}

h3.form-title-account {
    text-align: center;
    font-size: 40px;
}

h4 {
    font-size: 20px;
    margin-bottom: 20px;
}

ul, ol {
    margin: 0 0 20px 20px;
    padding: 0;
}

ul li, ol li {
    margin: 0 0 7px;
    padding: 0 0 0 7px;
}

ol {
    counter-reset: item;
    list-style-type: none;
}

ol > li {
    display: block;
}

ol > li:before {
    content: counter(item, decimal-leading-zero) " ";
    counter-increment: item;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

iframe {
    max-width: 100%;
    min-height: 1px !important;
}

/* fix for issue in mobile devices with position fixed elements */
@media (orientation: landscape) {
    body {
        width: 100%;
    }
}

/*
 * Header
 */
.header {
    padding: 5px 0 5px;
    background: transparent;
    position: relative;
    border-bottom: 1px solid #D2D2D7;
}

@media only screen and (max-width: 960px) {
    .header {
        padding-top: 59px;
    }
}

.home .header {
    background-color: #ffffff;
    z-index: 100;
}

.home .header .logo {
    background-image: url("../images/logo.svg");
}

.header .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.home .header .container {
    align-items: flex-start;
}

.header .logo {
    display: block;
    width: 100%;
    max-width: 136px;
    text-indent: -9999px;
    overflow: hidden;
    background-image: url("../images/logo.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.header .logo a {
    display: block;
    height: 100%;
}

@media only screen and (max-width: 960px) {
    .header .logo {
        max-width: 123px;
    }
}

/*
 * Footer
*/
.footer {
    flex-shrink: 0;
}

.footer .container {
    display: flex;
    padding: 20px 20px 12px 125px;
    border-top: 1px solid #D2D2D7;
}

@media only screen and (max-width: 960px) {
    .footer .container {
        flex-wrap: wrap;
        padding-left: 45px;
    }
}

@media only screen and (max-width: 576px) {
    .footer .container {
        padding: 30px 20px 20px 28px;
    }
}

.footer .footer-logo {
    display: block;
    width: 100%;
    max-width: 100px;
    /*text-indent: -9999px;*/
    /*overflow: hidden;*/
    /*background-image: url("data:image/svg+xml,%3Csvg width='134' height='18' viewBox='0 0 134 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.904 17L6.904 10.952H3.52V17H0.16V0.199999H7.984C8.768 0.199999 9.512 0.311999 10.216 0.535999C10.92 0.743999 11.536 1.072 12.064 1.52C12.592 1.968 13.008 2.528 13.312 3.2C13.616 3.856 13.768 4.632 13.768 5.528C13.768 6.792 13.496 7.832 12.952 8.648C12.424 9.448 11.624 10.056 10.552 10.472L13.768 17H9.904ZM10.312 5.6C10.312 4.832 10.096 4.288 9.664 3.968C9.248 3.632 8.664 3.464 7.912 3.464H3.52V7.784H7.912C9.512 7.784 10.312 7.056 10.312 5.6ZM17.2928 17V0.199999H28.9568V3.488H20.6528V6.392H25.4768V9.656H20.6528V13.712H29.3168V17H17.2928ZM36.2622 3.488V6.656H41.3262V9.92H36.2622V17H32.9022V0.199999H44.9262V3.488H36.2622ZM47.9022 17V0.199999H59.5662V3.488H51.2622V6.392H56.0862V9.656H51.2622V13.712H59.9262V17H47.9022ZM73.2556 17L70.2556 10.952H66.8716V17H63.5116V0.199999H71.3356C72.1196 0.199999 72.8636 0.311999 73.5676 0.535999C74.2716 0.743999 74.8876 1.072 75.4156 1.52C75.9436 1.968 76.3596 2.528 76.6636 3.2C76.9676 3.856 77.1196 4.632 77.1196 5.528C77.1196 6.792 76.8476 7.832 76.3036 8.648C75.7756 9.448 74.9756 10.056 73.9036 10.472L77.1196 17H73.2556ZM73.6636 5.6C73.6636 4.832 73.4476 4.288 73.0156 3.968C72.5996 3.632 72.0156 3.464 71.2636 3.464H66.8716V7.784H71.2636C72.8636 7.784 73.6636 7.056 73.6636 5.6ZM83.4888 15.008C83.4888 15.312 83.4248 15.6 83.2968 15.872C83.1848 16.144 83.0248 16.384 82.8168 16.592C82.6088 16.8 82.3688 16.96 82.0968 17.072C81.8248 17.2 81.5368 17.264 81.2328 17.264C80.9288 17.264 80.6408 17.2 80.3688 17.072C80.0968 16.96 79.8568 16.8 79.6488 16.592C79.4408 16.384 79.2728 16.144 79.1448 15.872C79.0328 15.6 78.9768 15.312 78.9768 15.008C78.9768 14.704 79.0328 14.416 79.1448 14.144C79.2728 13.872 79.4408 13.632 79.6488 13.424C79.8568 13.216 80.0968 13.056 80.3688 12.944C80.6408 12.816 80.9288 12.752 81.2328 12.752C81.5368 12.752 81.8248 12.816 82.0968 12.944C82.3688 13.056 82.6088 13.216 82.8168 13.424C83.0248 13.632 83.1848 13.872 83.2968 14.144C83.4248 14.416 83.4888 14.704 83.4888 15.008ZM100.276 8.6C100.276 10.072 100.028 11.344 99.5318 12.416C99.0518 13.472 98.4038 14.344 97.5878 15.032C96.7878 15.704 95.8678 16.2 94.8278 16.52C93.8038 16.84 92.7558 17 91.6838 17H86.6678V0.199999H91.9238C93.1238 0.199999 94.2278 0.351999 95.2358 0.655999C96.2598 0.943999 97.1398 1.424 97.8758 2.096C98.6278 2.768 99.2118 3.64 99.6278 4.712C100.06 5.768 100.276 7.064 100.276 8.6ZM96.8198 8.6C96.8198 6.888 96.4278 5.608 95.6438 4.76C94.8598 3.896 93.5798 3.464 91.8038 3.464H90.0278V13.736H91.6838C92.5638 13.736 93.3238 13.616 93.9638 13.376C94.6198 13.12 95.1558 12.768 95.5718 12.32C95.9878 11.872 96.2998 11.336 96.5078 10.712C96.7158 10.072 96.8198 9.368 96.8198 8.6ZM103.637 17V0.199999H115.301V3.488H106.997V6.392H111.821V9.656H106.997V13.712H115.661V17H103.637ZM127.052 17H123.788L117.812 0.199999H121.532L124.7 9.92C124.78 10.16 124.86 10.408 124.94 10.664C125.02 10.92 125.092 11.176 125.156 11.432C125.236 11.672 125.3 11.904 125.348 12.128C125.412 12.352 125.46 12.536 125.492 12.68C125.572 12.36 125.676 11.944 125.804 11.432C125.948 10.92 126.1 10.416 126.26 9.92L129.356 0.199999H133.028L127.052 17Z' fill='%23000000'/%3E%3C/svg%3E");*/
    /*background-repeat: no-repeat;*/
}

.footer .footer-logo a {
    width: 92px;
}

.footer .footer-logo span {
    display: block;
    font-size: 11px;
    margin-top: 10px;
    padding-left: 5px;
}

@media only screen and (max-width: 767px) {
    .footer .footer-logo {
        margin: 0 auto 2px;
    }
}

.footer .footer-logo a {
    display: block;
    height: 100%;
}

.footer-col {
    width: 30%;
    padding: 0 38px;
    /*margin: 0 0 35px;*/
}

@media only screen and (max-width: 960px) {
    .footer-col {
        width: 44%;
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .footer-col {
        width: 100%;
        padding: 0;
    }
}

.footer-col.contact-block {
    max-width: 308px;
    padding: 0 52px 0 0;
}

@media only screen and (max-width: 767px) {
    .footer-col.contact-block {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
}

.footer-col h3 {
    margin: 0 0 22px;
    font-size: 16px;
}

.footer-additional-info {
    font-size: 16px;
}

.footer-additional-info a {
    color: #000;
    text-decoration: none;
}

.footer-additional-info a:hover {
    text-decoration: underline;
}

.footer-nav {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.75;
    list-style: none;
}

.footer-nav li {
    margin-bottom: 20px;
    padding: 0;
    font-weight: 400;
}

.footer-nav a {
    color: #000;
    font-weight: 400;
    text-decoration: none;
}

.footer-nav a:hover {
    text-decoration: underline;
}

.footer-nav .nav-social {
    display: flex;
    align-items: baseline;
}

.footer-nav .nav-social a {
    margin-right: 10%;
}

.register-link {
    text-decoration: none;
}

.register-link:hover {
    text-decoration: underline;
}

.languages-item:hover {
    text-decoration: underline;
}

.footer-nav.contacts-list {
    max-width: 80%;
}

#candidate_respondByMyself_help {
    margin-left: 18px;
}

@media only screen and (max-width: 767px) {
    .footer-nav.contacts-list {
        margin: 0 0 20px -5px;
    }
}

.footer-nav.contacts-list li {
    padding: 0 0 0 30px;
    position: relative;
}

.footer-nav.contacts-list li:before {
    content: '';
    position: absolute;
    left: 13px;
    top: 5px;
}

@media only screen and (max-width: 767px) {
    .footer-nav img {
        max-width: 100%;
    }

    .footer-logo img {
        max-width: 100%;
    }
}

@media only screen and (max-width: 576px) {
    .footer-nav li {
        margin-bottom: 15px;
    }

    .footer-col.contact-block {
        padding: 0;
    }

    .footer-logo img {
        max-width: 60%;
    }
}

@media only screen and (max-width: 480px) {
    .footer-nav img {
        max-width: 100%;
    }
}

/*
 * Page layout
 *
 * Set general layout, position of child elements
 */
.page-wrapper {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    overflow: hidden;
}

.main {
    flex: 1 0 auto;
    padding: 25px 0 10px;
}

@media only screen and (max-width: 767px) {
    .main {
        padding: 30px 0;
    }
    .main .title-holder .width-title {
        width: 100%;
    }
}

.main .title-holder .width-title {
    /*width: 80%;*/
}

.main .container {
    display: flex;
    max-width: 1300px;
}

.main .too-long-container {
    display: block;
    margin: 0 auto;
}

.flex-too-long-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.main .container-homepage {
    max-width: 1160px;
    overflow: hidden;
    display: block;
}

.text-lable-mobile {
    display: none;
}

.content-recommendation-bonuses-mobile {
    max-width: 91%;
}

.recommendation-status {
    max-width: max-content;
    width: 52%;
}

.desktop-button-delete {
    width: 94%;
}

.buttons-open-close-recommendation {
    margin-bottom: 20px;
}

@media only screen and (max-width: 1280px) {
    .container-overflow {
        overflow-x: auto;
    }
    .main .too-long-container {
        display: flex;
    }
}

@media only screen and (max-width: 1024px) {
    .footer .container {
        padding-left: 45px;
    }
    .container-overflow {
        overflow-x: auto;
    }
}

@media only screen and (max-width: 767px) {
    .main .container {
        flex-wrap: wrap;
    }

    .content-recommendation-bonuses-mobile {
        max-width: 100%;
    }

    .text-lable-desktop {
        display: none!important;
    }

    .show-mobile-info {
        display: flex;
        justify-content: center;
    }

    .filter-button-propositions {
        min-width: 300px;
        background: black;
    }

    .table-block-mobile {
        font-size: 12px;
        padding: 0;
        border: 1px solid #E0E0E0;
        text-align: center;
    }

    .mobile-button-delete {
        width: 96%;
    }

    .paginator-mobile-filter lable {
        padding-left: 5px;
        font-weight: 500;
    }

    .paginator-mobile-filter form input[type="text"] {
        padding: 10px 20px;
    }

    .paginator-mobile-filter .filter-block .filter-select {
        width: 29%;
        margin-right: 2px;
        margin-left: 5px;
        margin-bottom: 10px;
    }

    .paginator-mobile-filter .filter-block .filter-name-of-bonus {
        width: 75%;
    }

    .paginator-mobile-filter .filter-block .filter-field {
        height: 45px;
        margin: 2px;
    }

    .button-box {
        margin-top: 0;
    }

    .page-wrapper {
        min-height: 41vh;
    }

    .text-lable-mobile {
        display: revert;
    }

    .text-lable-mobile .btn-cv {
        font-size: 10px;
        min-width: 100px;
        padding: 5px 0 5px 0;
    }

    .bonus-pending-approval {
        padding: 17px;
    }

    .mobile-table {
        width: 100%;
        border: 1px solid #E0E0E0;
    }

    .mobile-table th {
        padding: 5px;
        font-size: 12px;
        background-color: #f0f1f2;
    }

    .table-mobile td {
        font-size: 12px;
        padding: 5px;
    }

    .mobile-table th,
    .mobile-table td {
        font-size: 14px;
        padding: 5px;
    }

    .mobile-table th {
        background-color: #f0f1f2;
    }

    .table-mobile td {
        font-size: 12px;
        padding: 5px;
    }

    .table-block-mobile {
        font-size: 14px;
        border: 1px solid #E0E0E0;
        text-align: center;
    }

    .table-mobile {
        display: flex;
    }

    .between-button {
        justify-content: space-between;
    }

    .btn.filters-opener.active.close-btn-fix {
        position: fixed;
    }

    .table-mobile thead,
    .table-mobile tbody,
    .table-mobile thead th,
    .table-mobile tbody td {
        display: block;
        padding: 25px 0;
    }

    .table-mobile thead {
        float: left;
    }

    .table-mobile thead th {
        padding: 25px 6px;
    }

    .table-mobile tbody tr {
        display: table-cell;
    }

    .table-mobile tbody td {
        width: 250px;
    }

    .table-mobile td {
        display: block;
        border: 1px solid #E0E0E0;
        white-space: nowrap;
    }

    .table-mobile  td, .table-mobile  th {
        padding: 10px 2px;
        box-sizing: border-box;
        text-align: center;
        overflow: hidden;
        font-size: 13px;
        text-overflow: ellipsis;
    }

    .checkbox-icons {
        font-size: 14px;
        padding: 12px;
    }

    .table-not-found {
        font-size: 14px;
        padding: 10px;
        border: 1px solid #E0E0E0;
        min-width: 280px;
    }

    .table-entries {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .table-image {
        font-size: 14px;
        color: black;
        text-decoration: auto;
    }

    .bonus-info-amount-bonuses {
        width: 100%;
        font-size: 14px;
    }

    .bonus-info-amount-bonuses tbody th,
    .bonus-info-amount-bonuses tbody td {
        padding: 14px;
    }
}

@media (max-width: 480px) and (max-width: 767px) {

    .bonus-info-table-mobile tbody td {
        width: 220px;
    }

    .bonus-info-table-mobile thead th,
    .bonus-info-table-mobile tbody td {
        padding: 15px 0;
    }

    .bonus-info-table-mobile .bonus-info-vacancy-compensation-min {
        padding: 15px 25px;
    }

    .bonus-info-table-mobile .bonus-info-vacancy-compensation-min-value {
        padding: 30px;
    }

    .bonus-info-table-mobile .status-value span {
        font-size: 13px;
    }

    .bonus-info-amount-bonuses .mini-bonus-value {
        min-width: 80px;
    }

    .checkbox-details {
        min-width: 80px;
    }
}

@media (max-width: 480px) and (max-width: 767px) {

    .bonus-info-table-mobile tbody td {
        width: 220px;
    }

    .bonus-info-table-mobile thead th,
    .bonus-info-table-mobile tbody td {
        padding: 15px 0;
    }

    .bonus-info-table-mobile .bonus-info-vacancy-compensation-min {
        padding: 15px 25px;
    }

    .bonus-info-table-mobile .bonus-info-vacancy-compensation-min-value {
        padding: 30px;
    }

    .bonus-info-table-mobile .status-value span {
        font-size: 13px;
    }
}

@media (min-width: 320px) and (max-width: 361px) {
    .mobile-table th,
    .mobile-table td {
        font-size: 12px;
        padding: 0;
    }
    .mobile-table .lable-not-pagination {
        padding-top: 4px;
    }

    .bonus-info-table-mobile tbody td {
        width: 170px;
    }

    .bonus-info-table-mobile .bonus-info-vacancy-compensation-min-value {
        padding: 29px;
    }

    .text-lable-mobile .btn-cv {
        min-width: 80px;
    }

    .bonus-pending-approval {
        padding: 7px;
    }

    .bonus-info-amount-bonuses .mini-bonus-value {
        padding: 12px;
        min-width: 60px;
    }

    .checkbox-details {
        min-width: 60px;
    }
}

.content {
    flex: 3;
    order: 3;
    max-width: 740px;
}

.new-content {
    order: 3;
    max-width: 100%;
    width: 100%;
}

.filter-block {
    display: flex;
}

@media (max-width: 767px) {
    .filter-name-of-bonus {
        width: 100%
    }

    .text-lable-mobile {
        width: 100%
    }

    .filter-block {
        flex-wrap: wrap;
    }

    .filter-block > div, select {
        flex: 50%;
        margin-bottom: 10px;
    }

    .filter-block .btn-outline-success {
        margin: 15px 0 0 auto;
    }
}

@media (max-width: 480px) {
    .filter-block .btn-outline-success {
        min-width: 130px;
    }
}

.filter-select {
    width: 20%;
    margin-right: 15px;
}

.paginator-mobile-filter form input[type="text"] {
    width: 100%;
}

.text-lable-line {
    display: flex;
}

.filter-name-of-bonus {
    width: 36%;
}

.filter-field {
    width: 25%;
    margin-right: 15px;
}

.center {
    text-align: center;
}

#file-cv-remove {
    display: none;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    padding: 3px;
}

#file-cv-remove svg {
    font-size: 15px;
    color: #f9f9f9;
}

#file-cv-name {
    display: none;
    font-size: 13px;
    text-align: center;
}

#file-cv-row {
    background: #f8f9fe;
    padding: 14px;
    border-radius: 10px;
    border: 1px solid var(--main-color);
}

#file-cv-row .input-required {
    margin-top: 5px !important;
    position: relative;
}

#file-cv-row-input-container {
    background-color: #a3a9c5;
    border-radius: 4px;
    padding-right: 5px;
    color: #ffff;
    display: inline-flex;
    align-items: center;
    max-width: inherit;
}

#file-cv-row-db {
    font-size: 13px;
    margin-top: 10px;
}

#file-cv-row-input-container input {
    padding: 5px;
    width: -webkit-fill-available;
}

.content.small {
    max-width: 1160px;
    margin: 0 auto;
}

.home .content {
    max-width: 1360px;
    margin: 0 auto;
}

.container {
    max-width: 1360px;
    /*max-width: 1080px;*/
    padding: 0 20px;
    margin: 0 auto;
}

.top-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1162px;
    margin: 0 0 22px;
}

.content-block-mobile-linkedin-mobile {
    display: none;
}

@media only screen and (max-width: 767px) {
    .top-row {
        margin: 0 0 25px;
        position: relative;
    }
}

.top-row .filters-opener {
    display: none;
}

.show-more-opener {
    display: none;
}

@media only screen and (max-width: 767px) {
    .top-row .filters-opener {
        display: block;
    }

    .show-more-opener {
        display: initial;
    }
}

@media only screen and (max-width: 767px) {
    .top-row .form-holder {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
}

/*
 * sidebar
 */
.sidebar {
    max-width: 314px;
    flex: 2;
    order: 4;
    min-width: 200px;
    margin-left: 8.5%;
}

.sidebar .btn {
    width: 100%;
    font-size: 25px;
}

.sidebar .btn-clear-all {
    border: 1px solid #757575;
    color: #000000;
    font-weight: 500;
    font-size: 25px;
}

@media only screen and (max-width: 767px) {
    .sidebar {
        max-width: 100%;
        margin: 0;
    }
}

.sidebar.left {
    order: 2;
    margin-left: 0;
    margin-right: 8.5%;
}

@media only screen and (max-width: 767px) {
    .sidebar.left {
        max-width: 100%;
        margin: 0;
    }
}

/*
 * nav
 */
@media only screen and (max-width: 1024px) {
    .nav {
        margin: -16px 0 0;
    }
}

.nav-opener {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .nav-opener {
        display: block;
        width: 20px;
        height: 20px;
        text-indent: -9999px;
        overflow: hidden;
        z-index: 21;
        position: relative;
        top: 0;
        right: 0;
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' width='13' height='2' fill='%232262f4'/%3E%3Crect y='6' width='13' height='2' fill='%232262f4'/%3E%3Crect x='3' y='12' width='13' height='2' fill='%232262f4'/%3E%3C/svg%3E");
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 100% auto;
        transition: all .5s ease-in-out;
    }

    .nav-opener.active {
        top: -21px;
        right: 29px;
        background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='16.9707' y='0.00012207' width='2' height='24' transform='rotate(45 16.9707 0.00012207)' fill='%23ffffff'/%3E%3Crect x='18.3848' y='16.9706' width='2' height='24' transform='rotate(135 18.3848 16.9706)' fill='%23ffffff'/%3E%3C/svg%3E");
    }
}

@media only screen and (min-width: 1024px) {
    .nav-content {
        display: flex;
        align-items: center;
        position: relative;
    }
}

.nav .nav-logout ul:first-of-type {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 12px;
    font-size: 16px;
    font-weight: 400;
}

.nav .nav-logged ul:first-of-type {
    margin: 0;
    padding: 0;
    list-style: none;
    /*display: flex;*/
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
}

.header-language {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
}

.nav .header-language li {
    list-style: none;
    font-size: 16px;
    margin: 0 35px;
    padding: 0;
}

@media only screen and (max-width: 1024px) {
    .nav ul:first-of-type {
        flex-wrap: wrap;
        text-align: center;
        padding: 0 20px;
    }

    .nav-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .nav-content ul:nth-child(1){
        order: 1;
    }

    .nav-content ul:nth-child(2){
        order: 3;
    }

    .nav-content ul:nth-child(3){
        order: 2;
        margin-bottom: 58px;
        padding: 10px 20px;
    }
}

.nav ul:first-of-type li {
    margin: 0 18px;
    padding: 0;
}

@media only screen and (max-width: 1480px) {
    .nav ul:first-of-type li {
        margin: 0 20px;
    }

    .nav .header-language li {
        margin: 0 20px;
    }
}

@media only screen and (max-width: 1024px) {
    .nav ul:first-of-type li {
        width: 100%;
        padding: 10px 20px;
    }
}

.nav ul:first-of-type a {
    color: #000;
    text-decoration: none;
    position: relative;
}

.nav ul:first-of-type a:after {
    content: '';
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 0;
    height: 1px;
    background: #000;
    transition: right .3s ease-in-out;
}

.nav ul:first-of-type a:hover {
    text-decoration: none;
}

.nav ul:first-of-type a:hover:after {
    right: 0;
}

@media only screen and (max-width: 1024px) {
    .nav ul:first-of-type a {
        color: #fff;
    }
    .nav ul .popup-item a {
        color: #000;
    }
}

.home .nav-opener {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' width='13' height='2' fill='%23ffffff'/%3E%3Crect y='6' width='13' height='2' fill='%23ffffff'/%3E%3Crect x='3' y='12' width='13' height='2' fill='%23ffffff'/%3E%3C/svg%3E");
}

.home .nav-opener.active {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='16.9707' y='0.00012207' width='2' height='24' transform='rotate(45 16.9707 0.00012207)' fill='%23ffffff'/%3E%3Crect x='18.3848' y='16.9706' width='2' height='24' transform='rotate(135 18.3848 16.9706)' fill='%23ffffff'/%3E%3C/svg%3E");
}

.home .nav .home-user-email,
.home .nav .fa-user {
    color: black;
}

/*
 * account actions list
 */
.account-actions-list {
    display: flex;
    min-width: 400px;
    margin: 0;
    font-size: 16px;
    list-style: none;
}

@media only screen and (max-width: 1024px) {
    .account-actions-list {
        width: 200px;
        min-width: 200px;
        flex-wrap: wrap;
        border: none;
        margin: 0 auto;
    }
}

.iti--allow-dropdown {
    width: 100%;
}

.account-actions-list li {
    margin: 0 -1px 0 0;
    padding: 0;
    position: relative;
}

@media only screen and (max-width: 1024px) {
    .account-actions-list li {
        width: 100%;
        margin: 0 0 19px;
    }
}

.account-actions-list a {
    display: inline-block;
    vertical-align: top;
    padding: 10px 3px;
    /*color: #2262f4;*/
    text-decoration: none;
    /*border-radius: 0 9px 9px 0;*/
    transition: all .3s ease-in-out;
}

.account-actions-list li {
    display: flex;
    align-items: center;
    padding: 10px 0;
    cursor: pointer;
}

@media only screen and (max-width: 1024px) {
    .account-actions-list a {
        display: block;
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 25px;
    }

    .nav ul:first-of-type a:after {
        height: 0;
    }
}

.home .account-actions-list a {
    color: #000000;
}

@media only screen and (max-width: 1024px) {
    .home .account-actions-list a.login-link {
        color: #fff;
    }

    .home .account-actions-list a.login-link:before {
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8C8.20914 8 10 6.2089 10 4C10 1.79086 8.20914 0 6 0C3.79086 0 2 1.79086 2 4C2.0029 6.20793 3.79207 7.9971 6 8ZM6 1.55513C7.35445 1.55513 8.45261 2.65305 8.45261 4.00774C8.45261 5.36219 7.35445 6.46035 6 6.46035C4.64531 6.46035 3.54739 5.36219 3.54739 4.00774C3.54787 2.65329 4.64555 1.55561 6 1.55513Z' fill='%232262f4'/%3E%3Cpath d='M6 9.00016C4.40153 8.9883 2.86729 9.63291 1.75315 10.7843C0.619647 11.9459 0 13.525 0 15.2408C0.00118072 15.6595 0.33887 15.9988 0.755668 16H11.2443C11.6611 15.9988 11.9988 15.6595 12 15.2408C12 13.525 11.3804 11.9459 10.2469 10.7843C9.13271 9.63291 7.59871 8.9883 6 9.00016ZM1.56423 14.4816C1.69364 13.4889 2.13901 12.5651 2.83375 11.8472C3.66995 10.9971 4.8103 10.5186 6 10.5186C7.1897 10.5186 8.33005 10.9971 9.16625 11.8472C9.85957 12.5658 10.3049 13.4894 10.4358 14.4816H1.56423Z' fill='%232262f4'/%3E%3C/svg%3E%0A");
    }

    .home .account-actions-list a.login-link:hover:before {
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8C8.20914 8 10 6.2089 10 4C10 1.79086 8.20914 0 6 0C3.79086 0 2 1.79086 2 4C2.0029 6.20793 3.79207 7.9971 6 8ZM6 1.55513C7.35445 1.55513 8.45261 2.65305 8.45261 4.00774C8.45261 5.36219 7.35445 6.46035 6 6.46035C4.64531 6.46035 3.54739 5.36219 3.54739 4.00774C3.54787 2.65329 4.64555 1.55561 6 1.55513Z' fill='%23ffffff'/%3E%3Cpath d='M6 9.00016C4.40153 8.9883 2.86729 9.63291 1.75315 10.7843C0.619647 11.9459 0 13.525 0 15.2408C0.00118072 15.6595 0.33887 15.9988 0.755668 16H11.2443C11.6611 15.9988 11.9988 15.6595 12 15.2408C12 13.525 11.3804 11.9459 10.2469 10.7843C9.13271 9.63291 7.59871 8.9883 6 9.00016ZM1.56423 14.4816C1.69364 13.4889 2.13901 12.5651 2.83375 11.8472C3.66995 10.9971 4.8103 10.5186 6 10.5186C7.1897 10.5186 8.33005 10.9971 9.16625 11.8472C9.85957 12.5658 10.3049 13.4894 10.4358 14.4816H1.56423Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
    }
}

/*
 * intro section
 */
.intro {
    background: #000 url("../images/image-02.jpg") no-repeat 50% 0;
    background-size: cover;
    position: relative;
}

.home .intro {
    background: url("../images/image-01.png") no-repeat 50% 0;
    background-size: cover;
}

.intro-holder {
    height: 100%;
}

.home .intro-holder {
    padding: 2px 0 0;
    background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0) 100%);
}

@media only screen and (max-width: 960px) {
    .home .intro-holder {
        padding-top: 125px;
        background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 50%);
    }

    .home .intro {
        background: url(../images/image-01.png) no-repeat 0% 0;
        background-size: cover;
    }
}

@media only screen and (max-width: 767px) {
    .home .intro-holder {
        padding: 20px 0 0;
        background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 50%);
    }

    .intro h1 {
        font-size: 42px;
    }

    .home .intro {
        background: url(../images/image-01.png) no-repeat 5% 0;
        background-size: cover;
    }
}

@media only screen and (max-width: 576px) {
    .intro h1 {
        font-size: 24px;
    }

    .intro h5 {
        font-size: 14px;
    }
}

.intro-summary {
    text-align: center;
    width: 100%;
    background-color: var(--light-main-color);
    padding: 15px 0;
    font-size: 16px;
    font-weight: 700;
}

.home-title-hiring-day {
    text-align: center;
    width: 100%;
    padding: 0 0 49px 0;
    font-size: 65px;
    font-weight: 700;
}

.home-title-hiring-day h2 {
    font-size: 48px;
}

.intro .container {
    /*max-width: 920px;*/
    max-width: 1160px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
}

.home .intro .container {
    max-width: 1160px;
}

@media only screen and (max-width: 1280px) {
    .home .intro .container {
        padding-top: 15px;
    }
}

@media only screen and (max-width: 960px) {
    .home .intro .container {
        padding: 0;
    }
}

@media only screen and (max-width: 960px) {
    .intro .container {
        flex-wrap: wrap;
    }
}

.intro-text-holder {
    width: 100%;
    max-width: 700px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.intro-text-holder p {
    max-width: 558px;
    font-size: 22px;
}

@media only screen and (max-width: 960px) {
    .intro-text-holder {
        padding: 0 20px;
    }

    .content-similar {
        display: flex;
        flex-flow: column;
    }
}

@media only screen and (max-width: 767px) {
    .intro-text-holder {
        padding: 0;
        margin-top: 30px;
    }

    .intro-text-home {
        padding: 0 20px 20px;
    }
}

.intro-form-holder {
    width: 100%;
    max-width: 400px;
}

@media only screen and (max-width: 1024px) {
    .intro-form-holder {
        margin-left: auto;
    }
}

.intro .title-holder > * {
    width: 50%;
}

@media only screen and (max-width: 767px) {
    .intro .title-holder > * {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .intro .title-holder > * {
        width: 100%;
    }
}

.intro .title-holder .bonus-info {
    max-width: 200px;
}

@media only screen and (max-width: 767px) {
    .intro .title-holder .bonus-info {
        max-width: none;
        padding: 9px 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .intro .title-holder .bonus-info > * {
        padding: 0 15px;
        max-width: 100px;
    }

    .intro .title-holder .bonus-info span {
        text-align: left;
    }
}

@media only screen and (min-width: 768px) {
    .intro .title-holder .bonus-info {
        display: none;
    }
}

.intro .buttons-holder .btn {
    min-width: 210px;
    color: #fff;
    border-color: #fff;
}

@media only screen and (max-width: 767px) {
    .intro .buttons-holder .btn {
        width: 100%;
        margin: 0 0 24px;
    }

    .intro .buttons-holder .btn + .btn {
        margin: 0;
    }
}

.intro .buttons-holder .btn.btn-filled {
    color: #fff;
    border-color: #fff;
    background: none;
}

.intro .buttons-holder .btn:hover {
    color: #000;
    background: #fff;
}

/*
 * btn
 */
.btn {
    display: inline-block;
    vertical-align: top;
    min-width: 180px;
    padding: 15px 15px 15px;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-size: 25px;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    text-decoration: none;
    transition: all .3s ease-in-out;
}

.btn-proposition {
    font-size: 16px;
}

.btn-login {
    min-width: 180px;
    font-size: 16px;
    line-height: 1.2;
}

.btn-cv {
    display: inline-block;
    vertical-align: top;
    min-width: 130px;
    padding: 5px 15px 5px;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    text-decoration: none;
    /*border-radius: 3px;*/
    transition: all .3s ease-in-out;
}

.btn-action {
    display: block;
    margin: 5px;
    min-width: 145px;
    padding: 8px 15px 8px;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    text-decoration: none;
    transition: all .3s ease-in-out;
}

.btn-link {
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin: 5px;
    min-width: 145px;
    padding: 8px 18px 8px 28px;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    color: var(--main-color);
    border-top: 1px solid #E9E9E9;
    text-decoration: none;
    text-transform: none;
    transition: all .3s ease-in-out;
}

.btn-link img {
    margin-left: 15px;
}

.badge-primary {
    color: #00bb00;
}

.btn + .btn {
    /*margin-top: 7px;*/
}

.btn:hover,
.btn-cv:hover,
.btn-action:hover {
    color: #fff;
    background: var(--main-color);
}

.btn-cv:disabled,
.btn:disabled,
.btn-action:disabled {
    opacity: .45;
}

.btn-filled {
    color: #fff;
    background: var(--main-color);
}

.btn-filled:hover {
    color: var(--main-color);
    background: #fff;
}

.btn-filled.has-icon {
    position: relative;
    padding-left: 24px;
    padding-right: 70px;
    text-align: left;
}

.btn-filled.has-icon:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 48px;
    border-left: 1px solid #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6006 5.39948L5.80029 10.1998L1 5.39948' stroke='%23ffffff'/%3E%3C/svg%3E");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transition: all .3s ease-in-out;
}

.btn-filled.has-icon:hover:after {
    border-color: var(--main-color);
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6006 5.39948L5.80029 10.1998L1 5.39948' stroke='%232262f4'/%3E%3C/svg%3E");
}

.btn-centre {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.btn-small {
    padding: 10px 28px;
    /*border-radius: 70px;*/
    text-transform: lowercase;
}

.btn-full-width {
    width: 100%;
    margin: 0 0 18px;
    font-weight: 500;
}

.btn-clear-all {
    padding-left: 30px;
    border: none;
    background-color: transparent;
    /*background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='16.9707' y='0.00012207' width='2' height='24' transform='rotate(45 16.9707 0.00012207)' fill='%232262f4'/%3E%3Crect x='18.3848' y='16.9706' width='2' height='24' transform='rotate(135 18.3848 16.9706)' fill='%232262f4'/%3E%3C/svg%3E");*/
    background-position: 10px 52%;
    background-repeat: no-repeat;
    background-size: 12px auto;
}

.btn-clear-all:hover {
    /*background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='16.9707' y='0.00012207' width='2' height='24' transform='rotate(45 16.9707 0.00012207)' fill='%23ffffff'/%3E%3Crect x='18.3848' y='16.9706' width='2' height='24' transform='rotate(135 18.3848 16.9706)' fill='%23ffffff'/%3E%3C/svg%3E");*/
    background-color: var(--main-color);
    background-position: 10px 52%;
    background-repeat: no-repeat;
    background-size: 12px auto;
    border-color: var(--main-color);
}

.btn.filters-opener {
    display: none;
}

@media only screen and (max-width: 767px) {
    .btn.filters-opener {
        display: block;
        margin-bottom: 20px;
        width: 100%;
        max-width: 100%;
        color: var(--main-color);
        background-color: #ffffff;
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.91858H9.44186' stroke='%23b6b6b6' stroke-linecap='round'/%3E%3Cpath d='M1 12.6628H9.44186' stroke='%23b6b6b6' stroke-linecap='round'/%3E%3Cpath d='M1 7.29065H4.06977' stroke='%23b6b6b6' stroke-linecap='round'/%3E%3Cpath d='M14.4307 1.91858H17.5004' stroke='%23b6b6b6' stroke-linecap='round'/%3E%3Cpath d='M14.4307 12.6628H17.5004' stroke='%23b6b6b6' stroke-linecap='round'/%3E%3Cpath d='M8.29102 7.29065H17.5003' stroke='%23b6b6b6' stroke-linecap='round'/%3E%3Ccircle cx='12.5114' cy='1.9186' r='1.4186' stroke='%23b6b6b6' stroke-linecap='round'/%3E%3Ccircle cx='12.5114' cy='12.6627' r='1.4186' stroke='%23b6b6b6' stroke-linecap='round'/%3E%3Ccircle cx='5.60513' cy='7.29068' r='1.4186' stroke='%23b6b6b6' stroke-linecap='round'/%3E%3C/svg%3E%0A");
        background-position: 20px 50%;
        background-repeat: no-repeat;
        background-size: 30px;
    }
}

.btn.filters-opener:after {
    transition: all .3s ease-in-out;
}

.show-more-opener:after {
    transition: all .3s ease-in-out;
}

.btn.filters-opener.active {
    position: absolute;
    top: 7px;
    right: 15px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    overflow: hidden;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='16.9707' y='0.00012207' width='2' height='24' transform='rotate(45 16.9707 0.00012207)' fill='%23000000'/%3E%3Crect x='18.3848' y='16.9706' width='2' height='24' transform='rotate(135 18.3848 16.9706)' fill='%23000000'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    background-color: #f8f9fe;
    border: 0;
    min-width: 0;
    padding: 0;
    z-index: 30;
}

.show-more-opener.active {
    position: fixed;
    top: 7px;
    right: 15px;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    overflow: hidden;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='16.9707' y='0.00012207' width='2' height='24' transform='rotate(45 16.9707 0.00012207)' fill='%23000000'/%3E%3Crect x='18.3848' y='16.9706' width='2' height='24' transform='rotate(135 18.3848 16.9706)' fill='%23000000'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    background-color: #f8f9fe;
    border: 0;
    min-width: 0;
    padding: 0;
    z-index: 30;
}

.buttons-holder .btn {
    min-width: 210px;
}

@media only screen and (max-width: 767px) {
    .buttons-holder .btn {
        width: 100%;
        margin: 0 0 24px;
    }
}

/*
 * form
 */
form .form-row {
    margin: 0 0 15px;
}

form input[type="text"],
form input[type="email"],
form input[type="password"],
form input[type="number"],
form input[type="url"],
form input[type="tel"],
form select,
.file-box,
textarea {
    width: 100%;
    padding: 10px 25px;
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    background: transparent;
}

#vacancy_expirationDate select {
    width: 150px;
    margin-right: 10px;
}

.vacancy-new .content {
    margin: 0 auto;
}

#hiring_day_form_expirationDate select {
    width: 150px;
    margin-right: 10px;
}

.hiring-day-new .content {
    margin: 0 auto;
}

.display-none {
    display: none;
}

form input[type="text"]::placeholder,
form input[type="email"]::placeholder,
form input[type="password"]::placeholder,
form input[type="number"]::placeholder,
form input[type="url"]::placeholder,
form input[type="tel"]::placeholder,
form select::placeholder {
    color: var(--main-color);
    opacity: 1;
}

form input[type="tel"]::placeholder {
    color: #858585;
}

form input[type="submit"]:hover {
    color: var(--main-color);
    border: 1px solid var(--main-color);
    background: none;
}

form .select2-container {
    width: 100% !important;
}

form .select2-container .select2-selection--single {
    height: 50px;
    border: 1px solid var(--main-color);
    background: transparent;
    border-radius: 0;
}

form .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 400;
    color: var(--main-color);
    background: transparent;
}

form .select2-container .select2-selection--single .select2-selection__arrow {
    height: 100%;
    width: 40px;
}

form .select2-container .select2-selection--single .select2-selection__arrow b {
    width: 12px;
    height: 12px;
    margin-left: -6px;
    margin-top: -6px;
    border: 0;
    /*background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6006 5.39948L5.80029 10.1998L1 5.39948' stroke='%232262f4'/%3E%3C/svg%3E");*/
    background: url(../images/arrow-down.svg) no-repeat 50%;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none;
    font-weight: 400;
    font-size: 16px;
    color: var(--main-color);
}

.select2-search--dropdown {
    border-top: 1px solid var(--main-color);
    border-left: 1px solid var(--main-color);
    border-right: 1px solid var(--main-color);
    border-bottom: 0px solid var(--main-color);
}

html body input.select2-search__field[aria-controls="select2-registration_form_privateIndividualEntrepreneur_country-results"] {
    height: 35px;
    display: block;
    padding: 4px;
}

form .custom-checkbox {
    /* Hide the browser's default checkbox */
}

/* Customize the label (the container) */
.container-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #535353;
}

.container-checkbox:hover input ~ .checkmark {
    background-color: #F8F8F8;
}

.container-checkbox input:checked ~ .checkmark {
    background-color: #ffffff;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

.container-checkbox .checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border:solid var(--main-color);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

form .custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

form .custom-checkbox input:checked ~ span:before {
    background-color: var(--main-color);
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.3717 6.66552C15.5564 6.87078 15.5397 7.18692 15.3345 7.37165L8.33334 13.6727L4.66552 10.3717C4.46027 10.1869 4.44363 9.87078 4.62836 9.66552C4.81309 9.46027 5.12923 9.44363 5.33449 9.62836L8.33334 12.3273L14.6655 6.62836C14.8708 6.44363 15.1869 6.46027 15.3717 6.66552Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

form .custom-checkbox span {
    display: block;
    position: relative;
    padding-left: 37px;
    margin-bottom: 15px;
    text-transform: lowercase;
    cursor: pointer;
}

form .custom-checkbox span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid var(--main-color);
}

.lightbox form {
    width: 100%;
}

.lightbox form input[type="submit"] {
    width: 100%;
}

/*
 * search form
 */
.search-form {
    padding: 23px 22px 17px 21px;
    background: rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.search-form.inline-form {
    padding: 0 42px;
    border: 1px solid var(--main-color);
    background: #f8f9fe;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    position: relative;
}

.search-form .btn{
    font-size: 18px;
}

@media only screen and (max-width: 767px) {
    .top-row .search-form.inline-form {
        width: 100%;
        max-width: 100%;
    }
}

.search-form.inline-form input[type="search"],
.search-form.inline-form input[type="text"] {
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
    line-height: 28px;
    text-transform: lowercase;
    border: none;
    background: none;
}

.search-form.inline-form input[type="search"]::placeholder,
.search-form.inline-form input[type="text"]::placeholder {
    color: var(--main-color);
    opacity: 1;
}

.search-form.inline-form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px white inset;
    /* Change the color to your own background color */
    -webkit-text-fill-color: #000;
}

.search-form.inline-form input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px white inset;
    /*your box-shadow*/
    -webkit-text-fill-color: #000;
}

.search-form.inline-form input[type="submit"] {
    position: absolute;
    left: 2px;
    top: 1px;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    overflow: hidden;
    border: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.1653 0C2.76585 0 0 2.76585 0 6.1653C0 9.56495 2.76585 12.3306 6.1653 12.3306C9.56495 12.3306 12.3306 9.56495 12.3306 6.1653C12.3306 2.76585 9.56495 0 6.1653 0ZM6.1653 11.1924C3.39339 11.1924 1.13821 8.93725 1.13821 6.16533C1.13821 3.39341 3.39339 1.13821 6.1653 1.13821C8.93722 1.13821 11.1924 3.39339 11.1924 6.1653C11.1924 8.93722 8.93722 11.1924 6.1653 11.1924Z' fill='%232262F4'/%3E%3Cpath d='M13.833 13.0284L10.5701 9.7655C10.3478 9.54317 9.98772 9.54317 9.76538 9.7655C9.54305 9.98765 9.54305 10.3481 9.76538 10.5702L13.0283 13.8331C13.1394 13.9443 13.2849 13.9999 13.4306 13.9999C13.5761 13.9999 13.7218 13.9443 13.833 13.8331C14.0553 13.611 14.0553 13.2505 13.833 13.0284Z' fill='%232262f4'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

@media only screen and (max-width: 960px) {
    .search-form {
        padding-bottom: 1px;
        border-radius: 0;
    }
}

.search-form .row {
    margin: 0 0 25px;
}

.search-form input[type="text"] {
    width: 100%;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    /*border: 1px solid #fff;*/
    /*background: rgba(255, 255, 255, 0.2);*/
    border: 1px solid #E9E9E9;
    background: rgba(255, 255, 255, 0.15);
}

.search-form input[type="text"]::placeholder {
    color: #fff;
    opacity: 1;
}

.search-form input[type="submit"] {
    width: 100%;
}

.search-form .select2-container {
    width: 100% !important;
}

.search-form .select2-container .select2-selection--single {
    height: auto;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.2);
}

.search-form .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin: 0
}

.search-form .select2-container .select2-selection--single .select2-selection__arrow {
    height: 100%;
    width: 40px;
}

.search-form .select2-container .select2-selection--single .select2-selection__arrow b {
    width: 12px;
    height: 12px;
    margin-left: -6px;
    margin-top: -6px;
    border: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6006 5.39948L5.80029 10.1998L1 5.39948' stroke='%23ffffff'/%3E%3C/svg%3E");
}

.select2-dropdown {
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0;
}

.select2-container--default .select2-results__option--selected {
    background: #f8f9fe;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: var(--main-color);
}

/*
 * breadcrumbs
 */
.breadcrumbs {
    margin: 0 0 15px 0;
    padding: 0 0 5px;
    font-size: 14px;
    font-weight: 400;
    list-style: none;
    display: flex;
}

.breadcrumbs .active {
    color: rgba(0, 0, 0);
}

.breadcrumbs li {
    margin: 0;
    padding: 0;
}

.breadcrumbs a {
    color: rgba(0, 0, 0, 0.47);
    text-decoration: none;
}

.breadcrumbs a:after {
    content: '>';
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    margin: 0 4px 0 8px;
    color: rgba(0, 0, 0);
}

.breadcrumbs a:hover {
    color: rgba(0, 0, 0);
}

.intro .breadcrumbs {
    /*position: absolute;*/
    /*top: 30px;*/
    /*left: 60px;*/
    color: #fff;
}

.intro .breadcrumbs a:after {
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .intro .breadcrumbs {
        left: 20px;
    }

    .breadcrumbs a:after {
        display: inherit;
    }
}

.intro .breadcrumbs a {
    color: #fff;
}

.top-row .breadcrumbs {
    padding: 0;
}

@media only screen and (max-width: 767px) {
    .top-row .breadcrumbs {
        padding: 0 0 28px;
    }
}

/*
 * Account Role
 */
.account-status {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #000;
}

.account-status li {
    list-style-type: none;
    padding: 0;
}

/*
 * paging
 */
.paging {
    margin: 0 0 27px;
    padding: 22px 60px;
    min-height: 94px;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #b6b6b6;
    position: relative;
}

.paging li {
    display: inline-block;
    min-width: 40px;
    padding: 0 5px;
    margin: 0;
    text-align: center;
    color: var(--main-color);
    font-weight: 700;
}

.paging span {
    font-size: 18px;
}

/*.paging li:nth-child(5) {*/
/*    display: none;*/
/*}*/

.paging li:first-child, .paging li:last-child {
    position: absolute;
    left: 0;
    color: #b6b6b6;
    font-weight: 300;
    #top: 22px;
}

.paging li:last-child {
    left: auto;
    right: 0;
    display: initial;
}

.pagination li:last-child a, .pagination li:first-child a {
    color: black;
    font-weight: bold;
}

@media only screen and (max-width: 767px) {
    .paging li {
        margin: 0 -12px 0 -12px;
    }

    .paging li:nth-child(1), .paging li:nth-child(2), .paging li:nth-child(3), .paging li:nth-child(4), .paging li:nth-child(5), .paging li:nth-child(6), .paging li:last-child {
        display: inline-block;
    }
}

@media  (min-width: 320px) and (max-width: 767px){
    ul, ol {
        margin: 0 0 0 -10px;
    }

    .btn-centre {
        padding-left: 0;
        padding-right: 0;
    }

    .paging li:nth-child(1), .paging li:last-child {
        margin: 0 -5px 0 -10px;
        position: absolute;
    }

    .paging li:nth-child(1) {
        margin-left: -10px;
    }

    .paging li:last-child {
        margin-right: -10px;
    }

    .pagination {
        margin: 0 0 5px 10px;
    }

    .paging span {
        font-size: 16px;
    }

    .paging .page-link {
        font-size: 16px;
    }
}

@media (min-width: 361px) and (max-width: 767px) {
    .paging span {
        font-size: 18px;
    }

    .paging .page-link {
        font-size: 18px;
    }
}

.paging a {
    font-weight: 700;
    color: black;
    text-decoration: none;
}

.paging a:hover, .paging a:focus {
    font-weight: 700;
    color: var(--main-color)!important;
}

.paging a.prev-link, .paging a.next-link {
    display: block;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 12px auto;
    border: 1px solid var(--main-color);
    /*border-radius: 10px;*/
}

.paging a.prev-link:hover, .paging a.next-link:hover {
    color: #fff;
    background-color: var(--main-color);
}

.paging a.prev-link {
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='19' viewBox='0 0 11 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4006 18.4001L1.40088 9.40039L10.4006 0.400635' stroke='%232262f4'/%3E%3C/svg%3E%0A");
}

.paging a.prev-link:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='19' viewBox='0 0 11 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4006 18.4001L1.40088 9.40039L10.4006 0.400635' stroke='%23ffffff'/%3E%3C/svg%3E%0A");
}

.paging a.next-link {
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='19' viewBox='0 0 11 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.600342 0.599854L9.6001 9.59961L0.600341 18.5994' stroke='%232262f4'/%3E%3C/svg%3E%0A");
}

.paging a.next-link:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='19' viewBox='0 0 11 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.600342 0.599854L9.6001 9.59961L0.600341 18.5994' stroke='%23ffffff'/%3E%3C/svg%3E%0A");
}

/*
 * content blocks
 */
.content-blocks {

}

.content-blocks-holder a.show-more-link, a.show-link-hide {
    padding-left: 30px;
}
a.show-more-link {
    text-decoration: none;
}

.content-blocks-holder {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 5px;
}

.content-blocks .content-block {
    width: 30%;
    display: flex;
    flex-direction: column;
    margin: 0 40px 15px 0;
    font-size: 15px;
    border: 1px solid #F5F5F5;
    background: #FFF;
    box-shadow: 0 3px 30px 0 rgba(209, 209, 209, 0.20);
}

.content-blocks .content-block .ask-more-log-in {
    margin: 0 30px 10px;
}

.content-blocks .content-block .badge {
    display: flex;
    margin: 18px 18px 10px 28px;
}

.content-blocks .content-block .badge-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    background-color: #F8F8F8;
    font-size: 14px;
    font-weight: 300;
    padding: 4px;
    margin-right: 17px;
}

.content-blocks .content-block .badge-item-color {
    background-color: var(--light-main-color);
}

.content-blocks .content-block h3 {
    font-size: 23px;
    font-weight: 700;
    border-bottom: 1px solid #E9E9E9;
    padding: 0 18px 18px 30px;
}

.content-blocks .content-block:nth-child(3),
.content-blocks .content-block:nth-child(6) {
    margin-right: 0;
}

.content-block.content-block-mobile-dashboard {
    margin: 0 0 30px;
}

.content-blocks > * {
    flex: 1;
}

.content-blocks .content-block .details-list {
    flex: 2 auto;
    padding: 10px 30px 0 30px;
}

.content-blocks .content-block .details-list .text-container {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.content-blocks .content-block .details-list .text-container.expand {
    -webkit-line-clamp: initial;
    overflow: visible;
}

.content-blocks .content-block .details-list .read-more-btn {
    cursor: pointer;
    color: var(--main-color);
    margin: 0;
    /*display: none;*/
}

.content-blocks .content-block .details-list .read-more-btn img {
    vertical-align: baseline;
}

.content-blocks .content-block .details-list .read-more-btn span{
    padding-right: 5px;
}

@media only screen and (max-width: 1200px) {
    .content-blocks .content-block {
        margin-right: 30px;
    }
}

@media only screen and (max-width: 1024px) {
    .content-blocks-holder {
        justify-content: space-between;
    }

    .content-blocks .content-block {
        margin-right: 0;
    }

    .content-blocks .content-block {
        width: 48%;
    }
}

@media only screen and (max-width: 960px) {
    .content-blocks .content-block {
        width: 100%;
    }
}

.content-blocks .content-block .title-holder h3 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.one-height {
    height: 88px;
}

.ask-more .ask-more-span {
    text-transform: none;
    margin-right: 5px;
}

@media only screen and (max-width: 1024px) {
    .content-blocks .content-block h3 {
        max-width: 55%;
    }
}

.content-blocks .content-block p {
    font-weight: 300;
    margin-bottom: 5px;
}

.content-blocks.two-columns .content-block {
    width: 32%;
}

@media only screen and (max-width: 960px) {
    .content-blocks.two-columns .content-block {
        width: 100%;
    }
}

.content-blocks.single-column .content-blocks-holder {
    padding: 0;
}

/*.content-blocks.single-column .content-blocks-holder .tooltip-right svg {*/
/*    background-color: var(--main-color);*/
/*}*/

.content-blocks.single-column .content-blocks-holder .tooltip-right svg path {
    color: #ffffff;
}

.content-blocks.single-column .content-blocks-holder .tooltip-bonus-one {
    position: absolute;
    top: 1px;
    right: 7px;
}

.content-blocks.single-column .content-block {
    width: 100%;
    padding: 20px 0 0 0;
    font-size: 16px;
}

.content-blocks.single-column .content-block .title-holder {
    margin-bottom: 15px !important;
}

.content-blocks.single-column .content-block .details-list {
    font-size: 15px;
}

.content-blocks.single-column .content-block .details-list li {
    margin: 0 36px 30px 0;
    width: 100%;
    display: inline-block;
}

.content-blocks.single-column .content-block .details-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}


.details-list .details-list--left {

}

.content-blocks.single-column .content-block .buttons-holder .btn {
    width: auto;
    margin: 0 14px 19px 0;
}

@media only screen and (max-width: 767px) {
    .content-blocks.single-column .content-block .buttons-holder .btn {
        width: 100%;
        margin: 0 0 19px;
    }

    .content-blocks.single-column .content-block .details-list li {
        display: inline-block;
        margin: 0 0 17px 0;
    }
}

.content-blocks.single-column .load-more {
    max-width: 210px;
}

.content-blocks .title-holder {
    /*min-height: 90px;*/
    margin: 0 0 8px !important;
}

.content-blocks .buttons-holder .btn {
    width: 100%;
    margin: 0 0 19px;
}

@media only screen and (max-width: 960px) {
    .content-blocks .buttons-holder .btn {
        width: 100% !important;
        font-size: 12px;
        font-weight: 500;
    }
}

.content-blocks .additional-info {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px 0 40px;
    position: relative;
}

.content-blocks .additional-info:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.3717 6.66552C15.5564 6.87078 15.5397 7.18692 15.3345 7.37165L8.33334 13.6727L4.66552 10.3717C4.46027 10.1869 4.44363 9.87078 4.62836 9.66552C4.81309 9.46027 5.12923 9.44363 5.33449 9.62836L8.33334 12.3273L14.6655 6.62836C14.8708 6.44363 15.1869 6.46027 15.3717 6.66552Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19ZM10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z' fill='%23000000'/%3E%3C/svg%3E");
}

.content-blocks .load-more {
    display: block;
    font-size: 25px;
    max-width: 340px;
    margin: 0 auto 0;
}

@media only screen and (max-width: 960px) {
    .content-blocks .load-more {
        max-width: 304px;
    }
}

@media only screen and (max-width: 576px) {
    .content-blocks .load-more {
        max-width: none;
        margin-bottom: 0;
    }
}

/*
 * title-holder
 */
.title-holder {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin: 10px 0 15px;
}

.title-holder .divider {
    display: block;
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, rgba(230, 230, 217, 0.00) 0%, rgba(217, 217, 217, 0.80) 48.79%, rgba(217, 217, 217, 0.00) 100.72%);
}

.main-vacancy-view .divider {
    display: block;
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, rgba(230, 230, 217, 0.00) 0%, rgba(217, 217, 217, 0.80) 48.79%, rgba(217, 217, 217, 0.00) 100.72%);
    margin-top: 30px;
}

.title-holder h2 {
    margin-bottom: 10px;
}

.home .title-holder {
    /*margin: 0 0 70px;*/
}

@media only screen and (max-width: 1024px) {
    .home .title-holder {
        margin: 10px 0 10px;
    }

    .title-holder {
        flex-wrap: wrap;
    }

    .title-holder h2 {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 400px) {
    .title-holder a {
        margin: 20px auto;
    }

    .title-holder h2 {
        margin: auto;
        margin-bottom: 10px;
    }

    .home .title-holder {
        margin: 10px 0 10px;
    }
}

.bonus-info {
    align-self: flex-start;
    width: 120px;
    min-width: 120px;
    height: 80px;
    margin: 10px;
    padding: 3px 2px 4px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background: #f5593b;
    /*border-radius: 10px;*/
}

.bonus-info strong {
    display: block;
    font-size: 28px;
    font-weight: 700;
}

/*
 * details-list
 */
.details-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.details-list li {
    margin: 0 0 18px;
    padding: 0;
    width: 100%;
    display: inline-flex;
}

.details-list li:last-child {
    margin-bottom: 18px;
}

.details-list span {
    padding: 0 15px 0 0;
    margin-right: 8px;
    /*text-transform: lowercase;*/
}

.details-list span.specialization + strong,
.details-list span.payment + strong,
.details-list span.remote-work + strong {
    word-break: break-word;
    width: 60%;
}

.details-list span.specialization + .skills {
    width: 60%;
}

.details-list span.specialization,
.details-list span.payment,
.details-list span.location,
.details-list span.remote-work,
.details-list span.name,
.details-list span.access,
.details-list span.status,
.details-list span.skype,
.details-list span.date,
.details-list span.description,
.details-list span.email {
    /*padding-left: 28px;*/
    position: relative;
    width: 40%;
}

.details-list span.specialization:before,
.details-list span.payment:before,
.details-list span.location:before,
.details-list span.remote-work:before,
.details-list span.name:before,
.details-list span.access:before,
.details-list span.status:before,
.details-list span.skype:before,
.details-list span.date:before,
.details-list span.description:before,
.details-list span.email:before{
    /*content: '';*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*width: 20px;*/
    /*height: 20px;*/
}

/*.details-list span.specialization:before {*/
/*    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5174 5.17232H3.48255C3.24486 5.17232 3.05212 5.36501 3.05212 5.60275V12.1037C3.05212 12.3414 3.24486 12.5341 3.48255 12.5341C3.72025 12.5341 3.91298 12.3414 3.91298 12.1037V6.03314H16.087V12.1037C16.087 12.3414 16.2797 12.5341 16.5174 12.5341C16.7551 12.5341 16.9479 12.3414 16.9479 12.1037V5.60271C16.9478 5.36501 16.7551 5.17232 16.5174 5.17232Z' fill='black'/%3E%3Cpath d='M19.6127 13.6407H18.8199V4.60147C18.8199 3.88404 18.2362 3.30037 17.5188 3.30037H2.48126C1.76379 3.30037 1.18016 3.88404 1.18016 4.60147V13.6407H0.387384C0.173438 13.6407 0 13.8141 0 14.0281V14.7886C0 15.8424 0.857306 16.6997 1.9111 16.6997H18.0889C19.1427 16.6997 20 15.8424 20 14.7886V14.0281C20 13.8141 19.8266 13.6407 19.6127 13.6407ZM2.04098 4.60147C2.04098 4.35873 2.23852 4.16119 2.48126 4.16119H17.5187C17.7615 4.16119 17.959 4.35869 17.959 4.60147V13.6407H12.1308C12.1034 13.6398 12.0751 13.6422 12.0469 13.6476C11.8646 13.6827 11.7328 13.8423 11.7328 14.028C11.7328 14.355 11.4668 14.6209 11.1399 14.6209H8.86017C8.53318 14.6209 8.26724 14.3549 8.26724 14.028C8.26724 13.8111 8.08752 13.636 7.87088 13.6407H2.04098V4.60147ZM19.2253 14.7886C19.2253 15.4152 18.7155 15.9249 18.0889 15.9249H1.9111C1.28453 15.9249 0.774767 15.4152 0.774767 14.7886V14.4155H7.54834C7.7158 14.9816 8.24052 15.3957 8.86014 15.3957H11.1399C11.7595 15.3957 12.2842 14.9815 12.4517 14.4155H19.2253V14.7886H19.2253Z' fill='%23000000'/%3E%3C/svg%3E");*/
/*}*/

.details-list span.email:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' class='bi bi-envelope' viewBox='0 0 20 20'%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z'/%3E%3C/svg%3E");
}

.details-list span.name:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' class='bi bi-person' viewBox='0 0 20 20'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z'/%3E%3C/svg%3E");
}

.details-list span.date:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' class='bi bi-calendar-event' viewBox='0 0 20 20'%3E%3Cpath d='M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E");
}

.details-list span.access:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' class='bi bi-exclamation-circle' viewBox='0 0 20 20'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E");
}

.details-list span.status:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' class='bi bi-info-circle' viewBox='0 0 20 20'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E");
}

.details-list span.skype:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' class='bi bi-skype' viewBox='0 0 20 20'%3E%3Cpath d='M4.671 0c.88 0 1.733.247 2.468.702a7.423 7.423 0 0 1 6.02 2.118 7.372 7.372 0 0 1 2.167 5.215c0 .344-.024.687-.072 1.026a4.662 4.662 0 0 1 .6 2.281 4.645 4.645 0 0 1-1.37 3.294A4.673 4.673 0 0 1 11.18 16c-.84 0-1.658-.226-2.37-.644a7.423 7.423 0 0 1-6.114-2.107A7.374 7.374 0 0 1 .529 8.035c0-.363.026-.724.08-1.081a4.644 4.644 0 0 1 .76-5.59A4.68 4.68 0 0 1 4.67 0zm.447 7.01c.18.309.43.572.729.769a7.07 7.07 0 0 0 1.257.653c.492.205.873.38 1.145.523.229.112.437.264.615.448.135.142.21.331.21.528a.872.872 0 0 1-.335.723c-.291.196-.64.289-.99.264a2.618 2.618 0 0 1-1.048-.206 11.44 11.44 0 0 1-.532-.253 1.284 1.284 0 0 0-.587-.15.717.717 0 0 0-.501.176.63.63 0 0 0-.195.491.796.796 0 0 0 .148.482 1.2 1.2 0 0 0 .456.354 5.113 5.113 0 0 0 2.212.419 4.554 4.554 0 0 0 1.624-.265 2.296 2.296 0 0 0 1.08-.801c.267-.39.402-.855.386-1.327a2.09 2.09 0 0 0-.279-1.101 2.53 2.53 0 0 0-.772-.792A7.198 7.198 0 0 0 8.486 7.3a1.05 1.05 0 0 0-.145-.058 18.182 18.182 0 0 1-1.013-.447 1.827 1.827 0 0 1-.54-.387.727.727 0 0 1-.2-.508.805.805 0 0 1 .385-.723 1.76 1.76 0 0 1 .968-.247c.26-.003.52.03.772.096.274.079.542.177.802.293.105.049.22.075.336.076a.6.6 0 0 0 .453-.19.69.69 0 0 0 .18-.496.717.717 0 0 0-.17-.476 1.374 1.374 0 0 0-.556-.354 3.69 3.69 0 0 0-.708-.183 5.963 5.963 0 0 0-1.022-.078 4.53 4.53 0 0 0-1.536.258 2.71 2.71 0 0 0-1.174.784 1.91 1.91 0 0 0-.45 1.287c-.01.37.076.736.25 1.063z'/%3E%3C/svg%3E");
}

.details-list span.description:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' class='bi bi-journal-text' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z'/%3E%3Cpath d='M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z'/%3E%3Cpath d='M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z'/%3E%3C/svg%3E");
}

/*.details-list span.location:before {*/
/*    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M17.4536 19.2956L14.8169 13.7182C14.7643 13.6069 14.6732 13.5216 14.5638 13.4751L13.2521 12.8911L15.525 9.08184C15.5304 9.0727 15.5355 9.06345 15.5404 9.05399C15.9923 8.172 16.2214 7.21891 16.2214 6.22138C16.2214 4.54329 15.5634 2.97009 14.3685 1.79161C13.1738 0.613407 11.5911 -0.0229605 9.91195 0.000633288C8.28117 0.0232505 6.7457 0.67829 5.58832 1.84516C4.43105 3.01196 3.78839 4.5527 3.77871 6.18368C3.77277 7.18036 4.00828 8.17286 4.45961 9.05395C4.46445 9.06337 4.46957 9.07266 4.475 9.08181L6.74781 12.8911L5.42851 13.4782C5.32058 13.5262 5.23347 13.6113 5.183 13.7181L2.5464 19.2956C2.45816 19.4821 2.49539 19.7039 2.63968 19.8514C2.78394 19.999 3.00472 20.0412 3.19328 19.9573L6.49632 18.4868L9.79937 19.9573C9.92715 20.0141 10.073 20.0141 10.2008 19.9573L13.5039 18.4868L16.8069 19.9573C16.8714 19.986 16.9398 20 17.0075 20C17.1376 20 17.2656 19.9485 17.3605 19.8515C17.5047 19.7039 17.5419 19.4822 17.4536 19.2956ZM5.33101 8.59009C4.95093 7.84274 4.76074 7.0352 4.76578 6.18958C4.7825 3.36032 7.09726 1.02669 9.9257 0.987508C11.3384 0.968524 12.6703 1.50309 13.6754 2.49438C14.6808 3.48591 15.2345 4.8095 15.2345 6.22141C15.2345 7.05575 15.0443 7.85255 14.6691 8.59009L10.4239 15.7052C10.2943 15.9224 10.0843 15.9459 10.0001 15.9459C9.91578 15.9459 9.70586 15.9224 9.57629 15.7052L5.33101 8.59009ZM13.7045 17.4958C13.5767 17.4389 13.4308 17.4389 13.303 17.4958L10 18.9663L6.69695 17.4958C6.56918 17.4389 6.42328 17.4389 6.2955 17.4958L4.0073 18.5145L5.99707 14.3056L7.25714 13.7448L8.72855 16.2109C8.99824 16.6629 9.47355 16.9328 9.99992 16.9328C10.5263 16.9328 11.0016 16.6629 11.2713 16.2109L12.7427 13.7448L14.0029 14.3058L15.9925 18.5145L13.7045 17.4958Z' fill='black'/%3E%3Cpath d='M10.0001 3.96902C8.75815 3.96902 7.7478 4.97938 7.7478 6.22129C7.7478 7.4632 8.75815 8.47356 10.0001 8.47356C11.242 8.4736 12.2524 7.4632 12.2524 6.22129C12.2524 4.97938 11.242 3.96902 10.0001 3.96902ZM10.0001 7.4866C9.30241 7.48664 8.73476 6.91906 8.73476 6.22129C8.73476 5.52359 9.30237 4.95598 10.0001 4.95598C10.6978 4.95598 11.2654 5.52359 11.2654 6.22129C11.2654 6.91899 10.6978 7.4866 10.0001 7.4866Z' fill='%23000000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");*/
/*}*/

.details-list span.payment:before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3303 6.85559H16.2952V3.98286C16.2952 3.06219 15.5461 2.31317 14.6255 2.31317H1.66969C0.749023 2.31321 0 3.06223 0 3.9829V11.4745C0 12.3952 0.749023 13.1442 1.66969 13.1442H3.70492V16.0171C3.70492 16.9378 4.45395 17.6868 5.37461 17.6868H18.3303C19.251 17.6868 20 16.9378 20 16.0171V8.52528C20 7.60462 19.251 6.85559 18.3303 6.85559ZM0.954102 3.9829C0.954102 3.58833 1.27512 3.26731 1.66969 3.26731H14.6255C15.02 3.26731 15.3411 3.58833 15.3411 3.9829V4.64895H0.954102V3.9829ZM3.70492 8.52528V12.1901H1.66969C1.27512 12.1901 0.954102 11.8691 0.954102 11.4745V7.81266H3.86504C3.7625 8.02891 3.70492 8.27051 3.70492 8.52528ZM0.954102 6.85856V5.60309H15.3411V6.85559H5.37461C5.34234 6.85559 5.31039 6.85673 5.27859 6.85856H0.954102ZM18.3303 16.7327H5.37461C4.98004 16.7327 4.65902 16.4117 4.65902 16.0171V8.52528C4.65902 8.1504 4.94895 7.84251 5.31621 7.81266H15.818C15.8356 7.81266 15.8529 7.81157 15.87 7.80969H18.3303C18.7248 7.80969 19.0459 8.13071 19.0459 8.52528V16.0171H19.0459C19.0459 16.4117 18.7249 16.7327 18.3303 16.7327Z' fill='black'/%3E%3Cpath d='M13.2895 9.97156C12.7468 9.97156 12.2478 10.1609 11.8541 10.4764C11.4505 10.1512 10.9475 9.97128 10.4155 9.97128C9.14732 9.97128 8.1156 11.003 8.1156 12.2712C8.1156 13.5393 9.14732 14.571 10.4155 14.571C10.9476 14.571 11.4505 14.3911 11.8541 14.066C12.2478 14.3815 12.7468 14.5709 13.2895 14.5709C14.5575 14.5709 15.5891 13.5393 15.5891 12.2712C15.5891 11.0032 14.5575 9.97156 13.2895 9.97156ZM11.2481 13.3282C11.0134 13.514 10.7227 13.6169 10.4154 13.6169C9.67337 13.6169 9.06966 13.0132 9.06966 12.2712C9.06966 11.5291 9.67337 10.9254 10.4154 10.9254C10.7227 10.9254 11.0134 11.0284 11.2481 11.2142C11.0835 11.5309 10.9898 11.8902 10.9898 12.2711C10.9898 12.6521 11.0835 13.0114 11.2481 13.3282ZM13.2895 13.6168C12.5476 13.6168 11.944 13.0131 11.944 12.2712C11.944 11.5293 12.5476 10.9257 13.2895 10.9257C14.0314 10.9257 14.635 11.5293 14.635 12.2712C14.635 13.0132 14.0314 13.6168 13.2895 13.6168Z' fill='%23000000'/%3E%3C/svg%3E");
}

.details-list span.remote-work:before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M19.5 8.65999C19.4994 8.65953 19.499 8.65892 19.4985 8.65846L11.3401 0.500337C10.9923 0.152436 10.53 -0.0390625 10.0382 -0.0390625C9.54639 -0.0390625 9.08405 0.152436 8.73615 0.500337L0.581992 8.65434C0.579245 8.65709 0.576346 8.65999 0.573752 8.66274C-0.140361 9.38097 -0.13914 10.5463 0.577262 11.2627C0.904563 11.5901 1.33669 11.7797 1.79888 11.7996C1.8178 11.8015 1.83672 11.8024 1.8558 11.8024H2.18081V17.8061C2.18081 18.9943 3.14761 19.961 4.33581 19.961H7.52765C7.85129 19.961 8.11359 19.6985 8.11359 19.375V14.668C8.11359 14.1259 8.55472 13.6849 9.09687 13.6849H10.9795C11.5216 13.6849 11.9626 14.1259 11.9626 14.668V19.375C11.9626 19.6985 12.2249 19.961 12.5486 19.961H15.7404C16.9288 19.961 17.8954 18.9943 17.8954 17.8061V11.8024H18.1969C18.6886 11.8024 19.1509 11.6109 19.499 11.2628C20.2161 10.5454 20.2164 9.37792 19.5 8.65999ZM18.6702 10.4343C18.5438 10.5608 18.3756 10.6305 18.1969 10.6305H17.3095C16.9858 10.6305 16.7235 10.8928 16.7235 11.2165V17.8061C16.7235 18.3481 16.2826 18.7891 15.7404 18.7891H13.1345V14.668C13.1345 13.4798 12.1679 12.513 10.9795 12.513H9.09687C7.90851 12.513 6.94171 13.4798 6.94171 14.668V18.7891H4.33581C3.79382 18.7891 3.35269 18.3481 3.35269 17.8061V11.2165C3.35269 10.8928 3.09039 10.6305 2.76675 10.6305H1.89456C1.8854 10.6299 1.8764 10.6294 1.86709 10.6293C1.69253 10.6262 1.5288 10.557 1.40612 10.4341C1.14519 10.1732 1.14519 9.74856 1.40612 9.48748C1.40627 9.48748 1.40627 9.48732 1.40643 9.48717L1.40688 9.48671L9.56501 1.32889C9.69135 1.2024 9.85935 1.13281 10.0382 1.13281C10.2169 1.13281 10.3849 1.2024 10.5114 1.32889L18.6677 9.48503C18.6689 9.48626 18.6702 9.48748 18.6715 9.4887C18.931 9.75008 18.9306 10.1738 18.6702 10.4343Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='%23000000'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.details-list h5 {
    margin: 10px;
}

@media only screen and (max-width: 576px) {
    .details-list li {
        margin-bottom: 20px;
    }
}
/*
 * socials
 */
.socials {
    display: flex;
    width: 100%;
    margin: 0 0 22px;
    list-style: none;
}

.social a {
    text-align: center;
    width: 27px;
    height: 27px;
    float: left;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15), inset 0 0 50px rgba(0,0,0,0.1);
    /*border-radius: 6px;*/
    margin: -3px 5px 0 0;
    padding: 3px;
    color: #000;
}

.svg-viber {
    margin: 2px 0 0 0;
}

.svg-telegram {
    margin: 2px 0 0 0;
}

.ask-more {
    display: flex;
    width: 100%;
    height: auto;
    background: #f5f5f5;
    border: 1px solid #ccc;
    box-shadow: 0 0 2px rgba(0,0,0,0.20);
    /*border-radius: 6px;*/
    margin: 5px 0 5px 0;
    padding: 12px;
}

.ask-more-log-in {
    display: -webkit-box;
    background: #F8F8F8;
    margin: 5px 28px;
    padding: 5px;
}

.ask-more-log-in a {
    color: var(--main-color);
}

@media only screen and (max-width: 400px) {
    .ask-more {
        display: flex;
        height: auto;
    }

    .ask-more div {
        margin: auto;
    }
}


.google-pluse a:hover {background: #DD4B39; color: #fff;}
.instagram a:hover {background: #3f729b; color: #fff;}
.facebook a:hover {background: #3b5998; color: #fff;}
.skype a:hover {background: #00aff0; color: #fff;}
.linkedin a:hover {background: #0e76a8; color: #fff;}
.telegram a:hover {background: #249bd7; color: #fff;}
.whatsapp a:hover {background: #50b154; color: #fff;}
.viber a:hover{background: #7b519d; color: #fff}

@media only screen and (max-width: 767px) {
    .contact-block .socials {
        justify-content: center;
    }

    .contact-block .socials li {
        margin: 0 10px;
    }

    .intro-text-holder a {
        margin-bottom: 5px;
    }
}

.socials li {
    margin: 0 20px 0 0;
    padding: 0;
}

.socials a {
    display: block;
    padding: 10px;
    color: #fff;
    background-color: #f5593b;
    /*border-radius: 10px;*/
    text-decoration: none;
    opacity: 1;
    transition: opacity .3s ease-in-out;
}

.socials a:hover {
    opacity: .75;
}

.socials a[class^="icon-"] {
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    overflow: hidden;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.socials a.icon-facebook {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.375 7.5625V4.8125C12.375 4.0535 12.991 3.4375 13.75 3.4375H15.125V0H12.375C10.0966 0 8.25 1.84663 8.25 4.125V7.5625H5.5V11H8.25V22H12.375V11H15.125L16.5 7.5625H12.375Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.socials a.icon-vk {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='12' viewBox='0 0 22 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.8039 10.7032C21.7448 10.6086 21.379 9.84878 19.6189 8.28709C17.7762 6.65178 18.0238 6.91732 20.2432 4.0897C21.5949 2.36763 22.1353 1.31598 21.9662 0.866405C21.8053 0.437859 20.8111 0.550911 20.8111 0.550911L17.5053 0.569315C17.5053 0.569315 17.2606 0.537766 17.0777 0.641616C16.9003 0.744151 16.7862 0.980772 16.7862 0.980772C16.7862 0.980772 16.2623 2.31373 15.5637 3.44688C14.091 5.83806 13.501 5.96426 13.2604 5.81572C12.7007 5.46999 12.841 4.42491 12.841 3.6835C12.841 1.36594 13.2082 0.399737 12.1246 0.149971C11.7643 0.0671538 11.5003 0.0119424 10.5803 0.00274048C9.4005 -0.00909055 8.4008 0.00668415 7.83563 0.27091C7.45885 0.447061 7.16871 0.840114 7.3461 0.862462C7.56474 0.890068 8.05977 0.989974 8.32242 1.33176C8.66207 1.77214 8.64969 2.76331 8.64969 2.76331C8.64969 2.76331 8.84496 5.49102 8.19453 5.83018C7.74763 6.06285 7.13571 5.5883 5.82248 3.41796C5.15006 2.30716 4.64127 1.07805 4.64127 1.07805C4.64127 1.07805 4.54364 0.849316 4.369 0.727062C4.15724 0.578517 3.86022 0.531193 3.86022 0.531193L0.716735 0.549597C0.716735 0.549597 0.245075 0.562743 0.0718122 0.758612C-0.0821991 0.933448 0.0594363 1.29364 0.0594363 1.29364C0.0594363 1.29364 2.52087 6.79769 5.30682 9.57272C7.86313 12.1164 10.7646 11.9494 10.7646 11.9494H12.0792C12.0792 11.9494 12.4766 11.9074 12.6787 11.6984C12.8658 11.5064 12.8589 11.1463 12.8589 11.1463C12.8589 11.1463 12.8327 9.45967 13.6523 9.21122C14.4595 8.96671 15.4963 10.8413 16.595 11.563C17.4256 12.1085 18.0568 11.9889 18.0568 11.9889L20.9953 11.9494C20.9953 11.9494 22.5327 11.8587 21.8039 10.7032Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.socials a.icon-instagram {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3307 4.70673C7.58597 4.70673 5.37085 6.9219 5.37085 9.66667C5.37085 12.4114 7.58597 14.6266 10.3307 14.6266C13.0754 14.6266 15.2905 12.4114 15.2905 9.66667C15.2905 6.9219 13.0754 4.70673 10.3307 4.70673ZM10.3307 12.8903C8.55569 12.8903 7.10716 11.4417 7.10716 9.66667C7.10716 7.89163 8.55569 6.44307 10.3307 6.44307C12.1057 6.44307 13.5542 7.89163 13.5542 9.66667C13.5542 11.4417 12.1057 12.8903 10.3307 12.8903ZM15.4937 3.34765C14.8528 3.34765 14.3353 3.86516 14.3353 4.50601C14.3353 5.14686 14.8528 5.66438 15.4937 5.66438C16.1345 5.66438 16.652 5.14928 16.652 4.50601C16.6522 4.35384 16.6224 4.20313 16.5642 4.0625C16.5061 3.92187 16.4208 3.7941 16.3132 3.6865C16.2056 3.5789 16.0778 3.49358 15.9372 3.43543C15.7966 3.37729 15.6458 3.34746 15.4937 3.34765ZM19.9989 9.66667C19.9989 8.33177 20.011 7.00895 19.936 5.67647C19.861 4.12876 19.508 2.75516 18.3762 1.6234C17.2421 0.489216 15.8709 0.138562 14.3232 0.0635951C12.9884 -0.0113722 11.6656 0.000719309 10.3331 0.000719309C8.99823 0.000719309 7.67545 -0.0113722 6.34299 0.0635951C4.79531 0.138562 3.42174 0.491634 2.28999 1.6234C1.15583 2.75758 0.805186 4.12876 0.73022 5.67647C0.655254 7.01137 0.667345 8.33418 0.667345 9.66667C0.667345 10.9992 0.655254 12.3244 0.73022 13.6569C0.805186 15.2046 1.15825 16.5782 2.28999 17.7099C3.42416 18.8441 4.79531 19.1948 6.34299 19.2697C7.67787 19.3447 9.00065 19.3326 10.3331 19.3326C11.668 19.3326 12.9908 19.3447 14.3232 19.2697C15.8709 19.1948 17.2445 18.8417 18.3762 17.7099C19.5104 16.5758 19.861 15.2046 19.936 13.6569C20.0134 12.3244 19.9989 11.0016 19.9989 9.66667ZM17.8708 15.369C17.6943 15.8092 17.4815 16.138 17.1405 16.4766C16.7995 16.8176 16.4731 17.0304 16.0329 17.2069C14.7609 17.7124 11.7405 17.5987 10.3307 17.5987C8.92085 17.5987 5.89803 17.7124 4.62603 17.2093C4.18591 17.0328 3.85702 16.82 3.51847 16.479C3.17749 16.138 2.96469 15.8116 2.78816 15.3714C2.28516 14.097 2.39882 11.0765 2.39882 9.66667C2.39882 8.2568 2.28516 5.23392 2.78816 3.9619C2.96469 3.52176 3.17749 3.19288 3.51847 2.85431C3.85944 2.51575 4.18591 2.30052 4.62603 2.12399C5.89803 1.62098 8.92085 1.73464 10.3307 1.73464C11.7405 1.73464 14.7634 1.62098 16.0354 2.12399C16.4755 2.30052 16.8044 2.51333 17.1429 2.85431C17.4839 3.19529 17.6967 3.52176 17.8732 3.9619C18.3762 5.23392 18.2626 8.2568 18.2626 9.66667C18.2626 11.0765 18.3762 14.097 17.8708 15.369Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.socials a.icon-telegram {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.791566 5.77972L15.8678 0.0698825C16.5675 -0.178427 17.1787 0.237556 16.9519 1.27687L16.9532 1.27559L14.3862 13.1548C14.196 13.997 13.6865 14.2018 12.9737 13.805L9.0646 10.975L7.17909 12.7593C6.97061 12.9641 6.7947 13.1369 6.39075 13.1369L6.6683 9.22918L13.9132 2.80001C14.2286 2.52738 13.8429 2.37379 13.4272 2.64514L4.47397 8.18218L0.614351 6.99951C-0.223507 6.7384 -0.241749 6.17651 0.791566 5.77972Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

/*
 * company-info
 */
.company-info {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 20px 25px 30px 20px;
    font-size: 16px;
}

.company-info h2 {
    margin: 0 0 35px;
    font-size: 32px;
    font-weight: 500;
}

.company-info-column {
    max-width: 38%;
    padding-left: 16px;
}

.content-blocks .content-block .company-info-column .ask-more-log-in {
    margin-left: 0;
    margin-right: 10px;
}

.content-blocks.single-column .company-info .details-list li {
    margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
    .company-info-column {
        max-width: none;
        width: 100%;
    }

    .company-info-column:first-child {
        max-width: none;
        width: 100%;
    }

    .company-info {
        flex-wrap: wrap;
    }
}

.company-info-column:first-child {
    max-width: 670px;
}

.company-info-details {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
}

.company-info-details li {
    margin: 0 0 23px;
    padding: 0;
    width: 50%;
    font-weight: 500;
}

.company-info-details li[class^="icon-"] {
    padding-left: 40px;
    position: relative;
    line-height: 30px;
}

.company-info-details li[class^="icon-"]:before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
}

.company-info-details li.icon-employee-count:before {
    background-image: url(../images/company-2.svg);
}

.company-info-details li.icon-website a {
    color: var(--main-color);
}


.company-info-details li.icon-website:before {
    background-image: url(../images/company-1.svg);
}

.company-info-details a {
    color: #000;
    text-decoration: none;
}

.company-info-details a:hover {
    text-decoration: underline;
}

/*
 * filters-form
 */
@media only screen and (max-width: 767px) {
    .filters-form {
        display: block;
        position: fixed;
        top: 0;
        left: 100%;
        right: 0;
        bottom: 0;
        min-width: 300px;
        padding: 42px 16px 16px 16px;
        background: #f8f9fe;
        z-index: 25;
        transition: left .5s ease-in-out;
        overflow-y:auto;
    }

    .filters-form.show {
        left: 0;
    }
}

.filters-form .form-row {
    margin: 0 0 15px;
}

.filters-form label {
    width: 100%;
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: 500;
}

.filters-form label span {
    font-size: 16px;
    display: block;
}

.filters-form .slidecontainer {
    width: 100%;
    margin-bottom: 10px;
}

.min-search label{
    margin: 0 0 0 0;
}

.filters-form .slider {
    -webkit-appearance: none;
    /* Override default CSS styles */
    appearance: none;
    width: 100%;
    height: 1px;
    background: #b6b6b6;
}

.filters-form .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    /* Override default look */
    appearance: none;
    width: 5px;
    height: 20px;
    background: var(--main-color);
    cursor: pointer;
    /*border-radius: 3px;*/
}

.filters-form .slider::-moz-range-thumb {
    width: 5px;
    height: 20px;
    background: var(--main-color);
    cursor: pointer;
    /*border-radius: 3px;*/
}

/*
 * info-block
 */
.info-block {
    margin: 0 0 27px;
    padding: 19px 25px 23px 31px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background: linear-gradient(91.65deg, var(--main-color) 0%, #f5593b 94.65%);
    /*border-radius: 10px;*/
}

@media only screen and (max-width: 767px) {
    .info-block {
        margin: 0 -21px 27px;
        border-radius: 0;
    }
}

.info-block a {
    color: #fff;
}

.info-block p {
    margin: 0;
}

/*
 * lightbox
 */
.lightbox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    z-index: 999;
}

.lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 999;
}

.lightbox-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 957px;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1000;
}

.is-small .lightbox-wrapper {
    max-width: 517px;
}

.lightbox-close {
    position: absolute;
    right: 33px;
    top: 33px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    overflow: hidden;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='16.9707' y='0.00012207' width='2' height='24' transform='rotate(45 16.9707 0.00012207)' fill='%23000000'/%3E%3Crect x='18.3848' y='16.9706' width='2' height='24' transform='rotate(135 18.3848 16.9706)' fill='%23000000'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
    transition: opacity .3s ease-in-out;
}

.lightbox-close:hover {
    opacity: .5;
}

@media only screen and (max-width: 960px) {
    .lightbox-close {
        right: 43px;
    }
}

.lightbox-holder {
    display: flex;
    justify-content: space-between;
    background: #fff;
    /*border-radius: 20px;*/
    overflow: hidden;
}

@media only screen and (max-width: 960px) {
    .lightbox-holder {
        margin: 0 21px;
    }

    .registration-form label,
    .registration-form a {
        font-size: 15px;
    }
}

.lightbox-column {
    width: 70%;
    max-width: 370px;
    padding: 15px 2px 10px;
    margin: auto;
}

.lightbox-column.has-image {
    max-width: 440px;
    padding: 0;
}

@media only screen and (max-width: 767px) {
    .lightbox-column.has-image {
        display: none;
    }

    .lightbox-column {
        width: 100%;
        max-width: none;
    }

    .lightbox-title {
        font-size: 30px;
        line-height: 38px;
    }
}

.lightbox-column img {
    object-fit: cover;
    height: 100%;
}

.lightbox-title {
    display: block;
    margin: 0 0 20px;
    font-size: 40px;
    line-height: 48px;
}

.lightbox-description {
    margin-bottom: 30px;
}

.reset-password-description {
    margin-bottom: 4px;
}

#bonus-output {
    display: inline;
}

.filters-form .form-holder .search-input {
    color: #000000;
}

#vacancy_search_isUsedDescription, label[for=vacancy_search_isUsedDescription] {
    display: inline;
}

.vacancy-url {
    text-decoration: none;
    color: inherit;
    width: 60%;
}

h3 .vacancy-url {
    width: 100%;
}

.page-item {
    display: inline-block;
}

.text-white {
    color: #fff;
}

.color-red {
    color: red;
}

.color-green {
    color: green;
}

.color-main {
    color: var(--main-color);
}

.auth-block {
    width: 50%;
    margin: 40px auto 20px auto;
}

.check-email {
    text-align: center;
}

@media only screen and (max-width: 960px) {
    .auth-block {
        width: 68%;
    }
}

label[for='registration_form_type_0'] {
    margin-right: 15px;
}

label[for='registration_form_type_0'],
label[for='registration_form_type_1'] {
    margin-left: 4px;
}

.additional-page {
    margin: 15px auto;
    max-width: 800px;
}

.form-title {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

#stop-mailing .alert {
    text-align: center;
    margin-bottom: 37px;
}

#condition-row label {
    margin-right: 10px;
    margin-left: 4px;
}

.delete-button-wrap {
    text-align: right;
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:hover {
    color: #000;
    background: #fff;
}

.grid-table th,
.grid-table td {
    padding: 21px;
    border: 1px solid #E0E0E0;
}
.grid-table-policy td {
    padding: 15px;
}

.filters-grid input,
.filters-grid button {
    margin-top: 8px;
}

.main .grid-paging {
    margin-top: 20px;
    border-top: none;
}

.chat-message {
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 35px 15px;
    background: #f7f7f7;
    border: 1px solid #d0d0d0;
    /*border-radius: 20px;*/
}

#proposition-chat {
    margin-top: 43px;
}

.chat-message-signature {
    font-size: 13px;
    margin-top: 7px;
    padding-left: 25%;
}

.chat-message-userName {
    font-weight: 600;
}

.d-none {
    display: none;
}

.current-user-message {
    background-color: #dbe9ff;
    border: 1px solid #a2c2f5;
}

#open-proposition-text {
    margin: 22px 0;
    font-size: 16px;
}

#accept-for-work {
    padding: 12px 54px;
    font-size: 13px;
    margin-top: 5px;
    /*border-radius: 6px;*/
    border: 1px solid #e0e0e0;
}

.grid-action {
    margin-top: 5px;
}

#vacancy-create-btn {
    width: 265px;
    margin-bottom: 25px;
}

@media only screen and (max-height: 415px) and (max-width: 750px) {
    #vacancy-create-btn {
        width: 248px;
    }
}

@media only screen and (max-height: 360px) and (max-width: 640px) {
    #vacancy-create-btn {
        width: 218px;
    }
}

#language-btn {
    display: none;
    position: relative;
    cursor: pointer;
    color: #fff;
}

#language-btn-black {
    position: relative;
    cursor: pointer;
    color: #000;
}

#languages-list {
    display: block;
    width: 132px;
    position: absolute;
    top: 15px;
    right: -52px;
    font-size: 15px;
    color: #444;
    padding-top: 11px;
    z-index: 1;
}

#vacancies-btn {
    position: relative;
    cursor: pointer;
}

#language-btn-black {
    display: none;
    position: relative;
    cursor: pointer;
    color: #000;
}

#vacancies-list {
    display: block;
    min-width: 196px;
    position: absolute;
    top: 15px;
    font-size: 15px;
    color: #444;
    padding-top: 11px;
    z-index: 1;
}

.home .nav ul .popup-item a {
    color: #444;
}

#languages-list, #vacancies-list, #logout-list  {
    display: none;
}

#languages-items {
    display: block;
    background: #e6eff9;
    padding: 12px;
    border-radius: 9px;
    width: 150px;
}

#vacancies-items {
    display: block;
    background: #e6eff9;
    padding: 12px;
    border-radius: 9px;
}

.content-blocks-empty {
    text-align: center;
    padding: 88px;
    border: 1px solid var(--main-color);
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    color: var(--main-color);
    background: #f8f9fe;
    border-radius: 10px;
}

#language-btn:hover #languages-list {
    display: block;
}

#language-btn-black:hover #languages-list {
    display: block;
}

#vacancies-btn:hover #vacancies-list {
    display: block;
}

#vacancies-btn-black:hover #vacancies-list {
    display: block;
}

#languages-list, #vacancies-list, #logout-list li {
    margin: 0 0 4px;
}

.languages-item {
    display: inline-block;
    margin: 0 0 6px !important;
}

.vacancies-items {
    display: inline-block;
}

.home #language-btn #vacancies-btn {
    color: #fff;
}

#logout-btn {
    position: relative;
    cursor: pointer;
    color: #000;
}

#logout-list {
    display: none;
}

#logout-items {
    background: #e6eff9;
    padding: 12px;
    border-radius: 9px;
}

#logout-btn:hover #logout-list {
    display: block;
}

#logout-btn-black:hover #logout-list {
    display: block;
}

@media only screen and (max-width: 1024px){
    #languages-items .languages-item {
        padding: 5px 15px;
    }

    #languages-items {
        padding: 10px;
    }
}

@media only screen and (max-width: 960px) {
    #languages-list {
        right: -65px;
    }
}

@media (max-width: 480px) and (max-width: 767px) {
    .request-update h1 {
        font-size: 22px;
    }

    .request-update-table {
        font-size: 14px;
    }

    .request-update-table th,
    .request-update-table td {
        padding: 10px;
    }

    .request-update-table td {
        text-align: center;
    }

    .request-update-button {
        margin-left: 19%;
    }

    #logout-list #logout-items .popup-item p {
        margin: 0 0 10px;
    }

    #language-btn-black #languages-list-space{
        margin: 0;
    }

    #logout-list #logout-items .popup-item br{
        display: none;
    }

    #languages-items{
        width: 120px;
        margin-left: 25px;
    }

    #languages-items .languages-item {
        padding: 0 0 4px;
    }

    #logout-items .popup-item{
        padding: 10px 7px;
    }
}

@media only screen and  (max-width: 480px) {
    #vacancies-items{
        padding: 2px;
    }

    #vacancies-list{
        max-width: 109px;
        right: -25px;
    }

    #vacancies-items .popup-item {
        padding: 0 0 4px;
        margin: 0;
    }

    .auth-block .btn-filled {
        font-size: 14px;
    }

    .payment-container {
        max-width: 420px;
    }

    .payment-container .new-content .payment-general-table th {
        padding: 0;
        font-size: 14px;
    }

    .payment-container .new-content .payment-general-table td {
        padding: 0;
        font-size: 14px;
    }

    .payment-container .new-content .payment-table-balance th {
        padding: 10px;
        font-size: 14px;
    }

    .payment-container .new-content .payment-table-balancee td {
        padding: 10px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 320px) {
    .request-update-button {
        margin-left: 12%;
    }

    .request-update-table th,
    .request-update-table td {
        padding: 5px;
    }

    .paginator-mobile-filter .filter-block .filter-select {
        width: 35%;
        margin-right: 2px;
        margin-left: 5px;
        margin-bottom: 10px;
    }

    .paginator-mobile-filter .filter-block .filter-name-of-bonus {
        width: 85%;
    }

    #logout-list {
        left: 50%;
        max-width: 305px;
        max-height: 300px;
    }

    #logout-items .popup-item{
        padding: 3px 0;
    }

    #logout-btn.active #logout-items,
    #logout-btn-black.active #logout-items {
        width: 240px;
    }

    .btn-mobile {
        max-width: 222px;
        font-size: 12px;
    }

    .auth-block #inputPassword, .auth-block #inputEmail {
        max-width: 100%;
        width: 100%;
    }

    .auth-block .btn-filled {
        font-size: 12px;
    }

    .payment-container {
        max-width: 320px;
    }

    .payment-container .new-content .payment-general-table th {
        padding: 0;
        font-size: 14px;
    }

    .payment-container .new-content .payment-general-table td {
        padding: 0;
        font-size: 14px;
    }

    .payment-container .new-content .payment-table-balance th {
        padding: 10px;
        font-size: 14px;
    }

    .payment-container .new-content .payment-table-balancee td {
        padding: 10px;
        font-size: 14px;
    }
}

@media (max-height: 570px) {
    #logout-list {
        top: 74%;
    }
}

.payment-general-table {
    width: 100%;
}

#accept-for-work-text {
}

#description-text-hidden {
    display: none;
}

#full-description-text .divider{
    background: linear-gradient(90deg, rgba(230, 230, 217, 0.00) 0%, rgba(217, 217, 217, 0.80) 48.79%, rgba(217, 217, 217, 0.00) 100.72%);
    height: 1px;
    width: 100%;
}

#notfound {
    position: relative;
    height: 45vh;
}

#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.notfound {
    max-width: 520px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
}

.notfound .notfound-404 {
    position: relative;
    height: 240px;
}

.notfound .notfound-404 h1 {
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 252px;
    font-weight: 900;
    margin: 0px;
    color: #262626;
    margin-left: -20px;
}

.notfound .notfound-404 h1 > span {
    text-shadow: -8px 0 0 #fff;
    font-size: 250px;
}

.notfound .notfound-404 h3 {
    font-family: 'Cabin', sans-serif;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #262626;
    margin: 0;
    letter-spacing: 3px;
    padding-left: 6px;
}

.notfound h2 {
    font-family: 'Cabin', sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #000;
    margin-top: 0px;
    margin-bottom: 25px;
}


#proposition-content {
    flex: none;
    order: 0;
    max-width: none;
}

#proposition-content #chat {
    width: 34%;
    margin-right: 1%;
    float: left;
}

#proposition-content #chat #chat-messages {
    overflow-y: auto;
    max-height: 560px;
}

#proposition-content #proposition-info {
    width: 65%;
    float: left;
}

#proposition-container {
    display: block;
}

#proposition_chat_message {
    width: 100%;
}

.consent-block .consent-mini-table {
    width: 780px;
}

.button-approved-for-recommendation {
    margin-top: 10px;
}

/* RECOMMENDATION SHOW PAGE MOBILE */
@media only screen and (max-width: 1226px) {
    #proposition-content #chat {
        float: unset;
        margin-left: auto;
        margin-right: auto
    }

    #proposition-content #proposition-info {
        margin-top: 50px;
        float: unset;
        margin-right: auto;
        margin-left: auto;
    }
}

@media only screen and (max-width: 960px) {
    .show-mobile-info {
        display: flex;
        justify-content: center;
    }

    #proposition-content #chat {
        float: unset;
        margin-left: auto;
        margin-right: auto
    }

    #proposition-content #proposition-info {
        margin-top: 50px;
        float: unset;
        margin-left: auto;
        margin-right: auto;
    }

    .consent-block .consent-mini-table {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .notfound .notfound-404 {
        height: 200px;
    }

    .notfound .notfound-404 h1 {
        font-size: 200px;
    }

    .notfound .notfound-404 h1 > span {
        text-shadow: -8px 0 0 #fff;
        font-size: 135px;
    }

    #languages-list {
        right: -2px;
    }

    #vacancies-list {
        right: 60px;
    }

    .candidate-cv-button .btn-cv {
        padding: 4px;
    }

    #vacancies-list{
        max-width: 178px;
        height: 50px;
    }

    #consent-letter-send {
        min-width: auto;
    }

    .button-approved-for-recommendation {
        margin-top: 0;
    }
}

@media only screen and (max-width: 480px) {
    .notfound .notfound-404 {
        height: 162px;
    }

    .notfound .notfound-404 h1 {
        font-size: 162px;
        height: 150px;
        line-height: 162px;
    }

    .notfound h2 {
        font-size: 16px;
    }

    .consent-block th,
    .consent-block td {
        padding: 0;
        font-size: 12px;
    }
}

@media only screen and (max-width: 350px) {
    #vacancies-list {
        right: 31px;
    }
}

/*
 * dashboard
 */
#dashboard {
    width: 25%;
    margin-right: 3%;
}

#dashboard:last-child {
    margin-right: 0;
}

#dashboard-tr {
    height: 85px;
}

.dashboard-text {
    margin: 10px 0 36px;
}

.dashboard-bonuses {
    margin: 0 0 10px;
}

.grid-table-dashboard th,
.grid-table-dashboard td {
    padding: 21px;
    border: 1px solid #E0E0E0;
    width: 340px;
}

.btn-dashboard {
    margin-left: auto;
}

#invisible-table {
    border: 0;
}

.table-last-recommendations,
.table-last-candidate,
.table-last-vacancies,
.mini-table-bonus-dashboard {
    width: 100%;
    max-width: 100%;
}

#vacancy_search_conditions {
    padding-top: 15px;
}

#vacancy_search_conditions label {
    margin-bottom: 13px;
    display: inline-block;
    width: 86%;
    margin-left: 8%;
}

.select2-container--default .select2-selection--multiple {
    background: transparent;
    border: solid var(--main-color) 1px;
    border-radius: 0;
    padding: 5px 3px;
}

.select2-container--default .select2-selection--multiple ul {
    margin-left: 16px;
}

.select2-container--default .select2-selection--multiple ul li button {
    border-color: var(--main-color);
    background-color: transparent;
}

.select2-container--default .select2-selection--multiple ul li span {
    color: var(--main-color);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: transparent;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid var(--main-color) 1px;
    border-radius: 0;
}

.select2-container .select2-search--inline .select2-search__field {
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-size: 15px;
    height: 30px;
}
.short-description-font {
    padding: 0 30px;
}

.short-description-font p, span {
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.short-vacancy {
    display: block;
}

.short-bonus-info {
    align-self: flex-start;
    margin: 10px;
    padding: 3px 2px 4px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background: #f5593b;
    border-radius: 10px;
}

.short-bonus-info strong {
    display: block;
    font-size: 28px;
    font-weight: 700;
}

.form-row.add-bonus {
    margin-left: 10px;
}

.success-email {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: bold
}

.big-text-title h2 {
    font-size: 55px;
}

.big-text-body h2 {
    font-size: 40px;
}

.big-text-body a {
    font-size: 40px;
}

.payment-container {
    border-radius: 10px;
    padding: 5px 15px 0 15px;
}

.entries {
    margin-right: auto;
}

.full-width {
    width: 100%;
}

@media (min-width: 320px) and (max-width: 767px) {
    .content {
        padding: 0;
    }

    .grid-table-dashboard {
        width: 100%;
    }

    #dashboard {
        width: 100%;
        margin: 0 0 5px 0;
    }

    .success-email {
        margin-bottom: 8px;
        font-size: 18px;
        font-weight: bold
    }

    .select2-container--default .select2-selection--multiple {
        padding: 3px 10px;
    }
}

@media (orientation: landscape) {
    @media (min-width: 320px) and (max-width: 960px) {
        .content {
            max-width: 100%;
            padding: 0 20px;
        }

        .mini-table-bonus-dashboard th {
            padding: 7%;
        }

        #vacancy_search_conditions {
            display: table-row;
        }
    }

    @media (min-width: 768px) and (max-width: 960px) {
        .grid-table-dashboard {
            width: 100%;
        }

        #dashboard {
            width: 35%;
            margin-right: 1%;
        }

        #dashboard th {
            padding: 7%;
        }

        #dashboard-tr {
            height: 100px;
        }
    }
}

.outer-container {
    display: flex;
    flex-direction: row;
    position: relative;
    width: 400px;
    height: 150px;
    margin-top: 15px;
}

.inner-left-side {
    position: relative;
    display: flex;
    background: #b96602;
    width: 33%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.inner-right-side {
    display: flex;
    flex-direction: column;
    width: 67%;
    height: 100%;
}

.inner-box-top {
    background: var(--main-color);
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.inner-box-bottom {
    display: flex;
    flex-direction: row;
    height: 50%;
}

.inner-box-bottom-in:nth-child(1) {
    position: relative;
    background: #4c8c3b;
    height: 100%;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #66BB46;
}

.inner-box-bottom-in:nth-child(2) {
    position: relative;
    background: #4c8c3b;
    height: 100%;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #66BB46;
}

.index-outer {
    height: auto;
}

.index-inner-box-height-top {
    height: 64px ;
    /*margin-top: 30px ;*/
    width: 100%;
}

.price, .text {
    color: #fff;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
}

.text {
    font-size: 15px;
    font-weight: normal;
}

.price-total, .text-total {
    color: #fff;
    font-size: 32px;
    text-align: center;
    font-weight: bold;
}

.text-total {
    font-size: 20px;
}

#experience-output {
    display: inline;
}

.collapsible {
    background-color: #ffffff;
    color: #000000;
    cursor: pointer;
    padding: 12px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    margin: 0;
}

.collapsible-active, .collapsible:hover {
    background: rgba(244, 245, 245, 0.80);
}

.collapsible:after {
    content: '\2303';
    color: #000000;
    float: right;
    margin-left: 5px;
}

.collapsible-active:after {
    transform: rotate(180deg);
}

.collapsible-content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background: rgba(244, 245, 245, 0.80);
}

.description-hide {
    display: none;
    padding: 0 30px;
}

.show-link-hide {
    display: none;
}

.outer-similar-container {
    display: flex;
    flex-direction: row;
    position: relative;
    width: 100%;
}

.similar-inner-left-side {
    position: relative;
    display: flex;
    background: #b96602;
    width: 33%;
    margin-top: 2%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.similar-inner-box-top {
    background: #66BB46;
    height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    /*margin-top: 3%;*/
}

.similar-inner-box-bottom {
    display: flex;
    flex-direction: row;
    height: 50%;
}

.similar-inner-box-bottom-in:nth-child(1) {
    position: relative;
    background: #4c8c3b;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #66BB46;
}

.similar-inner-box-bottom-in:nth-child(2) {
    position: relative;
    background: #4c8c3b;
    height: 100%;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #66BB46;
}

.vacancy-description-text-show {
    margin-top: 2.5%;
}

.table-mobile-recommendation {
    width: 780px;
}

@media only screen and (max-width: 767px) {
    .main .container {
        display: block;
    }

    .table-mobile-candidate {
        font-size: 12px;
        display: flex;
        white-space: nowrap;
    }

    .table-mobile-candidate th,
    .table-mobile-candidate td {
        padding: 10px;
        box-sizing: border-box;
        text-align: center;
    }

    .table-mobile-candidate td {
        max-width: 220px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .table-mobile-recommendation {
        width: 780px;
        font-size: 12px;
    }

    .table-mobile-recommendation th,
    .table-mobile-recommendation td {
        box-sizing: border-box;
    }

    .table-mobile-recommendation th {
        padding: 0;
    }

    .table-mobile-recommendation td {
        text-align: center;
        max-width: 220px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .table-mobile-recommendation-bonus {
        font-size: 10px;
        display: flex;
    }

    .table-mobile-recommendation-bonus th {
        padding: 20px;
        text-align: center;
    }

    .table-mobile-recommendation-bonus td {
        text-align: center;
        max-width: 220px;
    }
}

@media only screen and (max-width: 320px) {
    .main .container {
        display: block;
    }

    .table-mobile-candidate {
        font-size: 10px;
        display: flex;
        white-space: nowrap;
    }

    .table-mobile-candidate th,
    .table-mobile-candidate td {
        padding: 10px;
    }

    .table-mobile-candidate td {
        max-width: 220px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media only screen and (max-width: 767px) {

    #proposition-content #chat {
        width: 100%;
    }

    #proposition-content #proposition-info {
        width: 100%;
        margin-top: 50px;
    }

    img {
        max-width: 40%;
    }
}

@media only screen and (max-width: 480px) {
    img {
        max-width: 60%;
    }

    .menu-top-button {
        color: #fff;
    }
}

@media only screen and (min-width: 330px) and (max-width: 480px) {
    .text-in-line {
        white-space: nowrap;
    }
}

@media only screen and (max-width: 767px) {
    .mini-table-bonus-info-refer {
        font-size: 12px;
    }

    .mini-table-bonus-info th,
    .mini-table-bonus-info td {
        text-align: center;
        padding: 5px;
    }

    .mini-table-bonus-action {
        margin: 5px 0 5px 0;
    }
    .mini-table-bonus-add {
        font-size: 12px;
    }

    .mini-table-bonus-add th,
    .mini-table-bonus-add td {
        padding: 10px;
    }
}

@media (min-width: 320px) and (max-width: 361px) {
    .mini-table-bonus-info th,
    .mini-table-bonus-info td {
        padding: 1px;
    }

    .table-mobile-recommendation-bonus .mini-table-bonus-info-refer th,
    .table-mobile-recommendation-bonus .mini-table-bonus-info-refer td {
        padding: 10px;
    }
}

@media (min-width: 320px) and (max-width: 361px) {
    .mini-table-bonus-info th,
    .mini-table-bonus-info td {
        padding: 1px;
    }

    .table-mobile-recommendation-bonus .mini-table-bonus-info-refer th,
    .table-mobile-recommendation-bonus .mini-table-bonus-info-refer td {
        padding: 10px;
    }
}

/* hide the first two bonuses */
label[for=vacancy_vacancyBonuses_0_name],
label[for=vacancy_vacancyBonuses_1_name] {
    display: none;
}

#vacancy_vacancyBonuses_0_name,
#vacancy_vacancyBonuses_1_name {
    display: none;
}
#vacancy_vacancyBonuses_0_value,
#vacancy_vacancyBonuses_1_value {
    display: none;
}

label[for=vacancy_vacancyBonuses_0_value],
label[for=vacancy_vacancyBonuses_1_value] {
    display: none;
}

label[for=vacancy_vacancyBonuses_0_status],
label[for=vacancy_vacancyBonuses_1_status] {
    display: none;
}

#vacancy_vacancyBonuses_0_status,
#vacancy_vacancyBonuses_1_status {
    display: none;
}

label[for=vacancy_vacancyBonuses_2_value] {
    display: block;
}

.candidates-page #filter-limit {
    width: 13%;
}

.a2lix_translationsLocales {
    display: none;
}

.text-center-vacancy-name {
    text-align: center;
}

.text-center-vacancy-view {
    justify-content: center;
    margin: 10px 30px 10px 30px;
    width: auto;
}

.text-center-vacancy-view .outer-container {
    margin: 0;
}

.default-margin {
    margin: 0px!important;
}

.default-padding {
    padding: 0px;
}

.max-width-details-list {
    max-width: 62%;
}

@media only screen and (max-width: 767px) {
    .max-width-details-list {
        max-width: 100%;
    }
}

.main-vacancy-view {
    padding: 15px 0 15px;
}

.short-vacancy h3 {
    text-align: center;
}

.experience-range-values {
    display: flex;
    font-size: 15px;
    height: 0;
    color: #5b5c5f
}

.experience-range-max {
    margin-left: auto;
}

/*.dropdown-toggle::after {*/
/*    display: inline-block;*/
/*    margin-left: .255em;*/
/*    vertical-align: .255em;*/
/*    content: "";*/
/*    border-top: .3em solid;*/
/*    border-right: .3em solid transparent;*/
/*    border-bottom: 0;*/
/*    border-left: .3em solid transparent;*/
/*}*/

.menu-border-bottom {
    border-bottom: 1px solid black;
}

.menu-border-bottom:after {
    background: none!important;
}

.menu-top-button {
    margin: 0;
}

.vacancy-skill-width {
    margin-right: 5px;
}

#vacancy_search_cities {
    height: auto;
    padding: 5px;
    overflow-y: hidden;
    scrollbar-width: none;
}

#vacancy_search_cities::-webkit-scrollbar {
    display: none;
}

#vacancy_search_bonusType {
    height: 70px;
    padding: 5px;
    overflow-y: hidden;
    scrollbar-width: none;
}

.content-blocks-empty {
    text-align: center;
    padding: 88px;
    border: 1px solid var(--main-color);
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    color: var(--main-color);
    background: #f8f9fe;
    border-radius: 10px;
    height: 120px;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 400px;
    border: 1px solid var(--main-color);
}

.search-skills label{
    margin-bottom: 0;
}
.search-skills p {
    margin: 0;
    font-size: 14px;
}

.terms p {
    margin: 0 0 10px;
}

.terms h3 {
    font-size: 24px;
    font-weight: 600;
    margin: 25px 0 10px;
}

.terms>.list-letters {
    margin-left: 20px;
}

.terms>.list-letters li {
    margin-bottom: 10px;
}

.proposition-show-status {
    margin: 15px 0;
}

.update-proposition-show-status {
    float: right;
}

.block-resize-vertical #contact_us_message {
    resize: vertical;
    min-height: 50px;
}

.block-resize-vertical #removal_personal_data_comments {
    resize: vertical;
    min-height: 50px;
}

@-moz-document url-prefix() {
    .recommendation-message {
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 1200px) {
    .nav ul:first-of-type li {
        margin: 0 18px;
    }

    #languages-list {
        margin: 5px 350px 4px;
    }

    #vacancies-list {
        margin: 5px 260px 4px;
    }
}

@media only screen and (max-width: 960px) {
    .menu-top-button {
        color: #fff;
    }

    #languages-list {
        margin: 5px 240px 4px;
    }

    #vacancies-list {
        margin: 5px 150px 4px;
    }
}

@media only screen and (max-width: 375px) {
    .table-mobile .mob-candidate-full-name {
        padding: 33px;
    }

    .table-mobile .mob-candidate-vacancy-url {
        padding: 32px;
        height: 83px;
    }
}

@media only screen and (max-width: 390px) {
    .table-mobile .mob-candidate-full-name {
        padding: 33px;
    }

    .table-mobile .mob-candidate-vacancy-url {
        padding: 32px;
        height: 83px;
    }
}

@media (orientation: landscape) {
    @media only screen and (max-width: 960px) {
        .footer .footer-landscape {
            flex-wrap: unset;
            padding-left: 25px;
        }

        .footer-nav {
            margin-right: 5px;
        }

        .footer-col.contact-block {
            padding: 0 28px 0 0;
        }

        .nav-content {
            justify-content: center;
        }
    }
}

@media only screen and (max-width: 767px) {
    .menu-top-button {
        color: #fff;
        font-size: 25px;
    }

    .outer-container {
        display: flex;
        flex-direction: row;
        position: relative;
        width: 100%;
    }

    .inner-box-top {
        background: var(--main-color);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .index-inner-box-margin-top {
        /*margin-top: 4%;*/
    }

    .index-outer {
        height: auto;
    }

    .index-inner-box-height-top {
        height: 70px;
    }

    .outer-similar-container {
        display: flex;
        flex-direction: row;
        position: relative;
        width: 100%;
    }

    .content-blocks .content-block h3 {
        max-width: 100%;
        display: inline-block;
    }

    .text-center-vacancy-view {
        margin-left: 0%;
    }

    #vacancies-list {
        margin: 195px 30px 4px;
    }

    #languages-list {
        margin: 3px 0 4px;
    }

    .candidates-page #filter-limit {
        width: 29%;
    }

    .table-mobile-recommendation .statuses-proposition-change {
        padding: 5px;
    }

    .table-mobile-recommendation .proposition-show-status {
        margin: 0 0 10px 0;
        width: 100%;
    }

    .table-mobile-recommendation .update-proposition-show-status {
        float: none;
    }
}

@media (orientation: landscape) {
    @media only screen and (max-width: 767px) {
        .bonus-info-amount-bonuses td {
            text-align: center;
        }

        .mini-table-bonus-info-refer th {
            width: 400px;
        }

        .content-center {
            justify-content: center;
            display: flex;
        }

        .mini-table-bonus-add {
            font-size: 16px;
        }

        .mini-table-bonus-add .bonus-name-add {
            width: 300px;
        }

        .mini-table-bonus-change .bonus-name-add {
            width: 300px;
        }

        .mini-table-bonus-add th,
        .mini-table-bonus-add td {
            padding: 21px;
        }

        .mini-table-bonus-change {
            font-size: 16px;
        }

        .bonus-info-table-mobile .status-value {
            padding: 23px;
        }

        .table-mobile-recommendation .proposition-show-status {
            width: 100%;
        }

        .table-mobile-recommendation .statuses-proposition-change {
            text-align: center;
        }
    }

    @media (min-width: 320px) and (max-width: 640px) {
        #languages-list {
            margin: 5px 110px 4px;
        }

        #vacancies-list {
            margin: 165px 60px 4px;
        }

        .nav ul li .mobile-landscape-header {
            padding: 0;
        }

        .footer .container {
            padding: 59px 10px 32px 10px;
        }

        .footer-col.contact-block {
            padding: 0 10px 0 0;
        }

        .footer-nav a {
            font-size: 9px;
        }

        .footer-col {
            width: 80%;
        }

        .footer-col h3 {
            margin: 0 5px 22px 0;
            font-size: 15px;
        }

        .footer-nav {
            margin-right: 12px;
            font-size: 12px;
        }
    }

    @media (min-width: 641px) and (max-width: 767px) {
        #languages-list {
            margin: 5px 160px 4px;
        }

        .nav ul li .mobile-landscape-header {
            padding: 0;
        }

        #vacancies-list {
            margin: 205px 140px 4px;
        }

        .footer-nav a {
            font-size: 12px;
        }

        .footer-nav a {
            font-size: 12px;
        }
    }

    @media (min-width: 768px) and (max-width: 960px) {
        #languages-list {
            margin: -5px 270px 4px;
        }

        .nav ul li .mobile-landscape-header {
            padding: 0;
        }

        #vacancies-list {
            margin: 200px 400px 4px;
        }

        .footer-nav {
            margin-right: 12px;
        }
    }
}

.content-block-hiring-day {
    width: 55%;
    border-radius: 20px;
    padding: 33px 25px;
}

.content-block-hiring-day-image {
    width: 40%;
    margin-top: 4%;
}

.content-block-hiring-day-image-show {
    margin-top: 8%;
}

.hiring-day-title-center h3 {
    text-align: center;
}

.logo-company-show-vacancy {
    display: flex;
    margin-bottom: 25px;
    margin-top: 5px;
}

@media only screen and (max-width: 767px) {
    .additional-page .container {
        max-width: 767px;
    }

    .form-row input[type="text"],
    form input[type="email"],
    form input[type="password"],
    form input[type="number"],
    form input[type="url"],
    form input[type="tel"],
    form select, .file-box, textarea {
        max-width: 100%;
        padding: 10px 15px;
    }

    .auth-block #inputPassword,
    .auth-block #inputEmail {
        max-width: 100%;
        width: 100%;
    }

    .auth-block #reset_password_request_form_email {
        max-width: 100%;
    }

    .auth-block .btn-mobile {
        width: 100%;
    }
}

@media (min-width: 321px) and (max-width: 374px) {
    .additional-page .container {
        max-width: 330px;
    }

    .form-row input[type="text"],
    form input[type="email"],
    form input[type="password"],
    form input[type="number"],
    form input[type="url"],
    form input[type="tel"],
    #file-cv-row,
    form select, .file-box, textarea {
        max-width: 100%;
        padding: 10px;
    }

    #file-cv-row-input-container {
        max-width: 100%;
    }

    .auth-block #reset_password_request_form_email {
        max-width: 100%;
    }
}

@media only screen and (max-width: 320px) {
    .additional-page .container {
        max-width: 320px;
    }

    #dashboard {
        width: 100%;
    }

    .dashboard-received-recommendations {
        white-space: unset;
    }

    #dashboard {
        width: 100%;
    }

    .dashboard-received-recommendations {
        white-space: unset;
    }

    .form-row input[type="text"],
    form input[type="email"],
    form input[type="password"],
    form input[type="number"],
    form input[type="url"],
    form input[type="tel"],
    form select, .file-box, textarea {
        max-width: 100%;
        padding: 10px;
    }

    .additional-page .container {
        max-width: 320px;
        padding: 0;
    }

    #file-cv-row {
        max-width: 100%;
    }
}

.mandatory-fields {
    margin: 10px;
}

.mandatory-fields label {
    font-size: 15px;
}

.mandatory-fields span {
    font-size: 20px;
    color: red;
}

.input-required {
    position: absolute;
    margin-left: -17px;
    margin-top: 14px;
    font-size: 25px;
    color:red;
}

.input-file-box {
    position: relative;
}

.file-box {
    display: inline-block;
    height: 50px;
}

#candidate-cv-filename {
    font-size: 12px
}

.file-button {
    padding: 5px;
    float: right;
    color: var(--main-color);
    position: absolute;
    right: 15px;
    top: 8px;
}

.cv-label:hover #cv-show-helper {
    display: block;
}

.title-mini-vacancy {
    height: 600px;
}

.hiring-day-box {
    flex: 0 0 auto;
    width: 50%;
}

.content-blocks .participation_box {
    display: -webkit-box;
    margin: 0 0 -10px !important;
}

.buttons-title-hiring-day-desktop {
    margin-left: 50%;
}

.title-mini-vacancy-hiring-day {
    min-height: 563px;
}

@media only screen and (max-width: 767px) {
    .content-mobile-home-full{
        padding: 0;
    }

    .home-title-hiring-day h2 {
        font-size: 36px;
        margin-bottom: 2%;
    }

    .content-block-hiring-day {
        width: 100%;
        order: 2;
    }

    .content-block-hiring-day-image {
        width: 100%;
        margin-top: 4%;
        order: 1;
    }

    .content-block-hiring-day-image img {
        max-width: 100%;
    }

    .show-hiring-title h1 {
        margin: 30px 0 15px;
    }

    .show-hiring-block {
        padding: 0 20px;
    }

    .title-mini-vacancy-hiring-day {
        height: 730px;
    }

    .buttons-title-hiring-day-mobile {
        margin: 0;
    }

    .text-hd  h3{
        font-size: 20px;
    }

    .documentations-container-for-mobiles {
        max-width: 380px;
    }

    .grid-table-policy {
        width: 340px;
    }
}

@media only screen and (max-width: 360px) {
    .title-mini-vacancy-hiring-day {
        height: 760px;
    }
}

@media only screen and (max-width: 375px) {
    .documentations-container-for-mobiles {
        max-width: 350px;
    }

    .grid-table-policy {
        width: 310px;
    }
}

@media only screen and (max-width: 320px) {
    .title-mini-vacancy-hiring-day {
        height: 850px;
    }

    .documentations-container-for-mobiles {
        max-width: 280px;
    }

    .grid-table-policy {
        width: 240px;
    }
}

.bonus-table-min-width {
    min-width: 100%;
}

.icon-hd {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 25px;
    width: 60px;
    height: 60px;
    font-size: 24px;
    color: #fff;
    background-color: #F48C37;
    border-radius: 5px;
    border: 2px solid #F48C37;
    transition: .2s;
    cursor: default;
}

.content-blocks .hiring-day-block {
    padding: 10px 10px;
}

.text-hd {
    margin-top: -5px;
    width: calc(100% - 85px);
}

.text-hd  h3{
    height: 55px;
}

#cv-show-helper {
    display: none;
    background: #FFFFFF;
    padding: 10px;
    text-align: center;
    position: absolute;
    z-index: 1000;
    width: auto;
    height: auto;
}

.table-center {
    margin: auto;
}

.tech-talks {
    padding: 50px 0 40px 0;
}

.title-header-hiring-day h2 {
    font-size: 34px;
    margin-bottom: 30px;
}

.date-title-hiring-day {
    width: 20%;
    margin-left: 40%;
}

.date-title-hiring-day p {
    background-color: #F48C37;
    padding: 1%;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
}

.date-show-hiring-day {
    width: 30%;
    margin-left: 36%;
}

.date-show-hiring-day p {
    background-color: #F48C37;
    padding: 1%;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
}

.section_title {
    margin-bottom: 60px;
    font-size: 40px;
    line-height: 1.2;
}
.tech-talks_list > .row {
    margin: -20px;
    display: flex;
    flex-wrap: wrap;
}

.tech-talks_list {
    margin: 0 0 60px 0;
    overflow: hidden;
}

.tech-talks_list > .row > .col {
    padding: 20px;
    flex: 0 0 auto;
    width: 33.3333333333%;
}

.tech-talks_item {
    width: 260px;
    max-width: 100%;
}

.tech-talks_item-image {
    border-radius: 50%;
    position: relative;
    width: 180px;
    margin: 0 0 15px 0;
}

.tech-talks_item-image img {
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.tech-talks_item-image:before {
    content: url(/images/hiring_day_images/arrow-small.svg);
    position: absolute;
    right: 0;
    bottom: -10px;
}

.bg-silver-arrow {
    position: absolute;
    margin-top: 490px;
    margin-left: 320px;
    width: 57px;
    height: 67px;
    background-image: url(/images/hiring_day_images/tick-bg-2.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

.title-mini-vacancy-hiring-day-special {
    min-height: 240px;
}

.bg-silver-arrow-special {
    margin-top: 150px;
}

.tech-talks_item-title {
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.tech-talks_item-date {
    font-weight: bold;
}

.vacancy_bounty {
    background-color: #F48C37;
    min-height: 85px;
}

.vacancy_bounty p {
    padding-top: 7px;
    width: 100%;
    height: 45px;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    margin: 0;
}

.minimization-table td {
    padding: 10px;
}

.minimization-bonus-history td {
    padding: 15px;
}

.recommendation-refer-info {
    margin-bottom: 20px;
    width: 780px;
}

.vacancy-list {
    min-height: 500px;
}

.file-cv-block-candidate .candidate-cv-text-name {
    padding: 0;
    border: 0;
    color: black;
    border-radius: 0;
    font-size: 13px;
    margin: 0;
}

.popup-item ul {
    color: unset;
}

@media only screen and (max-width: 767px) {
    .tech-talks_list > .row {
        display: contents;
    }

    .tech-talks_list > .row > .col {
        width: 100%;
    }

    .tech-talks_item-image {
        width: 350px;
    }

    .tech-talks_item-image:before {
        right: unset;
        margin-left: 160px;
    }

    .bg-silver-arrow {
        margin-left: 180px;
        margin-top: 770px;
    }

    .bg-silver-arrow-special {
        margin-top: 160px;
    }

    .tech-talks_item-title {
        font-size: 22px;
        text-align: center;
    }

    .tech-talks_item-description {
        text-align: center;
    }

    .tech-talks_item-date {
        text-align: center;
    }

    .date-title-hiring-day {
        width: 90%;
        margin-left: 5%;
    }

    .date-show-hiring-day {
        width: 90%;
        margin-left: 5%;
    }

    .recommendation-refer-info {
        margin-bottom: 0;
    }

    .recommendation-refer-info th {
        padding: 21px 66px;
    }

    .one-hiring-day-vacancy p {
        height: 60px;
    }

    .main .mobile-hidden {
        display: none;
    }
}

@media only screen and (max-width: 320px) {
    .recommendation-refer-info th {
        padding: 21px 21px;
    }

    .vacancy_bounty p {
        height: 60px;
    }

    .form-row .iti {
        display: initial;
    }

    .recommendation-refer-info .recommendation-refer-email {
        padding: 21px;
    }
}

@media (min-width: 321px) and (max-width: 375px) {
    .tech-talks_item-image {
        width: 380px;
    }

    .tech-talks_list {
        margin: 0px 0 60px 10px;
    }

    .bg-silver-arrow {
        margin-left: 230px;
        margin-top: 660px;
    }

    .bg-silver-arrow-special {
        margin-top: 160px;
    }

    .date-title-hiring-day {
        width: 80%;
        margin-left: 10%;
    }

    .date-show-hiring-day {
        width: 80%;
        margin-left: 10%;
    }

    .recommendation-refer-info th {
        padding: 7px 21px;
    }

    .auth-block .btn-filled {
        font-size: 12px;
    }
}

@media (min-width: 376px) and (max-width: 400px) {
    .tech-talks_item-image {
        width: 400px;
    }

    .tech-talks_list {
        margin: 0px 0 60px 27px;
    }

    .tech-talks_item-image:before {
        margin-left: 180px;
    }

    .tech-talks_item-image:before {
        bottom: -15px;
    }

    .bg-silver-arrow {
        margin-left: 270px;
        margin-top: 650px;
    }

    .bg-silver-arrow-special {
        margin-top: 160px;
    }
}

@media (min-width: 401px) and (max-width: 766px) {
    .tech-talks_item-image {
        width: 450px;
    }

    .tech-talks_list {
        margin: 0px 0 60px 15px;
    }

    .tech-talks_item-image:before {
        margin-left: 180px;
    }

    .tech-talks_item-image:before {
        bottom: -15px;
    }

    .bg-silver-arrow {
        margin-left: 270px;
        margin-top: 650px;
    }

    .bg-silver-arrow-special {
        margin-top: 160px;
    }

    .date-title-hiring-day {
        width: 70%;
        margin-left: 15%;
    }

    .date-show-hiring-day {
        width: 70%;
        margin-left: 15%;
    }
}

@media (orientation: landscape) {
    @media only screen and (max-width: 960px) {
        .date-title-hiring-day {
            width: 35%;
            margin-left: 35%;
        }

        .date-show-hiring-day {
            width: 35%;
            margin-left: 35%;
        }
    }

    @media (min-width: 320px) and (max-width: 767px) {
        .date-title-hiring-day {
            width: 50%;
            margin-left: 30%;
        }

        .date-show-hiring-day {
            width: 45%;
            margin-left: 28%;
        }
    }

}

.text-bold {
    font-weight: bold;
}

.text-min-weight {
    font-weight: 500;
}

.register-legal-block p {
    margin: 0;
}

#registration_form_paymentDetails {
    background: #f8f9fe;
}

.register-address-block {
    margin-bottom: 25px;
    background: #f8f9fe;
    border-radius: 10px;
    padding-top: 10px;
}

#profile_legalEntity_country option:nth-child(1) {
    display: none;
}

#profile_privateIndividualEntrepreneur_country option:nth-child(1) {
    display: none;
}

#registration_form_privateIndividualEntrepreneur_country option:nth-child(1) {
    display: none;
}

#registration_form_legalEntity_country option:nth-child(1) {
    display: none;
}

.input-container .material-icons {
    margin: 12px -50px;
    color: #aaa;
    position: absolute;
}

.input-login-container {
    border: 1px solid var(--main-color);
    display: flex;
    align-items: center;
    background: transparent;
}

.login-password-container .input-login-container input {
    border: 0;
    outline: 0;
}

.input-login-container .material-icons {
    margin: 0 10px;
    color: #aaa;
}

.input-profile-container_field_one {
    border: 1px solid var(--main-color);
    display: flex;
    align-items: center;
    border-radius: 10px;
    background: #f8f9fe;
}

.input-profile-container_field_two {
    border: 1px solid var(--main-color);
    display: flex;
    align-items: center;
    border-radius: 10px;
    background: #f8f9fe;
}

input#select2-registration_form_privateIndividualEntrepreneur_country-container::placeholder,
input#registration_form_legalEntity_country::placeholder {
    color: var(--main-color);
}

.input-email-container input,
.input-login-container input,
.input-profile-container_field_one input,
.input-profile-container_field_two input {
    transition: background-color 5000s ease-in-out 0s;
}

.profile-password-container .input-profile-container_field_one {
    margin: 0;
}

.profile-password-container .input-profile-container_field_two {
    margin: 0;
}

.profile-password-container .input-profile-container_field_one input {
    border: 0;
    outline: 0;
}

.profile-password-container .input-profile-container_field_two input {
    border: 0;
    outline: 0;
}

.input-profile-container_field_one .material-icons {
    margin: 0 10px;
    color: #aaa;
}

.input-profile-container_field_two .material-icons {
    margin: 0 10px;
    color: #aaa;
}

.input-reset-container {
    align-items: center;
    border-radius: 10px;
    background: #f8f9fe;
}

.input-reset-container .material-icons {
    margin: 12px -50px;
    color: #aaa;
    position: absolute;
}

.input-reset-container label {
    background: white;
    display: block;
}

.form-error {
    color: orangered;
}

.hide {
    display: table-column;
}

.error-msg span {
    color: red;
}

.error {
    border: 1px solid red !important;
}

.payment-details {
    padding: 15px 25px;
}

input#registration_form_phone::placeholder,
input#profile_phone::placeholder,
input#candidate_profile_phone::placeholder {
    color: var(--main-color);
}

a.click-disabled {
    pointer-events: none;
    cursor: none;
    text-decoration: none;
}

.account-reset-container {
    align-items: center;
    border-radius: 10px;
}

.account-reset-container div {
    margin-bottom: 24px;
}

.account-reset-container .material-icons {
    margin: 12px -50px;
    color: #aaa;
    position: absolute;
}

.set-password-container {
    align-items: center;
    border-radius: 10px;
}

.set-password-container div {
    margin-bottom: 24px;
}

.set-password-container .material-icons {
    margin: 12px -50px;
    color: #aaa;
    position: absolute;
}

@media only screen and (max-width: 1024px) {
    .content-blocks .content-block h3 {
        max-width: 100%;
    }
}

@media (min-width: 586px) and (max-width: 756px) {
    .form-container .close-popup {
        padding-bottom: 50px;
        margin-top: -135px;
    }
}

@media (min-width: 471px) and (max-width: 585px) {
    .content-blocks .content-block h3 {
        max-width: 480px;
    }

    .active-popup .form-container {
        padding: 20px;
        height: 45%;
    }

    .form-container .close-popup {
        padding-bottom: 150px;
        margin-top: -155px;
    }
}

@media (min-width: 431px) and (max-width: 470px) {
    .content-blocks .content-block h3 {
        max-width: 400px;
    }

    .active-popup .form-container {
        padding: 20px;
        height: 45%;
    }

    .form-container .close-popup {
        padding-bottom: 150px;
        margin-top: -185px;
    }
}

@media (min-width: 390px) and (max-width: 430px) {
    .content-blocks .content-block h3 {
        max-width: 390px;
    }

    .active-popup .form-container {
        padding: 20px;
        height: 45%;
    }

    .form-container .close-popup {
        padding-bottom: 200px;
        margin-top: -185px;
    }
}

@media (min-width: 320px) and (max-width: 389px) {
    .content-blocks .content-block h3 {
        max-width: 330px;
    }

    .active-popup .form-container {
        padding: 20px;
        height: 57%;
    }

    .form-container .close-popup {
        padding-bottom: 200px;
        margin-top: -215px;
    }
}

.open-button {
    background: none;
}

.popup-overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(67, 64, 65, 0.8);
    z-index: 100;
}

.form-container {
    margin-top: 20%;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    max-width: 1050px;
    padding: 30px;
    height: 235px;
    border-radius: 10px;
}

.form-container input[type=text] {
    width: 100%;
    padding: 15px;
    margin: 50px 0 5px 0;
    border: none;
    background: #f1f1f1;
}

.popup-title-text {
    text-transform: none;
    color: black;
}

.close-popup {
    display: block;
    width: 15px;
    height: 15px;
    cursor: pointer;
    z-index: 21;
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    transition: all .5s ease-in-out;
    color: black;
    margin-left: 100%;
    margin-top: -106px;
}

.bi {
    display: inline-block;
    vertical-align: -0.125em;
    fill: currentcolor;
}

.bi-clipboard {
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/clipboard.svg");
}

.bi-btn-clipboard {
    margin: 50px 0 0 0;
    width: 3rem;
    height: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bi-btn-clipboard:after {
    background: #00bb00;
}

.share-input {
    max-width: 100%;
    min-width: 30%;
    height: fit-content;
    margin: 5px 0 0px 0;
}

.button-box {
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    position: relative;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .button-box {
        margin-top: 0;
    }

    .archived-vacancy-button {
        min-width: 130px;
        font-size: 15px;
    }

    .un-archived-vacancy-button {
        min-width: 130px;
        font-size: 15px;
    }
}

@media (min-width: 390px) and (max-width: 430px) {
    .button-box {
        margin-top: 0;
    }
}

@media (max-width: 389px) {
    .button-box {
        margin-top: 0;
    }
}

@media (max-width: 320px) {
    .button-box {
        margin-top: -22px;
    }
}

@media (max-width: 280px) {
    .button-box {
        margin-top: 72px;
    }

    .form-container {
        height: 550px;
    }

    .form-container .close-popup {
        padding-bottom: 200px;
        margin-top: -300px;
    }
}

#message-for-clipboard {
    display: none;
}

.clipboard-message-block {
    float: right;
}

.clipboard-message {
    background: #9CA3AF;
    color: white;
    padding: 5px;
    font-size: 10px;
    font-weight: bold;
}

/*
 * Burger menu
 */

.header {
    width: 100%;
    top: 0;
    left: 0;
}

.header_container {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1300px;
}

.header:before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 10;
}

.header_body {
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 30px;
    align-items: center;
    z-index: 9;
}

.header_burger {
    display: none;
}

.header_menu {
}

.header_list {
    display: flex;
    position: relative;
    z-index: 2;
}

.header_list li {
    list-style: none;
    margin: 0 0 0 20px;
}

/*.header_link {*/
/*    text-transform: lowercase;*/
/*}*/

.nav ul .list-inner {
    display: none;
}

#logout-btn #logout-items {
    display: none;
}

#logout-btn-black #logout-items {
    display: none;
}

.dashboard-received-recommendations {
    white-space: nowrap;
}

@media only screen and (min-width: 1025px) {
    #vacancies-btn:hover .list-inner,
    #vacancies-btn-black:hover .list-inner,
    #logout-btn:hover #logout-items,
    #logout-btn-black:hover #logout-items {
        display: block;
    }
}

.nav ul.menu-vacancy-items {
    background: #e6eff9;
    padding: 12px;
    border-radius: 9px;
}

#vacancies-btn ul li a {
    color: black;
}

.home .nav #vacancies-btn ul li a:after {
    background: black;
}

.home .nav #logout-btn ul li a:after {
    background: black;
}

.list-inner {
    position: absolute;
    color: black;
    z-index: 1;
    width: 180px;
    top: 100%;
    transition: .2s;
    display: block;
}

#logout-items {
    position: absolute;
    font-size: 15px;
    color: #444;
    padding-top: 11px;
    z-index: 1;
    top: 100%;
    right: 0;
    background-color: #e6eff9;
    transition: .2s;
    display: block;
    margin: 0 auto;
}

.header-user-email {
    display: flex;
}

.header-user-email span{
    margin-left: 2px;
}

.nav ul .account-status li {
    margin: 0;
}

#hidden-btn-update-candidate {
    display: none;
}

/* CONSENT */
.consent-page {
    max-width: 1280px;
    margin: auto
}

.text-consent-desktop {
    border: 1px solid #333;
    padding: 20px 0 20px 0;
}

.consent-content {
    height: 500px;
    width: 1280px;
    overflow: scroll;
    overflow-x: hidden;
    padding: 7px;
    border: 1px solid #333;
}

.consent-content h3 {
    text-align: center;
    font-weight: bold;
}

.consent-content .consent-title {
    text-align: center;
    font-weight: bold;
}

.consent-content p span {
    text-decoration: underline;
    font-size: 18px;
}

.consent-data-container {
    display: block;
    max-width: 1360px;
    justify-content: center;
    padding: 0 10px;
}

.consent-data-fields {
    display: flex;
    padding: 10px;
    float: left;
    width: 32.5%;
    align-items: center;
    box-sizing: border-box;
}

.consent-data-fields label {
    width: 100px;
}

.consent-data-fields:nth-child(3) label {
    width: 60px;
}

.consent-data-fields:last-child {
    margin-right: 0;
}

.consent-finish-message {
    text-align: center;
    margin-top: 30%;
}

.container .consent-checkbox-accept {
    margin-right: 10px;
}

.consent-data-container .block-accept {
    margin-bottom: 25px;
}

.consent-data-fields .consent-input {
    width: 80%;
}

.alert-success {
    background-color: #04AA6D;
    color: white;
    display: block;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    border-radius: 15px;
    font-weight: 500;
}

.alert-error {
    background-color: #f44336;
    color: white;
    display: block;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    border-radius: 15px;
    font-weight: 500;
}

.logout-email-and-img {
    display: flex;
}

.home-user-email {
    margin: 0 0 0 5px;
}

/* CONSENT MOBILE */
@media only screen and (max-width: 1024px) {
    .text-consent-desktop .container {
        display: flex;
    }

    form .consent-data-fields {
        float: none;
        width: 100%;
        margin: 0;
    }

    .consent-data-container .container-checkbox-accept {
        display: block;
        padding: 10px;
    }

    .consent-data-fields:nth-child(3) label {
        width: 100px;
    }
}

/* BURGER MOBILE */
@media only screen and (max-width: 1024px) {
    body.lock {
        overflow: hidden;
    }

    .header {
        padding-top: 30px;
    }

    .header_body {
        height: 40px;
    }

    .header_burger {
        display: block;
        position: relative;
        width: 16px;
        height: 20px;
        z-index: 9;
    }

    .home .header_burger span,
    .home .header_burger:before,
    .home .header_burger:after {
        background-color: var(--main-color);
    }

    .header_burger span,
    .header_burger:before,
    .header_burger:after {
        background-color: var(--main-color);
    }

    .header_burger.active span,
    .header_burger.active:before,
    .header_burger.active:after {
        background-color: white;
    }

    .header_burger span {
        position: absolute;
        width: 100%;
        height: 3px;
        right: 5px;
        top: 9px;
        transition: all 0.3s ease 0s;
    }

    .header_burger:before,
    .header_burger:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 3px;
        left: 0;
        transition: all 0.3s ease 0s;
    }

    .header_burger:before {
        top: 0;
    }

    .header_burger:after {
        bottom: 0;
    }

    .header_burger.active:before {
        transform: rotate(45deg);
        top: 9px;
        width: 25px;
        height: 2px;
    }

    .header_burger.active:after {
        transform: rotate(-45deg);
        bottom: 9px;
        width: 25px;
        height: 2px;
    }

    .header_burger.active span {
        transform: scale(0);
    }

    .header_menu {
        position: fixed;
        top: -100%;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        padding: 60px 0 20px 0;
        background-color: var(--main-color);
        transition: all 0.3s ease 0s;
    }

    .header_menu.active {
        top: 0;
    }

    .header_list {
        display: block;
    }

    .header_list li {
        list-style: none;
        margin: 0 0 20px 0;
        color: white;
    }

    .nav ul .list-inner.active {
        display: block;
        background-color: #e6eff9;
        margin-top: 20px;
        margin-right: auto;
        margin-left: auto;
        border-radius: 9px;
    }

    .nav ul .list-inner.active li {
        margin: 0 auto;
    }

    .nav ul .list-inner.active a {
        color: black;
    }

    #logout-btn:hover #logout-list {
        display: block;
        background-color: #e6eff9;
        position: initial;
        width: 100%;
        margin-top: 20px;
    }

    .header_list #logout-btn #logout-items li,
    .header_list #logout-btn #logout-items p,
    .header_list #logout-btn-black #logout-items li,
    .header_list #logout-btn-black #logout-items p {
        color: black;
    }

    .nav {
        margin: 0;
    }

    #logout-btn.active #logout-items {
        display: block;
        padding: 10px 0 10px 0;
        margin-top: 20px;
        right: unset;
        width: max-content;
    }

    #logout-btn-black.active #logout-items {
        display: block;
        padding: 10px 0 10px 0;
        margin-top: 20px;
        right: unset;
    }

    .nav ul:first-of-type li {
        margin: 0;
        justify-content: center;
    }

    #logout-items {
        right: unset;
    }

    /*.header_menu.nav.active ul li a:after {*/
    /*    background: white;*/
    /*}*/

    .header-user-email {
        display: block;
    }

    @media (min-width: 320px) and (max-width: 420px) {
        .header_list #logout-btn-black ul .logout-body,
        .home #logout-btn ul .logout-body {
            padding: 0;
        }

        #logout-btn.active #logout-items {
            width: unset;
        }

        .header-user-email {
            text-overflow: ellipsis;
            overflow: hidden;
        }
    }
}

@media only screen and (max-width: 368px) {
    .dashboard-received-recommendations,
    .dashboard-my-vacancies {
        font-size: 17px;
    }
}

@media only screen and (max-width: 320px) {
    .dashboard-received-recommendations,
    .dashboard-my-vacancies {
        font-size: 15px;
    }
}

.attention-message {
    padding: 7px 7px 24px 7px;
    color: var(--main-color);
    font-weight: 500;
}

form .form-last-field {
    margin: 0;
}

.tooltip, .tooltip-bottom, .tooltip-right {
    position: relative;
    display: inline-block;
    padding: 0;
    font-size: 20px;
}

.sidebar .tooltip, .tooltip-bottom, .tooltip-right {
    padding-bottom: 8px;
}

.sidebar .tooltip,
.sidebar .tooltip-bottom,
.sidebar .tooltip-right svg path{
    /*fill: var(--main-color);*/
    color: var(--main-color);
}

.header_menu .tooltip-bottom {
    padding: 0;
}

.tooltip-bonus {
    position: absolute;
    top: -4px;
    right: 0;
}

.tooltip-bonus-one {
    position: absolute;
    top: 1px;
    right: 7px;
}

.tooltip-bonus-white {
    background: white;
    border-radius: 50%;
}

.tooltip .tooltip-text {
    text-transform: lowercase;
    font-weight: 100;
    visibility: hidden;
    width: 220px;
    background-color: #F2F2F2;
    color: #000000;
    text-align: center;
    padding: 5px 4px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
}

.tooltip-bottom .tooltip-text-bottom {
    text-transform: lowercase;
    font-weight: 100;
    visibility: hidden;
    width: 220px;
    background-color: #F2F2F2;
    color: #000000;
    font-weight: 300;
    text-align: center;
    padding: 5px 4px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 100%;
    right: -47px;
    margin-left: -60px;
}

.tooltip-right .tooltip-text-right {
    text-transform: lowercase;
    font-weight: 100;
    visibility: hidden;
    width: 220px;
    background-color: #F2F2F2;
    color: #000000;
    text-align: center;
    padding: 5px 4px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 100%;
    left: -62px;
    margin-left: -60px;
}

.tooltip-right-bonus .tooltip-text-right {
    left: -116px;
}
.tooltip-second-bonus {
    left: -130px!important;
}

.tooltip:hover .tooltip-text, .tooltip-bottom:hover .tooltip-text-bottom, .tooltip-right:hover .tooltip-text-right  {
    visibility: visible;
}

.tooltip-apply {
    bottom: 2px;
    left: 2px;
}

.tooltip-apply svg {
    /*color: #ffffff;*/
}

.tooltip-icon svg {
    color: #ffffff;
}

.btn-with-tooltip {
    margin: 0 10px 19px 0;
}

/* Swiper */

.swiper-container {
    width: 100%;
    position: relative;
}

.swiper-wrapper {
    /*overflow: hidden;*/
}

.swiper-slide {
    height: auto;
}
.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    margin-top: -15px;
    color: #000000 !important;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.swiper-button-prev {
    transform: translateX(-37px);
}
.swiper-button-next {
    transform: translateX(37px);
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 24px !important;
}
.fullscreen-container-popup {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: rgba(20, 20, 20, 0.95);
}

#popup {
    padding: 20px;
    border-radius: 5px;
    width: 740px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #141414;
    color: #FFFFFF;
}

#close-popup {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 5px;
    width: 20px;
    height: 20px;
    opacity: 0.4;
    z-index: 10;
}
#close-popup:before, #close-popup:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 23px;
    width: 2px;
    background-color: #FFFFFF;
}
#close-popup:before {
    transform: rotate(45deg);
}
#close-popup:after {
    transform: rotate(-45deg);
}

#readOnlyTextarea {
    width: 725px;
    height: 120px;
    resize: none;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #f00;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    outline: none;
}

@media only screen and (max-width: 768px) {
    #popup {
        width: 625px;
    }
    #close-popup {
        right: -5px;
        top: -15px;
    }
    #readOnlyTextarea {
        height: 165px;
    }
}

@media only screen and (max-width: 540px) {
    #popup {
        width: 400px;
    }
}
@media only screen and (max-width: 375px) {
    #popup {
        width: 380px;
    }
}
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.loader {
    display: none;
    border: 8px solid #f3f3f3;
    border-top: 8px solid var(--main-color);;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    animation: spin 1s linear infinite;
    z-index: 2;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.unread-msg-link {
    text-decoration: unset;
    font-weight: bold;
}

.referral-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

#referralLink {
    flex: 1;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
}

.btn-copy-ref {
    padding: 10px;
    border: none;
    border-radius: 5px;
    background-color: #4caf50;
    color: white;
    cursor: pointer;
}