

.link-arrow-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.link-arrow-1 span {
    color: #012b34;
    margin-right: 6.4vw;
    transition: color .3s,opacity .3s
}

.average-font-size .link-arrow-1 span,.average-letter-spacing .link-arrow-1 span,.big-font-size .link-arrow-1 span,.big-letter-spacing .link-arrow-1 span {
    font-size: 16px;
    line-height: 1.2
}

@media(min-width: 768px) {
    .average-font-size .link-arrow-1 span,.average-letter-spacing .link-arrow-1 span,.big-font-size .link-arrow-1 span,.big-letter-spacing .link-arrow-1 span {
        font-size:18px
    }
}

@media(min-width: 1024px) {
    .average-font-size .link-arrow-1 span,.average-letter-spacing .link-arrow-1 span,.big-font-size .link-arrow-1 span,.big-letter-spacing .link-arrow-1 span {
        font-size:27px
    }
}

@media(min-width: 1280px) {
    .average-font-size .link-arrow-1 span,.average-letter-spacing .link-arrow-1 span,.big-font-size .link-arrow-1 span,.big-letter-spacing .link-arrow-1 span {
        font-size:calc(2px + 1.25vw)
    }
}

@media(min-width: 1440px) {
    .average-font-size .link-arrow-1 span,.average-letter-spacing .link-arrow-1 span,.big-font-size .link-arrow-1 span,.big-letter-spacing .link-arrow-1 span {
        font-size:calc(-10px + 2.08333vw)
    }
}

.beige-theme .link-arrow-1 span,.blue-theme .link-arrow-1 span,.brown-theme .link-arrow-1 span,.contrasting-theme .link-arrow-1 span,.inversion-theme .link-arrow-1 span {
    text-decoration-line: underline
}

@media(min-width: 768px) {
    .link-arrow-1 span {
        margin-right:6.4vw
    }
}

@media(min-width: 1024px) {
    .link-arrow-1 span {
        margin-right:2.9296875vw
    }
}

.link-arrow-1 .body-2_normal {
    margin-top: 20px
}

.average-font-size .link-arrow-1 .body-2_normal,.average-letter-spacing .link-arrow-1 .body-2_normal,.big-font-size .link-arrow-1 .body-2_normal,.big-letter-spacing .link-arrow-1 .body-2_normal {
    font-size: 14px;
    line-height: 1.5
}

@media(min-width: 768px) {
    .average-font-size .link-arrow-1 .body-2_normal,.average-letter-spacing .link-arrow-1 .body-2_normal,.big-font-size .link-arrow-1 .body-2_normal,.big-letter-spacing .link-arrow-1 .body-2_normal {
        font-size:calc(17px - .39063vw)
    }
}

@media(min-width: 1024px) {
    .average-font-size .link-arrow-1 .body-2_normal,.average-letter-spacing .link-arrow-1 .body-2_normal,.big-font-size .link-arrow-1 .body-2_normal,.big-letter-spacing .link-arrow-1 .body-2_normal {
        font-size:calc(33px - .78125vw - .55556vh)
    }
}

@media(min-width: 1280px) {
    .average-font-size .link-arrow-1 .body-2_normal,.average-letter-spacing .link-arrow-1 .body-2_normal,.big-font-size .link-arrow-1 .body-2_normal,.big-letter-spacing .link-arrow-1 .body-2_normal {
        font-size:calc(4px + .625vw)
    }
}

@media(min-width: 1440px) {
    .average-font-size .link-arrow-1 .body-2_normal,.average-letter-spacing .link-arrow-1 .body-2_normal,.big-font-size .link-arrow-1 .body-2_normal,.big-letter-spacing .link-arrow-1 .body-2_normal {
        font-size:calc(4px + .625vw)
    }
}

.link-arrow-1 svg {
    stroke: var(--sibur-dna);
    stroke-width: 2;
    height: 16px;
    margin-left: auto;
    position: absolute;
    right: 0;
    top: .2em;
    width: 10px
}

@media(min-width: 1440px) {
    .link-arrow-1 svg {
        height:16px;
        width: 14px
    }
}

@media(min-width: 1920px) {
    .link-arrow-1 svg {
        height:20px;
        width: 16px
    }
}

.link-arrow-1__info {
    color: #b3b3b3;
    display: flex;
    margin-top: 10px
}

.link-arrow-1__info-type {
    margin-right: 12px
}

@media(min-width: 768px) {
    .link-arrow-1__info-type {
        margin-right:16px
    }
}

.average-font-size .link-arrow-1__info-type,.average-letter-spacing .link-arrow-1__info-type,.big-font-size .link-arrow-1__info-type,.big-letter-spacing .link-arrow-1__info-type {
    font-size: 13px;
    letter-spacing: -.02em;
    line-height: 1.5;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .average-font-size .link-arrow-1__info-type,.average-letter-spacing .link-arrow-1__info-type,.big-font-size .link-arrow-1__info-type,.big-letter-spacing .link-arrow-1__info-type {
        font-size:calc(14.5px - .19531vw)
    }
}

@media(min-width: 1024px) {
    .average-font-size .link-arrow-1__info-type,.average-letter-spacing .link-arrow-1__info-type,.big-font-size .link-arrow-1__info-type,.big-letter-spacing .link-arrow-1__info-type {
        font-size:calc(25.5px - .39063vw - .27778vh)
    }
}

@media(min-width: 1280px) {
    .average-font-size .link-arrow-1__info-type,.average-letter-spacing .link-arrow-1__info-type,.big-font-size .link-arrow-1__info-type,.big-letter-spacing .link-arrow-1__info-type {
        font-size:calc(4px + .625vw)
    }
}

@media(min-width: 1440px) {
    .average-font-size .link-arrow-1__info-type,.average-letter-spacing .link-arrow-1__info-type,.big-font-size .link-arrow-1__info-type,.big-letter-spacing .link-arrow-1__info-type {
        font-size:calc(4px + .625vw)
    }
}

.link-arrow-1__info-date {
    border-left: 1px solid hsla(0,0%,70%,.7);
    padding-left: 12px
}

@media(min-width: 768px) {
    .link-arrow-1__info-date {
        padding-left:16px
    }
}

.average-font-size .link-arrow-1__info-date,.average-letter-spacing .link-arrow-1__info-date,.big-font-size .link-arrow-1__info-date,.big-letter-spacing .link-arrow-1__info-date {
    font-size: 13px;
    letter-spacing: -.02em;
    line-height: 1.5;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .average-font-size .link-arrow-1__info-date,.average-letter-spacing .link-arrow-1__info-date,.big-font-size .link-arrow-1__info-date,.big-letter-spacing .link-arrow-1__info-date {
        font-size:calc(14.5px - .19531vw)
    }
}

@media(min-width: 1024px) {
    .average-font-size .link-arrow-1__info-date,.average-letter-spacing .link-arrow-1__info-date,.big-font-size .link-arrow-1__info-date,.big-letter-spacing .link-arrow-1__info-date {
        font-size:calc(25.5px - .39063vw - .27778vh)
    }
}

@media(min-width: 1280px) {
    .average-font-size .link-arrow-1__info-date,.average-letter-spacing .link-arrow-1__info-date,.big-font-size .link-arrow-1__info-date,.big-letter-spacing .link-arrow-1__info-date {
        font-size:calc(4px + .625vw)
    }
}

@media(min-width: 1440px) {
    .average-font-size .link-arrow-1__info-date,.average-letter-spacing .link-arrow-1__info-date,.big-font-size .link-arrow-1__info-date,.big-letter-spacing .link-arrow-1__info-date {
        font-size:calc(4px + .625vw)
    }
}

.link-arrow-1.white {
    color: #fff;
    width: 74.6666666667vw
}

.link-arrow-1.white svg {
    stroke: var(--white)
}

@media(hover: hover) {
    .link-arrow-1:hover span {
        color:var(--sibur-dna);
        opacity: .7
    }
}



.image-bg {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.image-bg img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    will-change: transform
}

@media(min-width: 768px) {
    .image-bg img {
        -o-object-position:center;
        object-position: center
    }
}

.image-bg-base {
    display: flex;
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

.image-bg-base img, .image-bg-base video {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}


.main-lead {
    background-color: var(--bg-redesign-inv);
    display: flex;
    flex-direction: column;
    gap: var(--gutter);
    padding-bottom: var(--offset-140);
    padding-left: 4.2666666667vw;
    padding-right: 4.2666666667vw;
    padding-top: var(--paddingTop);
    position: relative
}

@media(min-width: 1220px) {
    .main-lead {
        --paddingTop:20px
    }
}

@media(min-width: 1440px) {
    .main-lead {
        --paddingTop:24px
    }
}

@media(min-width: 1920px) {
    .main-lead {
        --paddingTop:32px
    }
}

@media(min-width: 768px) {
    .main-lead {
        padding-left:2.0833333333vw;
        padding-right: 2.0833333333vw
    }
}

@media(min-width: 1220px) {
    .main-lead {
        padding-left:2.34375vw;
        padding-right: 2.34375vw
    }
}

@media(min-width: 1440px) {
    .main-lead {
        padding-left:2.3611111111vw;
        padding-right: 2.3611111111vw
    }
}

@media(min-width: 1920px) {
    .main-lead {
        padding-left:2.3958333333vw;
        padding-right: 2.3958333333vw
    }
}

@media(max-width: 1220px) {
    .main-lead {
        padding-top:var(--header-height-mobile)
    }
}

@media(min-width: 1220px) {
    .main-lead {
        flex-direction:row
    }
}

.main-lead__tile {
    display: grid;
    gap: var(--gutter);
    grid-template-areas: "main main" "card1 card2" "card3 card4";
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: 53.3333333333vw 1fr 1fr
}

@media(min-width: 1220px) {
    .main-lead__tile {
        width:71.171875vw
    }
}

@media(min-width: 1440px) {
    .main-lead__tile {
        width:71.1805555556vw
    }
}

@media(min-width: 1920px) {
    .main-lead__tile {
        width:71.1458333333vw
    }
}

.average-font-size .main-lead__tile,.average-letter-spacing .main-lead__tile,.big-font-size .main-lead__tile,.big-letter-spacing .main-lead__tile {
    grid-template-rows: minmax(53.3333333333vw,max-content) 1fr 1fr
}

@media(min-width: 768px) {
    .main-lead__tile {
        grid-template-areas:"main main main main" "card1 card2 card3 card4";
        grid-template-columns: repeat(4,1fr);
        grid-template-rows: 34.8958333333vw 1fr
    }

    .average-font-size .main-lead__tile,.average-letter-spacing .main-lead__tile,.big-font-size .main-lead__tile,.big-letter-spacing .main-lead__tile {
        grid-template-rows: minmax(34.8958333333vw,max-content) 1fr
    }
}

@media(min-width: 1220px) {
    .main-lead__tile {
        grid-template-columns:22.890625vw 1fr 1fr 1fr;
        grid-template-rows: 26.484375vw 1fr
    }

    .average-font-size .main-lead__tile,.average-letter-spacing .main-lead__tile,.big-font-size .main-lead__tile,.big-letter-spacing .main-lead__tile {
        grid-template-rows: minmax(26.484375vw,max-content) 1fr
    }
}

@media(min-width: 1440px) {
    .main-lead__tile {
        grid-template-columns:22.9861111111vw 1fr 1fr 1fr;
        grid-template-rows: 26.25vw 1fr
    }

    .average-font-size .main-lead__tile,.average-letter-spacing .main-lead__tile,.big-font-size .main-lead__tile,.big-letter-spacing .main-lead__tile {
        grid-template-rows: minmax(26.25vw,max-content) 1fr
    }
}

@media(min-width: 1920px) {
    .main-lead__tile {
        grid-template-columns:23.0208333333vw 1fr 1fr 1fr;
        grid-template-rows: 26.25vw 1fr
    }

    .average-font-size .main-lead__tile,.average-letter-spacing .main-lead__tile,.big-font-size .main-lead__tile,.big-letter-spacing .main-lead__tile {
        grid-template-rows: minmax(26.25vw,max-content) 1fr
    }
}

.main-lead__main-card {
    border-radius: var(--small-card);
    color: var(--white);
    display: flex;
    flex-direction: column;
    grid-area: main;
    overflow: hidden;
    padding: var(--big-card);
    position: relative;
    transition: opacity .6s ease-in-out,scale .6s ease-in-out;
    width: 100%
}

.beige-theme .main-lead__main-card,.blue-theme .main-lead__main-card,.brown-theme .main-lead__main-card,.contrasting-theme .main-lead__main-card,.inversion-theme .main-lead__main-card {
    border: 2px solid var(--dark-teal)
}

.main-lead__main-card_content {
    display: flex;
    flex-direction: column;
    gap: var(--offset-12);
    position: relative;
    z-index: 2
}

@media(min-width: 768px) {
    .main-lead__main-card_content {
        max-width:440px
    }
}
@media(min-width: 1200px) {
    .main-lead__main-card_content {
        max-width:588px
    }
}
@media(min-width: 1920px) {
    .main-lead__main-card_content {
        max-width:588px
    }
}

@media(min-width: 768px) {
    .main-lead__main-card_content {
        margin-top:auto
    }

    .average-font-size .main-lead__main-card_content,.average-letter-spacing .main-lead__main-card_content,.big-font-size .main-lead__main-card_content,.big-letter-spacing .main-lead__main-card_content {
        max-width: 100%
    }
}

.main-lead__main-card_title {
    transition: transform .8s ease-in-out .1s,opacity .8s ease-in-out .1s
}

.main-lead__main-card_title h1 {
    font-weight: 400
}

.main-lead__main-card_title span {
    color: var(--mint);
    font-weight: 600
}

.main-lead__main-card_text {
    max-width: 270px;
    transition: transform .8s ease-in-out .2s,opacity .8s ease-in-out .2s
}

@media(min-width: 768px) {
    .main-lead__main-card_text {
        max-width:none
    }
}

.main-lead__main-card_picture,.main-lead__main-card_video {
    z-index: 1
}

.main-lead__main-card_video {
    height: 100%;
    inset: -1px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.main-lead__card:nth-of-type(2) {
    grid-area: card1;
    transition: opacity .6s .1s,scale .6s .1s
}

.main-lead__card:nth-of-type(3) {
    grid-area: card2;
    transition: opacity .6s .2s,scale .6s .2s
}

.main-lead__card:nth-of-type(4) {
    grid-area: card3;
    transition: opacity .6s .3s,scale .6s .3s
}

.main-lead__card:nth-of-type(5) {
    grid-area: card4;
    transition: opacity .6s .4s,scale .6s .4s
}

.main-lead__news {
    display: flex;
    flex-direction: column;
    gap: var(--gutter)
}

@media(min-width: 1220px) {
    .main-lead__news {
        width:22.890625vw
    }
}

@media(min-width: 1440px) {
    .main-lead__news {
        width:22.9861111111vw
    }
}

@media(min-width: 1920px) {
    .main-lead__news {
        width:23.0208333333vw
    }
}

@media(min-width: 768px)and (max-width:1219px) {
    .main-lead__news {
        display:grid;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: 1fr auto;
        row-gap: 0
    }
}

.main-lead__news-item {
    height: 100%;
    min-height: 172px
}

@media(max-width: 1219px) {
    .average-font-size .main-lead__news-item,.average-letter-spacing .main-lead__news-item,.big-font-size .main-lead__news-item,.big-letter-spacing .main-lead__news-item {
        height:auto
    }
}

.main-lead__news-item:first-of-type {
    transition: opacity .6s .5s,scale .6s .5s
}

.main-lead__news-item:nth-of-type(2) {
    transition: opacity .6s .6s,scale .6s .6s
}

body:not(._self) .main-lead:not(._animated) .main-lead__main-card_text,body:not(._self) .main-lead:not(._animated) .main-lead__main-card_title {
    opacity: 0;
    transform: translate3d(0,50%,0)
}

body:not(._self) .main-lead:not(._animated) .main-lead__button,body:not(._self) .main-lead:not(._animated) .main-lead__card,body:not(._self) .main-lead:not(._animated) .main-lead__main-card,body:not(._self) .main-lead:not(._animated) .main-lead__news-item {
    opacity: 0
}

body:not(._self) .main-lead:not(._animated) .main-lead__card {
    scale: .8
}

body:not(._self) .main-lead:not(._animated) .main-lead__button,body:not(._self) .main-lead:not(._animated) .main-lead__main-card,body:not(._self) .main-lead:not(._animated) .main-lead__news-item {
    scale: .9
}

.main-lead__button {
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    flex-direction: row;
    justify-content: space-between;
    padding: var(--offset-20);
    transition: opacity .6s .7s,scale .6s .7s;
    width: auto
}

.main-lead__button span {
    color: #00313c
}

.main-lead__button svg {
    stroke: none;
    flex-shrink: 0;
    height: 30px;
    position: relative;
    top: 0;
    width: 30px
}

@media(min-width: 768px)and (max-width:1219px) {
    .main-lead__button {
        grid-column:1/3;
        margin-top: 8px
    }
}

.news-card-redesign {
    border-radius: var(--small-card);
    display: flex;
    flex-direction: column;
    gap: var(--offset-16);
    justify-content: space-between;
    overflow: hidden;
    padding: 12px;
    position: relative
}

.news-card-redesign:not(.news-card-redesign_image-bg):after {
    background-color: var(--white-inv);
    content: "";
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.beige-theme .news-card-redesign:not(.news-card-redesign_image-bg):after,.blue-theme .news-card-redesign:not(.news-card-redesign_image-bg):after,.brown-theme .news-card-redesign:not(.news-card-redesign_image-bg):after,.contrasting-theme .news-card-redesign:not(.news-card-redesign_image-bg):after,.inversion-theme .news-card-redesign:not(.news-card-redesign_image-bg):after {
    border: 2px solid var(--dark-teal)
}

@media(hover: hover) {
    .news-card-redesign:not(.news-card-redesign_light-color):hover .news-card-redesign__title {
        color:var(--sibur-dna)
    }
}

@media(min-width: 1220px) {
    .news-card-redesign {
        padding:16px
    }
}

@media(min-width: 1440px) {
    .news-card-redesign {
        padding:18px
    }
}

@media(min-width: 1920px) {
    .news-card-redesign {
        padding:20px
    }
}

@media(hover: hover) {
    .news-card-redesign[href]:hover .news-card-redesign__arrow {
        background-color:var(--color7)
    }

    .news-card-redesign[href]:hover .news-card-redesign__arrow svg {
        stroke: var(--white-inv)
    }

    .news-card-redesign[href]:hover .news-card-redesign__icon,.news-card-redesign[href]:hover .news-card-redesign__picture {
        scale: 1.1
    }
}

.news-card-redesign__content {
    -webkit-box-orient: vertical;
    /*-webkit-line-clamp: 5;*/
    /*line-clamp: 5;*/
    display: -webkit-box;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    z-index: 2
}

@media(min-width: 1024px) {
    .news-card-redesign__content {
        /*-webkit-line-clamp:3;*/
        /*line-clamp: 3*/
    }
}

@media(min-width: 1280px) {
    .news-card-redesign__content {
        /*-webkit-line-clamp:5;*/
        /*line-clamp: 5*/
    }
}

@media(min-width: 1920px) {
    .news-card-redesign__content {
        /*-webkit-line-clamp:6;*/
        /*line-clamp: 6*/
    }
}

.news-card-redesign__title {
    color: var(--color7);
    transition: color .3s ease-in-out
}

.news-card-redesign__text {
    color: var(--color7);
    margin-top: 4px
}

@media(min-width: 1220px) {
    .news-card-redesign__text {
        margin-top:8px
    }
}

@media(min-width: 1920px) {
    .news-card-redesign__text {
        margin-top:12px
    }
}

.news-card-redesign__text>p:not(.news-card-redesign__text>p:first-of-type) {
    margin-top: 4px
}

@media(min-width: 1220px) {
    .news-card-redesign__text>p:not(.news-card-redesign__text>p:first-of-type) {
        margin-top:8px
    }
}

.news-card-redesign__text>p a {
    color: #02818a;
    transition: color .3s ease-in-out
}

@media(hover: hover) {
    .news-card-redesign__text>p a:hover {
        color:#6cdebb
    }
}

.news-card-redesign__date {
    color: var(--color12)
}

.news-card-redesign__bottom {
    align-items: flex-end;
    display: flex;
    position: relative;
    z-index: 2
}

.news-card-redesign__icon {
    height: 36px;
    margin-left: auto;
    transition: scale .3s ease-in-out;
    width: 36px
}

@media(min-width: 1440px) {
    .news-card-redesign__icon {
        width:42px
    }
}

@media(min-width: 1920px) {
    .news-card-redesign__icon {
        width:53px
    }
}

@media(min-width: 1440px) {
    .news-card-redesign__icon {
        height:42px
    }
}

@media(min-width: 1920px) {
    .news-card-redesign__icon {
        height:53px
    }
}

.news-card-redesign__icon svg {
    height: 100%;
    width: 100%
}

.news-card-redesign__arrow {
    align-items: center;
    background-color: var(--color7-10);
    border-radius: 7px;
    display: flex;
    flex-shrink: 0;
    height: 25px;
    justify-content: center;
    position: relative;
    transition: background-color .3s ease-in-out;
    width: 25px;
    z-index: 2
}

@media(min-width: 1920px) {
    .news-card-redesign__arrow {
        height:30px;
        width: 30px
    }
}

.news-card-redesign__arrow svg {
    stroke: var(--color7-inv);
    height: 9px;
    transition: stroke .3s ease-in-out;
    width: 7px
}

@media(min-width: 1920px) {
    .news-card-redesign__arrow svg {
        height:12px;
        width: 10px
    }
}

.news-card-redesign__bg-wrapper {
    overflow: hidden;
    z-index: 0
}

.news-card-redesign__picture {
    transition: scale .3s ease-in-out;
    width: 100%
}

.news-card-redesign_image-bg .news-card-redesign__arrow {
    background-color: var(--redesign-1-10)
}

.news-card-redesign_image-bg .news-card-redesign__arrow svg {
    stroke: var(--white-inv)
}

@media(hover: hover) {
    .news-card-redesign_image-bg[href]:hover .news-card-redesign__arrow {
        background-color:var(--white)
    }

    .news-card-redesign_image-bg[href]:hover .news-card-redesign__arrow svg {
        stroke: var(--red-inv)
    }
}

.news-card-redesign_light-color .news-card-redesign__text,.news-card-redesign_light-color .news-card-redesign__title {
    color: var(--white-inv)
}


.h-5-sem-new {
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 118%
}

@media(min-width: 375px) {
    .h-5-sem-new {
        font-size:1.125rem
    }
}

@media(min-width: 375px)and (max-height:500px) {
    .h-5-sem-new {
        font-size:1.125rem
    }
}

@media(min-width: 768px) {
    .h-5-sem-new {
        font-size:1.125rem
    }
}

@media(min-width: 768px)and (max-height:500px) {
    .h-5-sem-new {
        font-size:calc(1.13296rem - .01659vw)
    }
}

@media(min-width: 1220px) {
    .h-5-sem-new {
        font-size:calc(1.08415rem + .05357vw)
    }
}

@media(min-width: 1220px)and (max-height:500px) {
    .h-5-sem-new {
        font-size:calc(1.12813rem - .00651vw)
    }
}

@media(min-width: 1440px) {
    .h-5-sem-new {
        font-size:calc(1.20313rem + .05208vw)
    }
}

@media(min-width: 1440px)and (max-height:500px) {
    .h-5-sem-new {
        font-size:calc(1.12813rem - .00651vw)
    }
}

@media(min-width: 1920px) {
    .h-5-sem-new {
        font-size:1.5rem
    }
}

.text1-new {
    font-size: .875rem;
    font-weight: 400;
    line-height: 128%
}

@media(min-width: 375px) {
    .text1-new {
        font-size:.875rem
    }
}

@media(min-width: 375px)and (max-height:500px) {
    .text1-new {
        font-size:.875rem
    }
}

@media(min-width: 768px) {
    .text1-new {
        font-size:calc(.86173rem + .02765vw)
    }
}

@media(min-width: 768px)and (max-height:500px) {
    .text1-new {
        font-size:calc(.88429rem - .01936vw)
    }
}

@media(min-width: 1220px) {
    .text1-new {
        font-size:calc(.98638rem + .01786vw)
    }
}

@media(min-width: 1220px)and (max-height:500px) {
    .text1-new {
        font-size:calc(.87865rem - .0076vw)
    }
}

@media(min-width: 1440px) {
    .text1-new {
        font-size:calc(.97656rem + .02604vw)
    }
}

@media(min-width: 1440px)and (max-height:500px) {
    .text1-new {
        font-size:calc(.87865rem - .0076vw)
    }
}

@media(min-width: 1920px) {
    .text1-new {
        font-size:1.125rem
    }
}

.h-2-new {
    font-size: 1.75rem;
    letter-spacing: -.02em;
    line-height: 103%
}

@media(min-width: 375px) {
    .h-2-new {
        font-size:1.75rem
    }
}

@media(min-width: 375px)and (max-height:500px) {
    .h-2-new {
        font-size:1.75rem
    }
}

@media(min-width: 768px) {
    .h-2-new {
        font-size:calc(1.68363rem + .13827vw)
    }
}

@media(min-width: 768px)and (max-height:500px) {
    .h-2-new {
        font-size:calc(1.67566rem + .15487vw)
    }
}

@media(min-width: 1220px) {
    .h-2-new {
        font-size:calc(2.25246rem + .16071vw)
    }
}

@media(min-width: 1220px)and (max-height:500px) {
    .h-2-new {
        font-size:calc(1.72083rem + .06076vw)
    }
}

@media(min-width: 1440px) {
    .h-2-new {
        font-size:calc(2.46094rem + .18229vw)
    }
}

@media(min-width: 1440px)and (max-height:500px) {
    .h-2-new {
        font-size:calc(1.72083rem + .06076vw)
    }
}

@media(min-width: 1920px) {
    .h-2-new {
        font-size:3.5rem
    }
}

.card-link {
    --card-height: 110px;
    border-radius: var(--small-card);
    color: var(--white);
    display: flex;
    flex-direction: column;
    height: var(--card-height);
    overflow: hidden;
    padding: var(--main-card);
    position: relative;
    will-change: scale
}

@media(min-width: 1220px) {
    .card-link {
        --card-height:117px
    }
}

@media(min-width: 1440px) {
    .card-link {
        --card-height:136px
    }
}

@media(min-width: 1920px) {
    .card-link {
        --card-height:180px
    }
}

.average-font-size .card-link,.average-letter-spacing .card-link,.big-font-size .card-link,.big-letter-spacing .card-link {
    height: auto;
    min-height: var(--card-height)
}

.card-link.card-link_dark,.card-link.card-link_dark .card-link__text {
    color: var(--color7)
}

.card-link.card-link_dark .card-link__icon {
    background-color: var(--color7-10)
}

.card-link.card-link_dark .card-link__icon svg {
    stroke: var(--color7-inv)
}





@media(hover: hover) {
    .card-link.card-link_dark[data-modal]:hover .card-link__icon,.card-link.card-link_dark[href]:hover .card-link__icon {
        background-color:var(--color7)
    }

    .card-link.card-link_dark[data-modal]:hover .card-link__icon svg,.card-link.card-link_dark[href]:hover .card-link__icon svg {
        stroke: var(--white-inv);
        color: var(--white-inv);
    }
}

.card-link_big {
    --big-card-height: 52vw;
    border-radius: var(--corner-big-card);
    height: var(--big-card-height);
    padding: var(--big-card)
}

@media(min-width: 768px) {
    .card-link_big {
        --big-card-height:26.8229166667vw
    }
}

@media(min-width: 1220px) {
    .card-link_big {
        --big-card-height:26.5625vw
    }
}

@media(min-width: 1440px) {
    .card-link_big {
        --big-card-height:26.8055555556vw
    }
}

@media(min-width: 1920px) {
    .card-link_big {
        --big-card-height:25vw
    }
}


.average-font-size .card-link_big,.average-letter-spacing .card-link_big,.big-font-size .card-link_big,.big-letter-spacing .card-link_big {
    height: auto;
    min-height: var(--big-card-height)
}

.card-link_big .card-link__text {
    color: var(--white-80)
}

.card-link_dark-bg .card-link__bg-wrapper {
    background-color: var(--color7)
}

.card-link_red .card-link__bg-wrapper {
    background-color: var(--red-inv)
}

.card-link_mint .card-link__bg-wrapper {
    background-color: var(--mint-inv)
}

.card-link_sibur .card-link__bg-wrapper {
    background-color: var(--sibur-dna)
}

.card-link_white .card-link__bg-wrapper {
    background-color: var(--white-inv)
}

.card-link:not(.card-link_big):not(:has(.card-link__text)) .card-link__title {
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(hover: hover) {
    .card-link[data-modal]:hover .card-link__icon,.card-link[href]:hover .card-link__icon {
        background-color:var(--white)
    }

    .card-link[data-modal]:hover .card-link__icon svg,.card-link[href]:hover .card-link__icon svg {
        stroke: var(--red-inv);
        color: var(--red-inv);
    }

    .card-link[data-modal]:hover .card-link__icon-top,.card-link[data-modal]:hover .card-link__picture,.card-link[href]:hover .card-link__icon-top,.card-link[href]:hover .card-link__picture {
        scale: 1.1
    }
}

.card-link:has(.card-link__bottom-text) .card-link__icon-top {
    height: 34px;
    width: 34px
}

@media(min-width: 1440px) {
    .card-link:has(.card-link__bottom-text) .card-link__icon-top {
        width:50px
    }
}

@media(min-width: 1920px) {
    .card-link:has(.card-link__bottom-text) .card-link__icon-top {
        width:60px
    }
}

@media(min-width: 1440px) {
    .card-link:has(.card-link__bottom-text) .card-link__icon-top {
        height:50px
    }
}

@media(min-width: 1920px) {
    .card-link:has(.card-link__bottom-text) .card-link__icon-top {
        height:60px
    }
}

.card-link__bottom,.card-link__text,.card-link__title {
    position: relative;
    z-index: 2
}

.card-link__title {
    margin-bottom: var(--title-margin-bottom);
    max-width: var(--title-max-width)
}

.card-link__text {
    margin: var(--offset-16) 0
}

.card-link__text>:not(:first-child) {
    margin-top: var(--offset-16)
}

.card-link__text>ul {
    padding-left: 21px
}

@media(min-width: 1220px) {
    .card-link__text>ul {
        padding-left:24px
    }
}

@media(min-width: 1920px) {
    .card-link__text>ul {
        padding-left:27px
    }
}

.card-link__text>ul li {
    list-style: disc
}

.card-link__bottom {
    align-items: flex-end;
    display: flex;
    gap: var(--offset-12);
    justify-content: space-between;
    margin-top: auto
}

.card-link__icon {
    align-items: center;
    background-color: var(--redesign-1-10);
    border-radius: 7px;
    display: flex;
    flex-shrink: 0;
    height: 25px;
    justify-content: center;
    transition: background-color .3s ease-in-out;
    width: 25px
}

@media(min-width: 1920px) {
    .card-link__icon {
        height:30px;
        width: 30px
    }
}

.card-link__icon svg {
    stroke: var(--white-inv);
    height: 9px;
    transition: stroke .3s ease-in-out;
    width: 7px
}

@media(min-width: 1920px) {
    .card-link__icon svg {
        height:12px;
        width: 10px
    }
}

.card-link__bg-wrapper {
    border-radius: var(--small-card);
    height: 100%;
    overflow: hidden;
    width: 100%;
    z-index: 1
}

.beige-theme .card-link__bg-wrapper,.blue-theme .card-link__bg-wrapper,.brown-theme .card-link__bg-wrapper,.contrasting-theme .card-link__bg-wrapper,.inversion-theme .card-link__bg-wrapper {
    border: 2px solid var(--dark-teal)
}

.card-link__picture {
    height: 100%;
    transition: scale .6s ease-in-out;
    width: 100%
}

.card-link__picture img {
    border-radius: var(--small-card)
}

.card-link__icon-top {
    height: 45px;
    margin-bottom: var(--offset-12);
    position: relative;
    transition: scale .3s ease-in-out;
    width: 45px;
    z-index: 2
}

@media(min-width: 1220px) {
    .card-link__icon-top {
        width:66px
    }
}

@media(min-width: 1920px) {
    .card-link__icon-top {
        width:80px
    }
}

@media(min-width: 1220px) {
    .card-link__icon-top {
        height:66px
    }
}

@media(min-width: 1920px) {
    .card-link__icon-top {
        height:80px
    }
}

.card-link__icon-top svg {
    height: 100%;
    width: 100%
}

.cards-tile {
    background-color: var(--bg-redesign-inv);
    display: flex;
    flex-direction: column;
    gap: var(--offset-60);
    padding-bottom: var(--offset-140);
    padding-left: 4.2666666667vw;
    padding-right: 4.2666666667vw
}

@media(min-width: 768px) {
    .cards-tile {
        padding-left:2.0833333333vw;
        padding-right: 2.0833333333vw
    }
}

@media(min-width: 1220px) {
    .cards-tile {
        padding-left:2.34375vw;
        padding-right: 2.34375vw
    }
}

@media(min-width: 1440px) {
    .cards-tile {
        padding-left:2.3611111111vw;
        padding-right: 2.3611111111vw
    }
}

@media(min-width: 1920px) {
    .cards-tile {
        padding-left:2.3958333333vw;
        padding-right: 2.3958333333vw
    }
}

@media(min-width: 768px) {
    .cards-tile__title {
        max-width:59.765625vw
    }
}

@media(min-width: 1220px) {
    .cards-tile__title {
        max-width:47.03125vw
    }
}

@media(min-width: 1440px) {
    .cards-tile__title {
        max-width:41.8055555556vw
    }
}

@media(min-width: 1920px) {
    .cards-tile__title {
        max-width:39.53125vw
    }
}

.average-font-size .cards-tile__title,.average-letter-spacing .cards-tile__title,.big-font-size .cards-tile__title,.big-letter-spacing .cards-tile__title {
    max-width: 100%!important
}

.cards-tile__title span {
    color: var(--red)
}

.cards-tile__title._prepare:not(._animated) {
    opacity: 0;
    transform: translate3d(0,30px,0)
}

.cards-tile__title._animated {
    transition: transform .6s ease-in-out,opacity .6s ease-in-out
}

body:not(.preloader-done) .cards-tile__title {
    opacity: 0;
    transform: translate3d(0,30px,0)
}

.cards-tile__cards {
    display: grid;
    gap: var(--gutter)
}

@media(min-width: 768px) {
    .cards-tile__cards {
        grid-template-columns:repeat(2,1fr)
    }
}

@media(min-width: 1220px) {
    .cards-tile__cards {
        grid-template-columns:repeat(4,1fr)
    }
}

.cards-tile__card {
    height: 33.8666666667vw
}

@media(min-width: 768px) {
    .cards-tile__card {
        height:19.7916666667vw
    }
}

@media(min-width: 1220px) {
    .cards-tile__card {
        height:17.1875vw
    }
}

@media(min-width: 1440px) {
    .cards-tile__card {
        height:17.2222222222vw
    }
}

@media(min-width: 1920px) {
    .cards-tile__card {
        height:17.2916666667vw
    }
}

.cards-tile__card:first-of-type {
    transition: opacity .6s .08s,scale .6s .08s
}

.cards-tile__card:nth-of-type(2) {
    transition: opacity .6s .16s,scale .6s .16s
}

.cards-tile__card:nth-of-type(3) {
    transition: opacity .6s .24s,scale .6s .24s
}

.cards-tile__card:nth-of-type(4) {
    transition: opacity .6s .32s,scale .6s .32s
}

.cards-tile__card:nth-of-type(5) {
    transition: opacity .6s .4s,scale .6s .4s
}

.cards-tile__card:nth-of-type(6) {
    transition: opacity .6s .48s,scale .6s .48s
}

.cards-tile__card:nth-of-type(7) {
    transition: opacity .6s .56s,scale .6s .56s
}

.cards-tile__card:nth-of-type(8) {
    transition: opacity .6s .64s,scale .6s .64s
}

.cards-tile__card:nth-of-type(9) {
    transition: opacity .6s .72s,scale .6s .72s
}

.cards-tile__card:nth-of-type(10) {
    transition: opacity .6s .8s,scale .6s .8s
}

.cards-tile__card:nth-of-type(11) {
    transition: opacity .6s .88s,scale .6s .88s
}

.cards-tile__card:nth-of-type(12) {
    transition: opacity .6s .96s,scale .6s .96s
}


.h-5-new,.overlay-panel__second-item-inner:first-child,.overlay-panel__third-item-inner:first-child,.text-common__content-typography>h5 {
    font-size: 1.125rem;
    letter-spacing: -.04em;
    line-height: 118%
}

@media(min-width: 375px) {
    .h-5-new,.overlay-panel__second-item-inner:first-child,.overlay-panel__third-item-inner:first-child,.text-common__content-typography>h5 {
        font-size:1.125rem
    }
}

@media(min-width: 375px)and (max-height:500px) {
    .h-5-new,.overlay-panel__second-item-inner:first-child,.overlay-panel__third-item-inner:first-child,.text-common__content-typography>h5 {
        font-size:1.125rem
    }
}

@media(min-width: 768px) {
    .h-5-new,.overlay-panel__second-item-inner:first-child,.overlay-panel__third-item-inner:first-child,.text-common__content-typography>h5 {
        font-size:1.125rem
    }
}

@media(min-width: 768px)and (max-height:500px) {
    .h-5-new,.overlay-panel__second-item-inner:first-child,.overlay-panel__third-item-inner:first-child,.text-common__content-typography>h5 {
        font-size:calc(1.13296rem - .01659vw)
    }
}

@media(min-width: 1220px) {
    .h-5-new,.overlay-panel__second-item-inner:first-child,.overlay-panel__third-item-inner:first-child,.text-common__content-typography>h5 {
        font-size:calc(1.08415rem + .05357vw)
    }
}

@media(min-width: 1220px)and (max-height:500px) {
    .h-5-new,.overlay-panel__second-item-inner:first-child,.overlay-panel__third-item-inner:first-child,.text-common__content-typography>h5 {
        font-size:calc(1.12813rem - .00651vw)
    }
}

@media(min-width: 1440px) {
    .h-5-new,.overlay-panel__second-item-inner:first-child,.overlay-panel__third-item-inner:first-child,.text-common__content-typography>h5 {
        font-size:calc(1.20313rem + .05208vw)
    }
}

@media(min-width: 1440px)and (max-height:500px) {
    .h-5-new,.overlay-panel__second-item-inner:first-child,.overlay-panel__third-item-inner:first-child,.text-common__content-typography>h5 {
        font-size:calc(1.12813rem - .00651vw)
    }
}

@media(min-width: 1920px) {
    .h-5-new,.overlay-panel__second-item-inner:first-child,.overlay-panel__third-item-inner:first-child,.text-common__content-typography>h5 {
        font-size:1.5rem
    }
}

.h-5-new-vw {
    font-size: 18px;
    letter-spacing: -.04em;
    line-height: 118%
}

@media(min-width: 768px) {
    .h-5-new-vw {
        font-size:18px
    }
}

@media(min-width: 1220px) {
    .h-5-new-vw {
        font-size:calc(6.90909px + .90909vw)
    }
}

@media(min-width: 1440px) {
    .h-5-new-vw {
        font-size:calc(8px + .83333vw)
    }
}
