

/* Start:/local/templates/cs/fonts/lato/font.css?1676923836517*/
@font-face {
    font-family: 'Lato';
    src: local('Lato Regular'), local('Lato-Regular'), url('/local/templates/cs/fonts/lato/latoregular.woff2') format('woff2'), url('/local/templates/cs/fonts/lato/latoregular.woff') format('woff'), url('/local/templates/cs/fonts/lato/latoregular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Bold'), local('Lato-Bold'), url('/local/templates/cs/fonts/lato/latobold.woff2') format('woff2'), url('/local/templates/cs/fonts/lato/latobold.woff') format('woff'), url('/local/templates/cs/fonts/lato/latobold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* End */


/* Start:/local/templates/cs/fonts/bellota-text/font.css?1676923836604*/
@font-face {
    font-family: 'Bellota Text';
    src: local('Bellota Text Regular'), local('BellotaText-Regular'), url('/local/templates/cs/fonts/bellota-text/Bellotatextregular.woff2') format('woff2'), url('/local/templates/cs/fonts/bellota-text/Bellotatextregular.woff') format('woff'), url('/local/templates/cs/fonts/bellota-text/Bellotatextregular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Bellota Text';
    src: local('Bellota Text Bold'), local('BellotaText-Bold'), url('/local/templates/cs/fonts/bellota-text/Bellotatextbold.woff2') format('woff2'), url('/local/templates/cs/fonts/bellota-text/Bellotatextbold.woff') format('woff'), url('/local/templates/cs/fonts/bellota-text/Bellotatextbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
/* End */


/* Start:/local/templates/cs/css/main.css?1676923836174216*/
/* HEADER */
.headline {
    background-color: rgb(255 255 255);
}
.headline .headline-inner-wrapper {
    padding: 15px 0;
}
.headline .headline-logo {
    flex: 0 0 auto;
    height: 90px;
    width: 90px;
    order: 1;
}
.headline .headline-logo img {
    height: auto;
    max-height: 100%;
    width: auto;
    max-width: 100%;
}
.bx-no-touch .headline .headline-button .icon-ellipse {
    transition: background-image 0.2s ease-in-out;
}
.headline .headline-button-placeholder {
    flex: 0 0 auto;
    height: 46px;
    width: 46px;
    order: 2;
}
.headline .headline-menu {
    flex: 0 0 auto;
    align-items: center;
    margin-left: auto;
    order: 2;
}
.headline .headline-menu-item {
    padding: 10px 15px;
    color: rgb(0 0 0);
    font-size: 18px;
    font-weight: 700;
    line-height: 13px;
    text-decoration: none;
    -webkit-transition: background 0,2s ease-in-out;
    -moz-transition: background 0,2s ease-in-out;
    -ms-transition: background 0,2s ease-in-out;
    -o-transition: background 0,2s ease-in-out;
    transition: background 0,2s ease-in-out;
}
.headline .headline-menu-item:not(:last-child) {
    margin-right: 32px;
}
.headline .headline-menu-item:hover {
    background: linear-gradient(90deg, rgb(194 67 152) 0%, rgb(100 78 160) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
.headline .headline-new-project {
    order: 3;
}
.headline .headline-control-area {
    align-items: center;
    margin-left: 9px;
    order: 4;
}
.headline .headline-menu + * {
    margin-left: 66px;
}
.headline .headline-button {
    flex: 0 0 auto;
    height: 46px;
    width: 46px;
}
.headline .headline-button:not(:first-child) {
    margin-left: 9px;
}
.headline .headline-menu-item.experion {
    background-color: #664595;
    color: #fff;
    padding: 10px 14px 10px 15px;
    border-radius: 6px;
}
.headline .headline-menu-item.experion:hover {
    background: unset;
    background-color: rgb(53 141 150);
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    -moz-background-clip: unset;
    -moz-text-fill-color: unset;
}
/* *** */

/* FOOTER */
footer {
    margin-top: 28px;
    background-color: rgb(255 255 255);
}
footer .footer-inner-wrapper {
    padding: 46px 0;
}
footer .footer-contacts {
    flex: 0 0 auto;
}
footer .footer-contacts-icon {
    padding-right: 20px;
}
footer .footer-contacts-list .footer-contacts-row:nth-child(1) .footer-contacts-row-title {
    margin-bottom: 12px;
}
footer .footer-contacts-row:not(:last-child) {
    margin-bottom: 15px;
}
footer .footer-contacts-row-title {
    font-size: 12px;
    line-height: 14px;
}
footer .footer-contacts-row-text {
    font-size: 14px;
    line-height: 18px;
}
footer .footer-contacts a {
    color: inherit;
    text-decoration: none;
}
footer .footer-partners {
    width: 100%;
}
footer .footer-partners-inner-wrapper {
    /*justify-content: center;serg*/
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
}
footer .footer-partners-item {
    height: 114px;
    width: 152px;
    overflow: hidden;
}
footer .footer-partners-item img {
    height: auto;
    width: 100%;
}
footer .footer-navigation {
    flex: 0 0 auto;
    flex-direction: column;
    justify-content: space-between;
}
footer .footer-menu {
    flex: 0 0 auto;
    align-self: flex-start;
    justify-self: flex-end;
}
footer .footer-menu-item {
    flex: 0 0 auto;
    color: inherit;
    text-decoration: none;
}
footer .footer-menu-item:not(:last-child) {
    margin-right: 47px;
}
footer .footer-menu-item:hover {
    background: linear-gradient(90deg, rgb(194 67 152) 0%, rgb(100 78 160) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
footer .footer-menu-item-title {
    font-size: 16px;
    line-height: 19px;
}
footer .footer-navigation-bottom {
    align-self: flex-end;
    justify-self: flex-end;
    align-items: center;
    justify-content: flex-end;
    width: 0;
}
footer .footer-socials {
    margin-right: 70px;
}
footer .footer-socials-item {
    flex: 0 0 auto;
    height: 32px;
    width: 32px;
    background-color: rgb(243 243 243);
    border-radius: 100%;
    transition: box-shadow 0.2s ease-in-out;
}
footer .footer-socials-item:not(:last-child) {
    margin-right: 12px;
}
footer .footer-socials-item:hover {
    box-shadow: 0 0 2px 2px rgb(0 0 0 / 0.2);
}
footer .footer-common-info {
    position: relative;
    flex: 0 0 auto;
}
footer .footer-politics a {
    color: inherit;
    font-size: 12px;
    line-height: 15px;
}
footer .footer-copyright {
    position: absolute;
    right: 0;
    bottom: -28px;
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
}
/* *** */

/* BREADCRUMBS */
.page-breadcrumbs {
    padding-top: 32px;
}
.page-breadcrumbs .page-breadcrumbs-list {
    align-items: center;
}
.page-breadcrumbs .page-breadcrumbs-item {
    font-size: 16px;
    line-height: 20px;
}
.page-breadcrumbs .page-breadcrumbs-item:not(:first-child):not(.items-set):before {
    padding: 0 8px;
    color: rgb(80 66 132);
    font-size: 14px;
    line-height: 19px;
    opacity: 0.5;
    content: "/";
}
.page-breadcrumbs .page-breadcrumbs-item.items-set:not(:last-child):before {
    padding-right: 2px;
    color: rgb(80 66 132);
    font-size: 14px;
    line-height: 19px;
    opacity: 0.5;
    content: ", ";
}
.page-breadcrumbs a.page-breadcrumbs-item {
    flex: 0 0 auto;
    color: rgb(80 66 132);
    text-decoration: none;
}
.page-breadcrumbs span.page-breadcrumbs-item {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 100%;
    color: rgb(80 66 132);
    text-overflow: ellipsis;
    opacity: 0.5;
    overflow: hidden;
}
.page-breadcrumbs + .section {
    padding-top: 8px !important;
}
/* *** */

/* AUTHORIZATION */
.headline .headline-profile .field-dropdown {
    height: 100%;
    width: 100%;
    z-index: 2;
}
.headline .headline-profile-button {
    position: relative;
    justify-content: center !important;
    height: 100%;
    width: 100%;
}
.headline .headline-profile-button:not(.active) ~ .auth-block {
    display: none;
}
.headline .headline-profile .dropdown-list {
    left: unset;
    right: 0;
    width: 316px;
    padding: 16px 16px 8px;
}
.headline .headline-profile-dropdown-picture {
    flex: 0 0 auto;
    height: 80px;
    width: 80px;
    margin-bottom: 16px;
    border-radius: 100%;
    overflow: hidden;
}
.headline .headline-profile-dropdown-picture img {
    height: auto;
    width: 100%;
}
.headline .headline-profile-dropdown-title, .headline .headline-profile-dropdown-email {
    color: inherit;
    font-size: 16px;
    line-height: 19px;
    text-decoration: none;
}
.headline .headline-profile-dropdown-menu-list {
    width: 100%;
    margin-top: 16px;
    border-top: 1px solid rgb(245 246 250);
}
.headline .headline-profile-dropdown-menu-item {
    padding: 8px 0;
    color: inherit;
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
}
.headline .headline-profile-logout {
    border-top: 1px solid rgb(245 246 250);
}
.auth-block {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
    height: 100%;
    max-height: 640px;
    width: 100%;
    max-width: 500px;
    margin: auto;
    padding: 16px 0;
    background-color: rgb(255 255 255);
    border-radius: 4px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
    z-index: 4;
}
.auth-block .auth-inner-wrapper {
    height: 100%;
    width: 100%;
    padding: 0 10px;
}
.auth-block .auth-header {
    flex: 0 0 auto;
    margin-top: 24px;
}
.auth-block .auth-logo {
    height: 80px;
    width: auto;
}
.auth-block .auth-logo img {
    height: 100%;
    width: auto;
}
.auth-block .auth-body {
    max-width: 388px;
    overflow-y: auto;
    overflow-x: hidden;
}
.auth-block .auth-form {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    flex: 0 0 auto;
    width: 100%;
    margin-top: 40px;
    transition: opacity 0.2s ease-in-out;
}
.auth-block .auth-form:not(.active) {
    opacity: 0;
}
.auth-block .auth-form.active {
    opacity: 1;
    z-index: 1;
}
.auth-block .auth-form-header, .auth-block .auth-step-reg-success-header {
    flex: 0 0 auto;
    width: 100%;
    font-size: 24px;
    line-height: 29px;
}
.auth-block .auth-form-header.active {
    display: none;
}
.auth-block .auth-form-body {
    height: 100%;
}
.auth-block .auth-body, .auth-block .auth-form-body-inner-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
}
.auth-block .auth-form-info-text {
    max-width: 318px;
    margin: 24px 0;
    color: rgb(137 150 159);
    font-size: 16px;
    line-height: 19px;
}
.auth-block .auth-form-socials-item {
    flex: 0 0 auto;
    height: 64px;
    width: 64px;
    padding: 13px;
    background-color: rgb(243 243 243);
    border-radius: 100%;
}
.auth-block .auth-form-socials-item:not(:last-child) {
    margin-right: 32px;
}
.auth-block .auth-step-block {
    position: absolute;
    top: 0;
    bottom: 0;
    flex: 0 0 auto;
    justify-content: flex-start;
    width: 100%;
    transition: left 0.2s ease-in-out;
}
.auth-block .auth-step-block.active {
    left: 0;
}
.auth-block .auth-step-block:not(.active) {
    left: -110%;
}
.auth-block .auth-step-block.active ~ .auth-step-block:not(.active) {
    left: 110%;
}
.auth-block .auth-form:not(.active) .auth-form-body {
    display: none;
}
.auth-block .auth-step-block .auth-prev-step {
    position: absolute;
    left: 0;
    transition-property: opacity;
    transition-timing-function: ease-in-out
}
.auth-block .auth-step-block:not(.active) .auth-prev-step {
    opacity: 0;
    transition-duration: 0s;
}
.auth-block .auth-step-block.active .auth-prev-step {
    opacity: 1;
    transition-duration: 0.2s;
    transition-delay: 0.25s;
}
.auth-block .auth-form form {
    width: calc(100% - 2px);
}
.auth-block fieldset, .auth-block .field {
    width: 100%;
}
.auth-block .field {
    margin-bottom: 16px;
}
.auth-block .btn-white, .auth-block .btn-green {
    min-width: unset;
    max-width: 386px;
    font-size: 16px;
    line-height: 19px;
}
.auth-block .field input, .auth-block .field input {
    max-width: 386px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    border: 1px solid rgb(220 220 220);
}
.auth-block input::placeholder {
    text-align: center;
}
.auth-block .auth-step-footer {
    justify-content: center;
    width: 100%;
    transition: opacity 0.2s ease-in-out 0.2s;
}
.auth-block .auth-step-block:not(.active) .auth-step-footer {
    opacity: 0;
}
.auth-block .auth-step-block.active .auth-step-footer {
    opacity: 1;
}
.auth-block .auth-form-link {
    margin-left: 5px;
    text-decoration: none;
}
.auth-block .auth-step-reg-success-text {
    margin-top: 16px;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
}
.auth-block .auth-step-reg-success-link {
    width: 100%;
    margin-top: 40px;
    text-decoration: none;
}
.auth-block .auth-step-block.active .auth-step-footer * + .btn-small {
    margin-left: 5px;
}

@media (min-width: 768px) {
    .auth-block .auth-form-header:not(.active) ~ .auth-form-body .auth-step-block .auth-prev-step {
        top: -23px;
    }
    .auth-block .auth-form-header.active ~ .auth-form-body .auth-step-block .auth-prev-step {
        top: 0;
    }
}
@media (max-width: 767.98px) {
    .auth-block {
        max-height: 100%;
        max-width: 100%;
    }
    .auth-block .auth-block-mobile-close-button {
        position: fixed;
        top: 16px;
        right: 16px;
        max-height: 46px;
        max-width: 46px;
    }
    .auth-block .auth-inner-wrapper {
        padding: 0;
    }
    .auth-block .auth-body {
        max-width: 100%;
    }
    .auth-block .auth-form {
        left: 16px;
        right: 16px;
        width: auto;
    }
    .auth-block .auth-form-socials-item {
        height: 60px;
        width: 60px;
    }
    .auth-block .auth-form-socials-item:not(:last-child) {
        margin-right: 16px;
    }
    .auth-block .auth-step-block .auth-prev-step {
        position: fixed;
        top: 28px;
        left: 24px;
        height: 21px;
        width: 21px;
    }
    .auth-block .auth-step-footer {
        margin-bottom: auto;
        padding: 24px 0;
        font-size: 16px;
        line-height: 19px;
    }
    .auth-block .auth-step-reg-success-header {
        margin-top: 10vh;
    }
}
/* *** */

/* ACHIEVEMENTS BLOCK (POPUP, in footer) */
.achievement-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    max-height: 670px;
    width: 100%;
    max-width: 1024px;
    margin: auto;
    background-color: rgb(255 255 255);
    border-radius: 6px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
    z-index: 5;
}
.achievement-popup:not(.active) {
    display: none;
}
.achievement-popup .achievement-popup-header {
    flex: 0 0 auto;
    width: 100%;
    padding: 16px 16px 0;
}
.achievement-popup .achievement-popup-close {
    position: absolute;
    top: 16px;
    right: 16px;
    flex: 0 0 auto;
    max-height: 46px;
    max-width: 46px;
}
.achievement-popup .achievement-popup-body {
    height: 100%;
    width: 100%;
    max-width: 766px;
    padding: 16px;
}
.achievement-popup .achievement-popup-picture {
    flex: 0 0 auto;
    height: 100%;
    max-height: 380px;
    width: 100%;
}
.achievement-popup .achievement-popup-picture img {
    height: 100%;
    width: auto;
}
.achievement-popup .achievement-popup-headline {
    font-size: 18px;
    line-height: 22px;
}
.achievement-popup .achievement-popup-description {
    margin-top: 16px;
    font-size: 18px;
    line-height: 26px;
}
.achievement-popup .achievement-popup-controls {
    margin-top: 50px;
}
.achievement-popup .achievement-popup-controls .achievement-popup-control-item {
    max-width: 293px;
}
.achievement-popup .achievement-popup-controls .achievement-popup-control-item:not(:last-child) {
    margin-right: 8px;
}
@media (max-width: 767.98px) {
    .achievement-popup {
        height: auto;
        max-width: 425px;
    }
    .achievement-popup .achievement-popup-body {
        height: auto;
        max-height: 100%;
        overflow-y: auto;
    }
    .achievement-popup .achievement-popup-picture {
        max-height: 334px;
    }
    .achievement-popup .achievement-popup-headline {
        font-size: 16px;
        line-height: 19px;
    }
    .achievement-popup .achievement-popup-description {
        margin-top: 8px;
        font-size: 14px;
        line-height: 18px;
    }
    .achievement-popup .achievement-popup-controls {
        margin-top: 37px;
    }
    .achievement-popup .achievement-popup-controls .achievement-popup-control-item {
        max-width: 100%;
    }
    .achievement-popup .achievement-popup-controls .achievement-popup-control-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 14px;
    }
}
@media (max-width: 424.98px) {
    .achievement-popup {
        top: 0;
        max-height: 100%;
        max-width: 100%;
        margin: 0;
        background-image: url(/local/templates/cs/preview/images/overlay-confetti-mobile.svg);
        border-radius: 0;
        box-shadow: none;
    }
}
/* *** */

/* ACHIEVEMENTS-SIMILAR POPUP */
.achievement-similar-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    max-height: 670px;
    width: 100%;
    max-width: 1024px;
    margin: auto;
    background-color: rgb(255 255 255);
    border-radius: 6px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
    z-index: 5;
}
.achievement-similar-popup:not(.active) {
    display: none;
}
.achievement-similar-popup .achievement-similar-popup-header {
    flex: 0 0 auto;
    width: 100%;
    padding: 16px 16px 0;
}
.achievement-similar-popup .achievement-similar-popup-close {
    position: absolute;
    top: 16px;
    right: 16px;
    flex: 0 0 auto;
    max-height: 46px;
    max-width: 46px;
}
.achievement-similar-popup .achievement-similar-popup-body {
    height: 100%;
    width: 100%;
    max-width: 766px;
    padding: 16px;
}
.achievement-similar-popup .achievement-similar-popup-picture {
    flex: 0 0 auto;
    height: 100%;
    max-height: 380px;
    width: 100%;
}
.achievement-similar-popup .achievement-similar-popup-picture img {
    height: 100%;
    width: auto;
}
.achievement-similar-popup .achievement-similar-popup-headline {
    font-size: 18px;
    line-height: 22px;
}
.achievement-similar-popup .achievement-similar-popup-description {
    margin-top: 16px;
    font-size: 18px;
    line-height: 26px;
}
.achievement-similar-popup .achievement-similar-popup-controls {
    margin-top: 50px;
}
.achievement-similar-popup .achievement-similar-popup-controls .achievement-similar-popup-control-item {
    max-width: 293px;
}
.achievement-similar-popup .achievement-similar-popup-controls .achievement-similar-popup-control-item:not(:last-child) {
    margin-right: 8px;
}
@media (max-width: 767.98px) {
    .achievement-similar-popup {
        height: auto;
        max-width: 425px;
    }
    .achievement-similar-popup .achievement-similar-popup-body {
        height: auto;
        max-height: 100%;
        overflow-y: auto;
    }
    .achievement-similar-popup .achievement-similar-popup-picture {
        max-height: 334px;
    }
    .achievement-similar-popup .achievement-similar-popup-headline {
        font-size: 16px;
        line-height: 19px;
    }
    .achievement-similar-popup .achievement-similar-popup-description {
        margin-top: 8px;
        font-size: 14px;
        line-height: 18px;
    }
    .achievement-similar-popup .achievement-similar-popup-controls {
        margin-top: 37px;
    }
    .achievement-similar-popup .achievement-similar-popup-controls .achievement-similar-popup-control-item {
        max-width: 100%;
    }
    .achievement-similar-popup .achievement-similar-popup-controls .achievement-similar-popup-control-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 14px;
    }
}
@media (max-width: 424.98px) {
    .achievement-similar-popup {
        top: 0;
        max-height: 100%;
        max-width: 100%;
        margin: 0;
        background-image: url(/local/templates/cs/preview/images/overlay-confetti-mobile.svg);
        border-radius: 0;
        box-shadow: none;
    }
}
/* *** */

/* PROMO-BLOCK (mainpage) */
.promo-block {
    position: relative;
    height: 512px;
}
.promo-block:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(/local/templates/cs/preview/images/bg-promo-block.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -2;
    content: "";
}
.promo-block:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, rgb(194 67 152 / 75%) 0%, rgb(100 78 160 / 75%) 100%);
    mix-blend-mode: normal;
    opacity: 0.25;
    z-index: -1;
    content: "";
}
.promo-block .promo-block-inner-wrapper {
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}
.promo-block .promo-block-info {
    color: rgb(255 255 255);
}
.promo-block .promo-block-head {
    font-size: 72px;
    line-height: 86px;
    -webkit-text-stroke-color: rgb(255 255 255);
    -moz-text-stroke-color: rgb(255 255 255);
}
.promo-block .promo-block-preview-text {
    margin-top: 17px;
    font-size: 24px;
    line-height: 30px;
}
.promo-block .promo-block-search {
    position: relative;
    top: 37px;
    left: 32px;
    height: 484px;
    width: 100%;
    max-width: 524px;
    padding: 44px 32px 32px;
    background-color: rgb(100 78 160);
    border-radius: 4px;
}
.promo-block .promo-block-search-inner-wrapper {
    color: rgb(255 255 255);
}
.promo-block .promo-block-search-title {
    margin-bottom: 41px;
    font-size: 24px;
    line-height: 29px;
}
.section.promo-block .field {
    align-items: flex-start;
    margin-top: 0;
}
.promo-block fieldset .field:not(:last-child) {
    margin-bottom: 35px;
}
.promo-block .field.field-select select {
    color: rgb(255 255 255 / 50%);
    background-image: url(/local/templates/cs/preview/images/icon-arrow-down-white.svg);
}
.promo-block .field.field-text input, .promo-block .field.field-select select, .promo-block .field.field-textarea textarea {
    margin-top: 14px;
    background-color: rgb(0 0 0 / 20%);
    border: none;
}
.promo-block .promo-block-search-footer {
    align-items: center;
    justify-content: space-between;
    margin-top: 53px;
}
.promo-block .promo-block-search-footer .field-switch {
    flex: 0 0 auto;
}
.promo-block .promo-block-search-submit-btn {
    height: 64px;
    max-width: 222px;
    margin-left: 20px;
}

@media (max-width: 991.98px) {
    .promo-block {
        height: auto;
        padding: 16px 0;
    }
    .promo-block .promo-block-inner-wrapper {
        flex-direction: column;
    }
    .promo-block .promo-block-info {
        margin-top: 10px;
        text-align: center;
    }
    .promo-block .promo-block-head {
        font-size: 36px;
        line-height: 43px;
    }
    .promo-block .promo-block-preview-text {
        font-size: 16px;
        line-height: 20px;
    }
    .promo-block .promo-block-search {
        top: 0;
        left: 0;
        height: auto;
        max-width: 480px;
        margin-top: 23px;
        padding: 0;
        background-color: rgb(0 0 0 / 0%);
    }
    .promo-block .promo-block-search-title {
        display: none;
    }
    .promo-block fieldset .field:not(:last-child) {
        margin-bottom: 31px;
    }
    .promo-block .field label {
        font-weight: 500;
    }
    .promo-block .field label ~ input, .promo-block .field label ~ select, .promo-block .field label ~ textarea {
        margin-top: 5px;
    }
    .promo-block .field-text input, .promo-block .field select, .promo-block .field textarea {
        background-color: rgba(255, 255, 255, 0.2);
    }
    .promo-block .promo-block-search-footer {
        flex-direction: column;
        align-items: flex-start;
        justify-content: normal;
        margin-top: 18px;
    }
    .promo-block .promo-block-search-submit-btn {
        margin-top: 24px;
        margin-left: 0;
        max-width: 100%;
    }
}

/* *** */

/* CATEGORIES LIST */
.categories-block .categories-item {
    flex: 0 0 auto;
    height: 216px;
    width: 216px;
    outline: none;
}
.categories-block .categories-item-inner-wrapper {
    height: 200px;
    width: 200px;
    text-decoration: none;
    background-color: rgb(255 255 255);
    border-radius: 4px;
    outline: none;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
.categories-block .categories-item .categories-item-inner-wrapper:hover {
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
}
.categories-block .categories-item-picture {
    height: 116px;
    width: 116px;
    border-radius: 100%;
    overflow: hidden;
}
.categories-block .categories-item-picture img {
    height: auto;
    width: 100%;
}
.categories-block .categories-item-title {
    margin-top: 10px;
    color: rgb(0 0 0);
    font-size: 16px;
    line-height: 19px;
}
.categories-block .categories-list-slider-controls {
    align-items: center;
    margin-top: 10px;
    padding: 0 8px;
}
.categories-block .categories-list-scrollbar {
    align-items: center;
    height: 20px;
    width: 100%;
}
.categories-block .categories-list-scrollbar:after {
    height: 1px;
    width: 100%;
    background-color: rgb(234 234 234);
    content: "";
}
.categories-block .swiper-scrollbar-drag {
    position: absolute;
    height: 3px;
    background-color: rgb(100 78 160);
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.categories-block .categories-list-scrollbar:hover .swiper-scrollbar-drag, .categories-block .categories-list-scrollbar .swiper-scrollbar-drag:active {
    height: 6px;
    border-radius: 6px;
}
.categories-block .categories-list-navigation {
    flex: 0 0 auto;
    align-items: center;
    height: 20px;
    margin-left: 16px;
}
.categories-block .categories-list-navigation button {
    height: 20px;
    width: 20px;
}
.categories-block .categories-list-navigation button:not(:last-child) {
    margin-right: 10px;
}
/* *** */

/* PLATED LIST (NEW PROJECTS) */
.plates-list {
    margin: -8px;
}
.plates-list .empty-list-placeholder {
    width: calc(100% - 16px);
    margin: 8px 8px 0;
    cursor: default;
}
.plates-list .plate-item {
    flex: 0 0 auto;
    padding: 8px;
}
.plates-list .plate-item .plate-item-inner-wrapper {
    height: 100%;
    width: 100%;
    color: inherit;
    text-decoration: none;
    background-color: rgb(255 255 255);
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
.plates-list .plate-item .plate-item-inner-wrapper:hover {
    box-shadow: 0px 0 16px 5px rgb(0 0 0 / 0.08);
}
.plates-list .plate-item .plate-item-preview-picture {
    position: relative;
    height: 200px;
}
.plates-list .plate-item .plate-item-sticker-list {
    position: absolute;
    top: 20px;
    left: 0;
    align-items: flex-start;
    z-index: 1;
}
.plates-list .plate-item .plate-item-sticker-item {
    padding: 4px 10px;
    font-size: 13px;
    line-height: 16px;
    color: rgb(255 255 255);
}
.plates-list .plate-item .plate-item-sticker-item:not(:last-child) {
    margin-bottom: 3px;
}
.plates-list:not(.plates-list-large) .plate-item .plate-item-info {
    padding: 18px;
}
.plates-list.plates-list-large .plate-item .plate-item-info {
    padding: 16px;
}
.plates-list .plate-item .plate-item-date {
    font-size: 14px;
    line-height: 18px;
}
.plates-list .plate-item .plate-item-preview-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.plates-list .plate-item .plate-item-footer {
    padding-top: 30px;
}
.plates-list .plate-item .plate-item-likes {
    align-items: center;
}
.plates-list .plate-item .plate-item-likes .icon {
    height: 16px;
    width: 16px;
    margin-right: 6px;
}
.plates-list .plate-item .plate-item-likes-counter {
    font-size: 14px;
    line-height: 16px;
    opacity: 0.9;
}

@media (min-width: 1200px) {
    .plates-list .plate-item:not(.plate-item-large) .plate-item-inner-wrapper {
        flex-direction: column;
    }
    .plates-list .plate-item:not(.plate-item-large) .plate-item-preview-picture {
        flex: 0 0 auto;
        overflow: hidden;
    }
    .plates-list .plate-item:not(.plate-item-large) .plate-item-preview-picture img {
        height: auto;
        width: 100%;
    }
    .plates-list .plate-item:not(.plate-item-large) .plate-item-info {
        height: 100%;
    }
    .plates-list .plate-item:not(.plate-item-large) .plate-item-date {
        margin-bottom: 8px;
    }
    .plates-list .plate-item:not(.plate-item-large) .plate-item-title {
        font-size: 18px;
        line-height: 22px;
    }
    .plates-list .plate-item:not(.plate-item-large) .plate-item-preview-text {
        -webkit-line-clamp: 3;
        max-height: 60px;
        margin-top: 8px;
        font-size: 16px;
        line-height: 20px;
    }
    .plates-list:not(.plates-list-large) .plate-item:not(.plate-item-large) {
        width: 33.3333333333%;
    }
    .plates-list:not(.plates-list-large) .plate-item.plate-item-large {
        width: 66.6666666667%;
    }
    .plates-list.plates-list-large .plate-item {
        width: 44%;
    }
    .plates-list.plates-list-large .plate-item:nth-child(4n+0), .plates-list.plates-list-large .plate-item:nth-child(4n+1) {
        width: 56%;
    }
    .plates-list .plate-item.plate-item-large .plate-item-preview-picture {
        flex: 0 0 auto;
        height: 100%;
        width: 100%;
        max-width: 308px;
        overflow: hidden;
    }
    .plates-list .plate-item.plate-item-large .plate-item-preview-picture img {
        height: 100%;
        width: auto;
    }
    .plates-list .plate-item.plate-item-large .plate-item-date {
        margin-bottom: 12px;
    }
    .plates-list .plate-item.plate-item-large .plate-item-title {
        font-size: 24px;
        line-height: 29px;
    }
    .plates-list .plate-item.plate-item-large .plate-item-preview-text {
        -webkit-line-clamp: 8;
        max-height: 208px;
        margin-top: 12px;
        font-size: 18px;
        line-height: 26px;
    }
}
@media (min-width: 1440px) {
    .plates-list:not(.plates-list-large) .plate-item:not(.plate-item-large) {
        width: 25%;
    }
    .plates-list:not(.plates-list-large) .plate-item.plate-item-large {
        width: 50%;
    }
}
@media (max-width: 1439.98px) and (min-width: 1200px) {
    .plates-list .plate-item.plate-item-large .plate-item-preview-picture {
        max-width: calc(50% - 8px);
    }
    .plates-list .plate-item.plate-item-large .plate-item-preview-picture img {
        height: auto;
        width: 100%;
    }
}
@media (max-width: 1199.98px) {
    .plates-list .plate-item {
        width: 50%;
    }
    .plates-list .plate-item .plate-item-inner-wrapper {
        flex-direction: column;
    }
    .plates-list .plate-item .plate-item-preview-picture {
        flex: 0 0 auto;
        overflow: hidden;
    }
    .plates-list .plate-item .plate-item-preview-picture img {
        height: auto;
        width: 100%;
    }
    .plates-list .plate-item .plate-item-info {
        height: 100%;
    }
    .plates-list .plate-item .plate-item-date {
        margin-bottom: 8px;
    }
    .plates-list .plate-item .plate-item-title {
        font-size: 18px;
        line-height: 22px;
    }
    .plates-list .plate-item .plate-item-preview-text {
        -webkit-line-clamp: 3;
        max-height: 60px;
        margin-top: 8px;
        font-size: 16px;
        line-height: 20px;
    }
}
@media (max-width: 599.98px) {
    .section.new-projects-block {
        margin-top: 16px;
        background-color: rgb(255 255 255);
    }
    .plates-list .plate-item {
        width: 100%;
    }
    .plates-list .plate-item .plate-item-info {
        border: 1px solid rgb(234 234 234);
        border-top: none;
    }
}
/* *** */

/* NEWS ITEMS LIST (MEDIA BLOCK, Mainpage) */
.news-list {
    margin: -8px;
}
.news-list .news-item {
    flex: 0 0 auto;
    width: 50%;
    padding: 8px;
}
.news-list .news-item-inner-wrapper {
    width: 100%;
    color: inherit;
    text-decoration: none;
}
.news-list .news-item-preview-picture {
    flex: 0 0 auto;
    height: 154px;
    width: 324px;
    overflow: hidden;
}
.news-list .news-item-preview-picture img {
    height: auto;
    width: 100%;
    transition: transform 0.2s ease-in-out;
}
.bx-core.bx-no-touch .news-list .news-item:hover .news-item-preview-picture img {
    transform: scale(1.1);
}
.news-list .news-item-info {
    padding: 0 18px;
}
.news-list .news-item-date {
    margin-bottom: 13px;
    font-size: 14px;
    line-height: 18px;
}
.news-list .news-item-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    max-height: 88px;
    font-size: 18px;
    line-height: 22px;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 1439.98px) {
    .news-list .news-item-inner-wrapper {
        flex-direction: column;
    }
    .news-list .news-item-preview-picture {
        width: 100%;
    }
    .news-list .news-item-info {
        padding: 16px 16px 28px;
        background-color: rgb(255 255 255);
    }
}

@media (max-width: 599.98px) {
    footer {
        margin-top: 0;
    }
    .section.media-block {
        padding-top: 32px !important;
        background-color: rgb(255 255 255);
    }
    .news-list .news-item {
        width: 100%;
    }
    .news-list .news-item-info {
        border: 1px solid rgb(234 234 234);
        border-top: none;
    }
}
/* *** */

/* MEDIA BLOCK (SEPARATE PAGE) */
.media-block-top-panel {
    align-items: center;
}
.media-block-top-panel .media-block-category-filter {
    max-width: 100%;
    overflow-x: auto;
}
.media-block-top-panel .media-block-category-filter-list, .section .media-block-category-filter + .section-sort {
    margin-bottom: 16px;
}
.media-block-top-panel .media-block-category-filter-item {
    flex: 0 0 auto;
    padding: 8px 19px;
    color: rgb(80 66 132);
    font-size: 16px;
    line-height: 19px;
    text-decoration: none;
    background-color: rgb(0 0 0 / 0%);
    border-radius: 4px;
    -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.media-block-top-panel .media-block-category-filter-item:not(:last-child) {
    margin-right: 3px;
}
.media-block-top-panel .media-block-category-filter-item:hover {
    color: rgb(194 67 152);
}
.media-block-top-panel .media-block-category-filter-item.active {
    color: rgb(194 67 152);
    background-color: rgb(194 67 152 / 10%);
}
.media-block-list {
    margin: -8px;
}
.media-block-list .media-block-item {
    flex: 0 0 auto;
    height: 416px;
    width: 100%;
    padding: 8px;
}
.media-block-list .media-block-inner-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    color: rgb(255 255 255);
    text-decoration: none;
    border-radius: 4px;
    overflow: hidden;
}
.media-block-list .media-block-preview-picture {
    height: 416px;
    width: 100%;
}
.media-block-list .media-block-preview-picture img {
    height: 100%;
    width: auto;
    -webkit-transition: transform 0.5s ease-in-out;
    -moz-transition: transform 0.5s ease-in-out;
    -ms-transition: transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;;
}
.media-block-list .media-block-item:hover .media-block-preview-picture img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.media-block-list .media-block-info {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 24px;
    background: linear-gradient(180deg, rgb(0 0 0 / 17%) 0%, rgb(0 0 0 / 40%) 100%);
}
.media-block-list .media-block-category {
    align-self: flex-start;
    padding: 6px 15px;
    font-size: 18px;
    line-height: 22px;
    border: 1px solid rgb(255 255 255 / 40%);
    border-radius: 4px;
}
.media-block-list .media-block-date {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 18px;
}
.media-block-list .media-block-title {
    font-size: 24px;
    line-height: 29px;
}
.media-block-list .media-block-preview-text {
    margin-top: 16px;
    font-size: 18px;
    line-height: 26px;
}

@media (min-width: 600px) {
    .media-block-list .media-block-item {
        width: 50%;
    }
}
@media (min-width: 992px) {
    .media-block-list.story-mode .media-block-item:nth-child(6n-5) {
        width: 100%;
    }
    .media-block-list.story-mode .media-block-item:nth-child(6n-4) {
        width: 56%;
    }
    .media-block-list.story-mode .media-block-item:nth-child(6n-3) {
        width: 44%;
    }
    .media-block-list:not(.story-mode) .media-block-item, .media-block-list.story-mode .media-block-item:nth-child(6n-2), .media-block-list.story-mode .media-block-item:nth-child(6n-1), .media-block-list.story-mode .media-block-item:nth-child(6n) {
        width: 33.3333333333%;
    }
    .media-block-list.story-mode .media-block-item:nth-child(6n-2) .media-block-preview-picture img, .media-block-list.story-mode .media-block-item:nth-child(6n-1) .media-block-preview-picture img, .media-block-list.story-mode .media-block-item:nth-child(6n) .media-block-preview-picture img {
        height: 100%;
        width: auto;
    }
    .media-block-list.story-mode .media-block-item:nth-child(6n-5) .media-block-preview-picture img {
        height: auto;
        width: 100%;
    }
    .media-block-list.story-mode .media-block-item:not(:nth-child(6n-5)) .media-block-info {
        align-items: flex-start;
    }
    .media-block-list.story-mode .media-block-item:nth-child(6n-5) .media-block-info-footer {
        align-items: center;
        max-width: 684px;
        margin-bottom: auto;
        text-align: center;
    }
    .media-block-list.story-mode .media-block-item:nth-child(6n-5) .media-block-info {
        align-items: center;
    }
    .media-block-list.story-mode .media-block-item:not(:nth-child(6n-5)) .media-block-info-footer {
        max-width: 416px;
    }
    .media-block-list.story-mode .media-block-item:nth-child(6n-5) .media-block-date {
        font-size: 16px;
        line-height: 20px;
    }
    .media-block-list.story-mode .media-block-item:nth-child(6n-5) .media-block-title {
        font-size: 36px;
        line-height: 43px;
    }
    .media-block-list.story-mode .media-block-item:nth-child(6n-5) .media-block-preview-text {
        max-width: 453px;
    }
}
@media (min-width: 1200px) {
    .media-block-list.story-mode .media-block-item:nth-child(6n-2) {
        width: 41%
    }
    .media-block-list.story-mode .media-block-item:nth-child(6n-1) {
        width: 33%;
    }
    .media-block-list.story-mode .media-block-item:nth-child(6n) {
        width: 26%;
    }
}
/* *** */

/* MEDIABLOCK & PROJECT DETAIL PAGE */
.article .article-header {
    position: relative;
    height: 400px;
    width: 100%;
}
.article .article-header-preview-picture {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: -1;
}
.article .article-header-preview-picture:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgb(0 0 0 / 25%) 0%, rgb(0 0 0 / 50%) 100%);
    mix-blend-mode: normal;
    content: "";
}
.article .article-header-preview-picture img {
    height: auto;
    width: 100%;
}
.article .article-header-info {
    height: 100%;
    max-width: 854px;
    padding: 0 16px;
    z-index: 1;
}
.article .article-header-category {
    margin-bottom: 32px;
    padding: 6px 15px;
    font-size: 18px;
    line-height: 22px;
    border: 1px solid rgb(255 255 255 / 40%);
    border-radius: 4px;
}
.article .article-header-title {
    text-align: center;
}
.article .article-header-title, .article .article-content-main-title {
    font-size: 36px;
    line-height: 43px;
}
.article .article-header-date {
    margin-top: 34px;
    font-size: 16px;
    line-height: 19px;
    opacity: 0.9;
}
.article .article-body {
    margin-top: 24px;
}
.article .page-breadcrumbs {
    margin-bottom: 25px;
    padding: 0;
}
.article .article-top-panel {
    align-items: center;
    margin-bottom: 18px;
}
.article .article-stickers-item {
    padding: 4px 10px;
    font-size: 13px;
    line-height: 16px;
}
.article .article-stickers-item:not(:last-child) {
    margin-right: 3px;
}
.article .article-stickers-item a {
    text-decoration: none;
}
.article .article-content-date, .article .article-content-attendee-role {
    font-size: 16px;
    line-height: 19px;
    opacity: 0.9;
}
.article .article-stickers-list + *, .article .article-content-date + .article-content-attendee-role {
    margin-left: 24px;
}
.article .article-content-attribute-title {
    margin-right: 5px;
}
.article .article-content-header {
    margin-bottom: 16px;
}
.article .article-content-sub-title {
    font-size: 24px;
    line-height: 29px;
    font-weight: 500;
}
.article .article-content-main-title + .article-content-sub-title {
    margin-top: 17px;
}
.article .article-content-tabs-list {
    margin-bottom: 32px;
    border-bottom: 1px solid rgb(220 220 220);
    overflow-x: auto;
    overflow-y: hidden;
}
.article .article-content-tab-item {
    position: relative;
    top: 1px;
    flex: 0 0 auto;
    padding: 16px 0;
    color: rgb(80 66 132);
    font-size: 18px;
    line-height: 22px;
    background-color: rgb(0 0 0 / 0%);
    border-bottom: 2px solid rgb(0 0 0 / 0%);
    transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
}
.article .article-content-tab-item:hover {
    color: rgb(194 67 152);
}
.article .article-content-tab-item.active {
    color: rgb(194 67 152);
    border-bottom-color: rgb(194 67 152);
}
.article .article-content-tab-item:not(:last-child) {
    margin-right: 40px;
}
.article .article-tab-content:not(.active) {
    display: none;
}
.article .article-detail-text {
    font-size: 18px;
    line-height: 26px;
}
.article .article-detail-text a {
    color: rgb(194 67 152);
    font-weight: 700;
    text-decoration: none;
}
.article .article-image-gallery {
    flex-direction: column-reverse;
    margin-bottom: 22px;
}
.article .article-image-gallery .article-image-gallery-main, .article .article-image-gallery .article-image-gallery-previews {
    position: relative;
    margin: 16px 0 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}
.article .article-image-gallery .article-image-gallery-previews {
    height: 127px;
    width: 100%;
    margin: 0;
}
.article .article-image-gallery-previews .swiper-wrapper {
    height: 100%;
    width: 100%;
}
.article .article-image-gallery-main .article-gallery-item {
    flex: 0 0 auto;
    height: auto;
    width: 100% !important;
}
.article .article-image-gallery .article-gallery-item-picture {
    flex: 0 0 auto;
    height: auto;
    max-height: 540px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
.article .article-image-gallery .article-gallery-item-picture img {
    width: 100%;
}
.article .article-image-gallery-previews .swiper-slide {
    flex: 0 0 auto;
    mix-blend-mode: normal;
    transition: opacity 0.2s ease-in-out;
}
.article .article-image-gallery-previews .swiper-slide:not(.swiper-slide-thumb-active) {
    opacity: 0.5;
    cursor: pointer;
}
.article .article-image-gallery-previews .swiper-slide:not(.swiper-slide-thumb-active):hover {
    opacity: 1;
}
.article .swiper-slide.swiper-slide-thumb-active .article-image-gallery-previews-picture {
    border-color: rgb(194 67 152);
}
.article .article-image-gallery-previews-picture {
    height: 100%;
    width: 100%;
    border: 2px solid rgb(0 0 0 / 0%);
    overflow: hidden;
}
.article .article-gallery-nav-arrow {
    position: absolute;
    top: 0;
    bottom: 30px;
    flex: 0 0 auto;
    height: 48px;
    width: 48px;
    margin: auto 0;
    padding: 16px;
    background-color: rgb(255 255 255);
    border-radius: 100%;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
    transition: left 0.2s ease-in-out, right 0.2s ease-in-out;
    outline: none;
}
.article .article-gallery-nav-arrow.swiper-button-prev {
    left: 24px;
}
.article .article-gallery-nav-arrow.swiper-button-prev.swiper-button-disabled {
    left: -50px;
}
.article .article-gallery-nav-arrow.swiper-button-next {
    right: 24px;
}
.article .article-gallery-nav-arrow.swiper-button-next.swiper-button-disabled {
    right: -50px;
}
.article .article-gallery-nav-arrow:not(.swiper-button-disabled) {
    cursor: pointer;
}
.article .article-detail-text p, .article .article-image {
    margin-bottom: 24px;
}
.article .article-detail-text img, .article .article-detail-text iframe {
    height: auto;
    width: 100%;
}
.article .article-image-inner-wrapper {
    max-height: 434px;
    overflow: hidden;
}
.article .article-image-copyright {
    margin-top: 8px;
    color: rgb(80 66 132);
    font-size: 16px;
    line-height: 20px;
}
.article .article-socials-share {
    padding: 24px;
    background-color: rgb(255 255 255);
    border-radius: 4px;
}
.article .article-socials-share-header {
    margin-bottom: 21px;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.06em;
    opacity: 0.5;
}
.article .article-socials-item {
    flex: 0 0 auto;
    height: 50px;
    width: 50px;
    padding: 12px;
    background-color: rgb(243 243 243);
    border-radius: 100%;
    transition: box-shadow 0.2s ease-in-out;
}
.article .article-socials-item:not(:last-child) {
    margin-right: 18px;
}
.article .article-socials-item:hover {
    box-shadow: 0 0 2px 2px rgb(0 0 0 / 0.2);
}
.article .article-detail-send-me-on-email {
    justify-content: flex-start;
    align-items: center;
    margin-top: 18px;
    margin-bottom: 104px;
}
.article .article-detail-send-me-on-email button {
    position: relative;
    max-width: 370px;
    padding: 6px 15px;
    border: 1px solid rgb(196 196 196);
}
.article .article-detail-send-me-on-email .icon {
    position: absolute;
    left: 26px;
    flex: 0 0 auto;
    height: 24px;
    width: 24px;
}
.article .article-aside-info {
    align-items: center;
    padding: 16px;
    background-color: rgb(255 255 255);
    border-radius: 4px;
}
.article .article-aside-info + * {
    margin-top: 16px;
}
.article .article-aside-info-author {
    align-items: center;
    margin: 39px 48px 0;
    padding-bottom: 24px;
    border-bottom: 1px solid rgb(220 220 220);
}
.article .article-aside-info-author-picture {
    flex: 0 0 auto;
    height: 120px;
    width: 120px;
    border-radius: 100%;
    overflow: hidden;
}
.article .article-aside-info-author-picture img {
    height: auto;
    width: 100%;
}
.article .article-aside-info-item {
    align-items: center;
    margin-top: 32px;
    text-align: center;
}
.article .article-aside-info-item-title {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.06em;
    opacity: 0.5;
}
.article .article-aside-info-item-value {
    font-size: 18px;
    line-height: 22px;
}
.article .article-aside-info-author + * {
    margin-top: 24px;
}
.article .article-aside-info-item a {
    color: inherit;
    text-decoration: none;
}
.article .article-aside-info-footer {
    width: 100%;
    margin-top: 40px;
}
.article .article-aside-interested + .article-aside-participate {
    margin-top: 8px;
}
.article .project-publications .article-publications-item {
    background-color: rgb(255 255 255);
}
.article .article-publications-item:not(:last-child) {
    margin-bottom: 39px;
}
.article .article-publications-item > *:not(.article-image):last-child {
    padding-bottom: 24px;
}
.article .article-publications-top-panel {
    align-items: center;
    padding: 24px 24px 0;
}
.article .article-publications-item-category {
    padding: 6px 15px;
    font-size: 18px;
    line-height: 22px;
    border: 1px solid rgba(102, 69, 149, 0.5);
    border-radius: 4px;
}
.article .article-publications-item-category + * {
    margin-left: 24px;
}
.article .article-publications-item-date {
    font-size: 16px;
    line-height: 20px;
}
.article .article-publications-title {
    padding: 24px 24px 0;
    font-size: 24px;
    line-height: 29px;
}
.article .article-publications-text {
    padding: 16px 24px 0;
    font-size: 18px;
    line-height: 26px;
}
.article .article-publications-item .article-image {
    margin-top: 24px;
}
.article .article-publications-item .article-image img {
    height: auto;
    width: 100%;
}
.article .article-publications-item .article-image-copyright {
    padding: 0 24px;
}
.article .article-publications-item a {
    color: inherit;
    text-decoration: none;
}
.article .project-more-details .article-publications-top-panel, .article .project-more-details .article-publications-title, .article .project-more-details .article-publications-text, .article .project-more-details .article-publications-item .article-image-copyright {
    padding-left: 0;
    padding-right: 0;
}
.article .scientist-control-panel .btn-white {
    margin-top: 12px;
}
.article .scientist-control-panel .btn-green {
    margin-top: 36px;
}
.article .scientist-control-panel a {
    text-decoration: none;
}

@media (min-width: 320px) {
    .article .article-image-gallery-previews .swiper-slide {
        width: calc(50% - 4px) !important;
    }
}
@media (min-width: 375px) {
    .article .article-image-gallery-previews .swiper-slide {
        width: calc(33.5% - 6px) !important;
    }
}
@media (min-width: 768px) {
    .article .article-image-gallery-previews .swiper-slide {
        width: calc(25% - 12px) !important;
    }
}
@media (min-width: 992px) {
    .article .article-image-gallery-previews .swiper-slide {
        width: calc(33.5% - 12px) !important;
    }
    .article .article-aside-interested:not(.project-interested) {
        color: rgb(255 255 255);
        background-color: rgb(76 164 95);
        border-color: rgb(76 164 95);
    }
    .bx-core.bx-no-touch .article .article-aside-interested:not(.project-interested):hover {
        background-color: rgb(61 134 76);
        border-color: rgb(61 134 76);
    }
}
@media (min-width: 1200px) {
    .article .article-content {
        width: calc(100% - 432px);;
    }
    .article .article-body .section-aside {
        margin: 0 0 0 124px;
    }
}
@media (min-width: 1440px) {
    .article .article-image-gallery-previews .swiper-slide {
        width: calc(25% - 12px) !important;
    }
}

@media (max-width: 1199.98px) {
    .article .article-content-tab-item {
        flex: 0 0 auto;
    }
    .article .article-content {
        width: calc(100% - 324px);
    }
    .article .article-body .section-aside {
        margin: 0 0 0 16px;
    }
}
@media (max-width: 991.98px) {
    .article {
        position: relative;
    }
    .article .article-header {
        height: 295px;
    }
    .article .article-header .article-content-date {
        position: absolute;
        left: 0;
        bottom: 0;
        align-self: flex-end;
        margin-left: 16px;
        margin-bottom: 8px;
    }
    .article .article-stickers-list {
        position: absolute;
        top: 24px;
        left: 0;
        flex-direction: column;
        align-items: flex-start;
    }
    .article .article-stickers-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 3px;
    }
    .article .article-header-info {
        padding: 18px 9px;
    }
    .article .article-top-panel, .article .article-content-sub-title {
        margin-bottom: 8px;
    }
    .article .article-content-header {
        margin-bottom: 0;
    }
    .article .article-content-date-and-role-wrapper, .article .article-content-date-and-role-wrapper .article-content-attendee-role {
        margin-left: 0;
    }
    .article .article-content-tabs-list {
        margin-bottom: 18px;
    }
    .article .article-header-category {
        margin-top: 13px;
        border-width: 2px;
    }
    .article .article-header-date {
        margin-top: auto;
    }
    .article .article-mobile-top-panel {
        padding: 0 16px;
        background-color: rgb(255 255 255);
        overflow-x: auto;
        overflow-y: hidden;
    }
    .article .article-mobile-top-panel .article-aside-info-author {
        flex: 0 0 auto;
        align-items: flex-start;
        margin: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
    .article .article-mobile-top-panel .article-aside-info-item {
        flex: 0 0 auto;
        margin-top: 0;
        padding: 16px 0;
    }
    .article .article-mobile-top-panel > *:not(:last-child) {
        margin-right: 32px;
    }
    .article .article-mobile-top-panel > *:last-child {
        padding-right: 16px;
    }
    .article .article-mobile-top-panel .article-aside-info-item-title {
        font-size: 12px;
        line-height: 14px;
    }
    .article .article-mobile-top-panel .article-aside-info-item-value {
        font-size: 16px;
        line-height: 19px;
    }
    .article .article-mobile-top-panel + .article-body {
        margin-top: 16px;
    }
    .article .page-breadcrumbs {
        display: none;
    }
    .article .article-body-inner-wrapper {
        flex-direction: column;
    }
    .article .article-header-title, .article .article-content-main-title {
        font-size: 24px;
        line-height: 29px;
    }
    .article .article-content-sub-title {
        font-size: 18px;
        line-height: 22px;
    }
    .article .article-content-main-title + .article-content-sub-title {
        margin-top: 8px;
    }
    .article .article-content-tab-item:not(:last-child) {
        margin-right: 32px;
    }
    .article .article-header-title .text-bold {
        font-weight: 500;
    }
    .article .article-detail-text {
        font-size: 16px;
        line-height: 20px;
    }
    .article .article-image-copyright {
        font-size: 14px;
        line-height: 18px;
    }
    .article .article-content {
        width: 100%;
    }
    .article .article-body .section-aside {
        max-width: 100%;
        margin: 6px 0 28px !important;
    }
    .article .article-aside-info {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgb(0 0 0 / 0%);
        z-index: 1;
    }
    .article .article-aside-info-footer {
        flex-direction: row-reverse;
    }
    .article .article-aside-interested {
        flex: 0 0 auto;
        height: 48px;
        width: 48px;
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.16);
    }
    .article .article-aside-interested .icon {
        height: 24px;
        width: 24px;
    }
    .article .article-aside-interested.project-interested .icon-heart-colored, .article .article-aside-interested:not(.project-interested) .icon-heart-filled {
        display: none;
    }
    .article .article-aside-participate {
        margin-top: 0 !important;
        margin-right: 8px;
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.16);
    }
    .article .section-aside-scroll-to-top {
        display: none;
    }
    .article .article-gallery-nav-arrow {
        height: 32px;
        width: 32px;
        padding: 11px;
    }
    .article .article-publications-top-panel, .article .article-publications-title, .article .article-publications-text {
        padding: 16px 16px 0;
    }
    .article .article-publications-item-date {
        margin-left: auto;
    }
    .article .article-publications-title {
        font-size: 18px;
        line-height: 22px;
    }
    .article .article-publications-text {
        font-size: 16px;
        line-height: 20px;
    }
    .article .article-publications-item .article-image {
        margin-bottom: 20px;
    }
    .article .article-publications-item .article-image-copyright {
        padding: 0 16px;
    }
    .article .article-publications-item > *:not(.article-image):last-child {
        padding-bottom: 20px;
    }
}
@media (max-width: 429.98px) {
    .article .article-image-gallery .article-image-gallery-previews {
        height: 75px;
    }
    .article .article-header-preview-picture img {
        height: 100%;
        width: auto;
    }
    .article .article-detail-send-me-on-email button {
        max-width: 100%;
    }
}
@media (max-width: 375px) {
    .article .article-detail-send-me-on-email .icon {
        position: relative;
        left: 0;
        margin-right: 16px;
    }
}
@media (max-width: 1199.98px) and (min-width: 992px) {
    .article .article-content-date-and-role-wrapper {
        flex-direction: column;
    }
    .article .article-content-date-and-role-wrapper > *:not(:first-child) {
        margin-left: 0;
    }
}
@media (max-width: 1439.98px) and (min-width: 1200px) {
    .article .article-content-date, .article .article-content-attendee-role {
        flex-direction: column;
    }
}
/* *** */

/* COMMENTS BLOCK (Must be placed into comments component style.css) */
.comments-block .comments-auth-message {
    margin-bottom: 32px;
    padding: 26px;
    font-size: 18px;
    line-height: 22px;
    background-color: rgb(255 255 255);
    border-left: 4px solid rgb(194 67 152);
    border-radius: 4px;
}
.comments-block .comments-auth-message a, .comments-block .comments-link {
    text-decoration: none;
}
.comments-block .comments-header {
    align-items: flex-end;
    margin-bottom: 8px;
}
.comments-block .comments-title {
    font-size: 24px;
    line-height: 29px;
}
.comments-block .comments-link {
    font-size: 18px;
    line-height: 22px;
}
.comments-block .comments-item {
    position: relative;
    padding-top: 16px;
    padding-bottom: 16px;
}
.comments-block .comments-item.comments-item-answer {
    width: 100%;
    max-width: 89%;
    margin-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    background-color: rgb(255 255 255);
    border-radius: 4px;
}
.comments-block .comments-item-header {
    align-items: center;
    margin-bottom: 8px;
}
.comments-block .comments-item-username {
    font-size: 18px;
    line-height: 22px;
}
.comments-block .comments-item-username ~ .comments-item-date, .comments-block .comments-item-username ~ .comments-item-author-sticker, .comments-block .comments-item-date ~ .comments-item-answer {
    margin-left: 16px;
}
.comments-block .comments-item-date {
    font-size: 16px;
    line-height: 20px;
}
.comments-block .comments-item-author-sticker {
    padding: 4px 10px;
    font-size: 13px;
    line-height: 16px;
}
.comments-block .comments-item-preview-picture {
    flex: 0 0 auto;
    height: 80px;
    width: 80px;
    margin-right: 22px;
    border-radius: 100%;
    overflow: hidden;
}
.comments-block .comments-item-preview-picture img {
    height: auto;
    width: 100%;
}
.comments-block .comments-item-info {
    width: 100%;
}
.comments-block .comments-item-message {
    font-size: 16px;
    line-height: 20px;
}
.comments-block .comment-item-add-answer {
    position: absolute;
    top: 100%;
    left: 0;
    height: auto;
    width: 100%;
    background-color: rgb(255 255 255);
    border-radius: 4px;
    box-shadow: 0 6px 16px rgb(0 0 0 / 0.16);
    z-index: 1;
}
.comments-block .comment-item-add-answer-header {
    padding: 16px 16px 0;
}
.comments-block .comment-item-add-answer-title {
    align-items: center;
    font-size: 16px;
    line-height: 20px;
}
.comments-block .comment-item-add-answer-header .comment-item-add-answer-close {
    flex: 0 0 auto;
    height: 46px;
    width: 46px;
}
.comments-block .comment-item-add-answer-body {
    padding: 16px;
}
.comments-block .comment-item-add-answer-body textarea {
    max-height: 450px;
    border: 1px solid rgb(220 220 220);
}
.comments-block .comments-new-comment {
    max-width: 89%;
    width: 100%;
    margin-top: 31px;
}
.comments-block .field-textarea textarea {
    min-height: 170px;
    min-width: 100%;
    font-size: 16px;
    line-height: 20px;
}
.comments-block .comments-new-comment-form-footer {
    margin-top: 21px;
}
.comments-block .comments-new-comment-form-footer button[type="submit"] {
    max-width: 222px;
}

@media (max-width: 991.98px) {
    .comments-block .comments-auth-message {
        margin-bottom: 24px;
        text-align: center;
    }
    .comments-block .comments-header {
        margin-bottom: 0;
    }
    .comments-block .comments-title {
        font-weight: 700;
    }
    .comments-block .field-dropdown .dropdown-list {
        left: unset;
        right: 0;
    }
    .comments-block .comments-title, .comments-block .comments-link {
        font-size: 16px;
        line-height: 19px;
    }
    .comments-block .comments-item-preview-picture {
        height: 40px;
        width: 40px;
        margin-right: 8px;
    }
    .comments-block .comments-item-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .comments-block .comments-item-username {
        font-size: 16px;
        line-height: 19px;
    }
    .comments-block .comments-item-date {
        font-size: 14px;
        line-height: 18px;
    }
    .comments-block .comments-item-username ~ .comments-item-date, .comments-block .comments-item-username ~ .comments-item-author-sticker, .comments-block .comments-item-date ~ .comments-item-answer {
        margin-left: 0;
    }
    .comments-block .comments-item.comments-item-answer {
        max-width: 91%;
    }
    .comments-block .comments-new-comment {
        max-width: 100%;
    }
    .comments-block .comments-new-comment-form-footer button[type="submit"] {
        max-width: 100%;
    }
}
/* *** */

/* PARTNERS PAGE */
.partners-block .partners-list {
    max-width: 993px;
    margin: 20px auto 0;
}
.partners-block .partners-item:not(:last-child) {
    margin-bottom: 80px;
}
.partners-block .partners-item-picture {
    flex: 0 0 auto;
    height: auto;
    width: 276px;
    margin-right: 33px;
}
.partners-block .partners-item-picture img {
    height: auto;
    width: auto;
}
.partners-block .partners-item-info {
    justify-content: center;
}
.partners-block .partners-item-title {
    font-size: 24px;
    line-height: 29px;
}
.partners-block .partners-item-title + .partners-item-link {
    margin-top: 8px;
}
.partners-block .partners-item-link {
    font-size: 16px;
    line-height: 19px;
    text-decoration: none;
}

@media (max-width: 991.98px) {
    .partners-block .partners-item {
        flex-direction: column;
        align-items: center;
    }
    .partners-block .partners-item:not(:last-child) {
        margin-bottom: 40px;
    }
    .partners-block .partners-item:last-child {
        margin-bottom: 27px;
    }
    .partners-block .partners-item-picture {
        width: 148px;
        margin-right: 0;
        margin-bottom: 8px;
    }
    .partners-block .partners-item-info {
        text-align: center;
    }
    .partners-block .partners-item-title {
        font-size: 18px;
        line-height: 22px;
    }
}
/* *** */

/* GRID LIST */
.grid-list {
    margin: -8px;
}
.grid-list .grid-item {
    padding: 8px;
}
.grid-list .grid-item a {
    color: inherit;
    text-decoration: none;
}
.grid-list .grid-item-inner-wrapper {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    padding: 24px;
    background-color: rgb(255 255 255);
    border-radius: 4px;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
.grid-list .grid-item:hover .grid-item-inner-wrapper {
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
}
.grid-list .grid-item-picture {
    flex: 0 0 auto;
    height: 120px;
    width: 120px;
    margin-bottom: 24px;
    border-radius: 100%;
    overflow: hidden;
}
.grid-list .grid-item-picture img {
    height: auto;
    width: 100%;
}
.grid-list .grid-item-info {
    height: 100%;
    width: 100%;
    max-width: 200px;
}
.grid-list .grid-item-title {
    justify-content: center;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
}
.grid-list .grid-item-row:not(:first-child) {
    margin-top: 8px;
}

@media (max-width: 599.98px) {
    .grid-list {
        margin: 0;
    }
    .grid-list .grid-item {
        width: 100%;
        padding: 0 0 8px;
    }
    .grid-list .grid-item-inner-wrapper {
        flex-direction: row;
        align-items: flex-start;
        padding: 16px;
    }
    .grid-list .grid-item-picture {
        height: 40px;
        width: 40px;
        margin-right: 16px;
        margin-bottom: 0;
    }
    .grid-list .grid-item-info {
        max-width: 100%;
    }
    .grid-list .grid-item-title {
        justify-content: flex-start;
        font-size: 16px;
        line-height: 19px;
        text-align: left;
    }
}

@media (min-width: 600px) {
    .grid-list .grid-item {
        width: 50%;
    }
}
@media (min-width: 768px) {
    .grid-list .grid-item {
        width: 33.3333333%;
    }
}
@media (min-width: 992px) {
    .section-aside + .catalog-items-list .grid-item {
        width: 50%;
    }
}
@media (min-width: 1440px) {
    .grid-list .grid-item {
        width: 25%;
    }
    .section-aside + .catalog-items-list .grid-item {
        width: 33.3333333%;
    }
}
/* *** */

/* PEOPLE BLOCK */
.people-block .people-location {
    justify-content: center;
    color: rgb(0 0 0 / 50%);
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.06em;
}
.people-block .badges-list {
    justify-content: center;
    height: 100%;
    width: 100%;
    margin-top: 20px;
}
.people-block .badge-item img {
    filter: drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.16));
}

@media (max-width: 599.98px) {
    .people-block .people-location {
        justify-content: flex-start;
        font-size: 12px;
        line-height: 14px;
    }
    .people-block .badges-list {
        justify-content: flex-start;
        max-width: 200px;
        margin-top: 23px;
    }
}
/* *** */

/* BLOCK LIST (appears in /about/ page) */
.block-list {
    margin: -8px;
}
.block-list .block-item {
    flex: 0 0 auto;
    padding: 8px;
}
.block-list .block-item-inner-wrapper {
    height: 100%;
    width: 100%;
    background-color: rgb(255 255 255);
    transition: box-shadow 0.2s ease-in-out;
}
.block-list .block-item-inner-wrapper:hover {
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
}
.block-list .block-item-info {
    height: 100%;
    padding: 16px;
    border: 1px solid rgb(225 225 225);
    border-top: none;
}
.block-list .block-item-picture {
    flex: 0 0 auto;
    max-height: 420px;
    overflow: hidden;
}
.block-list .block-item-picture img {
    height: auto;
    width: 100%;
}
.block-list .block-item-title {
    justify-content: center;
    color: inherit;
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
    letter-spacing: 0.06em;
}
.block-list .block-item-description {
    justify-content: center;
    color: inherit;
    font-size: 18px;
    line-height: 26px;
    text-decoration: none;
}
.block-list .block-item-title + .block-item-description {
    margin-top: 8px;
}

@media (max-width: 549.98px) {
    .block-list .block-item {
        width: 100%;
    }
    .block-list .block-item-picture {
        max-height: 439px;
    }
    .block-list .block-item-title {
        font-size: 12px;
        line-height: 14px;
    }
    .block-list .block-item-description {
        font-size: 14px;
        line-height: 18px;
    }
}
@media (min-width: 550px) {
    .block-list .block-item {
        width: 50%;
    }
}
@media (min-width: 768px) {
    .block-list .block-item {
        /*width: 33.3333333%;*/
        width: 25%;
    }
}
@media (min-width: 1200px) {
    .block-list .block-item-info {
        padding: 20px 38px;
    }
}
@media (min-width: 1440px) {
    .block-list .block-item {
        /*width: 33.3333333%;*/
        width: 25%;
    }
}
/* *** */

/* EXPERT COUNSIL BLOCK */

/* *** */

/* PROFILE PAGE */
/* PROFILE USER CARD (in top of page) */
.profile-card {
    margin-top: 16px;
}
.profile-card .profile-card-user {
    width: 100%;
}
.profile-card .profile-card-user-picture-wrapper {
    position: relative;
    flex: 0 0 auto;
    height: 120px;
    width: 120px;
    margin-right: 16px;
}
.profile-card .profile-card-user-picture {
    border-radius: 100%;
    overflow: hidden;
}
.profile-card .profile-card-user-picture img {
    height: auto;
    width: 100%;
}
.bx-core.bx-no-touch .profile-card .profile-card-user-picture-wrapper label:hover {
    box-shadow: 0 0 5px 2px rgb(0 0 0 / 0.2);
}
.profile-card .profile-card-user-picture-wrapper label.active {
    visibility: visible;
    opacity: 1;
}
.profile-card .profile-card-user-picture-wrapper label:not(.active) {
    visibility: hidden;
    opacity: 0;
}
.profile-card .profile-card-user-picture-wrapper label .icon {
    flex: 0 0 auto;
    height: 50%;
    max-height: 48px;
    width: 50%;
    max-width: 48px;
}
.profile-card .profile-card-user-info {
    padding: 11px 0;
}
.profile-card .profile-card-user-info-title {
    font-size: 24px;
    line-height: 29px;
}
.profile-card .profile-card-user-info-common-item {
    font-size: 16px;
    line-height: 19px;
}
.profile-card .profile-card-user-info-common-item:not(:last-child) {
    margin-right: 22px;
}
.profile-card .badges-list {
    margin-top: 16px;
}
.profile-card .badge-item .tooltip-float-container.right, .profile-card .badge-item .tooltip-float-container.left {
    top: -18px;
}
.profile-card .profile-card-tags {
    flex: 0 0 auto;
    max-width: 400px;
    margin-top: 16px;
    margin-left: 16px;
}
.profile-card .profile-card-title {
    justify-content: flex-end;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    letter-spacing: 0.06em;
}
.profile-card .profile-card-tags-list {
    justify-content: flex-end;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -4px;
}
.profile-card .profile-card-tags-item {
    margin: 4px;
    padding: 4px 16px;
    color: inherit;
    font-size: 16px;
    line-height: 19px;
    background-color: rgb(100 78 160 / 10%);
    border-radius: 4px;
    text-decoration: none;
}

@media (min-width: 992px) {
    .profile-card .profile-card-user-picture-wrapper label {
        position: absolute;
        right: 0;
        bottom: 0;
        height: 30px;
        width: 30px;
        background-color: rgb(255 255 255);
        border: 1px solid rgb(255 255 255);
        border-radius: 100%;
        cursor: pointer;
        box-shadow: 0 0 2px 2px rgb(0 0 0 / 0.1);
        transition: all 0.2s ease-in-out;
    }
    .profile-card .profile-card-tags {
        min-width: 308px;
    }
}
@media (max-width: 1199.98px) {
    .profile-card {
        flex-direction: column;
        padding: 16px;
        background-color: rgb(255 255 255);
        border-radius: 4px;
    }
    .profile-card .profile-card-tags {
        max-width: 100%;
    }
    .profile-card .profile-card-title {
        justify-content: flex-start;
        text-align: left;
    }
    .profile-card .profile-card-tags-list {
        justify-content: center;
    }
    .profile-card .badge-item img, .profile-card .badge-hider img {
        -webkit-filter: drop-shadow(0px 6px 8px rgba(0, 0, 0, 0.08));
        filter: drop-shadow(0px 6px 8px rgba(0, 0, 0, 0.08));
    }
}
@media (max-width: 991.98px) {
    .profile-card {
        margin-top: 8px;
    }
    .profile-card .profile-card-user-picture-wrapper {
        height: 50px;
        width: 50px;
        margin-right: 34px;
    }
    .profile-card .profile-card-user-picture-wrapper label {
        position: absolute;
        top: 1px;
        left: 1px;
        right: 1px;
        bottom: 1px;
        background-color: rgb(0 0 0 / 20%);
        border: 2px dashed rgb(220 220 220);
        border-radius: 100%;
    }
    .profile-card .profile-card-user-info {
        padding: 0;
    }
    .profile-card .profile-card-user-info-title {
        font-size: 16px;
        line-height: 19px;
    }
    .profile-card .profile-card-user-info-common-list {
        margin-top: 8px;
    }
    .profile-card .profile-card-user-info-common-item {
        color: rgb(0 0 0 / 50%);
        font-size: 12px;
        font-weight: 700;
        line-height: 14px;
        text-transform: uppercase;
        letter-spacing: 0.06em;
    }
    .profile-card .badges-list {
        margin-top: 24px;
    }
    .profile-card .profile-card-tags {
        margin-top: 33px;
    }
    .profile-card .profile-card-tags-item {
        font-size: 14px;
        line-height: 17px;
    }
}
@media (max-width: 767.98px) {
    .profile-card .badge-item .tooltip-message:before {
        content: unset;
    }
    .profile-card .tooltip-float-container.bottom.stick-to-edge .tooltip-message .tooltip-float-message-tail, .profile-card .tooltip-float-container.top.stick-to-edge .tooltip-message .tooltip-float-message-tail {
        margin: 0;
    }
}
/* end of PROFILE USER CARD */
/* OTHER USER PROFILE */
.profile-user .profile-card-user-body {
    width: 100%;
    padding-bottom: 16px;
}
.profile-user .profile-card-user-info-wrapper {
    flex: 0 0 auto;
}
.profile-user .profile-card .profile-card-user-info {
    height: 100%;
    padding: 5px 0;
}
.profile-user .profile-card .profile-card-user-info-common-item {
    font-size: 14px;
    line-height: 18px;
}
.profile-user .profile-card-user-birth-date {
    margin-top: 8px;
    font-size: 16px;
    line-height: 19px;
}
.profile-user .profile-user-card-aside {
    position: relative;
    top: -42px;
    flex: 0 0 auto;
    margin-left: 125px;
    padding-right: 35px;
}
.profile-user .profile-card .profile-card-title, .profile-user .profile-card .profile-card-tags-list {
    justify-content: flex-start;
    text-align: left;
}
.section.profile-user .badges-list {
    margin: -5px;
}
.section.profile-user .badges-list .badge-item, .section.profile-user .badges-list .badge-hider {
    height: 74px;
    width: 74px;
    padding: 5px;
}
.section.profile-user .badges-list .badge-item img, .section.profile-user .badges-list .badge-hider img {
    height: 64px;
    width: auto;
    max-width: 64px;
}
.profile-user .profile-card .profile-card-tags {
    justify-self: flex-end;
    margin-top: 47px;
}
.profile-user .profile-card-user-about {
    height: 100%;
    margin: 24px 0 0;
}
.profile-user .profile-card-user-collapsing {
    flex-direction: column-reverse;
    align-items: flex-start;
}
.profile-user .profile-card-user-about-text {
    font-size: 16px;
    line-height: 20px;
}
.profile-user .profile-user-card-aside, .profile-user .profile-content .profile-tab-content .section-aside {
    max-width: 416px;
}
.profile-user .profile-content .profile-tab-content .section-aside {
    margin: 0 0 0 16px;
}
.profile-user .profile-user-invite-mobile {
    margin-top: 16px;
}
.profile-user .profile-user-invite-mobile .field-dropdown, .profile-user .profile-user-invite-to-project-wrapper, .profile-user .profile-user-invite-mobile .btn-white {
    width: 100%;
    max-width: 416px;
}
.profile-user .profile-user-invite-mobile .tooltip-float-container {
    max-width: 100%;
}
.profile-user .profile-user-invite-to-project {
    justify-content: center !important;
    max-width: 416px;
    font-size: 18px !important;
    line-height: 22px !important;
}
.profile-user .profile-user-invite-to-project .icon-arrow-down-white {
    position: absolute;
    right: 16px;
}
.profile-user .profile-user-invite-to-project + .dropdown-list {
    left: 0;
    width: 100%;
    overflow: unset;
}
.profile-user .profile-user-invite-to-project + .dropdown-list:before {
    position: absolute;
    left: 0;
    right: 0;
    flex: 0 0 auto;
    height: 18px;
    width: 18px;
    margin: -8px auto 0;
    background-color: rgb(255 255 255);
    transform: rotate(45deg);
    content: "";
}
.profile-user .profile-user-invite-to-project + .dropdown-list label {
    position: relative;
}
.profile-user .profile-user-invite-to-project + .dropdown-list label span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.profile-user .profile-user-invite-to-project + .dropdown-list input:not(:first-child) + label:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% - 1px);
    height: 1px;
    width: calc(100% - 32px);
    margin: 0 auto;
    background-color: rgb(223 223 223);
    content: "";
}

@media (min-width: 1200px) {
    .profile-user .profile-card {
        border-bottom: 1px solid rgb(220 220 220);
    }
}
@media (max-width: 1439.98px) {
    .profile-user .profile-user-card-aside {
        margin-left: 16px;
    }
}
@media (max-width: 1199.98px) {
    .profile-user .profile-card .profile-card-user {
        flex-direction: column;
    }
    .profile-user .profile-user-card-aside {
        top: 0;
        max-width: 100%;
        margin-left: 0;
        padding-right: 0;
    }
    .section.profile-user .badges-list {
        margin-left: 132px;
    }
    .section.profile-user .badges-list .badge-item, .section.profile-user .badges-list .badge-hider {
        height: 58px;
        width: 58px;
    }
    .section.profile-user .badges-list .badge-item img, .section.profile-user .badges-list .badge-hider img {
        height: 48px;
        max-width: 48px;
        filter: drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.08));
    }
    .profile-user .profile-card .profile-card-tags {
        margin-top: 20px;
        margin-left: 0;
    }
    .profile-user .profile-card .profile-card-tags-list {
        justify-content: center;
    }
    .profile-user .profile-card .profile-card-title {
        color: rgb(0 0 0 / 50%);
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }
}
@media (max-width: 991.98px) {
    .page-breadcrumbs:not(.to-992-hidden) + .section {
        padding-top: 0 !important;
    }
    .profile-user .profile-card .profile-card-user-info {
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 6px;
    }
    .profile-user .profile-card .profile-card-user-info-title {
        width: 100%;
    }
    .section.profile-user .badges-list {
        margin: -3px -3px -3px 79px;
    }
    .section.profile-user .badges-list .badge-item, .section.profile-user .badges-list .badge-hider {
        height: 46px;
        width: 46px;
        padding: 3px;
    }
    .section.profile-user .badges-list .badge-item img, .section.profile-user .badges-list .badge-hider img {
        height: 40px;
        max-width: 40px;
    }
    .profile-user .profile-card .profile-card-title {
        font-size: 12px;
        line-height: 14px;
    }
    .profile-user .profile-card-user-about-text {
        font-size: 14px;
        line-height: 18px;
    }
    .profile-user .profile-card .profile-card-user-info-common-item, .profile-user .profile-card-user-birth-date {
        color: rgb(0 0 0 / 50%);
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }
    .profile-user .profile-card-user-birth-date {
        order: 2;
    }
    .profile-user .profile-card .profile-card-user-info-common-list {
        order: 3;
    }
    .profile-user .profile-card .profile-card-user-info-common-list + .profile-card-user-birth-date {
        margin-right: 8px;
        font-weight: 700;
        font-family: "Bellota Text", sans-serif;
    }
}
@media (max-width: 374.98px) {
    .section.profile-user .badges-list .badge-item, .section.profile-user .badges-list .badge-hider {
        height: 42px;
        width: 42px;
    }
    .section.profile-user .badges-list .badge-item img, .section.profile-user .badges-list .badge-hider img {
        height: 36px;
        max-width: 36px;
    }
}
/* end of OTHER USER PROFILE */
/* PROFILE BODY (tabs and their contents) */
.profile-content .profile-tab-list {
    border-bottom: 1px solid rgb(220 220 220);
}
.profile-content .profile-tab-item {
    position: relative;
    top: 1px;
    flex: 0 0 auto;
    margin-right: 40px;
    padding: 11px 0;
    color: rgb(80 66 132);
    font-size: 18px;
    line-height: 22px;
    background-color: rgb(0 0 0 / 0%);
    border-bottom: 2px solid;
    border-bottom-color: rgb(0 0 0 / 0%);
    transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
}
.profile-content .profile-tab-item.active:not(.profile-exp-stats) {
    border-bottom-color: rgb(194 67 152);
}
.profile-content .profile-tab-item.active.profile-exp-stats {
    border-bottom-color: rgb(53 141 150);
}
.profile-content .profile-tab-item.active, .profile-content .profile-tab-item:hover {
    color: rgb(194 67 152);
}
.profile-content .profile-tab-item .profile-tab-item-notify {
    position: absolute;
    top: 11px;
    right: -8px;
    height: 8px;
    width: 8px;
    background-color: rgb(194 67 152);
    border-radius: 100%;
}
.profile-content .profile-tab-content {
    margin-top: 24px;
}
.profile-content .profile-tab-content:not(.active), .profile-content .profile-user-role-tab-content:not(.active) {
    display: none;
}
.profile-content .profile-tab-content-inner-wrapper {
    width: 100%;
}
.profile-content .profile-tab-content-body {
    width: 100%;
}
.profile-content .profile-user-button-tab-item {
    flex: 0 0 auto;
    padding: 8px 16px;
    color: rgb(80 66 132);
    font-size: 16px;
    line-height: 19px;
    border-radius: 4px;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.profile-content .profile-user-button-tab-item:not(.active) {
    background-color: rgb(0 0 0 / 0%);
}
.profile-content .profile-user-button-tab-item.active {
    background-color: rgb(194 67 152 / 10%);
}
.profile-content .profile-user-button-tab-item.active, .profile-content .profile-user-button-tab-item:hover {
    color: rgb(194 67 152);
}
.profile-content .profile-user-role-tab-content {
    margin-top: 32px;
}
.profile-content .profile-exp-stats-projects-item {
    background-color: rgb(255 255 255);
    border-radius: 4px;
    overflow: hidden;
}
.profile-content .profile-exp-stats-projects-item:not(:last-child) {
    margin-bottom: 16px;
}
.profile-content .exp-stats-projects-item-picture {
    position: relative;
    height: 158px;
    width: 100%;
    max-width: 308px;
    overflow: hidden;
}
.profile-content .exp-stats-projects-item-picture img {
    height: auto;
    width: 100%;
}
.profile-content .exp-stats-projects-item-progress {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 7px;
    background-color: rgb(0 0 0 / 40%);
    z-index: 1;
}
.profile-content .exp-stats-projects-item-progress-bar {
    height: inherit;
    background-color: rgb(53 141 150);
}
.profile-content .exp-stats-projects-item-main-info {
    width: 100%;
    margin: 0 32px 0 24px;
    padding: 24px 0 0 0;
    border-bottom: 1px solid transparent;
}
.profile-content .profile-exp-stats-projects-item.expanded .exp-stats-projects-item-main-info {
    border-bottom-color: rgb(234 236 238);
}
.profile-content .exp-stats-projects-item-main-info-headline {
    align-items: center;
    margin-bottom: 8px;
}
.profile-content .exp-stats-projects-item-main-info-tags {
    font-size: 14px;
    line-height: 18px;
}
.profile-content .exp-stats-projects-item-collapse {
    height: 18px;
    width: 18px;
    padding: 2px;
    background-color: rgb(0 0 0 / 0%);
}
.profile-content .profile-exp-stats-projects-item.expanded .exp-stats-projects-item-collapse {
    transform: rotate(180deg);
}
.profile-content .exp-stats-projects-item-main-info-title {
    max-width: 401px;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 22px;
}
.profile-content .exp-stats-projects-item-main-info-preview-text {
    max-width: 401px;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 20px;
}
.profile-content .profile-exp-stats-projects-item .exp-stats-projects-item-dropdown {
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}
.profile-content .profile-exp-stats-projects-item:not(.expanded) .exp-stats-projects-item-dropdown {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.profile-content .profile-exp-stats-projects-item.expanded .exp-stats-projects-item-dropdown {
    max-height: 100%;
    opacity: 1;
    visibility: visible;
}
.profile-content .exp-stats-projects-item-content {
    padding: 0 32px;
}
.profile-content .exp-stats-project-item-path-btn {
    align-self: flex-start;
    min-height: 24px;
    margin-top: 41px;
    padding: 4px 10px;
    width: auto;
    font-size: 13px;
    line-height: 16px;
    border-radius: 0;
}
.profile-content .exp-stats-projects-item-content-row {
    padding: 31px 0;
}
.profile-content .profile-exp-stats-projects-item .exp-stats-projects-item-content-row:not(:last-child) {
    border-bottom: 1px solid rgb(234 236 238);
}
.profile-content .exp-stats-projects-item-content-row .exp-stats-projects-item-content-row-item:not(:last-child) {
    margin-right: 70px;
}
.profile-content .exp-stats-projects-item-content-row-item-number {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 22px;
}
.profile-content .exp-stats-projects-item-content-row-item-title {
    font-size: 16px;
    line-height: 20px;
    min-width: 210px;
}
.profile-content .exp-stats-aside-info-title {
    margin-bottom: 19px;
    font-size: 24px;
    line-height: 29px;
}
.profile-content .exp-stats-aside-info-item:not(:last-child) {
    margin-bottom: 19px;
}
.profile-content .exp-stats-aside-info-number {
    font-size: 48px;
    line-height: 58px;
    letter-spacing: 0.06em;
}
.profile-content .exp-stats-aside-info-description {
    color: rgb(0 0 0 / 65%);
    font-size: 18px;
    line-height: 23px;
}

@media (min-width: 600px) {
    .profile-content .exp-stats-projects-item-collapse .icon-graph-white, .profile-content .exp-stats-projects-item-mobile-header {
        display: none;
    }
}
@media (max-width: 991.98px) {
    .profile-content .profile-tab-list {
        margin-top: 10px;
    }
    .profile-content .profile-tab-list, .profile-content .profile-user-button-tab-list {
        overflow-y: hidden;
        overflow-x: auto;
    }
    .profile-content .exp-stats-info-mobile {
        position: relative;
        height: 65px;
        margin: 41px -15px 0;
    }
    .profile-content .exp-stats-info-mobile-inner {
        align-items: center;
        padding: 0 18px;
        background-color: rgb(255 255 255);
        overflow: hidden;
    }
    .profile-content .exp-stats-info-control {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 85px;
        z-index: 1;
    }
    .profile-content .exp-stats-info-control.scroll-left {
        left: 0;
        background: linear-gradient(90deg, rgb(255 255 255) 0%, rgb(255 255 255 / 0%) 90.91%);
    }
    .profile-content .exp-stats-info-control.scroll-right {
        right: 0;
        background: linear-gradient(270deg, rgb(255 255 255) 0%, rgb(255 255 255 / 0%) 90.91%);
    }
    .profile-content .exp-stats-info-scroll {
        align-items: center;
        height: 100%;
        width: 100%;
        padding: 15px;
        background-color: rgb(0 0 0 / 0%);
        -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
    }
    .profile-content .exp-stats-info-control.scroll-left .exp-stats-info-scroll {
        justify-content: flex-start;
    }
    .profile-content .exp-stats-info-control.scroll-right .exp-stats-info-scroll {
        justify-content: flex-end;
    }
    .profile-content .exp-stats-info-item {
        align-items: center;
    }
    .profile-content .exp-stats-info-item:not(:last-child) {
        margin-right: 45px;
    }
    .profile-content .exp-stats-info-number {
        font-size: 30px;
        line-height: 36px;
        letter-spacing: 0.06em;
    }
    .profile-content .exp-stats-info-number + .exp-stats-info-description {
        margin-left: 10px;
    }
    .profile-content .exp-stats-info-description {
        max-width: 160px;
        color: rgb(0 0 0 / 65%);
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
    }
}
@media (min-width: 600px) {
    .profile-content .exp-stats-projects-item-content-row .exp-stats-projects-item-content-row-item {
        width: calc(33.3333333% - 35px);
    }
}
@media (max-width: 599.98px) {
    .profile-content .exp-stats-projects-item-main {
        flex-direction: column;
    }
    .profile-content .exp-stats-projects-item-main-info-headline {
        position: relative;
    }
    .profile-content .exp-stats-projects-item-main-info-title, .profile-content .exp-stats-projects-item-main-info-preview-text, .profile-content .exp-stats-projects-item-main-info-tags {
        max-width: calc(100% - 50px);
    }
    .profile-content .exp-stats-projects-item-picture {
        height: 200px;
        max-width: 100%;
    }
    .profile-content .exp-stats-projects-item-main-info {
        margin: 0;
        padding: 16px 16px 31px;
    }
    .profile-content .exp-stats-projects-item-progress {
        height: 12px;
    }
    .profile-content .exp-stats-projects-item-collapse {
        position: absolute;
        top: 0;
        right: 0;
        height: 40px;
        width: 40px;
        padding: 11px;
        background-color: rgb(53 141 150);
        border-radius: 4px;
    }
    .profile-content .profile-exp-stats-projects-item.expanded .exp-stats-projects-item-collapse {
        transform: unset;
    }
    .profile-content .exp-stats-projects-item-collapse .icon-vector-cyan {
        display: none;
    }
    .profile-content .profile-exp-stats-projects-item .exp-stats-projects-item-dropdown {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgb(255 255 255);
        overflow: unset;
        z-index: 3;
    }
    .profile-content .profile-exp-stats-projects-item:not(.expanded) .exp-stats-projects-item-dropdown {
        max-height: 100%;
    }
    .profile-content .exp-stats-projects-item-mobile-header {
        align-items: center;
        padding: 16px 16px 0;
    }
    .profile-content .exp-stats-projects-item-content {
        max-height: calc(100% - 62px);
        padding: 0 16px 24px;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .profile-content .exp-stats-projects-item-content-row {
        flex-direction: column;
    }
    .profile-content .exp-stats-projects-item-content-row .exp-stats-projects-item-content-row-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 25px;
    }
    .profile-content .exp-stats-projects-item-content-row-item-inner {
        max-width: 208px;
    }
    .profile-content .exp-stats-projects-item-content-row-item-number {
        margin-bottom: 4px;
    }
    .profile-content .exp-stats-projects-item-mobile-header-title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-width: 208px;
        width: 100%;
        font-size: 18px;
        line-height: 22px;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .profile-content .exp-stats-projects-item-mobile-close {
        min-height: 46px;
        max-width: 46px;
    }
}
/* PROFILE TAB NEW PROJECT */
.profile-content .profile-new-project-field-group {
    margin-bottom: 16px;
}
.profile-content .profile-new-project-field-group:last-child {
    margin-bottom: 60px;
}
.profile-content .profile-new-project-field-group fieldset {
    padding: 24px;
    width: 100%;
    background-color: rgb(255 255 255);
    border-radius: 4px;
}
.profile-content .profile-new-project-form-header {
    align-items: center;
}
.profile-content .profile-new-project-form-title {
    flex: 0 0 auto;
    align-items: center;
    font-size: 24px;
    line-height: 29px;
}
.profile-content .profile-new-project-field-group-body .field-row .field:not(:last-child) {
    margin-right: 16px;
}
.profile-content .profile-new-project-form-info-msg {
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    font-size: 14px;
    line-height: 17px;
}
.profile-content .profile-new-project-form-info-msg .icon {
    height: 24px;
    width: 24px;
    margin: 0 8px;
}
.profile-content .profile-new-project-form-info-msg span:not(.icon) {
    flex: 0 0 auto;
}
.profile-content .profile-new-project-field-group-body {
    padding-right: 86px;
}
.profile-content .profile-new-project-form-header + .profile-new-project-field-group-body .field {
    margin-top: 32px;
}
.profile-content .profile-new-project-field-group-body .field-text input, .profile-content .profile-new-project-field-group-body .field-select select, .profile-content .profile-new-project-field-group-body .field-textarea textarea {
    color: rgb(0 0 0);
    font-size: 16px;
    line-height: 19px;
    background-color: rgb(255 255 255);
    border: 1px solid rgb(220 220 220);
    z-index: 1;
    z-index: 0; /*serg*/
}
.profile-content .profile-new-project-field-group-body .field input::placeholder {
    color: rgb(0 0 0 / 65%);
}
.profile-content .section-aside-example {
    padding: 18px 24px;
    background-color: rgb(255 255 255);
    border-radius: 4px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
}
.profile-content .section-aside-example .icon {
    flex: 0 0 auto;
    height: 48px;
    width: 36px;
    margin-right: 8px;
}
.profile-content .section-aside-example-text {
    text-align: left;
    font-size: 16px;
    line-height: 19px;
}
.profile-content .section-aside-example-link {
    text-decoration: none;
}
.profile-content .profile-new-project-field-group fieldset + .section-aside {
    max-width: 265px;
    margin: 0 0 0 58px;
}
.profile-content .field-group-subtitle {
    align-items: center;
    font-size: 16px;
    line-height: 19px;
}
.profile-content .profile-new-project-field-group-body .field-row .field-select ~ * {
    align-self: flex-start;
    margin-top: 28px;
    margin-left: 44px;
}
.profile-content .field-row {
    z-index: 1;
    z-index: unset; /*serg*/
}
.profile-content .profile-new-project-field-group-body > *:first-child {
    margin-top: 0;
}
.profile-content .profile-new-project-field-group-body > *:not(:first-child) {
    margin-top: 34px;
}
.profile-content .profile-new-project-field-group-body .field {
    position: relative;
}
.profile-content .profile-new-project-pictures {
    margin-right: -86px;
}
.profile-content .profile-new-project-pictures .field-description {
    padding-right: 86px;
}
.profile-content .profile-new-project-footer {
    justify-content: space-around;
    margin-top: 9px;
}
.profile-content .profile-new-project-footer button {
    min-height: 64px;
    width: 45%;
    margin-top: 32px;
    font-size: 20px;
    line-height: 24px;
    z-index: 1;
}
.profile-content .profile-new-project-mobile-info-msg {
    margin-top: 8px !important;
    font-size: 14px;
    line-height: 17px;
}
.profile-content .profile-new-project-mobile-info-msg p:not(:last-child) {
    margin-bottom: 24px;
}

@media (max-width: 1199.98px) and (min-width: 992px) {
    .profile-content .profile-new-project-field-group fieldset + .section-aside {
        margin: 0 0 0 16px;
    }
}

@media (max-width: 767.98px) {
    .profile-content .profile-new-project-field-group {
        margin-left: -16px;
        margin-right: -16px;
    }
    .profile-content .profile-new-project-field-group:not(:last-child) {
        margin-bottom: 0;
    }
    .profile-content .profile-new-project-field-group fieldset {
        padding: 0;
        background-color: rgb(0 0 0 / 0%);
    }
    .profile-content .profile-new-project-field-group .bg-add-logo:after {
        content: unset;
    }
    .profile-content .profile-new-project-form-header {
        padding: 16px 16px 0;
        background-color: rgb(255 255 255);
    }
    .profile-content .profile-new-project-field-group-body {
        padding-left: 16px;
        padding-right: 16px;
        background-color: rgb(255 255 255);
    }
    .profile-content .profile-new-project-field-group:last-child .profile-new-project-field-group-body {
        position: relative;
        padding-bottom: 45px;
    }
    .profile-content .profile-new-project-field-group:last-child .profile-new-project-field-group-body:after {
        position: absolute;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        background-image: url(/local/templates/cs/preview/images/bg-cs-logo.svg);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: contain;
        opacity: 0.05;
        pointer-events: none;
        content: "";
    }
    .profile-content .profile-new-project-pictures {
        margin-top: 16px !important;
        margin-right: 0 !important;
    }
    .profile-content .profile-new-project-footer {
        flex-direction: column;
        margin-top: 16px;
        padding: 0 16px;
    }
    .profile-content .profile-new-project-footer button {
        width: 100%;
        margin-top: 16px;
    }
}

/* *** */
/* PROFILE TAB PROJECTS (not aside) */
.profile-content .profile-user-projects-item {
    margin-bottom: 16px;
    transition: box-shadow 0.2s ease-in-out;
}
.profile-content .profile-user-projects-item:hover {
    box-shadow: 0px 0 16px 5px rgb(0 0 0 / 0.08);
}
.profile-content .profile-user-projects-item-picture {
    position: relative;
    flex: 0 0 auto;
    height: 278px;
    width: 308px;
    text-decoration: none;
    overflow: hidden;
}
.profile-content .profile-user-projects-item-picture img {
    height: auto;
    width: 100%;
}
.profile-content .profile-user-projects-item-picture .profile-user-projects-item-sticker-list {
    position: absolute;
    top: 19px;
    left: 0;
    align-items: flex-start;
}
.profile-content .profile-user-projects-item-picture .profile-user-projects-item-sticker-item:not(:last-child) {
    margin-bottom: 3px;
}
.profile-content .profile-user-projects-item-edit-link {
    text-decoration: none;
}
.profile-content .profile-user-projects-item-edit-btn {
    height: 36px;
    width: 229px;
    margin-top: 8px;
    font-size: 18px;
    line-height: 22px;
    background-color: #fff;
    border: 1px solid rgb(220 220 220);
    border-radius: 4px;
}
.profile-content .profile-user-projects-item-info {
    width: 100%;
    padding: 25px;
    background-color: rgb(255 255 255);
}
.profile-content .profile-user-projects-item-date {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 18px;
}
.profile-content .profile-user-projects-item-title {
    color: inherit;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
}
.profile-content .profile-user-projects-item-preview-text {
    margin-top: 8px;
    font-size: 16px;
    line-height: 20px;
}
.profile-content .profile-user-projects-item-title span, .profile-content .profile-user-projects-item-preview-text span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.profile-content .profile-user-projects-item-info .profile-user-projects-item-sticker-list {
    margin-top: 8px;
}
.profile-content .profile-user-projects-item-sticker-item {
    padding: 4px 10px;
    font-size: 13px;
    line-height: 16px;
}
.profile-content .profile-user-projects-item-info .profile-user-projects-item-sticker-item:not(:last-child) {
    margin-right: 3px;
}
.profile-content .profile-user-projects-item-footer {
    padding-top: 16px;
}
.profile-content .profile-user-projects-item-likes {
    align-items: center;
}
.profile-content .profile-user-projects-item-likes .icon {
    height: 16px;
    width: 16px;
    margin-right: 6px;
}
.profile-content .profile-user-projects-item-likes-counter {
    font-size: 14px;
    line-height: 16px;
    opacity: 0.9;
}
.profile-content .profile-user-projects-item-map-moderation-btn {
    margin-right: 9px;
    color: inherit;
    font-size: 14px;
    line-height: 18px;
    transition: all 0.3s ease-in-out;
}
.profile-content .field-switch:not(.active) .profile-user-projects-item-map-moderation-btn {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.profile-content .profile-user-projects-action-btn {
    margin-top: 16px;
}
.profile-content .profile-user-projects-action-item {
    width: 100%;
}
.profile-content .profile-user-projects-actions-list .profile-user-projects-action-item:not(:last-child) {
    margin-right: 19px;
}
.profile-content .profile-user-projects-action-btn-description {
    margin-top: 15px;
    font-size: 16px;
    line-height: 20px;
}

@media (max-width: 1199.98px) and (min-width: 992px) {
    .profile-content .profile-user-projects-item {
        flex-direction: column;
    }
    .profile-content .profile-user-projects-item-picture {
        height: 200px;
        width: 100%;
    }
    .profile-content .profile-user-projects-item-info {
        padding: 16px;
    }
    .profile-content .profile-user-projects-item-footer {
        margin-top: 16px;
    }
}

@media (max-width: 649.98px) {
    .profile-content .profile-user-projects-item {
        flex-direction: column;
    }
    .profile-content .profile-user-projects-item-picture {
        height: 200px;
        width: 100%;
    }
    .profile-content .profile-user-projects-item-info {
        padding: 16px;
        border: 1px solid rgb(234 234 234);
        border-top: none;
    }
    .profile-content .profile-user-projects-item-footer {
        margin-top: 16px;
    }
    .profile-content .profile-user-projects-actions-list {
        flex-direction: column;
    }
    .profile-content .profile-user-projects-actions-list .profile-user-projects-action-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 19px;
    }
    .profile-content .profile-user-projects-actions-list .empty-list-placeholder {
        height: 176px;
    }
    .profile-content .profile-user-projects-action-btn-description {
        margin-top: 9px;
    }
}
/* end of PROFILE TAB PROJECTS */

/* PROJECT MAP MARKERS MODERATION */
.project-map-moderation {
    margin: 40px 0;
}
.project-map-moderation .project-map-moderation-header {
    align-items: center;
}
.project-map-moderation .add-project-map-marker {
    max-width: 320px;
    margin-right: 24px;
}
.project-map-moderation .export-project-map-markers {
    position: relative;
}
.export-project-map-markers .export-project-map-markers-btn-dropdown {
    align-items: center;
    justify-content: center;
    min-height: 48px;
    width: 100%;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    border-radius: 4px;
    cursor: pointer;
}
.export-project-map-markers .export-project-map-markers-btn-dropdown > *:not(:last-child) {
    margin-right: 5px;
}
.export-project-map-markers .export-project-map-markers-dropdown {
    position: absolute;
    right: 0;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}
.export-project-map-markers:not(:hover) .export-project-map-markers-dropdown {
    top: calc(100% + 30px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.export-project-map-markers:hover .export-project-map-markers-dropdown {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.export-project-map-markers .export-project-map-markers-dropdown-list {
    min-width: 100px;
    padding: 8px 0;
    background-color: rgb(255 255 255);
    border-radius: 4px;
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
}
.export-project-map-markers .export-project-map-markers-dropdown-item {
    padding: 8px 16px;
    color: rgb(80 66 132);
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    text-align: left;
    transition: color 0.3s ease-in-out;
}
.export-project-map-markers .export-project-map-markers-dropdown-item:hover {
    color: rgb(194 67 152);
}
.project-map-moderation .project-map-moderation-body {
    margin: 20px 0;
}
.project-map-moderation .project-map-moderation-body .project-map-markers-group:not(:last-child) {
    margin-bottom: 24px;
}

.project-map-markers-group .project-map-markers-group-header {
    align-items: center;
}
.project-map-markers-group .project-map-markers-group-title {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.06em;
}
.project-map-markers-group .project-map-markers-empty-list {
    margin: 16px 0;
    font-size: 18px;
    line-height: 22px;
}
.project-map-markers-group .project-map-markers-group-list-header {
    margin-top: 10px;
    padding: 12px 16px 12px 6px;
    background-color: rgb(255 255 255);
}
.project-map-markers-group .project-map-markers-group-header-column {
    font-size: 16px;
    line-height: 18px;
}
.project-map-markers-group .project-map-markers-group-header-column:not(:last-child) {
    margin-right: 11px;
}
.project-map-markers-group .project-map-markers-group-header-placeholder {
    flex: 0 0 auto;
    width: 28px;
}
.project-map-markers-group .project-map-markers-group-header-name {
    min-width: 210px;
}
.project-map-markers-group .project-map-markers-group-header-description {
    width: 100%;
}
.project-map-markers-group .project-map-markers-group-header-observe-start {
    flex: 0 0 auto;
    width: 106px;
    padding: 0 10px;
}
.project-map-markers-group .project-map-markers-group-header-observe-end {
    flex: 0 0 auto;
    width: 106px;
    padding: 0 10px;
}

.project-map-markers-group .project-map-markers-group-header-lat {
    flex: 0 0 auto;
    width: 76px;
    padding: 0 10px;
}
.project-map-markers-group .project-map-markers-group-header-lng {
    flex: 0 0 auto;
    width: 76px;
    padding: 0 10px;
}
.project-map-markers-group .project-map-markers-list {
    margin: 0px -8px -2px;
}
.project-map-markers-group .project-map-markers-item {
    padding: 2px 8px;
}
.project-map-markers-group .project-map-markers-item-inner {
    padding: 4px 9px;
    background-color: rgb(255 255 255);
}
.project-map-markers-group .project-map-markers-item-column:not(:last-child) {
    margin-right: 10px;
    /*padding-right: 10px;*/
    /*border-right: 1px dashed rgb(221 221 221);*/
}
.project-map-markers-group .project-map-markers-item-column-header {
    margin-bottom: 5px;
    color: rgb(80 66 132);
    font-size: 16px;
    line-height: 22px;
}
.project-map-markers-group .project-map-markers-item-picture {
    height: 29px;
    width: 29px;
    margin: auto 10px auto 0;
    padding: 7px;
}
.project-map-markers-group .project-map-markers-item-picture label:before {
    height: 18px;
    width: 18px;
}
.project-map-markers-group .project-map-markers-item-picture label:after {
    left: 5px;
}
.project-map-markers-group .project-map-markers-item-picture .icon, .project-map-markers-group .project-map-markers-item-actions > .icon {
    opacity: 0.6;
}
.project-map-markers-group .project-map-markers-item-title {
    justify-content: center;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}
.project-map-markers-group .project-map-markers-item-title-inner {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.project-map-markers-group .project-map-markers-item-description {
    justify-content: center;
    width: 100%;
    color: inherit;
    text-decoration: none;
}
.project-map-markers-group .project-map-markers-item-description-inner {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 5px;
}
.project-map-markers-group .project-map-markers-item-author-column {
    max-width: 200px;
}
.project-map-markers-group .project-map-markers-item-observe-start, .project-map-markers-group .project-map-markers-item-observe-end {
    justify-content: center;
    width: 104px;
}
.project-map-markers-group .project-map-markers-item-lat, .project-map-markers-group .project-map-markers-item-lng {
    justify-content: center;
}
.project-map-markers-group .project-map-markers-item-author {
    height: 28px;
    width: 28px;
    border-radius: 100%;
    overflow: hidden;
}
.project-map-markers-group .project-map-markers-item-author img {
    height: auto;
    width: 100%;
}
.project-map-markers-group .project-map-markers-item-actions {
    position: relative;
    height: 28px;
    width: 28px;
    margin: auto 0;
    padding: 7px;
    background-color: #f5f6fa;
    border-radius: 100%;
}
.project-map-markers-group .project-map-markers-item-actions > .icon {
    cursor: pointer;
}
.project-map-markers-group .project-map-markers-item-menu {
    position: absolute;
    top: 0;
    right: 100%;
    padding-right: 5px;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}
.project-map-markers-group .project-map-markers-item-actions:not(:hover) .project-map-markers-item-menu {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.project-map-markers-group .project-map-markers-item-actions:hover .project-map-markers-item-menu {
    opacity: 1;
    visibility: visible;
}
.project-map-markers-group .project-map-markers-item-menu-list {
    padding: 8px 0;
    background-color: rgb(255 255 255);
    border-radius: 4px;
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
}
.project-map-markers-group .project-map-markers-item-menu-item {
    padding: 8px 16px;
    color: rgb(80 66 132);
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.3s ease-in-out;
}
.project-map-markers-group .project-map-markers-item-menu-item:hover {
    color: rgb(194 67 152);
}

/* end of PROJECT MAP MARKERS MODERATION */

/* ADD OR EDIT MARKER DETAILS POPUP */
.map-marker-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 640px;
    max-width: 500px;
    margin: auto;
    background-color: rgb(255 255 255);
    border-radius: 4px;
    box-shadow: 0px 8px 16px rgb(0 0 0 / 8%);
    transition: all 0.3s ease;
    z-index: 4;
}
.map-marker-popup:not(.active) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.map-marker-popup.active {
    opacity: 1;
    visibility: visible;
}
.map-marker-popup .map-marker-popup-inner {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.map-marker-popup .map-marker-popup-header {
    align-items: center;
    padding: 16px;
    box-shadow: 0 0 10px rgb(0 0 0 / 8%);
}
.map-marker-popup .map-marker-popup-title {
    width: 100%;
    font-size: 24px;
    line-height: 29px;
}
.map-marker-popup .map-marker-popup-header .map-marker-popup-close {
    height: 46px;
    width: 46px;
}
.map-marker-popup .map-marker-popup-body {
    height: 100%;
    padding: 0 16px;
    overflow-y: auto;
    overflow-x: hidden;
}
.map-marker-popup .map-marker-popup-footer {
    align-items: center;
    padding: 16px;
    box-shadow: 0 0 10px rgb(0 0 0 / 8%);
}
.map-marker-popup .map-marker-popup-btn, .map-marker-popup .field-inline-file-label {
    min-height: 48px;
    max-width: 160px;
    padding: 0 16px;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    border-radius: 4px;
    cursor: pointer;
}
.map-marker-popup .map-marker-popup-body form {
    padding-bottom: 34px;
}
.map-marker-popup .map-marker-popup-body form > .field:not(:first-of-type) {
    margin-top: 12px;
}
.map-marker-popup .map-marker-popup-body form > .field {
    margin-top: 20px;
}
.map-marker-popup .map-marker-popup-body form .field-row .field:not(:last-child) {
    margin-right: 12px;
}
.map-marker-popup .field-text input, .map-marker-popup .field-select select, .map-marker-popup .field-textarea textarea {
    color: rgb(0 0 0);
    font-size: 16px;
    line-height: 19px;
    background-color: rgb(255 255 255);
    border: 1px solid rgb(220 220 220);
}
.map-marker-popup .field-text input[type="number"] {
    -moz-appearance: textfield;
}
.map-marker-popup input[type="number"]::-webkit-outer-spin-button, .map-marker-popup input[type="number"]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}
.map-marker-popup .field-inline-file-label {
    max-width: 240px;
    background-color: rgb(239, 239, 239);
}
.map-marker-popup .field-gallery-item input[type="checkbox"] {
    display: none;
}
.map-marker-popup .field-gallery-item {
    width: calc(100% / 4);
    padding: 3px;
    cursor: pointer;
}
.map-marker-popup .field-gallery-item .field-gallery-item-preview {
    position: relative;
    border: 4px solid;
}
.map-marker-popup .field-gallery-item .field-gallery-item-preview:before {
    position: absolute;
    top: -8px;
    left: -8px;
    height: 20px;
    width: 20px;
    background-color: rgb(255 255 255);
    background-image: url(/local/templates/cs/preview/images/icon-check-black.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    border: 2px solid rgb(80 66 132);
    border-radius: 100%;
    transition: all 0.3s ease;
    content: "";
}
.map-marker-popup .field-gallery-item .field-gallery-item-preview-coords {
    line-height: 12px;
    font-size: 12px;
    margin: 6px 0 12px 0;
    background-color: #e2e2e2;
    padding: 4px 4px;
    border-radius: 2px;
}
.map-marker-popup .field-gallery-item:hover input[type="checkbox"]:not(:checked) ~ .field-gallery-item-preview:before {
    opacity: 0.5;
}
.map-marker-popup .field-gallery-item .field-gallery-item-preview img {
    height: auto;
    width: 100%;
}
.map-marker-popup .field-gallery-item input[type="checkbox"]:not(:checked) ~ .field-gallery-item-preview {
    border-color: rgb(0 0 0 / 0%);
    opacity: 0.8;
}
.map-marker-popup .field-gallery-item input[type="checkbox"]:not(:checked) ~ .field-gallery-item-preview:before {
    opacity: 0;
}
.map-marker-popup .field-gallery-item input[type="checkbox"]:checked ~ .field-gallery-item-preview {
    border-color: rgb(80 66 132);
}
.map-marker-popup .field-gallery-item input[type="checkbox"]:checked ~ .field-gallery-item-preview:before {
    opacity: 1;
}
@media (max-width: 499.98px) {
    .map-marker-popup {
        max-height: 100%;
    }
}
@media (max-width: 352.98px) {
    .map-marker-popup .field-gallery-item {
        width: 50%;
    }
}
/* end of ADD OR EDIT MARKER DETAILS POPUP */

/* PROFILE USER EDIT TAB */
.profile-user-info .profile-tab-content-body {
    padding: 24px;
    background-color: rgb(255 255 255);
    border-radius: 4px;
}
.profile-user-info .profile-tab-content-title {
    font-size: 24px;
    line-height: 29px;
}
.profile-user-info fieldset {
    padding-right: 86px;
}
.profile-user-info fieldset > .field, .profile-user-info fieldset > .field-row {
    position: relative;
    margin-top: 32px;
}
.profile-user-info .field-row .field:not(:last-child) {
    margin-right: 16px;
}
.profile-user-info .field-text input, .profile-user-info .field-select select, .profile-user-info .field-select .select, .profile-user-info .field-textarea textarea {
    color: rgb(0 0 0);
    font-size: 16px;
    line-height: 19px;
    background-color: rgb(255 255 255);
    border: 1px solid rgb(220 220 220);
    z-index: 1;
    z-index: 0; /*serg*/
}
.profile-user-info .profile-user-info-form-footer {
    align-items: center;
    margin-top: 38px;
    margin-bottom: 39px;
}
.profile-user-info .profile-user-info-form-footer-message {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
}
.profile-user-info .profile-user-info-form-submit {
    height: 64px;
    max-width: 300px;
}
.profile-user-info .profile-user-info-form-footer-message + .profile-user-info-form-submit {
    margin-left: 22px;
}
.profile-content .profile-user-info .profile-tab-content-inner-wrapper .section-aside {
    margin: 0 0 0 16px;
}

.section-aside-info-widget {
    background-color: rgb(255 255 255);
    border-radius: 4px;
}
.section-aside-info-widget a {
    color: inherit;
    text-decoration: none;
}
.section-aside-info-widget-header {
    margin-bottom: 32px;
}
.section-aside-info-widget-icon {
    position: relative;
    top: -7px;
    justify-content: center;
    height: 80px;
}
.section-aside-info-widget-title {
    align-items: center;
    padding: 16px 16px 0;
    font-size: 18px;
    line-height: 22px;
}
.section-aside-info-widget-progress-bar {
    position: relative;
    padding: 18px 16px 0;
    z-index: 1;
}
.section-aside-info-widget-progress-line {
    position: relative;
    height: 8px;
    width: 100%;
    background-color: rgb(245 246 250);
    border-radius: 8px;
    overflow: hidden;
}
.section-aside-info-widget-current-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transition: all 0.5s ease-in-out;
}
.section-aside-info-widget-stages-list {
    position: relative;
    top: -11px;
}
.section-aside-info-widget-stage-item {
    position: absolute;
    margin-left: -1px;
    margin-bottom: 18px;
}
.section-aside-info-widget-separator-title {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    justify-content: center;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
}
.section-aside-info-widget-body {
    margin: 0 16px;
    border-bottom: 1px dashed rgb(220 220 220);
}
.section-aside-info-widget-body > *:not(.hidden):first-child {
    margin-top: 16px;
}
.section-aside-info-widget-body > *:not(.hidden):last-child {
    margin-bottom: 27px;
}
.section-aside-info-widget-subtitle {
    font-size: 16px;
    line-height: 19px;
}
.section-aside-info-widget-pass-item {
    justify-content: space-between;
    padding: 5px 0;
    font-size: 16px;
    line-height: 19px;
}
.section-aside-info-widget-footer {
    padding: 16px;
    font-size: 14px;
    line-height: 18px;
}
.section-aside-info-widget-footer > *:not(:last-child) {
    margin-bottom: 8px;
}
@media (max-width: 767.98px) {
    .profile-user-info .profile-tab-header {
        flex-direction: column;
    }
    .profile-content .profile-new-project-form-info-msg {
        justify-content: flex-start;
        margin-top: 8px;
        margin-left: 0;
    }
    .profile-user-info .profile-tab-content-body {
        width: auto;
        margin-left: -16px;
        margin-right: -16px;
        padding: 16px;
    }
    .profile-user-info fieldset {
        padding-right: 0;
    }
    .profile-user-info .profile-user-info-form-footer {
        flex-direction: column;
    }
    .profile-user-info .profile-user-info-form-footer-message + .profile-user-info-form-submit {
        margin-top: 32px;
        margin-left: 0;
        max-width: 414px;
    }
    .profile-user-info .profile-user-info-form-footer-message {
        font-size: 12px;
        line-height: 15px;
    }
}
/* *** */
/* PROFILE TAB PROJECTS ASIDE */
.profile-content .profile-tab-content .section-aside {
    margin: 0 0 0 124px;
}
/* PROFILE TAB PROJECTS ASIDE projects list */
.section-aside .profile-recomended-projects-title {
    font-size: 24px;
    line-height: 29px;
}
.section-aside .profile-recomended-projects-title + .profile-recomended-project-list {
    margin-top: 32px;
}
.section-aside .profile-recomended-project-item {
    background-color: rgb(255 255 255);
    border-radius: 4px;
    transition: box-shadow 0.2s ease-in-out;
}
.section-aside .profile-recomended-project-item:not(:last-child) {
    margin-bottom: 16px;
}
.section-aside .profile-recomended-project-item:hover {
    box-shadow: 0px 0 16px 5px rgb(0 0 0 / 0.08);
}
.section-aside .profile-recomended-project-item-picture {
    height: 154px;
    width: 100%;
    color: inherit;
    text-decoration: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
}
.section-aside .profile-recomended-project-item-picture img {
    height: auto;
    width: 100%;
}
.section-aside .profile-recomended-project-item-info {
    padding: 24px;
}
.section-aside .profile-recomended-project-item-picture + .profile-recomended-project-item-info {
    padding-top: 16px;
}
.section-aside .profile-recomended-project-item-sticker-list {
    margin: -1.5px 0 15px;
}
.section-aside .profile-recomended-project-item-sticker-item {
    margin: 1.5px 0;
    padding: 4px 10px;
    font-size: 13px;
    line-height: 16px;
}
.section-aside .profile-recomended-project-item-sticker-list .profile-recomended-project-item-sticker-item:not(:last-child) {
    margin-right: 3px;
}
.section-aside .profile-recomended-project-item-date {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 18px;
}
.section-aside .profile-recomended-project-item-title {
    color: inherit;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
}
.section-aside .profile-recomended-project-item-preview-text {
    margin-top: 8px;
    font-size: 16px;
    line-height: 20px;
}
.section-aside .profile-recomended-project-item-footer {
    margin-top: 16px;
}
.section-aside .profile-recomended-project-item-likes {
    align-items: center;
}
.section-aside .profile-recomended-project-item-likes .icon {
    height: 16px;
    width: 16px;
    margin-right: 6px;
}
.section-aside .profile-user-projects-item-likes-counter {
    font-size: 14px;
    line-height: 16px;
    opacity: 0.9;
}

@media (max-width: 1439.98px) and (min-width: 992px) {
    .profile-content .profile-tab-content .section-aside {
        margin: 0 0 0 16px;
    }
}
/* end of PROFILE TAB PROJECTS ASIDE */
/* PROFILE TAB NOTIFICATIONS */
.profile-notifications .profile-tab-content-header {
    align-items: center;
}
.profile-notifications .profile-notifications-list {
    max-width: 956px;
    margin-top: 16px;
}
.profile-notifications .profile-notifications-item {
    min-height: 109px;
    margin-bottom: 16px;
    padding: 16px 16px 8px;
    background-color: rgb(255 255 255);
    border-radius: 4px;
    border-left: 4px solid rgb(0 0 0 / 0%);
    transition: box-shadow 0.2s ease-in-out;
}
.profile-notifications .profile-notifications-item:hover {
    box-shadow: 0px 0 16px 5px rgb(0 0 0 / 0.08);
}
.profile-notifications .profile-notifications-item.profile-notifications-invitation {
    border-left-color: rgb(194 67 152);
}
.profile-notifications .profile-notifications-item.profile-notifications-comments {
    border-left-color: rgb(100 78 160);
}
.profile-notifications .profile-notifications-item.profile-notifications-project-news {
    border-left-color: rgb(33 150 83);
}
.profile-notifications .profile-notifications-item.profile-notifications-site-news {
    border-left-color: rgb(47 128 237);
}
.profile-notifications .profile-notifications-item-body {
    width: 100%;
    color: inherit;
    text-decoration: none;
}
.profile-notifications .profile-notifications-item-title {
    font-size: 18px;
    line-height: 22px;
}
.profile-notifications .profile-notifications-item-preview-text {
    margin-top: 8px;
    color: rgb(102 111 123);
    font-size: 16px;
    line-height: 20px;
}
.profile-notifications .profile-notifications-item-date {
    padding-top: 16px;
    font-size: 14px;
    line-height: 18px;
}
.profile-notifications .profile-notifications-item-control-area {
    flex: 0 0 auto;
    align-items: flex-end;
    min-width: 82px;
}

@media (min-width: 768px) {
    .profile-notifications .profile-notifications-item:not(.active) {
        display: none;
    }
    .project-map-markers-group .project-map-markers-item-title {
        min-width: 210px;
    }
}
@media (max-width: 767.98px) {
    .profile-notifications .profile-notifications-item:last-child {
        margin-bottom: 0;
    }
    .profile-notifications .profile-notifications-item-title {
        font-size: 16px;
        line-height: 19px;
    }
    .profile-notifications .profile-notifications-item-preview-text, .profile-notifications .profile-notifications-item-date {
        font-size: 14px;
        line-height: 18px;
    }
    .profile-notifications .profile-notifications-item-control-area {
        min-width: 20px;
    }
    .project-map-markers-group .project-map-markers-item-title {
        width: 100%;
    }
    .project-map-markers-group .project-map-markers-item-title-inner {
        max-width: 150px;
    }
}
/* end of PROFILE TAB NOTIFICATIONS */
/* end of PROFILE BODY */
/* *** */

/* EMPTY LIST PLACEHOLDER (can be in every list block, global) */
.empty-list-placeholder {
    flex: 0 0 auto;
    height: 471px;
    width: 100%;
    margin-top: 18px;
    padding: 16px;
    color: rgb(130 130 130);
    font-size: 24px;
    line-height: 29px;
    border: 1px dashed rgb(100 78 160);
    border-radius: 4px;
    cursor: pointer;
}
.empty-list-placeholder .icon {
    max-height: 80px;
    max-width: 80px;
    margin-bottom: 23px;
}
.empty-list-placeholder .empty-list-message {
    max-width: 284px;
}
@media (max-width: 1199.98px) and (min-width: 992px) {
    .profile-content .empty-list {
        height: 324px;
        font-size: 18px;
        line-height: 22px;
    }
    .empty-list-placeholder .icon {
        height: 60px;
        width: 60px;
        margin-bottom: 28px;
    }
}
@media (max-width: 649.98px) {
    .empty-list-placeholder {
        height: 324px;
        font-size: 18px;
        line-height: 22px;
    }
    .empty-list-placeholder .icon {
        height: 60px;
        width: 60px;
        margin-bottom: 28px;
    }
}
/* end of EMPTY LIST PLACEHOLDER */

/* BADGES (appears in /people/ and /profile/ pages) */
.section .badges-list {
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -4px;
}
.section .badges-list .badge-item, .section .badges-list .badge-hider {
    flex: 0 0 auto;
    height: 48px;
    width: 48px;
    padding: 4px;
}
.section .badges-list .badge-item img, .section .badges-list .badge-hider img {
    height: 40px;
    width: auto;
}
.section .badges-list .badge-hider.active:not(.from-1200-hidden), .section .badges-list .badge-hider:not(.active):not(.from-1200-hidden) ~ .badge-item {
    display: none;
}
.section .badges-list .badge-hider {
    cursor: pointer;
}
/* *** */

/* ICONS */
.icon {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgb(0 0 0 / 0%);
}
.icon:not(.icon-small) {
    height: 100%;
    width: 100%;
}
.icon-small {
    height: 18px;
    width: 18px;
}
.icon-vector-cyan {
    background-image: url(/local/templates/cs/preview/images/icon-vector-cyan.svg);
}
.icon-graph-white {
    background-image: url(/local/templates/cs/preview/images/icon-graph-white.svg);
}
.icon-map {
    background-image: url(/local/templates/cs/preview/images/icon-map.svg);
}
.icon-marker {
    background-image: url(/local/templates/cs/preview/images/icon-marker.svg);
}
.icon-dots-vertical {
    background-image: url(/local/templates/cs/preview/images/icon-dots-vertical.svg);
}
.icon-tooltip {
    background-image: url(/local/templates/cs/preview/images/icon-tooltip.svg);
}
.icon-tooltip-white {
    background-image: url(/local/templates/cs/preview/images/icon-tooltip-white.svg);
}
.icon-close {
    background-image: url(/local/templates/cs/preview/images/icon-close.svg);
}
.icon-close-cyan {
    background-image: url(/local/templates/cs/preview/images/icon-close-cyan.svg);
}
.icon-restore {
    background-image: url(/local/templates/cs/preview/images/icon-restore.svg);
}
.icon-vk {
    background-image: url(/local/templates/cs/preview/images/icon-vk.svg);
}
.icon-ok {
    background-image: url(/local/templates/cs/preview/images/icon-ok.svg);
}
.icon-telegram {
    background-image: url(/local/templates/cs/preview/images/icon-telegram.svg);
}
.icon-google {
    background-image: url(/local/templates/cs/preview/images/icon-google.svg);
}
.icon-twitter {
    background-image: url(/local/templates/cs/preview/images/icon-twitter.svg);
}
.icon-facebook {
    background-image: url(/local/templates/cs/preview/images/icon-facebook.svg);
}
.icon-filter {
    background-image: url(/local/templates/cs/preview/images/icon-filter.svg);
}
.icon-burger {
    background-image: url(/local/templates/cs/preview/images/icon-burger.svg);
}
.icon-heart {
    background-image: url(/local/templates/cs/preview/images/icon-heart.svg);
}
.icon-heart-colored {
    background-image: url(/local/templates/cs/preview/images/icon-heart-colored.svg);
}
.icon-heart-filled {
    background-image: url(/local/templates/cs/preview/images/icon-heart-filled.svg);
}
.icon-heart-filled-white {
    background-image: url(/local/templates/cs/preview/images/icon-heart-filled-white.svg);
}
.icon-basket-colored {
    background-image: url(/local/templates/cs/preview/images/icon-basket-colored.svg);
}
.icon-star-colored {
    background-image: url(/local/templates/cs/preview/images/icon-star-colored.svg);
}
.icon-search {
    background-image: url(/local/templates/cs/preview/images/icon-search.svg);
}
.icon-profile {
    background-image: url(/local/templates/cs/preview/images/icon-profile.svg);
}
.icon-ellipse {
    background-image: url(/local/templates/cs/preview/images/icon-ellipse.svg);
}
.bx-no-touch .icon-ellipse:hover {
    background-image: url(/local/templates/cs/preview/images/icon-ellipse-hover.svg);
}
.icon-ellipse-frame {
    background-image: url(/local/templates/cs/preview/images/icon-ellipse-frame.png);
}
.icon-ellipse-dots {
    background-image: url(/local/templates/cs/preview/images/icon-ellipse-dots.svg);
}
.icon-photo-camera {
    background-image: url(/local/templates/cs/preview/images/icon-photo-camera.svg);
}
.icon-plus-gray {
    background-image: url(/local/templates/cs/preview/images/icon-plus-gray.svg);
}
.icon-sad-face-gray {
    background-image: url(/local/templates/cs/preview/images/icon-sad-face-gray.svg);
}
.icon-plus-colored {
    background-image: url(/local/templates/cs/preview/images/icon-plus-colored.svg);
}
.icon-plane-colored {
    background-image: url(/local/templates/cs/preview/images/icon-plane-colored.svg);
}
.icon-location-colored {
    background-image: url(/local/templates/cs/preview/images/icon-location-colored.svg);
}
.icon-arrow-up {
    background-image: url(/local/templates/cs/preview/images/icon-arrow-up.svg);
}
.icon-arrow-down-white {
    background-image: url(/local/templates/cs/preview/images/icon-arrow-down-white.svg);
}
.icon-purple-arrow-left {
    background-image: url(/local/templates/cs/preview/images/icon-arrow-left-purple.svg);
}
.icon-tailed-arrow-left {
    background-image: url(/local/templates/cs/preview/images/icon-tailed-arrow-left.svg);
}
.icon-tailed-arrow-right {
    background-image: url(/local/templates/cs/preview/images/icon-tailed-arrow-right.svg);
}
.icon-tailed-arrow-up {
    background-image: url(/local/templates/cs/preview/images/icon-tailed-arrow-up.svg);
}
.icon-purple-arrow-right {
    background-image: url(/local/templates/cs/preview/images/icon-arrow-right-purple.svg);
}
.icon-cursor-click-pink {
    background-image: url(/local/templates/cs/preview/images/icon-cursor-click-pink.svg);
}
.icon-arrow-up-colored {
    background-image: url(/local/templates/cs/preview/images/icon-arrow-down-colored.svg);
    transform: rotate(180deg);
}
.icon-arrow-down-colored {
    background-image: url(/local/templates/cs/preview/images/icon-arrow-down-colored.svg);
}
.icon-image-add {
    background-image: url(/local/templates/cs/preview/images/icon-image-add.svg);
}
.icon-mail-white {
    background-image: url(/local/templates/cs/preview/images/icon-mail-white.svg);
}
.icon-sports-medal {
    background-image: url(/local/templates/cs/preview/images/icon-sports-medal.svg);
}
.icon-loading-circle {
    background-image: url(/local/templates/cs/preview/images/icon-loading-circle.svg);
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}
.icon-loading-circle-black {
    background-image: url(/local/templates/cs/preview/images/icon-loading-circle-black.svg);
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}
.image-frame, .image-frame-inner {
    position: absolute;
}
.image-frame {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}
.image-frame-inner {
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    z-index: 1;
}
/* *** */

/* FIELDS */
.field label {
    font-size: 16px;
    line-height: 19px;
}
.field .field-clean-btn {
    background-color: rgb(0 0 0 / 0%);
}
.field.position-relative .field-clean-btn {
    position: absolute;
    right: 10px;
    z-index: 1;
}
.field.position-relative .field-clean-btn:not(.hidden) ~ input, .field.position-relative .field-clean-btn:not(.hidden) ~ textarea {
    padding-right: 35px;
}
.field-row {
    align-items: center;
    margin-top: 16px;
}
.field label + .field-row {
    margin-top: 0;
}
.field.field-width-1-1 {
    width: 100%;
}
.field.field-width-1-2 {
    width: 50%;
}
.field.field-width-1-3 {
    width: 33.3333333%;
}
.field.field-width-1-4 {
    width: 25%;
}
.field.field-width-1-5 {
    width: 20%;
}
.field.field-width-short {
    width: 100%;
    max-width: 403px;
}
.field-text input, .field select, .field .select, .field textarea {
    width: 100%;
    padding: 15px 21px;
    color: inherit;
    font-size: inherit;
    border-radius: 4px;
}
.field-text input::placeholder, .field textarea::placeholder {
    color: inherit;
    opacity: 0.5;
}
.field label ~ input, .field label ~ select, .field label ~ .select, .field label ~ textarea {
    margin-top: 14px;
}
.field-select select, .field-select .select {
    position: relative;
    background-position: right 21px center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.field-select .select {
    min-height: 50px;
    padding: 10px 40px 2px 10px;
    cursor: pointer;
    z-index: 2 !important;
}
.field-select .select .select-placeholder {
    position: absolute;
    top: 3px;
    left: 10px;
    right: 0;
    bottom: 0;
    padding: inherit;
    color: inherit;
    line-height: inherit;
}
.field-select .select.select-filled .select-placeholder {
    display: none;
}
.field-select select, .field-select .dropdown-toggle {
    background-image: url(/local/templates/cs/preview/images/icon-arrow-down-colored.svg);
    background-repeat: no-repeat;
}
.field-select .dropdown-toggle {
    position: absolute;
    top: 5px;
    right: 20px;
    bottom: 0;
    height: 14px;
    width: 14px;
    margin: auto 0;
}
.field-select .select-input {
    display: flex;
    flex-wrap: wrap;
}
.field-select .select-input .tag {
    position: relative;
    margin-bottom: 8px;
    padding: 4px 33px 4px 16px;
    font-size: 16px;
    line-height: 19px;
    background-color: rgba(100, 78, 160, 0.1);
    border-radius: 4px;
}
.field-select .select-input .tag:not(:last-child) {
    margin-right: 8px;
}
.field-select .select-input .tag .title {
    background: linear-gradient(90deg, rgb(194 67 152) 0%, rgb(100 78 160) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgb(0 0 0 / 0%);
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
.field-select .select-input .tag .remover {
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    height: 12px;
    width: 18px;
    margin: auto 0;
    font-size: 18px;
    line-height: 12px;
    text-align: center;
    background: linear-gradient(90deg, rgb(194 67 152) 0%, rgb(100 78 160) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgb(0 0 0 / 0%);
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
.field-select .drop-container {
    position: absolute;
    top: calc(100% + 1px);
    left: -1px;
    right: -1px;
    background-color: rgb(255 255 255);
    border: inherit;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}
.field-select .select.active-container {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.field-select .drop-container .input {
    position: relative;
}
.field-select .drop-container input[data-role="input"] {
    width: 100%;
    padding: 15px 40px 16px 21px;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    border-bottom: 1px solid rgb(220 220 220);
}
.field-select .drop-container .option-list {
    list-style: none;
    overflow-y: auto;
}
.field-select .drop-container .option-list li {
    padding: 10px 11px;
    color: rgb(80 66 132);
    background-color: rgb(255 255 255);
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.field-select .drop-container .option-list li:hover {
    color: rgb(194 67 152);
    background-color: rgb(100 78 160 / 10%);
}
.field-select.field-error .select {
    border-color: rgb(255 0 0) !important;
}
.field-select.field-error .select .select-placeholder {
    color: rgb(255 0 0) !important;
}
.field-select select[data-role="select"] {
    position: absolute;
    top: -20vh;
    height: 0;
    max-height: 0;
    width: 0;
    max-width: 0;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}
.field-select .drop-container .button-group {
    display: none;
}
.field-checkbox, .field-radio {
    position: relative;
    margin-top: 16px;
}
.field-row .field-checkbox, .field-row .field-radio {
    margin-top: 0;
}
.field-checkbox.flex-column, .field-radio.flex-column {
    justify-content: center;
}
.field-checkbox:not(.flex-column), .field-radio:not(.flex-column) {
    align-items: center;
}
.field-checkbox input:not(:checked) + label:before, .field-radio input:not(:checked) + label:before {
    background-color: rgb(255 255 255);
    border-color: rgb(220 220 220);
}
.field-checkbox input:checked + label:before, .field-radio input:checked + label:before {
    background: linear-gradient(90deg, rgb(194 67 152) 0%, rgb(100 78 160) 100%);
    border-color: rgb(255 255 255);
}
.field-checkbox input:checked + label:after {
    background-image: url(/local/templates/cs/preview/images/icon-check-white.svg);
    opacity: 1;
}
.field-radio input:checked + label:after {
    opacity: 1;
}
.field-checkbox label, .field-radio label {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
}
.field-checkbox label:before, .field-radio label:before {
    flex: 0 0 auto;
    height: 24px;
    width: 24px;
    margin-right: 8px;
    border: 1px solid;
    border-radius: 4px;
    cursor: pointer;
    content: "";
}
.field-radio label:before {
    border-radius: 100%;
}
.field-checkbox label:after {
    position: absolute;
    left: 8px;
    display: flex;
    height: 10px;
    width: 11px;
    background-image: url(/local/templates/cs/preview/images/icon-check-black.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 10px;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    content: "";
}
.field-checkbox label:hover:after, .field-radio label:hover:after {
    opacity: 0.5;
}
.field-radio label:after {
    position: absolute;
    left: 8px;
    height: 10px;
    width: 10px;
    background-color: rgb(255 255 255);
    border-radius: 100%;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    content: "";
}
.field-radio input:not(:checked) + label:hover:after {
    background-color: rgb(119 119 119);
}
.field-switch .field-switch-button {
    position: relative;
    display: inline-block;
    height: 22px;
    width: 42px;
    margin-right: 9px;
}
.field-switch.switch-small .field-switch-button {
    height: 18px;
    width: 32px;
}
.field-switch.switch-small .field-switch-title {
    line-height: 18px;
}
.field-switch.switch-small label.field-switch-title {
    cursor: pointer;
}
.field-switch .field-switch-button input, .field-checkbox input, .field-radio input, .field-select .select .select-focus-trigger {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.field-switch .field-switch-slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    background-color: rgb(0 0 0 / 35%);
    border-radius: 11px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
    cursor: pointer;
}
.field-switch .field-switch-slider:before {
    position: absolute;
    left: 2px;
    height: 18px;
    width: 18px;
    background-color: rgb(255 255 255);
    border-radius: 50%;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
    content: "";
}
.field-switch.switch-small .field-switch-slider:before {
    height: 14px;
    width: 14px;
}
.field-switch input:checked + .field-switch-slider {
    background-color: rgb(76 164 95);
}
.field-switch input:checked + .field-switch-slider:before {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}
.field-switch.switch-small input:checked + .field-switch-slider:before {
    -webkit-transform: translateX(14px);
    -moz-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}
.field-textarea textarea {
    width: 100%;
    background-color: rgb(255 255 255);
    border: none;
    border-radius: 4px;
    box-shadow: none;
    resize: vertical;
}
.field-dropdown {
    position: relative;
    flex-direction: column;
    justify-content: center;
}
.field-dropdown .dropdown-button {
    justify-content: flex-end;
    padding: 0;
    font-size: 16px;
    line-height: 19px;
    background-color: rgb(0 0 0 / 0%);
}
.field-dropdown .dropdown-button > *:not(.hidden) {
    align-items: center;
}
.field-dropdown .dropdown-button > *:not(.hidden) span + .icon {
    margin-left: 8px;
}
.field-dropdown .dropdown-list {
    position: absolute;
    left: -16px;
    min-width: 180px;
    margin-top: 16px;
    background-color: rgb(255 255 255);
    border-radius: 4px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
    z-index: 1;
}
.field-dropdown .dropdown-button:not(.active) + .dropdown-list {
    top: 150%;
    opacity: 0;
    visibility: hidden;
}
.field-dropdown .dropdown-button.active + .dropdown-list {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.field-dropdown .dropdown-list label {
    padding: 16px;
    font-size: 16px;
    line-height: 19px;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.field-dropdown .dropdown-list input:checked + label {
    color: rgb(194 67 152);
    background-color: rgb(100 78 160 / 10%);
}
.field-dropdown .dropdown-list input:not(:checked) + label:hover {
    color: rgb(194 67 152);
    cursor: pointer;
}
.field-dropdown input[type="radio"], .field-dropdown input[type="checkbox"], .field-file input[type="file"], .field-hidden {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.field-file {
    position: relative;
    margin: -18px;
}
.field-file .field-file-item-label, .field-file .field-file-item {
    position: relative;
    flex: 0 0 auto;
    height: 154px;
    padding: 18px;
}
.field-file .field-file-item .field-file-item-label {
    position: relative;
    flex: unset;
    height: 100%;
    width: 100% !important;
    padding: 0;
    overflow: hidden;
}
.field-file .field-file-stub {
    height: 100%;
    width: 100%;
    background-color: rgb(255 255 255);
    border: 1px dashed rgb(220 220 220);
    border-radius: 4px;
    cursor: pointer;
}
.field-file .field-file-stub.image-inserted {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-style: solid;
    transition: filter 0.2s ease-in-out;
}
.field-file .field-file-item .field-file-item-delete-input:checked ~ .field-file-item-label .field-file-stub {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.field-file .field-file-item-delete {
    position: absolute;
    top: 0;
    right: 0;
    height: 32px;
    width: 32px;
    padding: 9px;
    background-color: rgb(255 255 255);
    border-radius: 100%;
    box-shadow: 0 0 4px 2px rgb(0 0 0 / 0.2);
    cursor: pointer;
    transition: box-shadow 0.2s ease-in-out;
    outline: none;
    z-index: 1;
}
.bx-no-touch .field-file .field-file-item-delete:hover {
    box-shadow: 0 0 4px 2px rgb(0 0 0 / 0.4);
}
.field-file .field-file-item.field-file-item-stub .field-file-item-delete, .field-file .field-file-item .field-file-item-delete-input:not(:checked) ~ .field-file-item-delete .icon-restore, .field-file .field-file-item .field-file-item-delete-input:checked ~ .field-file-item-delete .icon-close {
    display: none;
}
.field-file .field-file-item .field-file-item-delete .icon-restore {
    flex: 0 0 auto;
    height: 18px;
    width: 18px;
    margin-left: -2px;
}
.field-file .field-file-item-deleting-message {
    position: absolute;
    bottom: 16px;
    padding: 5px 16px 5px 5px;
    font-size: 14px;
    line-height: 1;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    transition: left 0.2s ease-in-out;
    z-index: 1;
}
.field-file .field-file-item .field-file-item-delete-input:not(:checked) ~ .field-file-item-label .field-file-item-deleting-message {
    left: -100%;
}
.field-file .field-file-item .field-file-item-delete-input:checked ~ .field-file-item-label .field-file-item-deleting-message {
    left: 1px;
}
.field-file .icon-image-add {
    height: 48px;
    width: 48px;
}
.field-file .image-inserted .icon-image-add {
    display: none;
}
.field .field-description {
    margin-top: 8px;
    color: rgb(0 0 0 / 65%);
    font-size: 14px;
    line-height: 18px;
}
.field .field-description p:not(:first-child) {
    margin-top: 24px;
}
fieldset {
    border: none;
}
/* *** */

/* SLIDER */
.swiper-container {
    position: relative;
    overflow: hidden;
}
.swiper-button-disabled {
    opacity: 0.5;
}
/* *** */

/* SECTION GROUP */
.section:not(:first-child) {
    padding-top: 40px;
}
.section .section-header {
    align-items: center;
    margin-bottom: 16px;
}
.section .section-title {
    font-size: 28px;
    line-height: 34px;
}
.section .section-header a {
    color: rgb(100 78 160);
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    text-decoration: none;
}
.section .section-text {
    font-size: 18px;
    line-height: 26px;
}
.section .section-text .section-text-subtitle {
    font-size: 24px;
    line-height: 29px;
}
.section .section-text p:not(:first-child) {
    margin-top: 24px;
}
.section .section-text a {
    color: inherit;
}
.section .section-footer {
    width: 100%;
    margin-top: 28px;
}
.section .section-footer-show-more {
    padding: 20px;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
    border: 1px solid rgb(226 226 226);
    border-radius: 4px;
}
.section .section-aside {
    flex: 0 0 auto;
    width: 100%;
    max-width: 308px;
    margin-right: 16px;
}
.section .section-aside-title {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.06em;
}
.section .catalog-aside-close {
    flex: 0 0 auto;
    height: 46px;
    width: 46px;
}
.section .catalog-section-title, .section .section-title .section-title-inner {
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 43px;
}
.section .catalog-section-subtitle, .section .section-title .section-subtitle-inner {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 32px;
}
.section .section-sort {
    flex: 0 0 auto;
    min-width: 180px;
    padding-left: 20px;
    color: rgb(80 66 132);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
}
.section .section-title .section-sort {
    align-self: flex-end;
    margin-bottom: 20px;
}
.section .section-sort-item {
    align-items: center;
}
.section .section-sort-item .icon {
    margin-left: 8px;
}
.section .catalog-section-filter-button {
    align-self: flex-end;
    align-items: center;
    height: 24px;
    margin-bottom: 20px;
    color: rgb(100 78 160);
    font-size: 16px;
    line-height: 19px;
    background-color: rgb(0 0 0 / 0%);
}
.section .catalog-section-filter-button .icon {
    margin-right: 5px;
}
.section .catalog-section-filter {
    padding: 16px;
    background-color: rgb(255 255 255);
}
.section .field {
    margin-top: 24px;
}
.section .field-row .field-select {
    margin-top: 8px;
}
.section .field-checkbox + .field-select {
    margin-top: 40px;
}
.section .field-select select {
    background-image: url(/local/templates/cs/preview/images/icon-arrow-down-colored.svg);
    background-repeat: no-repeat;
}
.section .field-select select, .section .field-select .select, .section .catalog-section-filter .field-text input {
    margin-top: 8px;
    font-size: 16px;
    color: rgb(51 51 51 / 50%);
    background-color: rgb(255 255 255);
    border: 1px solid rgb(220 220 220);
}
.section .catalog-section-filter .age-row > *:not(:first-child) {
    margin-left: 8px;
}
.section .catalog-section-filter .age-row > *:not(:last-child) {
    margin-right: 8px;
}
.section .catalog-section-filter-footer {
    margin-top: 20px;
}
.section .catalog-section-filter-footer > *:not(:first-child) {
    margin-left: 10px;
}
.section .section-aside-scroll-to-top {
    position: sticky;
    padding: 22px 0;
    transition: bottom 0.5s ease-in-out;
    z-index: 1;
}
.section .section-aside-scroll-to-top:not(.active) {
    bottom: -100%;
}
.section .section-aside-scroll-to-top.active {
    bottom: 0;
}
.section .section-aside-scroll-to-top .scroll-to-top {
    height: 64px;
    width: 64px;
    padding: 23px;
    background-color: rgb(255 255 255);
    border-radius: 100%;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
}
.section .section-aside-scroll-to-top .send-message-to-user {
    margin-top: 16px;
}
.section .section-aside-body {
    height: 100%;
}
.section .section-aside-sticky-block {
    position: sticky;
    top: 16px;
    /* z-index: 1; */
}
/* *** */

/* CATALOG ITEMS LIST */
.section .catalog-items-list {
    width: 100%;
}
.section .catalog-items-pagination {
    position: relative;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-bottom: 18px;
}
.section .section-footer-show-more.catalog-items-pagination-ajax-load {
    align-self: flex-end;
    width: 100%;
    max-width: 416px;
    margin-right: auto;
    padding: 12px 20px;
    background-color: rgb(255 255 255);
}
.section .catalog-items-pagination-pages-list + .catalog-items-pagination-ajax-load {
    margin-right: 14.5%;
}
.section .catalog-items-pagination-pages-list {
    align-items: center;
    justify-content: flex-end;
    padding-left: 16px;
}
.section .catalog-items-pagination-pages-item {
    flex: 0 0 auto;
    height: 46px;
    width: 46px;
    font-size: 18px;
    line-height: 22px;
    border: 1px solid;
    border-color: rgb(0 0 0 / 0%);
    border-radius: 4px;
}
.section span.catalog-items-pagination-pages-item {
    background-color: rgb(255 255 255);
    border-color: rgb(220 220 220);
    cursor: default;
}
.section a.catalog-items-pagination-pages-item {
    color: rgb(80 66 132);
    text-decoration: none;
    opacity: 0.5;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.section a.catalog-items-pagination-pages-item:hover {
    opacity: 1;
}
/* *** */

.position-relative {
    position: relative;
}
.tooltip:not(.in-field) {
    position: relative;
    top: 1px;
    margin: 0 11px;
}
.tooltip.in-field {
    position: absolute;
    top: 0;
    right: 13px;
    bottom: 0;
    height: 20px;
    width: 20px;
    margin: auto 0;
    z-index: 1;
}
.tooltip .icon-tooltip {
    height: 20px;
    width: 20px;
}
.tooltip .tooltip-float-container {
    position: absolute;
    transition: all 0.2s ease-in-out;
    z-index: 2;
}
.tooltip:not(:hover) .tooltip-float-container {
    display: none;
}
.tooltip .tooltip-float-container.top {
    bottom: 100%;
    padding-bottom: 18px;
}
.tooltip .tooltip-float-container.right {
    top: -24px;
    left: 100%;
    padding-left: 18px;
}
.tooltip .tooltip-float-container.bottom {
    top: 100%;
    padding-top: 18px;
}
.tooltip .tooltip-float-container.left {
    top: -24px;
    right: 100%;
    padding-right: 18px;
}
.tooltip .tooltip-message {
    position: relative;
    width: 488px;
    padding: 24px;
    font-size: 16px;
    line-height: 19px;
    border-radius: 4px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
}
.tooltip .tooltip-message:before, .tooltip .tooltip-float-message-tail {
    position: absolute;
    flex: 0 0 auto;
    height: 18px;
    width: 18px;
    background-color: inherit;
    transform: rotate(45deg);
    content: "";
}
.tooltip .tooltip-float-container.top .tooltip-message:before, .tooltip .tooltip-float-container.top .tooltip-float-message-tail {
    top: calc(100% - 9px);
    left: 0;
    right: 0;
    margin: 0 auto;
}
.tooltip .tooltip-float-container.right .tooltip-message:before, .tooltip .tooltip-float-container.right .tooltip-float-message-tail {
    right: calc(100% - 9px);
}
.tooltip .tooltip-float-container.bottom .tooltip-message:before, .tooltip .tooltip-float-container.bottom .tooltip-float-message-tail {
    bottom: calc(100% - 9px);
    left: 0;
    right: 0;
    margin: 0 auto;
}
.tooltip .tooltip-float-container.left .tooltip-message:before, .tooltip .tooltip-float-container.left .tooltip-float-message-tail {
    left: calc(100% - 9px);
}
.tooltip .tooltip-message a {
    color: inherit;
}
.tooltip .tooltip-message p:not(:first-child) {
    margin-top: 10px;
}
.tooltip .tooltip-message .icon {
    flex: 0 0 auto;
}
.tooltip .tooltip-message .icon + * {
    margin-left: 5px;
}
.collapsing-container .collapsing-text {
    overflow: hidden;
}
.collapsing-container:not(.from-768-disabled) .collapse-button:not(.active) + .collapsing-text .collapsing-text-inner {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.collapsing-container .collapse-button.active + .collapsing-text .collapsing-text-inner {
    max-height: unset !important;
}
.collapsing-container .collapse-button {
    font-size: 16px;
    line-height: 19px;
}
.collapsing-container .collapse-button .icon {
    height: 12px;
    width: 12px;
    margin-left: 3px;
}
.collapsing-container .collapse-button > span:not(.hidden) {
    align-items: center;
}
.d-flex {
    display: flex;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-auto {
    flex: 0 0 auto;
}
.flex-column {
    flex-direction: column;
}
.flex-column-rev {
    flex-direction: column-reverse;
}
.flex-center {
    align-items: center;
    justify-content: center;
}
.flex-zero-space {
    width: 0;
}
.active > .in-active-hidden {
    display: none;
}
.move-left {
    margin-right: auto;
}
.move-right {
    margin-left: auto;
}
.move-bottom {
    margin-top: auto;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-center {
    text-align: center;
}
.text-transparent {
    color: rgb(0 0 0 / 0%);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: inherit;
    -moz-text-stroke-width: 1px;
    -moz-text-stroke-color: inherit;
}
.text-colored-purple {
    background: linear-gradient(90deg, rgb(194 67 152) 0%, rgb(100 78 160) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgb(0 0 0 / 0%);
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
.text-gray {
    color: rgb(71 71 71);
}
.text-purple {
    color: rgb(80 66 132);
}
.text-pink {
    color: rgb(194 67 152);
}
.text-cyan {
    color: rgb(53 141 150);
}
.text-white {
    color: rgb(255 255 255);
}
.text-dashed-purple {
    border-bottom: 1px dashed rgb(80 66 132);
}
.text-dashed-pink {
    border-bottom: 1px dashed rgb(194 67 152);
}
.text-dashed-white {
    border-bottom: 1px dashed rgb(255 255 255);
}
.text-normal {
    font-weight: 500;
}
b, .text-bold {
    font-weight: 700;
}
.text-bellota-text {
    font-family: "Bellota Text", sans-serif;
}
.text-lato {
    font-family: "Lato", sans-serif;
}
.half-opacity {
    opacity: 0.5;
}
.bg-gray {
    background-color: rgb(130 130 130);
}
.bg-black {
    background-color: rgb(35 35 35);
}
.bg-green {
    background-color: rgb(33 150 83);
}
.bg-pink {
    background-color: rgb(194 67 152);
}
.bg-purple {
    background-color: rgb(100 78 160);
}
.bg-sci-too {
    background-color: rgb(53 141 150);
}
.bg-cyan {
    background-color: rgb(53 141 150);
}
.bg-add-logo {
    position: relative;
}
.bg-add-logo:after {
    position: absolute;
    bottom: 0;
    height: 70%;
    width: 30%;
    background-image: url(/local/templates/cs/preview/images/bg-cs-logo.svg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.05;
    pointer-events: none;
    content: "";
}
.bg-add-logo.big:after {
    height: 80%;
    width: 80%;
}
.bg-add-logo.left:after {
    left: 0;
    transform: scale(-1, 1);
}
.bg-add-logo.right:after {
    right: 0;
}
.bg-purple-gradient {
    background: linear-gradient(90deg, rgb(194 67 152) 0%, rgb(100 78 160) 100%);
}
.bg-transparent {
    background-color: rgb(0 0 0 / 0%);
}
.rotate-90 {
    transform: rotate(90deg);
}
.rotate-180 {
    transform: rotate(180deg);
}
.rotate-270 {
    transform: rotate(-90deg);
}
.container {
    margin-left: auto;
    margin-right: auto;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(255 255 255 / 70%);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 2;
}
.overlay.overlay-confetti {
    background-image: url(/local/templates/cs/preview/images/overlay-confetti.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.overlay:not(.overlay-active) {
    opacity: 0;
    visibility: hidden;
}
.overlay.overlay-active {
    opacity: 1;
    visibility: visible;
}
.photo-placeholder {
    position: relative;
    height: 100%;
    width: 100%;
}
.photo-placeholder:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(/local/templates/cs/preview/images/bg-no-photo.png);
    content: "";
}
.photo-placeholder:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80%;
    max-height: 80px;
    width: 80%;
    max-width: 308px;
    margin: auto;
    background-image: url(/local/templates/cs/preview/images/label-no-photo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    content: "";
}
body {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 500;
    background-color: rgb(245 246 250);
    overflow-y: overlay;
}
body.overflow-hidden {
    overflow: hidden;
}
* {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.hidden, .d-none {
    display: none;
}
button:disabled, .disabled {
    color: rgb(119 119 119);
    background: rgb(238 238 238);
    border: 1px solid rgb(221 221 221);
}
.bx-core.bx-no-touch button:disabled, .bx-core.bx-no-touch .disabled {
    cursor: not-allowed;
}
.btn-small {
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    font-size: inherit;
    border-radius: 4px;
    transition: background-color 0.2s ease-in-out;
}
.btn-green {
    align-items: center;
    justify-content: center;
    min-height: 48px;
    width: 100%;
    color: rgb(255 255 255);
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    background-color: rgb(76 164 95);
    border-radius: 4px;
    transition: background-color 0.2s ease-in-out;
}
.bx-core.bx-no-touch .btn-green:not(:disabled):hover {
    background-color: rgb(61 134 76);
}
.btn-cyan {
    align-items: center;
    justify-content: center;
    min-height: 48px;
    width: 100%;
    color: rgb(255 255 255);
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    background-color: rgb(53 141 150);
    border-radius: 4px;
    transition: background-color 0.2s ease-in-out;
}
.bx-core.bx-no-touch .btn-cyan:not(:disabled):hover {
    background-color: rgb(45 118 125);
}
.btn-white {
    align-items: center;
    justify-content: center;
    min-height: 48px;
    width: 100%;
    color: rgb(137 150 159);
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    background-color: rgb(255 255 255);
    border: 1px solid rgb(220 220 220);
    border-radius: 4px;
    transition: background-color 0.2s ease-in-out;
}
.bx-core.bx-no-touch .btn-white:hover {
    background-color: rgb(241 241 241);
}
.btn-purple-gradient {
    align-items: center;
    justify-content: center;
    min-height: 48px;
    width: 100%;
    color: rgb(255 255 255);
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    background: linear-gradient(90deg, rgb(194 67 152) 0%, rgb(100 78 160) 100%);
    border-radius: 4px;
    transition: background-color 0.2s ease-in-out;
}
.btn-circled {
    height: 64px;
    width: 64px;
    border-radius: 100%;
}
input, select, textarea, button {
    font-family: inherit;
    border: none;
    outline: none;
    cursor: pointer;
}
address {
    font-style: inherit;
}
font.errortext {
    display: block;
    margin-bottom: 26px;
    padding: 2px 12px 4px 12px;
    font-size: 16px;
    background-color: rgb(251 233 231);
    border-radius: 4px;
}

.example-screenshots img {
    width: 100%;
}

.fancybox-navigation .fancybox-button {
    border: none;
}
.fancybox-navigation .fancybox-button:disabled {
    display: none;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}

@media (min-width: 768px) {
    .collapsing-container.from-768-disabled .collapse-button {
        display: none;
    }
    .collapsing-container.from-768-disabled .collapsing-text-inner {
        max-height: unset !important;
    }
    .from-768-hidden {
        display: none !important;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 870px;
    }
    .from-992-hidden {
        display: none !important;
    }

    .field-file .field-file-item-label {
        width: 33.3333333%;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1024px;
    }
    .swiper-container {
        margin: -20px -10px;
        padding: 20px 10px;
    }
    .from-1200-hidden {
        display: none !important;
    }

    .field-file .field-file-item-label, .field-file .field-file-item {
        width: 33.3333333%;
    }
}
@media (min-width: 1440px) {
    .container {
        max-width: 1280px;
    }
    .swiper-container {
        margin: -20px -12px;
        padding: 20px 4px;
    }

    .field-file .field-file-item-label, .field-file .field-file-item {
        width: 25%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .field-file .field-file-item-label, .field-file .field-file-item {
        width: 50%;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .field-file .field-file-item-label, .field-file .field-file-item {
        width: 25%;
    }
}

@media (max-width: 1199.98px) {
    /* FOOTER */
    .headline .headline-logo {
        height: 60px;
        width: 45px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 55px;
        order: 3;
    }
    .headline .headline-new-project ~ .headline-logo {
        padding-left: 0;
    }
    .headline .headline-new-project {
        width: 46px;
        margin-left: 9px;
        order: 2;
    }
    .headline .headline-menu {
        margin-left: 0;
        order: 1;
    }
    .headline .headline-menu-button-toggle:not(.active) .icon-close, .headline .headline-menu-button-toggle.active .icon-burger {
        display: none;
    }
    .headline .headline-menu-list-wrapper {
        position: fixed;
        left: 0;
        bottom: 0;
        height: calc(100% - 90px);
        width: 100%;
        padding: 18px;
        background-color: rgb(255 255 255);
        border-top: 1px solid rgb(245 246 250);
        transition: all 0.2s ease-in-out;
        overflow-y: auto;
        z-index: 6;
    }
    .headline .headline-menu-button:not(.active) + .headline-menu-list-wrapper {
        top: 100%;
    }
    .headline .headline-menu-button.active + .headline-menu-list-wrapper {
        top: 90px;
    }
    .headline .headline-menu-list {
        flex-direction: column;
        align-items: center;
        margin-top: auto;
    }
    .headline .headline-menu-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 27px;
    }
    .headline .headline-menu-navigation-bottom {
        margin-top: auto;
        padding-top: 20px;
    }
    .headline .headline-menu-socials-item {
        flex: 0 0 auto;
        height: 46px;
        width: 46px;
        background-color: rgb(243 243 243);
        border-radius: 100%;
    }
    .headline .headline-menu-socials-item:not(:last-child) {
        margin-right: 16px;
    }
    .headline .headline-menu-copyright {
        margin-top: 16px;
    }
    .headline .headline-control-area {
        margin-left: 0;
        order: 4;
    }
    /* *** */

    /* FOOTER */
    footer .footer-inner-wrapper {
        flex-wrap: wrap;
    }
    footer .footer-contacts {
        flex-direction: column;
        order: 1;
    }
    footer .footer-contacts-row:not(:last-child) {
        margin-bottom: 8px;
    }
    footer .footer-contacts-icon {
        padding-right: 0;
        padding-bottom: 8px;
    }
    footer .footer-partners {
        position: relative;
        bottom: 80px;
        flex: 0 0 auto;
        width: auto;
        margin-left: auto;
        order: 4;
    }
    footer .footer-menu {
        margin-left: auto;
        margin-bottom: 38px;
        order: 2;
    }
    footer .footer-menu-item-title {
        font-size: 14px;
        line-height: 17px;
    }
    footer .footer-navigation-bottom {
        position: relative;
        top: -100px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 50%;
        order: 3;
    }
    footer .footer-copyright {
        position: relative;
        width: 100%;
        white-space: normal;
    }
    footer .footer-socials {
        margin-right: 0;
        margin-bottom: 16px;
    }
    /* *** */

    .section .badges-list .badge-hider.active.from-1200-hidden, .section .badges-list .badge-hider.from-1200-hidden:not(.active) ~ .badge-item {
        display: none;
    }

    .to-1200-hidden {
        display: none !important;
    }
}

@media (max-width: 991.98px) {
    .container {
        padding: 0 16px;
    }
    .to-992-hidden {
        display: none !important;
    }

    .tooltip .tooltip-float-container.to-992-top {
        top: unset;
        left: unset;
        right: unset;
        bottom: 100% !important;
        padding-bottom: 18px;
    }
    .tooltip .tooltip-float-container.to-992-left {
        top: unset;
        left: unset;
        right: 100% !important;
        bottom: unset;
        padding-right: 18px;
    }
    .tooltip .tooltip-float-container.to-992-right {
        top: unset;
        left: 100% !important;
        right: unset;
        bottom: unset;
        padding-left: 18px;
    }
    .tooltip .tooltip-float-container.to-992-bottom {
        top: 100% !important;
        left: unset;
        right: unset;
        bottom: unset;
        padding-top: 18px;
    }
    .tooltip .tooltip-float-container.to-992-top .tooltip-message:before {
        top: calc(100% - 9px);
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .tooltip .tooltip-float-container.to-992-right .tooltip-message:before {
        right: calc(100% - 9px);
    }
    .tooltip .tooltip-float-container.to-992-bottom .tooltip-message:before {
        bottom: calc(100% - 9px);
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .tooltip .tooltip-float-container.to-992-left .tooltip-message:before {
        left: calc(100% - 9px);
    }
    .tooltip .tooltip-float-container .tooltip-message {
        width: calc(100vw - 8px);
        max-width: 488px;
    }

    /* SECTION GROUP */
    .section .section-title {
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.06em;
    }
    .section .catalog-section-title, .section .section-title .section-title-inner {
        font-size: 24px;
        line-height: 29px;
    }
    .section .catalog-section-subtitle, .section .section-title .section-subtitle-inner {
        font-size: 20px;
        line-height: 24px;
    }
    .section .section-text {
        font-size: 16px;
        line-height: 19px;
    }
    .catalog-section-inner-wrapper .section-aside {
        position: fixed;
        top: 0;
        bottom: 0;
        max-height: 100%;
        max-width: 414px;
        background-color: rgb(255 255 255);
        box-shadow: 0 0 16px rgb(0 0 0 / 0.2);
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        overflow-y: auto;
        z-index: 3;
    }
    .catalog-section-inner-wrapper .section-aside:not(.active) {
        left: -500px;
    }
    .catalog-section-inner-wrapper .section-aside.active {
        left: 0;
    }
    .catalog-section-inner-wrapper .section-aside-title {
        position: sticky;
        top: 0;
        align-items: center;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.06em;
        background-color: rgb(255 255 255);
        z-index: 1;
    }
    /* *** */
}
@media (max-width: 767.98px) {
    .section .section-header a {
        display: none;
    }
    .section .section-footer {
        flex-direction: column;
        margin-top: 16px;
    }
    .section .section-footer-show-more.catalog-items-pagination-ajax-load {
        margin-right: auto;
    }
    .section .catalog-items-pagination-pages-list {
        display: none;
    }

    .tooltip .tooltip-float-container.to-768-top {
        top: unset;
        left: unset;
        right: unset;
        bottom: 100% !important;
        padding-bottom: 18px;
    }
    .tooltip .tooltip-float-container.to-768-left {
        top: unset;
        left: unset;
        right: 100% !important;
        bottom: unset;
        padding-right: 18px;
    }
    .tooltip .tooltip-float-container.to-768-right {
        top: unset;
        left: 100% !important;
        right: unset;
        bottom: unset;
        padding-left: 18px;
    }
    .tooltip .tooltip-float-container.to-768-bottom {
        top: 100% !important;
        left: unset;
        right: unset;
        bottom: unset;
        padding-top: 18px;
    }
    .tooltip .tooltip-float-container.to-768-top .tooltip-message:before {
        top: calc(100% - 9px);
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .tooltip .tooltip-float-container.to-768-right .tooltip-message:before {
        right: calc(100% - 9px);
    }
    .tooltip .tooltip-float-container.to-768-bottom .tooltip-message:before {
        bottom: calc(100% - 9px);
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .tooltip .tooltip-float-container.to-768-left .tooltip-message:before {
        left: calc(100% - 9px);
    }

    /* FOOTER */
    footer .footer-contacts {
        width: 51%;
    }
    footer .footer-menu, footer .footer-partners {
        width: 49%;
        padding-left: 16px;
    }
    footer .footer-menu-list {
        flex-direction: column;
        align-items: flex-start;
        margin-top: -16px;
        margin-bottom: -16px;
        padding-left: 40px;
    }
    footer .footer-menu-item {
        padding: 16px 0;
    }
    footer .footer-menu-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 0;
    }
    footer .footer-partners {
        bottom: 0;
    }
    footer .footer-partners-inner-wrapper {
        justify-content: flex-start;
    }
    footer .footer-partners-item {
        height: 90px;
        width: 120px;
    }
    /* *** */

    .to-768-hidden {
        display: none !important;
    }

    .tooltip:not(.tooltip-mobile-visible):not(.tooltip-mobile-show-only-icon), .tooltip.tooltip-mobile-show-only-icon .tooltip-float-container {
        display: none !important;
    }

    .field-file .field-file-item-label, .field-file .field-file-item {
        width: 33.3333333%;
    }
    .field-file .field-file-item-delete {
        top: 5px;
        right: 5px;
    }

    .field .field-description {
        font-size: 12px;
        line-height: 15px;
    }
}
@media (max-width: 599.98px) {
    .section:not(:first-child) {
        padding-top: 16px;
    }
    .section:last-child {
        margin-bottom: 40px;
    }

    footer .footer-navigation-bottom {
        top: -20px;
    }

    .to-600-hidden {
        display: none !important;
    }
}
@media (max-width: 499.98px) {
    .field-file .field-file-item-label, .field-file .field-file-item {
        width: 50%;
    }
    .headline .headline-profile .dropdown-list {
        width: calc(100vw - 32px);
    }

    .to-500-hidden {
        display: none !important;
    }
}
@media (max-width: 424.98px) {
    .overlay.overlay-confetti {
        display: none;
    }

    .to-425-hidden {
        display: none !important;
    }
}
@media (max-width: 374.98px) {
    .field-file .field-file-item-label, .field-file .field-file-item {
        width: 100%;
    }

    footer .footer-navigation-bottom {
        top: 0;
        /*top: -16px; gend*/
    }

    .to-375-hidden {
        display: none !important;
    }
}
.experion-bg-color {
    background-color: rgb(53 141 150);
}
.experion-text-color {
    color: rgb(53 141 150);
}
/* End */


/* Start:/local/templates/cs/css/lib/jquery.fancybox.min.css?167692383612795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/cs/template_styles.css?1676923836612*/
.article .article-image-gallery {
    padding-top: 1em;
}
.long-dash-list {
    list-style: none;
    margin-top: 14px;
}
.long-dash-list li:before {
    content: "— ";
}
.data-deletion-form {
    margin-top: 26px;
}
.data-deletion-form .profile-user-info-form-footer {
    margin-bottom: 14px;
}
.data-deletion-form fieldset {
    padding-right: 6px;
}

@media (max-width: 767.98px) {
    .profile-user-info .profile-tab-content-body {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.add-success {
    background-color: #aed581;
    padding: 4px 8px;
    color: #000;
    border-radius: 4px;
}

/* End */
/* /local/templates/cs/fonts/lato/font.css?1676923836517 */
/* /local/templates/cs/fonts/bellota-text/font.css?1676923836604 */
/* /local/templates/cs/css/main.css?1676923836174216 */
/* /local/templates/cs/css/lib/jquery.fancybox.min.css?167692383612795 */
/* /local/templates/cs/template_styles.css?1676923836612 */
