/*linecrop*/
.text-linecrop {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
}

/*opaque-container*/
.opaque-container {
    opacity: 1;
    transition: all 300ms;
}
.opaque-container.opaque {
    opacity: 0.32;
    transition: all 300ms;
}
@media only screen and (max-width: 1279px) {
    .opaque-container.opaque {
        opacity: 1;
    }
}

.button-to-top {
    position: fixed;
    bottom: 56px;
    right: 40px;
    z-index: 99;
    transition: all 300ms;
}
@media only screen and (max-width: 1279px) {
    .button-to-top {
        bottom: 32px;
        right: 22px;
    }
}
@media only screen and (max-width: 766px) {
    .button-to-top {
        bottom: 16px;
        right: 12px;
    }
}

/*cookie*/
.cookie-pop-up {
    width: 448px;
    position: fixed;
    z-index: 99;
    left: 40px;
    bottom: 40px;
    transition: all 300ms;
}
@media only screen and (max-width: 1839px) {
    .cookie-pop-up {
        width: 308px;
        left: 40px;
        bottom: 34px;
    }
}
@media only screen and (max-width: 1279px) {
    .cookie-pop-up {
        width: 334px;
        left: 24px;
        bottom: 40px;
    }
}
@media only screen and (max-width: 766px) {
    .cookie-pop-up {
        width: 100%;
        box-sizing: border-box;
        padding: 0 16px;
        left: 0;
        bottom: 24px;
    }
}

.cookie-pop-up.inactive {
    opacity: 0;
    transition: all 300ms;
}

.cookie-pop-up .cookie-pop-up-holder {
    width: 100%;
    box-sizing: border-box;
    padding: 24px;
    position: relative;
}
@media only screen and (max-width: 1839px) {
    .cookie-pop-up .cookie-pop-up-holder {
        padding: 20px;
    }
}
@media only screen and (max-width: 766px) {
    .cookie-pop-up .cookie-pop-up-holder {
        padding: 16px;
    }
}

.cookie-pop-up .cookie-pop-up-holder .close {
    position: absolute;
    right: 24px;
    top: 26px;
}
@media only screen and (max-width: 1839px) {
    .cookie-pop-up .cookie-pop-up-holder .close {
        right: 21px;
        top: 20px;
    }
}
@media only screen and (max-width: 766px) {
    .cookie-pop-up .cookie-pop-up-holder .close {
        right: 18px;
        top: 16px;
    }
}

.cookie-pop-up .cookie-pop-up-holder .close a {

}

.cookie-pop-up .cookie-pop-up-holder .text {
    width: 100%;
    box-sizing: border-box;
    padding-right: 32px;
}

.cookie-pop-up .cookie-pop-up-holder .action {
    width: 100%;
    margin: 16px 0 0;
}
@media only screen and (max-width: 1839px) {
    .cookie-pop-up .cookie-pop-up-holder .action {
        margin: 12px 0 0;
    }
}

/*back to top*/
.button-to-top .btn {
    opacity: 1;
    transition: all 300ms;
}

.button-to-top .btn.inactive {
    opacity: 0;
    transition: all 300ms;
}

/*video-link*/
.video-link {
    display: block;
    position: relative;
}

.video-link .play-button {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*data-list for add-infoes blocks*/

.data-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 8px 0;
}
@media only screen and (max-width: 766px) {
    .data-list {
        flex-direction: column;
        gap: 16px;
    }
}

.data-list .data-element {
    width: 50%;
    height: auto;
    box-sizing: border-box;
    padding: 0;
}
@media only screen and (max-width: 766px) {
    .data-list .data-element {
        width: 100%;
    }
}

.data-list .data-element .data-element-holder {
    width: 100%;
    height: 100%;
    min-height: 116px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
}
@media only screen and (max-width: 1279px) {
    .data-list .data-element .data-element-holder {
        min-height: 126px;
    }
}
@media only screen and (max-width: 766px) {
    .data-list .data-element .data-element-holder {
        min-height: auto;
        gap: 11px;
    }
}
.data-list .data-element .data-element-holder.with-side-line {
    padding-left: 16px;
}
@media only screen and (max-width: 1839px) {
    .data-list .data-element .data-element-holder.with-side-line {
        padding-left: 12px;
    }
}
@media only screen and (max-width: 1279px) {
    .data-list .data-element .data-element-holder.with-side-line {
        padding-left: 14px;
    }
}
@media only screen and (max-width: 766px) {
    .data-list .data-element .data-element-holder.with-side-line {
        padding-left: 0;
    }
    .data-list .data-element .data-element-holder.with-side-line::after,
    .data-list .data-element .data-element-holder.with-side-line::before {
        display: none;
    }
}

.data-list .data-element .data-element-holder .title {
    width: 100%;
    color: var(--brand-blue-primary-44);
    font-size: var(--font-size-tags);
    line-height: var(--font-size-tags);
}

.data-list .data-element .data-element-holder .data {
    width: 100%;
}

.data-list .data-element .data-element-holder .data .name {
    width: 100%;
    color: var(--brand-blue-primary);
}

.data-list .data-element .data-element-holder .data .logo {
    width: 100%;
}

.data-list .data-element .data-element-holder .data .logo svg,
.data-list .data-element .data-element-holder .data .logo img {
    max-width: 80%;
}

.data-list .data-element .data-element-holder .data .composite-company-name {
    display: inline-block;
    width: 100%;
}

.data-list .data-element .data-element-holder .data .composite-company-name .composite-company-name-holder {
    display: inline-block;
    width: 100%;
    position: relative;
}

.data-list .data-element .data-element-holder .data .composite-company-name .composite-company-name-holder .name {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}

.data-list .data-element .data-element-holder .data .composite-company-name .composite-company-name-holder .logo {
    width: 100%;
    position: relative;
    opacity: 0;
    z-index: 1;
}

/*side-line*/
.with-side-line {
    position: relative;
    box-sizing: border-box;
    padding-left: 32px;
}
@media only screen and (max-width: 1279px) {
    .with-side-line {
        padding-left: 24px;
    }
}
@media only screen and (max-width: 766px) {
    .with-side-line {
        padding-left: 18px;
    }
}
.with-side-line::before,
.with-side-line::after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--brand-blue-primary-20);
    z-index: 1;
    transition: height 300ms;
}
.with-side-line::after {
    height: 0%;
    background-color: var(--brand-orange-primary);
    z-index: 2;
}
@media (hover: hover) {
    .with-side-line.with-hover:hover::after {
        height: 100%;
        transition: height 300ms;
    }
}

.with-side-line.white-line::before {
    background-color: var(--brand-white-primary-20);
}

/*top-line*/
.with-top-line {
    position: relative;
    box-sizing: border-box;
    padding-top: 32px;
}
@media only screen and (max-width: 1279px) {
    .with-top-line {
        padding-top: 24px;
    }
}
@media only screen and (max-width: 766px) {
    .with-top-line {
        padding-top: 18px;
    }
}
.with-top-line::before,
.with-top-line::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--brand-blue-primary-20);
    z-index: 1;
    transition: width 300ms;
}
.with-top-line::after {
    width: 0%;
    background-color: var(--brand-orange-primary);
    z-index: 2;
}
@media (hover: hover) {
    .with-top-line.with-hover:hover::after {
        width: 100%;
        transition: width 300ms;
    }
}

/*block image*/
img.block-image,
picture.block-image {
    display: block;
    width: 100%;
    height: 500px;
    background-color: var(--bg-secondary);
    object-fit: cover;
}

picture.block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*image zoom*/
a.image-zoom {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

a.image-zoom img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 300ms;
}
@media (hover: hover) {
    a.image-zoom:hover img {
        transform: scale(1.1);
        transition: all 300ms;
    }
}

/*collapseabale-component-js*/
.collapseabale-component-js .desc .desc-holder .text {
    overflow: hidden;
    transition: all 300ms;
}
.collapseabale-component-js.open .desc .desc-holder .text {
    height: auto;
    transition: all 300ms;
}


/*.desc-component*/
.desc-component {
    display: block;
    width: 100%;
}

.desc-component .desc-component-holder {
    display: inline-block;
    width: 100%;
}

.desc-component .desc-component-holder .heading {
    width: 100%;
    margin: 0 0 25px;
}
@media only screen and (max-width: 1279px) {
    .desc-component .desc-component-holder .heading {
        margin: 0 0 16px;
    }
}
@media only screen and (max-width: 766px) {
    .desc-component .desc-component-holder .heading {
        margin: 0 0 12px;
    }
}

.desc-component .desc-component-holder .heading .heading-holder {
    display: inline-block;
    width: 100%;
}

.desc-component .desc-component-holder .number {
    width: 100%;
}

.desc-component .desc-component-holder .number .number-holder {
    font-size: var(--font-size-number);
    line-height: var(--line-height-number);
}

.desc-component .desc-component-holder .desc {
    width: 100%;
    margin: 16px 0 0;
}
@media only screen and (max-width: 1279px) {
    .desc-component .desc-component-holder .desc {
        margin: 12px 0 0;
    }
}

.desc-component .desc-component-holder .desc.big-margin {
    margin: 40px 0 0;
}
@media only screen and (max-width: 1279px) {
    .desc-component .desc-component-holder .desc.big-margin {
        margin: 24px 0 0;
    }
}
@media only screen and (max-width: 766px) {
    .desc-component .desc-component-holder .desc.big-margin {
        margin: 20px 0 0;
    }
}

.desc-component .desc-component-holder .desc .desc-holder {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 44px;
}
@media only screen and (max-width: 1279px) {
    .desc-component .desc-component-holder .desc .desc-holder {
        gap: 32px;
    }
}

.desc-component .desc-component-holder .desc.small-gap .desc-holder {
    gap: 24px;
}

.desc-component .desc-component-holder .desc .desc-holder .text {
    width: 100%;
    height: 72px;
}
@media only screen and (max-width: 1839px) {
    .desc-component .desc-component-holder .desc .desc-holder .text {
        height: 54px;
    }
}
@media only screen and (max-width: 1279px) {
    .desc-component .desc-component-holder .desc .desc-holder .text {
        height: 60px;
    }
}
.desc-component .desc-component-holder .desc .desc-holder .text.text-linecrop  {
    -webkit-line-clamp: 3;
    line-clamp: 3;
}
.desc-component .desc-component-holder .desc .desc-holder .text.text-linecrop .text-holder{

}

.desc-component .desc-component-holder .desc .desc-holder .text.four-lines-crop {
    height: 96px;
}
@media only screen and (max-width: 1839px) {
    .desc-component .desc-component-holder .desc .desc-holder .text.four-lines-crop {
        height: 72px;
    }
}
@media only screen and (max-width: 1279px) {
    .desc-component .desc-component-holder .desc .desc-holder .text.four-lines-crop {
        height: 80px;
    }
}
.desc-component .desc-component-holder .desc .desc-holder .text.four-lines-crop.text-linecrop {
    -webkit-line-clamp: 4;
    line-clamp: 4;
}

.desc-component .desc-component-holder .desc .desc-holder .text .text-holder p {
    max-width: 448px;
}
@media only screen and (max-width: 766px) {
    .desc-component .desc-component-holder .desc .desc-holder .text .text-holder p {
        max-width: none;
    }
}
.desc-component .desc-component-holder .desc .desc-holder .text .text-holder p.big:not(:last-of-type) {
    margin: 0 0 16px;
}
@media only screen and (max-width: 766px) {
    .desc-component .desc-component-holder .desc .desc-holder .text .text-holder p.big:not(:last-of-type) {
        margin: 0 0 12px;
    }
}

.desc-component .desc-component-holder .desc .desc-holder .text .text-holder img {
    height: 495px;
    margin: 40px 0;
}
@media only screen and (max-width: 1279px) {
    .desc-component .desc-component-holder .desc .desc-holder .text .text-holder img {
        margin: 32px 0;
        height: 304px;
    }
}
@media only screen and (max-width: 766px) {
    .desc-component .desc-component-holder .desc .desc-holder .text .text-holder img {
        height: 176px;
    }
}

.desc-component .desc-component-holder .desc .desc-holder .text .text-holder .projects-list {
    margin: 80px 0 0;
}
@media only screen and (max-width: 1279px) {
    .desc-component .desc-component-holder .desc .desc-holder .text .text-holder .projects-list {
        margin: 60px 0 0;
    }
}

.desc-component .desc-component-holder .desc .desc-holder .action {

}

.desc-component .desc-component-holder .desc .desc-holder .action .btn .btn-text {
    transition: all 300ms;
}

/*boon-card-component*/
.boon-card-size-block {
    width: 448px;
    max-width: 100%;
    height: auto;
}
@media only screen and (max-width: 1279px) {
    .boon-card-size-block {
        width: 334px;
    }
}
@media only screen and (max-width: 766px) {
    .boon-card-size-block {
        width: 100%;
    }
}
.boon-card-size-block.with-image{
    width: 912px;
}
@media only screen and (max-width: 1279px) {
    .boon-card-size-block.with-image{
        width: 681px;
    }
}
@media only screen and (max-width: 766px) {
    .boon-card-size-block.with-image{
        width: 100%;
    }
}

.boon-card-size-block .boon-card-size-block-holder {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.boon-card-component {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.boon-card-component .boon-card-component-holder {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 600px;
}
@media only screen and (max-width: 1279px) {
    .boon-card-component .boon-card-component-holder {
        min-height: 462px;
    }
}
@media only screen and (max-width: 766px) {
    .boon-card-component .boon-card-component-holder {
        min-height: 454px;
    }
}

.boon-card-component .boon-card-component-holder .image-container {
    width: 104%;
    height: auto;
}

.boon-card-component .boon-card-component-holder .image-container .image-container-holder {
    width: 100%;
    height: 100%;
    position: relative;
}

.boon-card-component .boon-card-component-holder .image-container .image-container-holder .block-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.boon-card-component .boon-card-component-holder .text-container {
    width: 100%;
    height: auto;
}

.boon-card-component .boon-card-component-holder .text-container .text-container-holder {
    width: 100%;
    height: 100%;
}

.boon-card-component .boon-card-component-holder .text-container .text-container-holder .inner-text-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--brand-blue-primary);
    box-sizing: border-box;
    padding: 32px;
}
@media only screen and (max-width: 1279px) {
    .boon-card-component .boon-card-component-holder .text-container .text-container-holder .inner-text-container {
        padding: 24px;
    }
}
@media only screen and (max-width: 766px) {
    .boon-card-component .boon-card-component-holder .text-container .text-container-holder .inner-text-container {
        padding: 20px 18px;
    }
}

.boon-card-component .boon-card-component-holder .text-container .text-container-holder .inner-text-container .heading {
    width: 100%;
    margin: 0 0 16px;
}

.boon-card-component .boon-card-component-holder .text-container .text-container-holder .inner-text-container .heading .big {

}

.boon-card-component .boon-card-component-holder .text-container .text-container-holder .inner-text-container .desc {
    width: 100%;
}

.boon-card-component .boon-card-component-holder .text-container .text-container-holder .inner-text-container .desc p {

}

/*position-card-component*/
.position-catrd-size-block {
    width: 603px;
    max-width: 100%;
    height: auto;
}
@media only screen and (max-width: 1279px) {
    .position-catrd-size-block {
        width: 448px;
    }
}
@media only screen and (max-width: 766px) {
    .position-catrd-size-block {
        width: 100%;
    }
}

.position-catrd-size-block .position-card-size-block-holder {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.position-card-component {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.position-card-component .position-card-component-holder {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    min-height: 428px;
    color: var(--brand-blue-primary);
    box-sizing: border-box;
    padding: 0 32px;
}
@media only screen and (max-width: 1279px) {
    .position-card-component .position-card-component-holder {
        padding: 0 24px;
        min-height: 371px;
    }
}
@media only screen and (max-width: 766px) {
    .position-card-component .position-card-component-holder {
        padding: 0 18px;
        min-height: 362px;
    }
}

.position-card-component .position-card-component-holder .heading {
    width: 100%;
    margin: 0 0 16px;
}
@media only screen and (max-width: 1279px) {
    .position-card-component .position-card-component-holder .heading {
        margin: 0 0 12px;
    }
}

.position-card-component .position-card-component-holder .heading .heading-holder {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 16px;
}

.position-card-component .position-card-component-holder .heading .tags {
    width: 100%;
}

.position-card-component .position-card-component-holder .heading .title {
    width: 100%;
}

.position-card-component .position-card-component-holder .heading .title .big {

}

.position-card-component .position-card-component-holder .desc {
    width: 100%;
}

.position-card-component .position-card-component-holder .desc .desc-holder {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media only screen and (max-width: 1279px) {
    .position-card-component .position-card-component-holder .desc .desc-holder {
        gap: 20px;
    }
}
@media only screen and (max-width: 766px) {
    .position-card-component .position-card-component-holder .desc .desc-holder {
        gap: 16px;
    }
}

.position-card-component .position-card-component-holder .desc .desc-holder .text-block {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 8px;
}
.position-card-component .position-card-component-holder .desc .desc-holder .text-block.short {
    width: 72%;
}
@media only screen and (max-width: 1279px) {
    .position-card-component .position-card-component-holder .desc .desc-holder .text-block.short {
        width: 100%;
    }
}

.position-card-component .position-card-component-holder .desc .desc-holder .text-block .title {
    width: 100%;
    color: var(--brand-blue-primary-64);
    font-size: var(--font-size-link);
    line-height: var(--line-height-link);
    letter-spacing: var(--letter-spacing-link);
}

.position-card-component .position-card-component-holder .desc .desc-holder .text-block .text {
    width: 100%;
}
.position-card-component .position-card-component-holder .desc .desc-holder .text-block .text.text-linecrop {
    -webkit-line-clamp: 5;
    line-clamp: 5;
}

.position-card-component .position-card-component-holder .desc .desc-holder .text-block .text p {

}

/*accordion-component*/
.accordion-component {
    width: 100%;
}

.accordion-component .accordion-component-holder {
    display: inline-block;
    width: 100%;
}

.accordion-component .accordion-component-holder .heading {
    width: 100%;
}
@media (hover: hover) {
    .accordion-component .accordion-component-holder .heading:hover {
        cursor: pointer;
    }
}

.accordion-component .accordion-component-holder .heading .heading-holder {
    display: flex;
    align-items: center;
    gap: 80px;
}
@media only screen and (max-width: 1279px) {
    .accordion-component .accordion-component-holder .heading .heading-holder {
        gap: 60px;
    }
}
@media only screen and (max-width: 766px) {
    .accordion-component .accordion-component-holder .heading .heading-holder {
        gap: 40px;
    }
}

.accordion-component.full-width-text .accordion-component-holder .heading .heading-holder {
    display: flex;
    align-items: center;
    gap: 32px;
}
@media only screen and (max-width: 1279px) {
    .accordion-component.full-width-text .accordion-component-holder .heading .heading-holder {
        gap: 24px;
    }
}
@media only screen and (max-width: 766px) {
    .accordion-component.full-width-text .accordion-component-holder .heading .heading-holder {
        gap: 20px;
    }
}

.accordion-component .accordion-component-holder .heading .heading-holder>.text {
    color: var(--brand-blue-primary);
    width: calc(100% - 80px - 32px);
    box-sizing: border-box;
    padding-right: 10%;
}
@media only screen and (max-width: 1279px) {
    .accordion-component .accordion-component-holder .heading .heading-holder>.text {
        width: calc(100% - 60px - 24px);
    }
}
@media only screen and (max-width: 766px) {
    .accordion-component .accordion-component-holder .heading .heading-holder>.text {
        width: calc(100% - 40px - 20px);
        padding: 0;
    }
}

.accordion-component.small .accordion-component-holder .heading .heading-holder>.text {
    color: var(--brand-blue-primary);
    width: calc(100%  - 32px  - 20px);
    box-sizing: border-box;
    padding: 0;
}
@media only screen and (max-width: 1279px) {
    .accordion-component.small .accordion-component-holder .heading .heading-holder>.text {
        width: calc(100% - 24px - 20px);
    }
}
@media only screen and (max-width: 766px) {
    .accordion-component.small .accordion-component-holder .heading .heading-holder>.text {
        width: calc(100% - 20px - 20px);
    }
}

.accordion-component .accordion-component-holder .heading .heading-holder>.icon {
    width: 32px;
    height: 32px;
    color: var(--brand-blue-primary);
    transition: all 300ms;
}
@media (hover: hover) {
    .accordion-component .accordion-component-holder .heading:hover .heading-holder>.icon {
        color: var(--brand-orange-primary);
        transition: all 300ms;
    }
}
@media only screen and (max-width: 1279px) {
    .accordion-component .accordion-component-holder .heading .heading-holder>.icon {
        width: 24px;
        height: 24px;
    }
}
@media only screen and (max-width: 766px) {
    .accordion-component .accordion-component-holder .heading .heading-holder>.icon {
        width: 20px;
        height: 20px;
    }
}

.accordion-component.small .accordion-component-holder .heading .heading-holder>.icon {
    width: 20px;
    height: 20px;
}

.accordion-component .accordion-component-holder .heading .heading-holder>.icon svg {
    width: 100%;
    height: auto;
}

.accordion-component .accordion-component-holder .heading .heading-holder>.icon svg .vertical-line {
    opacity: 1;
    transition: all 300ms;
}
.accordion-component.open .accordion-component-holder .heading .heading-holder>.icon svg .vertical-line {
    opacity: 0;
    transition: all 300ms;
}

.accordion-component .accordion-component-holder .contains {
    width: 100%;
    height: 0;
    overflow: hidden;
    transition: height 300ms;
}
.accordion-component.open .accordion-component-holder .contains {
    height: auto;
    transition: height 300ms;
}

.accordion-component .accordion-component-holder .contains .contains-hodler {
    display: inline-block;
    width: 100%;
}

.accordion-component .accordion-component-holder .contains .contains-hodler>.text {
    width: 50%;
    color: var(--brand-blue-primary);
    box-sizing: border-box;
    padding: 32px 0 0;
}
@media only screen and (max-width: 1279px) {
    .accordion-component .accordion-component-holder .contains .contains-hodler>.text {
        padding: 24px 0 0;
        width: 75%;
    }
}
@media only screen and (max-width: 766px) {
    .accordion-component .accordion-component-holder .contains .contains-hodler>.text {
        padding: 20px 0 0;
        width: 100%;
    }
}

.accordion-component .accordion-component-holder .contains .contains-hodler>.text form {
    margin-left: 1px; /*wierd cutoff happens*/
}

.accordion-component.small .accordion-component-holder .contains .contains-hodler>.text {
    width: 75%;
    padding: 16px 0 0;
}
@media only screen and (max-width: 1279px) {
    .accordion-component.small .accordion-component-holder .contains .contains-hodler>.text {
        padding: 20px 0 0;
    }
}
@media only screen and (max-width: 766px) {
    .accordion-component.small .accordion-component-holder .contains .contains-hodler>.text {
        width: 100%;
    }
}

.accordion-component.small .accordion-component-holder .contains .contains-hodler>.text.full {
    width: 100%;
}

.accordion-component .accordion-component-holder .contains .contains-hodler>.text p {

}

/*white accordion-component*/
.accordion-component.white .accordion-component-holder .heading .heading-holder>.text {
    color: var(--brand-white-primary);
}


.accordion-component.white .accordion-component-holder .heading .heading-holder>.icon {
    color: var(--brand-white-primary);
}
@media (hover: hover) {
    .accordion-component.white .accordion-component-holder .heading:hover .heading-holder>.icon {
        color: var(--brand-orange-primary);
    }
}

.accordion-component.white .accordion-component-holder .heading .heading-holder .text {
    max-width: 100%;
}

.accordion-component.white .accordion-component-holder .contains .contains-hodler>.text {
    color: var(--brand-white-primary);
}

/*projects*/
.projects-list {
    width: 100%;
}

.projects-list-holder {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 16px);
    margin-left: -8px;
    gap: 16px 0;
}
@media only screen and (max-width: 1279px) {
    .projects-list-holder {
        width: calc(100% + 12px);
        margin-left: -6px;
        gap: 12px 0;
    }
}
@media only screen and (max-width: 766px) {
    .projects-list-holder {
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        margin: 0;
        gap: 40px;
    }
}

.projects-list-holder .project-card-component {
    width: 50%;
    height: auto;
    box-sizing: border-box;
    padding: 0 8px;
}
@media only screen and (max-width: 1279px) {
    .projects-list-holder .project-card-component {
        padding: 0 6px;
    }
}
@media only screen and (max-width: 766px) {
    .projects-list-holder .project-card-component {
        width: 100%;
        padding: 0;
    }
}

.project-card-component {
    width: 100%;
}

.project-card-component .project-card-component-holder {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 168px;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    padding-right: 80px;
}
@media only screen and (max-width: 1279px) {
    .project-card-component .project-card-component-holder {
        padding: 0;
        min-height: 142px;
    }
}
@media only screen and (max-width: 766px) {
    .project-card-component .project-card-component-holder {
        min-height: 90px;
    }
}
.project-card-component .project-card-component-holder.with-side-line {
    padding-left: 24px;
}
@media only screen and (max-width: 1279px) {
    .project-card-component .project-card-component-holder.with-side-line {
        padding-left: 16px;
    }
}
@media only screen and (max-width: 766px) {
    .project-card-component .project-card-component-holder.with-side-line {
        padding: 0;
    }
    .project-card-component .project-card-component-holder.with-side-line::before,
    .project-card-component .project-card-component-holder.with-side-line::after {
        display: none;
    }

}

.project-card-component .project-card-component-holder .tags {
    margin: 0 0 8px;
}

.project-card-component .project-card-component-holder .name {
    width: 100%;
}

.project-card-component .project-card-component-holder .name .name-holder {
    display: inline-block;
    width: 100%;
    font-size: var(--font-size-paragraph);
    line-height: var(--line-height-paragraph);
}

.project-card-component .project-card-component-holder .name .name-holder br {

}

/*info-card*/
.info-card-size-block {
    width: 757px;
    height: 100%;
    max-width: 100%;
}
@media only screen and (max-width: 1279px) {
    .info-card-size-block {
        width: 450px;
    }
}
@media only screen and (max-width: 766px) {
    .info-card-size-block {
        width: 100%;
    }
}
.info-card-size-block.with-image {
    width: 1064px;
}
@media only screen and (max-width: 1279px) {
    .info-card-size-block.with-image {
        width: min(912px, 95vw);
    }
}
@media only screen and (max-width: 766px) {
    .info-card-size-block {
        width: min(312px, 86.667vw);
    }
    .info-card-size-block.with-image {
        width: min(312px, 86.667vw);
    }
}

.info-card-size-block .info-card-size-block-holder {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.info-card {
    width: 100%;
    height: 100%;
}

.info-card .info-card-holder {
    display: flex;
    height: 100%;
    width: 100%;
    min-height: 573px;
    gap: 32px;
}
@media only screen and (max-width: 1279px) {
    .info-card .info-card-holder {
        min-height: 444px;
        gap: 24px;
    }
}
@media only screen and (max-width: 766px) {
    .info-card .info-card-holder {
        min-height: 357px;
        min-height: unset;
    }
}

.info-card .info-card-holder .image {
    width: 72.5%;
    height: auto;
}
@media only screen and (max-width: 1279px) {
    .info-card .info-card-holder .image {
        width: 60.5%;
    }
}

.info-card .info-card-holder .image .image-holder {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
}

.info-card .info-card-holder .image .image-holder a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.info-card .info-card-holder .image .image-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.info-card .info-card-holder .info {
    width: 100%;
    height: auto;
}

.info-card .info-card-holder .info .info-holder {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.info-card .info-card-holder .info .info-holder .desc {
    width: 100%;
}

.info-card .info-card-holder .info .info-holder .desc .desc-holder {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding-right: 80px;
}
@media only screen and (max-width: 766px) {
    .info-card .info-card-holder .info .info-holder .desc .desc-holder {
        padding: 0;
    }
}

.info-card .info-card-holder .info .info-holder .desc .desc-holder .tags {
    width: 100%;
    margin: 0 0 16px;
}
@media only screen and (max-width: 1279px) {
    .info-card .info-card-holder .info .info-holder .desc .desc-holder .tags {
        margin: 0 0 12px;
    }
}

.info-card .info-card-holder .info .info-holder .desc .desc-holder .heading {
    width: 100%;
    color: var(--brand-blue-primary);
}

.info-card .info-card-holder .info .info-holder .desc .desc-holder .heading .heading-holder {
    display: inline-block;
    width: 100%;
}

.info-card .info-card-holder .info .info-holder .desc .desc-holder .heading .heading-holder .big {

}

.info-card .info-card-holder .info .info-holder .desc .desc-holder .text {
    width: 100%;
    color: var(--brand-blue-primary);
    margin: 24px 0 0;
}
@media only screen and (max-width: 766px) {
    .info-card .info-card-holder .info .info-holder .desc .desc-holder .text {
        margin: 12px 0 0;
    }
}

.info-card .info-card-holder .info .info-holder .desc .desc-holder .text .text-holder {
    width: 100%;
    -webkit-line-clamp: 4;
    line-clamp: 4;
}

.info-card .info-card-holder .info .info-holder .desc .desc-holder .text .text-holder p {

}

.info-card .info-card-holder .info .info-holder .action {
    width: 100%;
    margin: 16px 0 0;
}

.info-card .info-card-holder .info .info-holder .action .action-holder {
    width: 100%;
}

/*text-card-component*/
.text-card-size-block {
    width: 448px;
    max-width: 100%;
    height: 100%;
}
@media only screen and (max-width: 1279px) {
    .text-card-size-block {
        width: 335px;
    }
}
@media only screen and (max-width: 766px) {
    .text-card-size-block {
        width: min(312px, 86.667vw);
    }
}

.text-card-size-block.big {
    width: 758px;
}
@media only screen and (max-width: 1279px) {
    .text-card-size-block.big {
        width: min(450px, 46.875vw);
    }
}
@media only screen and (max-width: 766px) {
    .text-card-size-block.big {
        width: min(312px, 86.667vw);
    }
}

.text-card-size-block.medium {
    width: 679px;
}
@media only screen and (max-width: 1279px) {
    .text-card-size-block.medium {
        width: 335px;
    }
}

.text-card-size-block-holder {
    width: 100%;
    height: 100%;
}

.text-card-component {
    width: 100%;
    height: 100%;
}

.text-card-component .text-card-component-holder {
    display: block;
    width: 100%;
    height: 100%;
}

.text-card-component .text-card-component-holder .contains {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 320px;
    box-sizing: border-box;
    padding: 32px;
    gap: 16px;
}
@media only screen and (max-width: 1279px) {
    .text-card-component .text-card-component-holder .contains {
        padding: 24px;
        gap: 12px;
        min-height: 242px;
    }
}
@media only screen and (max-width: 766px) {
    .text-card-component .text-card-component-holder .contains {
        padding: 20px 18px;
        gap: 8px;
    }
}

.text-card-component.mid-height .text-card-component-holder .contains {
    min-height: 320px;
}
@media only screen and (max-width: 1279px) {
    .text-card-component.mid-height .text-card-component-holder .contains {
        min-height: 320px;
    }
}
@media only screen and (max-width: 766px) {
    .text-card-component.mid-height .text-card-component-holder .contains {
        min-height: 320px;
    }
}


.text-card-component.small .text-card-component-holder .contains {
    min-height: 266px;
}
@media only screen and (max-width: 766px) {
    .text-card-component.small .text-card-component-holder .contains {
        min-height: 200px;
    }
}

.text-card-component .text-card-component-holder .contains .tags-group {
    width: 100%;
    margin: 0 0 16px;
}

.text-card-component .text-card-component-holder .contains .name {
    width: 100%;
    color: var(--brand-blue-primary);
}

.text-card-component .text-card-component-holder .contains .name p {

}

.text-card-component .text-card-component-holder .contains .name p:not(:last-of-type) {
    margin-bottom: 8px;
}

.text-card-component .text-card-component-holder .contains .counter {
    width: 100%;
    color: var(--brand-blue-primary-32);
}

/*event component*/
.event-component-size-block {
    width: 598px;
    max-width: 100%;
    height: auto;
}
@media only screen and (max-width: 1279px) {
    .event-component-size-block {
        width: 450px;
    }
}
@media only screen and (max-width: 766px) {
    .event-component-size-block {
        width: min(312px, 86.667vw);
    }
}
.event-component-size-block.small {
    width: 448px;
}
@media only screen and (max-width: 1279px) {
    .event-component-size-block.small {
        width: 450px;
    }
}
@media only screen and (max-width: 766px) {
    .event-component-size-block.small {
        width: 328px;
    }
}

.event-component-size-block .event-component-size-block-holder {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.event-component {
    width: 100%;
    height: 100%;
}

.event-component .event-component-holder {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    min-height: 600px;
    box-sizing: border-box;
    padding: 32px;
}
@media only screen and (max-width: 1279px) {
    .event-component .event-component-holder {
        padding: 24px;
        min-height: 448px;
    }
}
@media only screen and (max-width: 766px) {
    .event-component .event-component-holder {
        min-height: 417px;
        padding: 18px 20px;
    }
}

.event-component .event-component-holder .heading {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.event-component .event-component-holder .heading .tags-view {

}

.event-component .event-component-holder .heading .tags-view .tags .tags-holder {
    flex-wrap: nowrap;
}

.event-component .event-component-holder .heading .tags-view .tags .tags-holder .tag .tag-item.event-date {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    box-orient: vertical;
    margin: 9px 0;
    padding: 0;
}
@media only screen and (max-width: 1279px) {
    .event-component .event-component-holder .heading .tags-view .tags .tags-holder .tag .tag-item.event-date {
        margin: 7px 0;
    }
}

.event-component .event-component-holder .heading .name {
    color: var(--brand-blue-primary);
    -webkit-line-clamp: 6;
    line-clamp: 6;
}

.event-component .event-component-holder .heading .name .big {

}

.event-component .event-component-holder .additional-infoes {
    width: 100%;
    margin: 16px 0 0;
}

.event-component .event-component-holder .additional-infoes .additional-info {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 8px;
}

.event-component .event-component-holder .additional-infoes .additional-info .title {
    color: var(--brand-blue-primary-64);
    font-size: var(--font-size-tags);
    line-height: var(--line-height-tags);
}

.event-component .event-component-holder .additional-infoes .additional-info .desc {
    color: var(--brand-blue-primary);
}

.event-component .event-component-holder .additional-infoes .additional-info .desc p {

}

/*employee-card*/
.employee-card-size-block {
    width: 448px;
    max-width: 100%;
    height: 100%;
}
@media only screen and (max-width: 1279px) {
    .employee-card-size-block {
        width: 335px;
    }
}
@media only screen and (max-width: 766px) {
    .employee-card-size-block {
        width: 328px;
    }
}
.employee-card-size-block.big {
    width: 448px;
}
@media only screen and (max-width: 1279px) {
    .employee-card-size-block.big {
        width: 450px;
    }
}
@media only screen and (max-width: 766px) {
    .employee-card-size-block.big {
        width: min(312px, 86.667vw);
    }
}

.employee-card-size-block .employee-card-size-block-holder {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.employee-card-component {
    display: block;
    width: 100%;
    height: 100%;
}

.employee-card-component .employee-card-component-holder {
    display: flex;
    width: 100%;
    height: 100%;
    gap: 16px;
    min-height: 125px;
}
@media only screen and (max-width: 1279px) {
    .employee-card-component .employee-card-component-holder {
        gap: 12px;
        min-height: 130px;
    }
}

.employee-card-component .employee-card-component-holder.with-side-line {
    padding-left: 24px;
}
@media only screen and (max-width: 1279px) {
    .employee-card-component .employee-card-component-holder.with-side-line {
        padding-left: 20px;
    }
}
@media only screen and (max-width: 766px) {
    .employee-card-component .employee-card-component-holder.with-side-line {
        padding-left: 0;
    }
    .employee-card-component .employee-card-component-holder.with-side-line::before,
    .employee-card-component .employee-card-component-holder.with-side-line::after {
        display: none;
    }
}

.employee-card-component .employee-card-component-holder .image {
    width: 100px;
    height: 125px;
}
@media only screen and (max-width: 1279px) {
    .employee-card-component .employee-card-component-holder .image {
        width: 104px;
        height: 130px;
    }
}

.employee-card-component .employee-card-component-holder .image .image-holder {
    width: 100%;
    height: 100%;
}

.employee-card-component .employee-card-component-holder .image .image-holder img {
    width: 100%;
    height: 100%;
}

.employee-card-component .employee-card-component-holder .desc {
    width: calc(100% - 100px - 16px);
    height: auto;
}
@media only screen and (max-width: 1279px) {
    .employee-card-component .employee-card-component-holder .desc {
        width: calc(100% - 104x - 12px);
    }
}

.employee-card-component .employee-card-component-holder .desc .desc-holder {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-right: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.employee-card-component .employee-card-component-holder .desc .desc-holder.with-side-line {
    padding-left: 16px;
}
@media only screen and (max-width: 1279px) {
    .employee-card-component .employee-card-component-holder .desc .desc-holder.with-side-line {
        padding-left: 12px;
    }
}

a.employee-card-component .employee-card-component-holder .desc .desc-holder.with-side-line::after {

}
@media (hover: hover) {
    a.employee-card-component:hover .employee-card-component-holder .desc .desc-holder.with-side-line::after {
        height: 100%;
        transition: height 300ms;
    }
}

.employee-card-component .employee-card-component-holder .desc .desc-holder .type {
    width: 100%;
}

.employee-card-component .employee-card-component-holder .desc .desc-holder .type .type-name {
    color: var(--brand-blue-primary-64);
    font-size: var(--font-size-tags);
    line-height: var(--line-height-tags);
}

.text-white-primary .employee-card-component .employee-card-component-holder .desc .desc-holder .type .type-name {
    color: var(--brand-white-primary-64);
}

.employee-card-component .employee-card-component-holder .desc .desc-holder .details {
    width: 100%;
}

.employee-card-component .employee-card-component-holder .desc .desc-holder .name {
    width: 100%;
    color: var(--brand-blue-primary);
}

.text-white-primary .employee-card-component .employee-card-component-holder .desc .desc-holder .name {
    color: var(--brand-white-primary);
}

.employee-card-component .employee-card-component-holder .desc .desc-holder .position {
    width: 100%;
    color: var(--brand-blue-primary-44);
    font-size: var(--font-size-sub-title);
    line-height: var(--line-height-sub-title);
    letter-spacing: var(--letter-spacing-sub-title);
    margin: 12px 0 0;
}

.text-white-primary .employee-card-component .employee-card-component-holder .desc .desc-holder .position {
    color: var(--brand-white-primary-44);
}

/*no-image*/
.employee-card-component.no-image .employee-card-component-holder .image {
    display: none;
}

.employee-card-component.no-image .employee-card-component-holder .desc {
    width: 100%;
}

/*type-employee*/
.employee-card-component.type-employee .employee-card-component-holder {
    min-height: 140px;
}
@media only screen and (max-width: 1839px) {
    .employee-card-component.type-employee .employee-card-component-holder {
        min-height: 98px;
        gap: 12px;
    }
}
@media only screen and (max-width: 1279px) {
    .employee-card-component.type-employee .employee-card-component-holder {
        gap: 14px;
        min-height: 120px;
    }
}

.employee-card-component.type-employee .employee-card-component-holder .image {
    width: 112px;
    height: 140px;
}
@media only screen and (max-width: 1839px) {
    .employee-card-component.type-employee .employee-card-component-holder .image {
        width: 78px;
        height: 98px;
    }
}
@media only screen and (max-width: 1279px) {
    .employee-card-component.type-employee .employee-card-component-holder .image {
        width: 96px;
        height: 120px;
    }
}

.employee-card-component.type-employee .employee-card-component-holder .desc {
    width: calc(100% - 112px - 16px);
}
@media only screen and (max-width: 1839px) {
    .employee-card-component.type-employee .employee-card-component-holder .desc {
        width: calc(100% - 78px - 12px);
    }
}
@media only screen and (max-width: 1279px) {
    .employee-card-component.type-employee .employee-card-component-holder .desc {
        width: calc(100% - 96px - 14px);
    }
}

.employee-card-component.type-employee .employee-card-component-holder .desc .desc-holder {
    padding-right: 16px;
}
@media only screen and (max-width: 1839px) {
    .employee-card-component.type-employee .employee-card-component-holder .desc .desc-holder {
        padding-left: 12px;
    }
}
@media only screen and (max-width: 1279px) {
    .employee-card-component.type-employee .employee-card-component-holder .desc .desc-holder.with-side-line {
        padding-left: 14px;
    }
}

.employee-card-component.type-employee .employee-card-component-holder .desc .desc-holder .position {
    letter-spacing: normal;
    font-size: var(--font-size-tags);
    line-height: var(--line-height-tags);
    margin: 8px 0 0;
}

/*big*/

.employee-card-component.big .employee-card-component-holder {
    flex-direction: column;
    gap: 32px;
}
@media only screen and (max-width: 1279px) {
    .employee-card-component.big .employee-card-component-holder {
        gap: 24px;
    }
}
@media only screen and (max-width: 766px) {
    .employee-card-component.big .employee-card-component-holder {
        gap: 20px;
    }
}

.employee-card-component.big .employee-card-component-holder .image {
    width: 273px;
    height: 342px;
    max-width: 100%;
}
@media only screen and (max-width: 766px) {
    /*
    .employee-card-component.big .employee-card-component-holder .image {
        width: 328px;
        height: 108vw;
    }
    */
    .employee-card-component.big .employee-card-component-holder .image {
        width: 100%;
        height: auto;
    }
}

.employee-card-component.big .employee-card-component-holder .desc {
    width: 72%;
}
@media only screen and (max-width: 766px) {
    .employee-card-component.big .employee-card-component-holder .desc {
        width:100%;
    }
}

.employee-card-component.big .employee-card-component-holder .desc .desc-holder {
    padding: 0;
}

@media only screen and (max-width: 766px) {
    .employee-card-component.big .employee-card-component-holder .desc .desc-holder .position {
        margin: 8px 0 0;
    }
}

/*employee-list*/
.employee-list-component {
    width: 100%;
}

.employee-list-component .employee-list-component-holdere {
    display: flex;
    width: 100%;
    gap: 16px;
    min-height: 140px;
}
@media only screen and (max-width: 1839px) {
    .employee-list-component .employee-list-component-holdere {
        gap: 12px;
        min-height: 98px;
    }
}
@media only screen and (max-width: 1279px) {
    .employee-list-component .employee-list-component-holdere {
        gap: 14px;
        min-height: 120px;
    }
}
@media only screen and (max-width: 766px) {
    .employee-list-component .employee-list-component-holdere {
        flex-direction: column;
        flex-direction: column-reverse;
        gap: 16px;
        min-height: auto;
    }
}

.employee-list-component.small .employee-list-component-holdere {
    min-height: 100px;
}
@media only screen and (max-width: 1279px) {
    .employee-list-component.small .employee-list-component-holdere {
        min-height: 80px;
    }
}

.employee-list-component .employee-list-component-holdere .images {
    display: flex;
    align-items: end;
}

.employee-list-component .employee-list-component-holdere .images .images-holder {
    display: flex;
    gap: 2px;
}

.employee-list-component .employee-list-component-holdere .images .images-holder .image {
    width: 112px;
    height: 140px;
}
@media only screen and (max-width: 1839px) {
    .employee-list-component .employee-list-component-holdere .images .images-holder .image {
        width: 78px;
        height: 98px;
    }
}
@media only screen and (max-width: 1279px) {
    .employee-list-component .employee-list-component-holdere .images .images-holder .image {
        width: 96px;
        height: 120px;
    }
}
@media only screen and (max-width: 766px) {
    .employee-list-component .employee-list-component-holdere .images .images-holder .image {
        width: 64px;
        height: 80px;
    }
}

.employee-list-component.small .employee-list-component-holdere .images .images-holder .image {
    width: 80px;
    height: 100px;
}
@media only screen and (max-width: 1279px) {
    .employee-list-component.small .employee-list-component-holdere .images .images-holder .image {
        width: 64px;
        height: 80px;
    }
}

.employee-list-component .employee-list-component-holdere .images .images-holder .image .image-holder {
    width: 100%;
    height: 100%;
}

.employee-list-component .employee-list-component-holdere .images .images-holder .image .image-holder img {
    width: 100%;
    height: 100%;
}

.employee-list-component .employee-list-component-holdere .images .images-holder .image .image-holder .more {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}

.employee-list-component .employee-list-component-holdere .desc {
    width: calc(100% - 16px - 340px);
    height: auto;
}
@media only screen and (max-width: 1839px) {
    .employee-list-component .employee-list-component-holdere .desc {
        width: calc(100% - 12px - 238px);
    }
}
@media only screen and (max-width: 1279px) {
    .employee-list-component .employee-list-component-holdere .desc {
        width: calc(100% - 16px - 194px);
        height: auto;
    }
}
@media only screen and (max-width: 766px) {
    .employee-list-component .employee-list-component-holdere .desc {
        width: 100%;
    }
}

.employee-list-component .employee-list-component-holdere .desc .desc-holder {
    display: flex;
    height: 100%;
    flex-direction: column;
    gap: 12px;
    justify-content: space-between;
}
@media only screen and (max-width: 766px) {
    .employee-list-component .employee-list-component-holdere .desc .desc-holder {
        gap: 8px;
    }
}

.employee-list-component .employee-list-component-holdere .desc .desc-holder.with-side-line {
    padding-left: 16px;
}
@media only screen and (max-width: 1839px) {
    .employee-list-component .employee-list-component-holdere .desc .desc-holder.with-side-line {
        padding-left: 12px;
    }
}
@media only screen and (max-width: 1279px) {
    .employee-list-component .employee-list-component-holdere .desc .desc-holder.with-side-line {
        padding-left: 14px;
    }
}
@media only screen and (max-width: 766px) {
    .employee-list-component .employee-list-component-holdere .desc .desc-holder.with-side-line {
        padding-left: 0;
    }
    .employee-list-component .employee-list-component-holdere .desc .desc-holder.with-side-line::before,
    .employee-list-component .employee-list-component-holdere .desc .desc-holder.with-side-line::after {
        display: none;
    }
}

.employee-list-component .employee-list-component-holdere .desc .desc-holder .type {

}

.employee-list-component .employee-list-component-holdere .desc .desc-holder .type .type-name {
    color: var(--brand-blue-primary-64);
    font-size: var(--font-size-tags);
    line-height: var(--line-height-tags);
}

.employee-list-component .employee-list-component-holdere .desc .desc-holder .details {

}

.employee-list-component .employee-list-component-holdere .desc .desc-holder .details .name {
    color: var(--brand-blue-primary);
}

.employee-list-component .employee-list-component-holdere .desc .desc-holder .details .name p {

}

/*news-item*/
.news-item-size-block {
    max-width: 100%;
    width: 448px;
    height: auto;
}
@media only screen and (max-width: 1839px) {
    .news-item-size-block {
        width: 308px;
    }
}
@media only screen and (max-width: 1279px) {
    .news-item-size-block {
        width: 335px;
    }
}
@media only screen and (max-width: 766px) {
    .news-item-size-block {
        width: 312px;
    }
}
.news-item-size-block.big {
    width: 602px;
}
@media only screen and (max-width: 1279px) {
    .news-item-size-block.big {
        width: 450px;
    }
}
@media only screen and (max-width: 766px) {
    .news-item-size-block.big {
        width: 328px;
    }
}

.news-item-size-block .news-item-size-block-holder {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.news-item-component {
    width: 100%;
    height: 100%;
}

.news-item-component .news-item-component-holder {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    gap: 32px;
    justify-content: space-between;
    min-height: 600px;
    box-sizing: border-box;
    padding: 0 24px;
}
@media only screen and (max-width: 1839px) {
    .news-item-component .news-item-component-holder {
        padding: 0 20px;
        min-height: 412px;
        gap: 20px;
    }
}
@media only screen and (max-width: 1279px) {
    .news-item-component .news-item-component-holder {
        padding: 0 20px;
        min-height: 448px;
        gap: 24px;
    }
}
@media only screen and (max-width: 766px) {
    .news-item-component .news-item-component-holder {
        padding: 0 16px;
        min-height: 417px;
        gap: 32px;
    }
}

.news-item-component.big .news-item-component-holder {
    padding: 0 32px;
    min-height: 580px;
}
@media only screen and (max-width: 1279px) {
    .news-item-component.big .news-item-component-holder {
        padding: 0 24px;
        min-height: 490px;
    }
}
@media only screen and (max-width: 766px) {
    .news-item-component.big .news-item-component-holder {
        padding: 0 16px;
        min-height: 375px;
    }
}

.news-item-component.min-height-auto .news-item-component-holder {
    min-height: auto;
}

.news-item-component .news-item-component-holder .news-desc {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
@media only screen and (max-width: 1839px) {
    .news-item-component .news-item-component-holder .news-desc {
        gap: 8px;
    }
}
@media only screen and (max-width: 1279px) {
    .news-item-component .news-item-component-holder .news-desc {
        gap: 12px;
    }
}

.news-item-component.big .news-item-component-holder .news-desc {
    gap: 20px
}

.news-item-component .news-item-component-holder .news-desc .details {
    width: 100%;
}

.news-item-component .news-item-component-holder .news-desc .details .name {
    width: 100%;
    color: var(--brand-blue-primary);
}

.news-item-component .news-item-component-holder .news-desc .details .keywords {
    display: flex;
    flex-wrap: wrap;
    color: var(--brand-blue-primary-64);
    width: 100%;
    margin: 16px 0 0;
    max-height: 52px;
    overflow: hidden;
}
@media only screen and (max-width: 766px) {
    .news-item-component .news-item-component-holder .news-desc .details .keywords {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -moz-box;
        -moz-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        line-clamp: 1;
        box-orient: vertical;
    }
}

.news-item-component .news-item-component-holder .news-desc .details .keywords .keyword {
    display: inline;
    font-size: var(--font-size-tags);
    line-height: var(--line-height-tags);
    margin: 0 0 10px;
}

.news-item-component .news-item-component-holder .news-desc .details .keywords .sep {
    display: inline;
    margin: 0 10px;
}
@media only screen and (max-width: 1279px) {
    .news-item-component .news-item-component-holder .news-desc .details .keywords .sep {
        margin: 0 9.5px;
    }
}
@media only screen and (max-width: 766px) {
    .news-item-component .news-item-component-holder .news-desc .details .keywords .sep {
        margin: 0 2px;
    }
}


.news-item-component .news-item-component-holder .news-add-infoes {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 8px;
}

.news-item-component .news-item-component-holder .news-add-infoes .add-info {
    width: 100%;
}

.news-item-component .news-item-component-holder .news-add-infoes .add-info .news-image {
    width: 408px;
    height: 273px;
}
@media only screen and (max-width: 1839px) {
    .news-item-component .news-item-component-holder .news-add-infoes .add-info .news-image {
        width: 296px;
        height: 198px;
    }
}
@media only screen and (max-width: 1279px) {
    .news-item-component .news-item-component-holder .news-add-infoes .add-info .news-image {
        width: 296px;
        height: 196px;
        max-width: 100%;
    }
}

.news-item-component .news-item-component-holder .news-add-infoes .add-info .news-image .news-image-holder {
    width: 100%;
    height: 100%;
}

.news-item-component .news-item-component-holder .news-add-infoes .add-info .news-image .news-image-holder img {
    width: 100%;
    height: 100%;
}

/*publication component*/
.publication-card-size-block {
    max-width: 100%;
    width: 598px;
    height: auto;
}
@media only screen and (max-width: 1839px) {
    .publication-card-size-block {
        width: 416px;
    }
}
@media only screen and (max-width: 1279px) {
    .publication-card-size-block {
        width: 450px;
    }
}
@media only screen and (max-width: 766px) {
    .publication-card-size-block {
        width: 312px;
    }
}

.publication-card-size-block .publication-card-size-block-holder {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.publication-card-component {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.publication-card-component .publication-card-component-holder {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px;
    width: 100%;
    height: 100%;
    min-height: 600px;
    box-sizing: border-box;
    padding: 32px;
}
@media only screen and (max-width: 1839px) {
    .publication-card-component .publication-card-component-holder {
        padding: 24px;
        gap: 24px;
        min-height: 417px;
    }
}
@media only screen and (max-width: 1279px) {
    .publication-card-component .publication-card-component-holder {
        min-height: 452px;
    }
}
@media only screen and (max-width: 766px) {
    .publication-card-component .publication-card-component-holder {
        padding: 20px 18px;
        gap: 8px;
        min-height: 420px;
    }
}

.publication-card-component .publication-card-component-holder .heading {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media only screen and (max-width: 1839px) {
    .publication-card-component .publication-card-component-holder .heading {
        gap: 14px;
    }
}
@media only screen and (max-width: 1279px) {
    .publication-card-component .publication-card-component-holder .heading {
        gap: 16px;
    }
}

.publication-card-component .publication-card-component-holder .heading .tags-view {
    width: 100%;
}

.publication-card-component .publication-card-component-holder .heading .desc {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.publication-card-component .publication-card-component-holder .heading .desc .name {
    width: 100%;
    color: var(--brand-blue-primary);
}

.publication-card-component .publication-card-component-holder .heading .desc .type {
    width: 100%;
    font-size: var(--font-size-tags);
    line-height: var(--line-height-tags);
    color: var(--brand-blue-primary-64);
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.publication-card-component .publication-card-component-holder .add-infoes {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.publication-card-component .publication-card-component-holder .add-infoes .add-info {
    width: 100%;
}

/*research-card*/
.research-card-size-block {
    width: 1376px;
    max-width: 100%;
    height: auto;
    background: white;
}
@media only screen and (max-width: 1839px) {
    .research-card-size-block {
        width: 956px;
    }
}
@media only screen and (max-width: 1279px) {
    .research-card-size-block {
        /*width: min(797px, 83.021vw);*/
    }
}
@media only screen and (max-width: 766px) {
    .research-card-size-block {
        /*width: min(312px, 86.667vw);*/
    }
}

.research-card-size-block.small {
    width: 911px;
}
@media only screen and (max-width: 1279px) {
    .research-card-size-block.small {
        width: 450px;
    }
}
@media only screen and (max-width: 766px) {
    .research-card-size-block.small {
        width: min(328px, 91.112vw);
    }
}

.research-card-size-block.middle {
    width: 911px;
}
@media only screen and (max-width: 1279px) {
    .research-card-size-block.middle {
        width: min(797px, 83.021vw);
    }
}
@media only screen and (max-width: 766px) {
    .research-card-size-block.middle {
        width: min(312px, 86.667vw);
    }
}

.research-card-size-block .research-card-size-block-holder {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.research-card-component {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.research-card-component .research-card-component-holder {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 600px;
}
@media only screen and (max-width: 1839px) {
    .research-card-component .research-card-component-holder {
        min-height: 425px;
    }
}
@media only screen and (max-width: 1279px) {
    .research-card-component .research-card-component-holder {
        min-height: 448px;
    }
}
@media only screen and (max-width: 766px) {
    .research-card-component .research-card-component-holder {
        min-height: 426px;
    }
}

.research-card-component.list-type .research-card-component-holder {

}
@media only screen and (max-width: 1279px) {
    .research-card-component.list-type .research-card-component-holder {
        min-height: auto;
        flex-direction: column;
    }
}

.research-card-component .research-card-component-holder .image {
    width: calc(100% - 448px);
    height: auto;
}
@media only screen and (max-width: 1839px) {
    .research-card-component .research-card-component-holder .image {
        width: calc(100% - 308px);
    }
}
@media only screen and (max-width: 1279px) {
    .research-card-component .research-card-component-holder .image {
        width: calc(100% - 335px);
    }
}

@media only screen and (max-width: 1279px) {
    .research-card-component.list-type .research-card-component-holder .image {
        width: 100%;
        height: 368px;
    }
}

.research-card-component .research-card-component-holder .image .image-holder {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #06132D 0%, #164198 100%);
    position: relative;
}

.research-card-component .research-card-component-holder .image .image-holder::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 61.33%, rgba(0, 0, 0, 0.80) 100%);
}
.research-card-component .research-card-component-holder .image.no-shadow-overlay .image-holder::before {
    display: none;
}

.research-card-component .research-card-component-holder .image .image-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.research-card-component .research-card-component-holder .image .image-holder .image-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.research-card-component .research-card-component-holder .image .image-holder .image-text .image-text-holder {
    width: 75%;
    height: 100%;
    display: flex;
    align-items: end;
    color: var(--brand-white-primary);
    box-sizing: border-box;
    padding: 32px;
}
@media only screen and (max-width: 1839px) {
    .research-card-component .research-card-component-holder .image .image-holder .image-text .image-text-holder {
        padding: 24px;
        width: 100%;
    }
}

.research-card-component .research-card-component-holder .image .image-holder .image-text .image-text-holder .h4 {

}

.research-card-component .research-card-component-holder .details {
    width: 448px;
    max-width: 100%;
    height: auto;
}
@media only screen and (max-width: 1839px) {
    .research-card-component .research-card-component-holder .details {
        width: 308px;
    }
}
@media only screen and (max-width: 1279px) {
    .research-card-component .research-card-component-holder .details {
        width: 335px;
    }
}
@media only screen and (max-width: 766px) {
    .research-card-component .research-card-component-holder .details {
        width: 100%;
    }
}

@media only screen and (max-width: 1279px) {
    .research-card-component.list-type .research-card-component-holder .details {
        width: 100%;
        flex-grow: 1;
    }
}

.research-card-component .research-card-component-holder .details .details-holder {
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 32px;
}
@media only screen and (max-width: 1839px) {
    .research-card-component .research-card-component-holder .details .details-holder {
        gap: 24px;
        padding: 24px;
    }
}
@media only screen and (max-width: 1279px) {
    .research-card-component .research-card-component-holder .details .details-holder {
        gap: 24px;
        padding: 24px;
    }
}
@media only screen and (max-width: 766px) {
    .research-card-component .research-card-component-holder .details .details-holder {
        gap: 20px;
        padding: 20px 18px;
    }
}

@media only screen and (max-width: 1279px) {
    .research-card-component.list-type .research-card-component-holder .details .details-holder {
        min-height: 322px;
    }
}
@media only screen and (max-width: 766px) {
    .research-card-component.list-type .research-card-component-holder .details .details-holder {
        min-height: 448px;
    }
}

.research-card-component .research-card-component-holder .details .details-holder .heading {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media only screen and (max-width: 1839px) {
    .research-card-component .research-card-component-holder .details .details-holder .heading {
        gap: 14px;
    }
}
@media only screen and (max-width: 1279px) {
    .research-card-component .research-card-component-holder .details .details-holder .heading {
        gap: 12px;
    }
}

.research-card-component .research-card-component-holder .details .details-holder .heading .tags-view {
    width: 100%;
}

.research-card-component .research-card-component-holder .details .details-holder .heading .desc {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.research-card-component .research-card-component-holder .details .details-holder .heading .desc .name {
    width: 100%;
    color: var(--brand-blue-primary);
}

.research-card-component .research-card-component-holder .details .details-holder .add-infoes {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.research-card-component .research-card-component-holder .details .details-holder .add-infoes .add-info {
    width: 100%;
}

.research-card-component .research-card-component-holder .details .details-holder .add-infoes .add-info .data-list .data-element.client {
    width: 49%;
}
@media only screen and (max-width: 1839px) {
    .research-card-component .research-card-component-holder .details .details-holder .add-infoes .add-info .data-list .data-element.client {
        width: 49.5%;
    }
}
@media only screen and (max-width: 1279px) {
    .research-card-component .research-card-component-holder .details .details-holder .add-infoes .add-info .data-list .data-element.client {
        width: 52.5%;
    }
}
@media only screen and (max-width: 766px) {
    .research-card-component .research-card-component-holder .details .details-holder .add-infoes .add-info .data-list .data-element.client {
        width: 100%;
    }
}

.research-card-component .research-card-component-holder .details .details-holder .add-infoes .add-info .data-list .data-element.author {
    width: 51%;
}
@media only screen and (max-width: 1839px) {
    .research-card-component .research-card-component-holder .details .details-holder .add-infoes .add-info .data-list .data-element.author {
        width: 50.5%;
    }
}
@media only screen and (max-width: 1279px) {
    .research-card-component .research-card-component-holder .details .details-holder .add-infoes .add-info .data-list .data-element.author {
        width: 47.5%;
    }
}
@media only screen and (max-width: 766px) {
    .research-card-component .research-card-component-holder .details .details-holder .add-infoes .add-info .data-list .data-element.author {
        width: 100%;
    }
}

@media only screen and (max-width: 1279px) {
    .research-card-component.list-type .research-card-component-holder .details .details-holder .add-infoes .add-info .data-list .data-element.client {
        width: 52%;
    }
}
@media only screen and (max-width: 766px) {
    .research-card-component.list-type .research-card-component-holder .details .details-holder .add-infoes .add-info .data-list .data-element.client {
        width: 100%;
    }
}

@media only screen and (max-width: 1279px) {
    .research-card-component.list-type .research-card-component-holder .details .details-holder .add-infoes .add-info .data-list .data-element.author {
        width: 48%;
    }
}
@media only screen and (max-width: 766px) {
    .research-card-component.list-type .research-card-component-holder .details .details-holder .add-infoes .add-info .data-list .data-element.author {
        width: 100%;
    }
}

@media only screen and (max-width: 1279px) {
    .research-card-component.list-type .research-card-component-holder .details .details-holder .add-infoes .add-info .data-list .data-element .data-element-holder {
        min-height: 91px;
    }
}
@media only screen and (max-width: 766px) {
    .research-card-component.list-type .research-card-component-holder .details .details-holder .add-infoes .add-info .data-list .data-element .data-element-holder {
        min-height: auto;
    }
}

.research-card-component .research-card-component-holder .details .add-infoes .add-info .data-list .data-element .data-element-holder .data .composite-company-name .composite-company-name-holder .name {
    opacity: 1;
    transition: all 600ms;
}

.research-card-component .research-card-component-holder .details .add-infoes .add-info .data-list .data-element .data-element-holder .data .composite-company-name .composite-company-name-holder .logo {
    opacity: 0;
    transition: all 600ms;
}

@media (hover: hover) {
    .research-card-component .research-card-component-holder:hover .details .add-infoes .add-info .data-list .data-element .data-element-holder .data.show-logos .composite-company-name .composite-company-name-holder .name {
        opacity: 0;
        transition: all 600ms;
    }

    .research-card-component .research-card-component-holder:hover .details .add-infoes .add-info .data-list .data-element .data-element-holder .data.show-logos .composite-company-name .composite-company-name-holder .logo {
        opacity: 1;
        transition: all 600ms;
    }
}

/*page-inner-title*/
.page-inner-title {
    width: 100%;
}

.page-inner-title .page-inner-title-holder {

}

.page-inner-title .page-inner-title-holder .category-title {
    width: 100%;
    margin: 12px 0 24px;
}
@media only screen and (max-width: 1279px) {
    .page-inner-title .page-inner-title-holder .category-title {
        margin: 6px 0 12px;
    }
}
@media only screen and (max-width: 767px) {
    .page-inner-title .page-inner-title-holder .category-title {
        margin: 0 0 24px;
    }
}

.page-inner-title .page-inner-title-holder .category-title .category-title-holder {

}

.page-inner-title .page-inner-title-holder .page-inner-title-contains {
    width: 100%;
}

.page-inner-title .page-inner-title-holder .page-inner-title-contains .page-inner-title-contains-holder {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 40px;
}
@media only screen and (max-width: 1279px) {
    .page-inner-title .page-inner-title-holder .page-inner-title-contains .page-inner-title-contains-holder {
        gap: 28px;
    }
}
@media only screen and (max-width: 766px) {
    .page-inner-title .page-inner-title-holder .page-inner-title-contains .page-inner-title-contains-holder {
        gap: 32px;
    }
}

.page-inner-title .page-inner-title-holder .page-inner-title-contains .page-inner-title-contains-holder .text {
    width: 75%;
}
@media only screen and (max-width: 1279px) {
    .page-inner-title .page-inner-title-holder .page-inner-title-contains .page-inner-title-contains-holder .text {
        width: 85%;
    }
}
@media only screen and (max-width: 766px) {
    .page-inner-title .page-inner-title-holder .page-inner-title-contains .page-inner-title-contains-holder .text {
        width: 100%;
    }
}


.page-inner-title .page-inner-title-holder .page-inner-title-contains .page-inner-title-contains-holder .full-width-desc-component .text {
    width: 100%;
}






.page-inner-title .page-inner-title-holder .page-inner-title-contains .page-inner-title-contains-holder .action {
    width: 100%;
}

/*page-list-title*/
.page-list-title {
    width: 100%;
}

.page-list-title .page-list-title-holder {
    display: flex;
    gap: 18px;
}
@media only screen and (max-width: 1279px) {
    .page-list-title .page-list-title-holder {
        gap: 12px;
    }
}

.page-list-title.small .page-list-title-holder {
    gap: 12px;
}

.page-list-title .page-list-title-holder .text {
    height: auto;
    max-width: 66%;
}
@media only screen and (max-width: 766px) {
    .page-list-title .page-list-title-holder .text {
        max-width: 100%;
    }
}

.page-list-title .page-list-title-holder .number {
    height: auto;
    box-sizing: border-box;
    padding-top: 8px;
}

.page-list-title.small .page-list-title-holder .number {
    padding: 0;
}

.page-list-title .page-list-title-holder .number .number-holder {
    color: var(--brand-blue-primary-44);
    font-size: var(--font-size-paragraph-big);
    line-height: var(--line-height-paragraph-big);
    letter-spacing: var(--letter-spacing-paragraph-big);
    border-left: 1px solid var(--brand-blue-primary-44);
    padding: 0 0 0 15px;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 1279px) {
    .page-list-title .page-list-title-holder .number .number-holder {
        padding: 0 0 0 12px;
    }
}

.page-list-title.small .page-list-title-holder .number.white .number-holder {
    padding: 0 0 0 12px;
}

.page-list-title .page-list-title-holder .number.white .number-holder {
    border-left: 1px solid var(--brand-white-primary-44);
    color: var(--brand-white-primary-44);
}

.page-list-title .page-list-title-holder .number.xs-small .number-holder {

}
@media only screen and (max-width: 766px) {
    .page-list-title .page-list-title-holder .number.xs-small .number-holder {
        padding: 0 0 0 7px;
        transform: scale(0.81);
        align-items: end;
    }
}

/*common-action*/
.common-action {
    width: 100%;
    margin: 52px 0 0;
}
@media only screen and (max-width: 1279px) {
    .common-action {
        margin: 44px 0 0;
    }
}
@media only screen and (max-width: 766px) {
    .common-action {
        margin: 32px 0 0;
    }
}

.common-action.smaller-gap {
    width: 100%;
    margin: 40px 0 0;
}
@media only screen and (max-width: 1279px) {
    .common-action.smaller-gap {
        margin: 52px 0 0;
    }
}
@media only screen and (max-width: 766px) {
    .common-action.smaller-gap {
        margin: 40px 0 0;
    }
}

.common-action .common-action-holder {
    display: inline-block;
    width: 100%;
}

.common-action .common-action-holder .show-more {
    display: flex;
    width: 100%;
    justify-content: center;
}

.common-action .common-action-holder .pagination-block {
    margin: 10px 0 0;
}
@media only screen and (max-width: 1279px) {
    .common-action .common-action-holder .pagination-block {
        margin: 8px 0 0;
    }
}
@media only screen and (max-width: 766px ) {
    .common-action .common-action-holder .pagination-block {
        margin: 0;
    }
}

/*.floating-sub-menu-component*/
.floating-sub-menu-component {
    position: absolute;
    z-index: 5;
    right: 0;
    top: -60px;
    pointer-events: none;
}

.floating-sub-menu-component.no-page-offset{
    top: 0;
}

@media only screen and (max-width: 1279px) {
    .floating-sub-menu-component {
        right: 0;
        top: -35px;
    }
}
@media only screen and (max-width: 766px) {
    .floating-sub-menu-component {
        right: 0;
        top: -15px;
    }
}

.floating-sub-menu-component.column-grid-container {
    justify-content: end;
    height: calc(100% + 60px);
}
@media only screen and (max-width: 1279px) {
    .floating-sub-menu-component.column-grid-container {
        justify-content: end;
        height: calc(100% + 35px);
    }
}
@media only screen and (max-width: 766px) {
    .floating-sub-menu-component.column-grid-container {
        justify-content: end;
        height: calc(100% + 15px);
    }
}

.floating-sub-menu-component .floating-sub-menu-component-holder {
    pointer-events: all;
    height: 100%;
}
.floating-sub-menu-component.inactive .floating-sub-menu-component-holder {
    pointer-events: none;
}

.floating-sub-menu-component .floating-sub-menu-component-holder .inner-sub-menu-container {
    pointer-events: all;
    height: 100%;
    padding-left: 24px;
    padding-top: 65px;
    padding-bottom: 65px;
    float: right;
    width: 100%;
    max-width: 472px;
}
@media only screen and (max-width: 1279px) {
    .floating-sub-menu-component .floating-sub-menu-component-holder .inner-sub-menu-container {
        width: 80%;
        padding-left: 20px;
        padding-top: 35px;
        padding-bottom: 35px;
        max-width: 353px;
    }
}
@media only screen and (max-width: 766px) {
    .floating-sub-menu-component .floating-sub-menu-component-holder .inner-sub-menu-container {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.floating-sub-menu-component.inactive .floating-sub-menu-component-holder .inner-sub-menu-container {
    pointer-events: none;
}

.floating-sub-menu-component.science-card-mode .floating-sub-menu-component-holder .inner-sub-menu-container{
    min-height: auto;
    padding-top: 4px;
}


.floating-sub-menu-component .floating-sub-menu-component-holder .inner-sub-menu-container .menues {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-height: 120px;
    margin-bottom: 20px;
}

.floating-sub-menu-component .floating-sub-menu-component-holder .inner-sub-menu-container .menues .menu {

}

.floating-sub-menu-component .floating-sub-menu-component-holder .inner-sub-menu-container .menues .menu ul {
    margin: 0 0 -12px;
}

.floating-sub-menu-component .floating-sub-menu-component-holder .inner-sub-menu-container .menues .menu ul li {
    margin: 0 0 12px;
}

.floating-sub-menu-component .floating-sub-menu-component-holder .inner-sub-menu-container .menues .menu ul li a {

}

.floating-sub-menu-component .floating-sub-menu-component-holder .inner-sub-menu-container .actions {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.floating-sub-menu-component .floating-sub-menu-component-holder .inner-sub-menu-container .actions .action {

}

/*menues-component*/

.menues-component {
    display: inline-block;
    width: 100%;
}
.menues-component.custom-scroll {
    box-sizing: border-box;
    overflow: auto;
}

.menues-component .menues-holder {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 160px;
    height: 100%;
}
@media only screen and (max-width: 1279px) {
    .menues-component .menues-holder {
        gap: 65px;
    }
}
@media only screen and (max-width: 766px) {
    .menues-component .menues-holder {
        gap: 60px;
    }
}

.menues-component .menu {
    display: inline-block;
    width: 100%;
}

.menues-component .menu .heading {
    width: 100%;
    font-size: var(--font-size-paragraph);
    line-height: var(--line-height-paragraph);
    margin: 0 0 24px;
}

.menues-component .menu .items-list {
    width: 100%;
}

.menues-component .menu .items-list nav {
    width: 100%;
}

.menues-component .menu .items-list nav ul {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0 0 -16px;
    font-size: var(--font-size-paragraph);
    line-height: var(--line-height-paragraph);
    letter-spacing: normal;
}

.menues-component .menu .items-list nav ul.small {
    font-size: var(--font-size-link);
    line-height: var(--line-height-link);
    letter-spacing: var(--letter-spacing-link);
}

.menues-component .menu .items-list nav ul.smaller {
    font-size: var(--font-size-paragraph-small);
    line-height: var(--line-height-paragraph-small);
    letter-spacing: normal;
    margin: 0 0 -12px;
}
@media only screen and (max-width: 1279px) {
    .menues-component .menu .items-list nav ul.smaller {
        margin: 0 0 -24px;

        margin: 0px;

    }
}

.menues-component .menu .items-list nav ul li {
    width: 100%;
    margin: 0 0 16px;
}

.menues-component .menu .items-list nav ul.smaller li  {
    margin: 0 0 12px;
}
@media only screen and (max-width: 1279px) {
    .menues-component .menu .items-list nav ul.smaller li  {
        margin: 0 0 24px;
    }
}

.menues-component .menu .items-list nav ul li a {
    display: inline-block;
    color: var(--brand-white-primary);
    position: relative;
    transition: all 300ms;
    transition-delay: 300ms;
}
.menues-component .menu .items-list nav ul li a::before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 1px;
    box-sizing: border-box;
    border-left: 1px solid var(--brand-orange-primary);;
    position: absolute;
    left: -10px;
    top: 0;
    transition: all 300ms;
    opacity: 0;
}
@media (hover: hover) {
    .menues-component .menu .items-list nav ul li a:hover {
        transform: translateX(10px);
        transition: all 300ms;
    }
    .menues-component .menu .items-list nav ul li a:hover::before {
        opacity: 1;
        transition: all 300ms;
    }
}

.menues-component .menu .items-list nav ul.small li a::before {
    left: -12px;
}
@media (hover: hover) {
    .menues-component .menu .items-list nav ul.small li a:hover {
        transform: translateX(12px);
        transition: all 300ms;
    }
}

.menues-component .menu .items-list nav ul li a.current::before {
    opacity: 1;
    transition: all 300ms;
    transition-delay: 400ms;
}

.menues-component .menu .items-list nav ul li a.current {
    transform: translateX(10px);
    transition: all 300ms;
    padding-right: 10px;
}

.menues-component .menu .items-list nav ul.small li a.current {
    transform: translateX(12px);
    transition: all 300ms;
}

/*separated-full-container-content*/
.separated-full-container-content {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    gap: 32px;
}

.separated-full-container-content .top {
    width: 100%;
    height: calc(100% - 112px);
    overflow-y: scroll;
}

.separated-full-container-content .top .top-holder {
    width: 100%;
    box-sizing: border-box;
}

.separated-full-container-content .bottom {
    width: 100%;
    height: 112px;
}

.separated-full-container-content .bottom .bottom-holder {
    display: flex;
    align-items: end;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-bottom: 40px;
}
@media only screen and (max-width: 1279px) {
    .separated-full-container-content .bottom .bottom-holder {
        padding-bottom: 0;
    }
}

/*filter-list*/
.filter-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%;
    box-sizing: border-box;
}
@media only screen and (max-width: 1279px) {
    .filter-list {
        gap: 22px;
    }
}
@media only screen and (max-width: 766px) {
    .filter-list {
        gap: 18px;
    }
}

.page-navigation-component {
    width: 100%;
}

.page-navigation-component .page-navigation-component-holder {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.page-navigation-component.inner-page-start-offset .page-navigation-component-holder {
    padding-top: 60px;
}
@media only screen and (max-width: 1279px) {
    .page-navigation-component.inner-page-start-offset .page-navigation-component-holder {
        padding-top: 35px;
    }
}
@media only screen and (max-width: 766px) {
    .page-navigation-component.inner-page-start-offset .page-navigation-component-holder {
        padding-top: 15px;
    }
}

.page-navigation-component .page-navigation-component-holder.with-side-line {
    padding-left: 24px;
}
@media only screen and (max-width: 1279px) {
    .page-navigation-component .page-navigation-component-holder.with-side-line {
        padding-left: 20px;
    }
}

.page-navigation-component .page-navigation-component-holder .inner-container {
    width: 100%;
    min-height: 315px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: space-between;
    box-sizing: border-box;
    padding-top: 8px;
    padding-bottom: 60px;
}
@media only screen and (max-width: 1279px) {
    .page-navigation-component .page-navigation-component-holder .inner-container {
        min-height: 224px;
        padding-top: 2px;
        padding-bottom: 40px;
    }
}

.page-navigation-component .page-navigation-component-holder .inner-container .actions {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 16px;
}

.page-navigation-component .page-navigation-component-holder .inner-container .actions .action {
    width: 100%;
}

.page-navigation-component .page-navigation-component-holder .inner-container .navigation {
    width: 100%;
}

.page-navigation-component .page-navigation-component-holder .inner-container .navigation .navigation-menu {

}

.page-navigation-component .page-navigation-component-holder .inner-container .navigation .navigation-menu ul {
    font-size: var(--font-size-link);
    line-height: var(--line-height-link);
    letter-spacing: var(--letter-spacing-link);
    list-style: none;
    padding: 0;
    margin: 0 0 -12px;
}

.page-navigation-component .page-navigation-component-holder .inner-container .navigation .navigation-menu ul li {
    margin: 0 0 12px;
}

.page-navigation-component .page-navigation-component-holder .inner-container .navigation .navigation-menu ul li a {
    color: var(--brand-blue-primary-64);
}
@media (hover: hover) {
    .page-navigation-component .page-navigation-component-holder .inner-container .navigation .navigation-menu ul li a:hover {
        color: var(--brand-blue-primary);
    }
}

.page-navigation-component .page-navigation-component-holder .inner-container .navigation .navigation-menu .action {
    display: inline-block;
    margin: 12px 0 0;
}

/*section-services*/
.section-services {

}

.section-services .section-services-container {
    width: 100%;
}

.section-services .section-services-container .section-info-head {
    margin: 0 0 28px;
}

/*services-list*/
.services-list {
    width: 100%;
}

.services-list .services-list-holder {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 63px;
}
@media only screen and (max-width: 1279px) {
    .services-list .services-list-holder {
        gap: 80px;
    }
}
@media only screen and (max-width: 767px) {
    .services-list .services-list-holder {
        gap: 64px;
    }
}

/*science-card*/
.science-card-size-block {
    width: 603px;
    max-width: 100%;
    height: 100%;
}
@media only screen and (max-width: 1279px) {
    .science-card-size-block {
        width: 335px;
    }
}
@media only screen and (max-width: 766px) {
    .science-card-size-block {
        width: min(312px, 86.667vw);
    }
}

.science-card-size-block .science-card-size-block-holder {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.science-card-component {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.science-card-component .science-card-component-holder {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    height: 100%;
    justify-content: space-between;
}
@media only screen and (max-width: 1279px) {
    .science-card-component .science-card-component-holder {
        gap: 36px;
    }
}
@media only screen and (max-width: 766px) {
    .science-card-component .science-card-component-holder {
        gap: 0px;
    }
}

.science-card-component .science-card-component-holder.with-side-line {
    padding-left: 24px;
}
@media only screen and (max-width: 1279px) {
    .science-card-component .science-card-component-holder.with-side-line {
        padding-left: 20px;
    }
}
@media only screen and (max-width: 766px) {
    .science-card-component .science-card-component-holder.with-side-line {
        padding-left: 16px;
    }
}

.science-card-component .science-card-component-holder .name {
    width: 100%;
    margin: 0 0 66px;
    box-sizing: border-box;
    padding-right: 120px;
}
.science-center-list .science-card-component .science-card-component-holder .name{
    height: auto;
}
@media only screen and (max-width: 1279px) {
    .science-card-component .science-card-component-holder .name {
        padding-right: 60px;
        margin: 0 0 24px;
    }
    .science-center-list .science-card-component .science-card-component-holder .name{
        height: 88px;
    }
}
@media only screen and (max-width: 766px) {
    .science-card-component .science-card-component-holder .name {
        padding-right: 0;
    }
}

.science-card-component .science-card-component-holder .name .name-holder {
    width: 100%;
}

.science-card-component .science-card-component-holder .add-infoes {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.science-card-component .science-card-component-holder .add-infoes .add-info {
    width: 100%;
}

/*multi-info-slider-component*/
.multi-info-slider-component {
    width: 100%;
}

.multi-info-slider-component .multi-info-slider-component-holder {
    display: flex;
    width: calc(100% + 32px);
    margin-left: -16px;
    min-height: 912px;
}
@media only screen and (max-width: 1839px) {
    .multi-info-slider-component .multi-info-slider-component-holder {
        min-height: 612px;
    }
}
@media only screen and (max-width: 1279px) {
    .multi-info-slider-component .multi-info-slider-component-holder {
        width: calc(100% + 24px);
        margin-left: -12px;
        min-height: 438px;
    }
}
@media only screen and (max-width: 766px) {
    .multi-info-slider-component .multi-info-slider-component-holder {
        width: 100%;
        margin-left: 0;
        min-height: 510px;
    }
}

.multi-info-slider-component .multi-info-slider-component-holder .sliders-images {
    width: 49.5%;
    height: auto;
    box-sizing: border-box;
    padding: 0 16px;
    pointer-events: none;
    touch-action: none;
}
@media only screen and (max-width: 1279px) {
    .multi-info-slider-component .multi-info-slider-component-holder .sliders-images {
        padding: 0 12px;
        width: 50%;
    }
}
@media only screen and (max-width: 766px) {
    .multi-info-slider-component .multi-info-slider-component-holder .sliders-images {
        width: 100%;
        padding: 0;
    }
}

.multi-info-slider-component .multi-info-slider-component-holder .sliders-images .slider-images-holder {
    width: 100%;
    height: 100%;
}

.multi-info-slider-component .multi-info-slider-component-holder .sliders-images .slider-images-holder .image-slider {
    width: 100%;
    height: 100%;
}

.multi-info-slider-component .multi-info-slider-component-holder .sliders-images .slider-images-holder .image-slider.swiper .swiper-slide {
    height: auto;
}

.multi-info-slider-component .multi-info-slider-component-holder .sliders-images .slider-images-holder .slide-image {
    width: 100%;
    height: 100%;
}

.multi-info-slider-component .multi-info-slider-component-holder .sliders-images .slider-images-holder .slide-image .slide-image-holder {
    width: 100%;
    height: 100%;
    position: relative;
}

.multi-info-slider-component .multi-info-slider-component-holder .sliders-images .slider-images-holder .slide-image .slide-image-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.multi-info-slider-component .multi-info-slider-component-holder .slider-infoes {
    width: 50.5%;
    height: auto;
    box-sizing: border-box;
    padding: 0 16px;
}
@media only screen and (max-width: 1279px) {
    .multi-info-slider-component .multi-info-slider-component-holder .slider-infoes {
        width: 50%;
        padding: 0 12px;
    }
}
@media only screen and (max-width: 766px) {
    .multi-info-slider-component .multi-info-slider-component-holder .slider-infoes {
        width: 100%;
        padding: 0;
    }
}

.multi-info-slider-component .multi-info-slider-component-holder .slider-infoes .slider-infoes-holder {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.multi-info-slider-component .multi-info-slider-component-holder .slider-infoes .slider-infoes-holder .prev-slide,
.multi-info-slider-component .multi-info-slider-component-holder .slider-infoes .slider-infoes-holder .next-slide {
    display: none;
}

@media (hover: hover) {
    .multi-info-slider-component .multi-info-slider-component-holder .slider-infoes .slider-infoes-holder .prev-slide,
    .multi-info-slider-component .multi-info-slider-component-holder .slider-infoes .slider-infoes-holder .next-slide {
        display: block;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        width: 333px;
        height: 100%;
        background-color: transparent;
    }
    .multi-info-slider-component .multi-info-slider-component-holder .slider-infoes .slider-infoes-holder .prev-slide.swiper-button-disabled,
    .multi-info-slider-component .multi-info-slider-component-holder .slider-infoes .slider-infoes-holder .next-slide.swiper-button-disabled {
        pointer-events: none;
    }
}

.multi-info-slider-component .multi-info-slider-component-holder .slider-infoes .slider-infoes-holder .next-slide {
    left: auto;
    right: 0;
}

.multi-info-slider-component .multi-info-slider-component-holder .slider-infoes .slider-infoes-holder .slider-pager {
    width: 100%;
    height: 20px;
    font-size: var(--font-size-sub-title);
    line-height: var(--line-height-sub-title);
    letter-spacing: var(--letter-spacing-sub-title);
}

.multi-info-slider-component .multi-info-slider-component-holder .slider-infoes .slider-infoes-holder .info {
    width: 100%;
    flex-grow: 1;
    display: flex;
}

.multi-info-slider-component .multi-info-slider-component-holder .slider-infoes .slider-infoes-holder .info .info-holder {
    width: 100%;
    height: 100%;
}

.multi-info-slider-component .multi-info-slider-component-holder .slider-infoes .slider-infoes-holder .info .info-holder .text-slider {
    width: 100%;
    height: 100%;
}

.multi-info-slider-component .multi-info-slider-component-holder .slider-infoes .slider-infoes-holder .info .info-holder .text-slide {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
}

.multi-info-slider-component .multi-info-slider-component-holder .slider-infoes .slider-infoes-holder .info .info-holder .text {
    width: 100%;
    box-sizing: border-box;
    padding-right: 20%;
}
@media only screen and (max-width: 1279px) {
    .multi-info-slider-component .multi-info-slider-component-holder .slider-infoes .slider-infoes-holder .info .info-holder .text {
        padding-right: 0;
    }
}

.multi-info-slider-component .multi-info-slider-component-holder .slider-infoes .slider-infoes-holder .info .info-holder .text h3,
.multi-info-slider-component .multi-info-slider-component-holder .slider-infoes .slider-infoes-holder .info .info-holder .text .h3 {
    margin: 0 0 32px;
}
@media only screen and (max-width: 1279px) {
    .multi-info-slider-component .multi-info-slider-component-holder .slider-infoes .slider-infoes-holder .info .info-holder .text h3,
    .multi-info-slider-component .multi-info-slider-component-holder .slider-infoes .slider-infoes-holder .info .info-holder .text .h3 {
        margin: 0 0 20px;
    }
}

.multi-info-slider-component .multi-info-slider-component-holder .slider-infoes .slider-infoes-holder .info .info-holder .text p {
    box-sizing: border-box;
    padding-right: 20%;
}
@media only screen and (max-width: 1279px) {
    .multi-info-slider-component .multi-info-slider-component-holder .slider-infoes .slider-infoes-holder .info .info-holder .text p {
        padding-right: 0;
    }
}

/*timeline-list*/
.timeline-list {
    width: 100%;
}

.timeline-list .timeline-list-holder {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
@media only screen and (max-width: 1279px) {
    .timeline-list .timeline-list-holder {
        gap: 60px;
    }
}
@media only screen and (max-width: 766px) {
    .timeline-list .timeline-list-holder {
        gap: 40px;
    }
}

.section-info-body .timeline-list {
    padding-top: 55px;
}
@media only screen and (max-width: 766px) {
    .section-info-body .timeline-list {
        padding-top: 52px;
    }
}

/*.personnel-position-detail*/

.personnel-position-detail {
    width: 100%;
    height: 100%;
}

.personnel-position-detail .position-name {
    width: 100%;
    box-sizing: border-box;
    padding-right: 20px;
    margin: 0 0 36px;
}
@media only screen and (max-width: 1279px) {
    .personnel-position-detail .position-name {
        margin: 0 0 20px;
    }
}
@media only screen and (max-width: 766px) {
    .personnel-position-detail .position-name {
        margin: 0 0 16px;
    }
}

.personnel-position-detail .position-name .position-name-holder {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    height: 88px;
}
@media only screen and (max-width: 1279px) {
    .personnel-position-detail .position-name .position-name-holder {
        height: 60px;
    }
}
@media only screen and (max-width: 766px) {
    .personnel-position-detail .position-name .position-name-holder {
        height: 52px;
    }
}


.personnel-position-detail .position-details {
    width: 100%;
    height: calc(100% - 132px - 88px - 36px);
}
@media only screen and (max-width: 1279px) {
    .personnel-position-detail .position-details {
        height: calc(100% - 106px - 60px - 20px);
    }
}
@media only screen and (max-width: 766px) {
    .personnel-position-detail .position-details {
        height: calc(100% - 96px - 52px - 16px);
    }
}

.personnel-position-detail .position-details .position-details-holder {
    width: 100%;
    height: 100%;
}

.personnel-position-detail .position-details .position-details-holder .text {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 80px;
}
@media only screen and (max-width: 1279px) {
    .personnel-position-detail .position-details .position-details-holder .text {
        gap: 60px;
    }
}
@media only screen and (max-width: 766px) {
    .personnel-position-detail .position-details .position-details-holder .text {
        gap: 40px;
    }
}

.personnel-position-detail .position-details .position-details-holder .text .text-block {
    width: 100%;
}

.personnel-position-detail .position-details .position-details-holder .text .text-block p.big {
    margin: 0 0 1rem;
}

.personnel-position-detail .action {
    width: 100%;
    height: 132px;
    box-sizing: border-box;
    display: flex;
    align-items: end;
}
@media only screen and (max-width: 1279px) {
    .personnel-position-detail .action {
        height: 106px;
    }
}
@media only screen and (max-width: 766px) {
    .personnel-position-detail .action {
        height: 96px;
    }
}

.personnel-position-detail .action .action-holder {
    width: 100%;
}

/*science-cards-list*/
.science-cards-list {
    margin: 0 0 -46px;
}
@media only screen and (max-width: 1279px) {
    .science-cards-list {
        margin: 0 0 -40px;
    }
}
@media only screen and (max-width: 766px) {
    .science-cards-list {
        margin: 0 0 -28px;
    }
}

.science-cards-list .science-cards-list-holder {

}

.science-cards-list .science-cards-list-holder .science-card-item {
    margin: 0 0 46px;
}
@media only screen and (max-width: 1279px) {
    .science-cards-list .science-cards-list-holder .science-card-item {
        margin: 0 0 40px;
    }
}
@media only screen and (max-width: 766px) {
    .science-cards-list .science-cards-list-holder .science-card-item {
        margin: 0 0 28px;
    }
}

.science-cards-list .science-cards-list-holder .science-card-item .science-card-item-holder {
    width: 100%;
    height: 100%;
}

/*events list*/
.events-list {
    margin: 0 0 -24px;
}
@media only screen and (max-width: 766px) {
    .events-list {
        margin: 0 0 -18px;
    }
}

.events-list.short-margin {
    margin: 0 0 -14px;
}
@media only screen and (max-width: 1279px) {
    .events-list.short-margin {
        margin: 0 0 -24px;
    }
}
@media only screen and (max-width: 766px) {
    .events-list.short-margin {
        margin: 0 0 -18px;
    }
}

.events-list .events-list-holder {

}

.events-list .events-list-holder .events-item {
    margin: 0 0 24px;
}
@media only screen and (max-width: 766px) {
    .events-list .events-list-holder .events-item {
        margin: 0 0 18px;
    }
}

.events-list.short-margin .events-list-holder .events-item {
    margin: 0 0 14px;
}
@media only screen and (max-width: 1279px) {
    .events-list.short-margin .events-list-holder .events-item {
        margin: 0 0 24px;
    }
}
@media only screen and (max-width: 766px) {
    .events-list.short-margin .events-list-holder .events-item {
        margin: 0 0 18px;
    }
}

.events-list .events-list-holder .events-item .events-item-holder {
    width: 100%;
    height: 100%;
}

/*quote-component*/
.quote-component {
    width: 100%;
}

.quote-component .quote-component-holder {
    width: 100%;
}

.quote-component .quote-component-holder .quote {
    width: 100%;
}

.quote-component .quote-component-holder .author {
    width: 100%;
    margin: 80px 0 0;
}
@media only screen and (max-width: 1279px) {
    .quote-component .quote-component-holder .author {
        margin: 60px 0 0;
    }
}
@media only screen and (max-width: 766px) {
    .quote-component .quote-component-holder .author {
        margin: 40px 0 0;
    }
}

/*personnel-small-list*/
.personnel-small-list {
    width: 100%;
    margin: 0 0 -40px;
}
@media only screen and (max-width: 1279px) {
    .personnel-small-list {
        margin: 0 0 -32px;
    }
}
@media only screen and (max-width: 766px) {
    .personnel-small-list {
        margin: 0 0 -25px;
    }
}

.column-grid-container .col.col-9 .personnel-small-list {
    box-sizing: border-box;
    padding-right: 107px;
}
@media only screen and (max-width: 1279px) {
    .column-grid-container .col.col-9 .personnel-small-list  {
        padding: 0;
    }
}

.personnel-small-list .personnel-small-list-holder {

}

.personnel-small-list .personnel-small-list-holder .person-item {
    margin: 0 0 40px;
    height: auto;
}
@media only screen and (max-width: 1279px) {
    .personnel-small-list .personnel-small-list-holder .person-item {
        margin: 0 0 32px;
    }
}
@media only screen and (max-width: 766px) {
    .personnel-small-list .personnel-small-list-holder .person-item {
        margin: 0 0 25px;
    }
}

.personnel-small-list .personnel-small-list-holder .person-item .person-item-holder {
    width: 100%;
    height: 100%;
}

/*contacts-card-component*/
.contacts-card-size-block {
    width: clamp(638px, 47.5vw, 912px);
    max-width: 100%;
    height: 100%;
}
@media only screen and (max-width: 766px) {
    .contacts-card-size-block {
        width: min(312px, 86.667vw);
    }
}

.contacts-card-size-block-holder {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.contacts-card-component {
    width: 100%;
    height: 100%;
}

.contacts-card-component .contacts-card-component-holder {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 366px;
}
@media only screen and (max-width: 766px) {
    .contacts-card-component .contacts-card-component-holder {
        min-height: auto;
        flex-direction: column;
    }
}

.contacts-card-component .contacts-card-component-holder .image {
    width: 293px;
    height: auto;
}
@media only screen and (max-width: 766px) {
    .contacts-card-component .contacts-card-component-holder .image {
        width: 100%;
        height: 108.333vw;
    }
}

.contacts-card-component .contacts-card-component-holder .image .image-holder {
    width: 100%;
    height: 100%;
    position: relative;
}

.contacts-card-component .contacts-card-component-holder .image .image-holder img {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contacts-card-component .contacts-card-component-holder .desc {
    width: calc(100% - 293px);
    height: auto;
}
@media only screen and (max-width: 766px) {
    .contacts-card-component .contacts-card-component-holder .desc {
        width: 100%;
    }
}

.contacts-card-component .contacts-card-component-holder .desc .desc-holder {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 32px;
}
@media only screen and (max-width: 1279px) {
    .contacts-card-component .contacts-card-component-holder .desc .desc-holder {
        padding: 24px;
    }
}
@media only screen and (max-width: 766px) {
    .contacts-card-component .contacts-card-component-holder .desc .desc-holder {
        gap: 12px;
    }
}

.contacts-card-component .contacts-card-component-holder .desc .desc-holder .heading {
    width: 100%;
}
@media only screen and (max-width: 766px) {
    .contacts-card-component .contacts-card-component-holder .desc .desc-holder .heading {
        min-height: 100px;
    }
}

.contacts-card-component .contacts-card-component-holder .desc .desc-holder .heading .heading-holder {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.contacts-card-component .contacts-card-component-holder .desc .desc-holder .heading .heading-holder .name {

}

.contacts-card-component .contacts-card-component-holder .desc .desc-holder .infoes {
    width: 100%;
}

.contacts-card-component .contacts-card-component-holder .desc .desc-holder .infoes .infoes-holder {
    display: flex;
    width: calc(100% + 22px);
    margin-left: -11px;
}
@media only screen and (max-width: 766px) {
    .contacts-card-component .contacts-card-component-holder .desc .desc-holder .infoes .infoes-holder {
        width: 100%;
        margin: 0;
        flex-direction: column;
        margin: 0 0 -20px;
    }
}

.contacts-card-component .contacts-card-component-holder .desc .desc-holder .infoes .infoes-holder .col {
    width: 50%;
    box-sizing: border-box;
    padding: 0 11px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media only screen and (max-width: 766px) {
    .contacts-card-component .contacts-card-component-holder .desc .desc-holder .infoes .infoes-holder .col {
        width: 100%;
        padding: 0;
        gap: 0;
    }
}

.contacts-card-component .contacts-card-component-holder .desc .desc-holder .infoes .infoes-holder .col.big {
    width: 60%;
}
@media only screen and (max-width: 1279px) {
    .contacts-card-component .contacts-card-component-holder .desc .desc-holder .infoes .infoes-holder .col.big {
        width: 57%;
    }
}
@media only screen and (max-width: 766px) {
    .contacts-card-component .contacts-card-component-holder .desc .desc-holder .infoes .infoes-holder .col.big {
        width: 100%;
    }
}

.contacts-card-component .contacts-card-component-holder .desc .desc-holder .infoes .infoes-holder .col .info {
    width: 100%;
}
@media only screen and (max-width: 766px) {
    .contacts-card-component .contacts-card-component-holder .desc .desc-holder .infoes .infoes-holder .col .info {
        margin: 0 0 20px;
    }
}

.contacts-card-component .contacts-card-component-holder .desc .desc-holder .infoes .infoes-holder .col .info .info-holder {
    width: 100%;
}

.contacts-card-component .contacts-card-component-holder .desc .desc-holder .infoes .infoes-holder .col .info .info-holder.with-side-line {
    padding-left: 12px;
}
@media only screen and (max-width: 766px) {
    .contacts-card-component .contacts-card-component-holder .desc .desc-holder .infoes .infoes-holder .col .info .info-holder.with-side-line {
        padding-left: 0;
    }
    .contacts-card-component .contacts-card-component-holder .desc .desc-holder .infoes .infoes-holder .col .info .info-holder.with-side-line::before,
    .contacts-card-component .contacts-card-component-holder .desc .desc-holder .infoes .infoes-holder .col .info .info-holder.with-side-line::after {
        display: none;
    }
}

.contacts-card-component .contacts-card-component-holder .desc .desc-holder .infoes .infoes-holder .col .info .info-holder .name {
    width: 100%;
    margin: 0 0 10px;
}
@media only screen and (max-width: 766px) {
    .contacts-card-component .contacts-card-component-holder .desc .desc-holder .infoes .infoes-holder .col .info .info-holder .name {
        margin: 0 0 8px;
    }
}

.contacts-card-component .contacts-card-component-holder .desc .desc-holder .infoes .infoes-holder .col .info .info-holder .value {
    width: 110%;
}

/*out-company-logo*/
.out-company-logo {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: end;
}
@media only screen and (max-width: 1279px) {
    .out-company-logo {
        height: 64px;
    }
}

.out-company-logo a {
    display: block;
    max-height: 100%;
    max-width: 100%;
}

.out-company-logo svg,
.out-company-logo img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;

    height: 100%;
    width: auto;

}
#techchars .four-lines-crop ul,
#techchars .four-lines-crop ol,
#techchars .four-lines-crop p{
    margin-bottom: 20px;
}

/*graphs-view*/
.graphs-view-container {
    width: 100%;
}

.graph-view-component {
    width: 100%;
    height: 100%;
}

.graphs-view-container .column-grid-container {
    gap: 16px 0;
}
@media only screen and (max-width: 1279px) {
    .graphs-view-container .column-grid-container {
        gap: 12px 0;
    }
}
@media only screen and (max-width: 766px) {

}

.graph-view-component .graph-view-component-holder {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 42px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 60px;
}
@media only screen and (max-width: 1279px) {
    .graph-view-component .graph-view-component-holder {
        gap: 32px;
    }
}
@media only screen and (max-width: 766px) {
    .graph-view-component .graph-view-component-holder {
        padding: 20px 18px;
        gap: 30px;
    }
}

.graph-view-component.wide-gap .graph-view-component-holder {
    gap: 74px;
    padding: 80px;
}
@media only screen and (max-width: 1279px) {
    .graph-view-component.wide-gap .graph-view-component-holder {
        padding: 24px;
        gap: 20px;
    }
}
@media only screen and (max-width: 766px) {
    .graph-view-component.wide-gap .graph-view-component-holder {
        padding: 20px 18px;
    }
}

.graph-view-component .graph-view-component-holder .heading {
    width: 100%;
}

.graph-view-component .graph-view-component-holder .heading .heading-holder {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
@media only screen and (max-width: 1279px) {
    .graph-view-component .graph-view-component-holder .heading .heading-holder {
        gap: 18px;
    }
}

.graph-view-component .graph-view-component-holder .heading .heading-holder .name {
    width: 100%;
}

.graph-view-component .graph-view-component-holder .heading .heading-holder .filter {
    width: 100%;
}

.graph-view-component .graph-view-component-holder .heading .heading-holder .filter .form-group {

}

.graph-view-component .graph-view-component-holder .heading .heading-holder .filter .form-group .form-col {

}

.graph-view-component .graph-view-component-holder .heading .heading-holder .filter .form-group .form-col.col-year {
    width: 178px;
}
@media only screen and (max-width: 766px) {
    .graph-view-component .graph-view-component-holder .heading .heading-holder .filter .form-group .form-col.col-year {
        width: 100%;
    }
}

.graph-view-component .graph-view-component-holder .heading .heading-holder .filter .fotm-field {
    margin: 0;
}

.graph-view-component .graph-view-component-holder .graph-body {
    width: 100%;
}

.graph-view-component .graph-view-component-holder .graph-body .graph-body-holder {
    width: 100%;
}

.graph-view-component .graph-view-component-holder .graph-body .graph-body-holder img {
    width: 100%;
}

/*info-plaque*/
.info-plaque-size-block {
    width: 293px;
    height: 100%;
    max-width: 100%;
}

.info-plaque-size-block .info-plaque-size-block-holder {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.info-plaque-component {
    width: 100%;
    height: 100%;
}

.info-plaque-component .info-plaque-component-holder {
    width: 100%;
    height: 100%;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
    box-sizing: border-box;
    padding: 32px;
}
@media only screen and (max-width: 1279px) {
    .info-plaque-component .info-plaque-component-holder {
        padding: 24px;
    }
}
@media only screen and (max-width: 766px) {
    .info-plaque-component .info-plaque-component-holder {
        padding: 20px 18px;
        min-height: 200px;
    }
}

.info-plaque-component .info-plaque-component-holder .heading {
    width: 100%;
}

.info-plaque-component .info-plaque-component-holder .heading .heading-holder {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media only screen and (max-width: 1279px) {
    .info-plaque-component .info-plaque-component-holder .heading .heading-holder {
        gap: 12px;
    }
}

.info-plaque-component .info-plaque-component-holder .info {
    width: 100%;
}

.info-plaque-component .info-plaque-component-holder .info .info-holder {
    width: 100%;
}

.info-plaque-component .info-plaque-component-holder .info .info-holder .add-infoes-group {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 8px;
}

.info-plaque-component .info-plaque-component-holder .info .info-holder .add-infoes-group .add-info {
    width: 100%;
}

/*change-background-on-scroll-top-js*/
.change-background-on-scroll-top-js {
    transition: all 300ms;
}
.change-background-on-scroll-top-js.bg-third {
    transition: all 300ms;
}

/*personnel-item*/
.personnel-item {
    width: 100%;
    height: 100%;
}

.personnel-item .personnel-item-holder {
    width: 100%;
    height: 100%;
}