/* Start:/local/templates/main-responsive/components/bitrix/catalog/nii/assets/css/ui.css?175015880718995*/
html.iOs {
    height: -webkit-fill-available;
    min-height: 100vh;
}

body {
    font-weight: 400;
    color: var(--light-primary);
}

.iOs body.modal-open {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 100vh;
    min-height: -webkit-fill-available;
}

@media (hover:none) {
    .js-hover-detect{
        display: none;
    }
}

.bx-no-touch .js-custom-cursor,
.bx-no-touch .js-custom-cursor  a,
.bx-no-touch .js-custom-cursor  button {
    cursor: none !important;
}

h2 {
    font-family: 'Villula', Helvetica, Arial, sans-serif;
    font-weight: 400;
}

@media (min-width: 1024px) {
    .btn_text._desktop-lg {
        font-size: 17px;
        line-height: 1.2;
    }
}

@media (max-width: 1023px) {
    .btn_text._tablet-md {
        font-size: 15px;
        line-height: 1.2;
    }
    .btn_text._tablet-sm {
        font-size: 13px;
        line-height: 1.2;
    }
}

@media (max-width: 767px) {
    .btn_text._mobile-sm {
        font-size: 13px;
        line-height: 1.2;
    }
    .rtext._mobile-sm {
        font-size: 13px;
        line-height: 1.2;
    }
}

/* MARK: Header */
._niiEdy .LP_Header__Inner,
._niiRegion .LP_Header__Inner {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
    padding: 7px 0px;
}
._niiRegion .HeaderATDToggler._type .HeaderATDToggler__Link{
    color: var(--light-primary);
}
._niiRegion .UniversMainIcBtn._cart.DeliveryBasket__stateEmpty:hover{
    color: var(--green600);
}
._niiRegion .LP_Header .UniversMainIcBtn._cart .UniversMainIcBtn__Img._cart-full{
    display: none;
}
._niiRegion .LP_Header .UniversMainIcBtn._cart .UniversMainIcBtn__Img._cart-empty {
    display: block;
}

@media (any-hover: hover){
	._niiRegion .LP_Header .UniversMainIcBtn._cart:not(.DeliveryBasket__stateEmpty):hover .UniversMainIcBtn__Img._cart-empty {
        display: none;
    }
	._niiRegion .LP_Header .UniversMainIcBtn._cart:not(.DeliveryBasket__stateEmpty):hover .UniversMainIcBtn__Img._cart-full {
        display: block;
    }
	._niiRegion .HeaderATDToggler._type .HeaderATDToggler__Link:hover{
		color: var(--green600);
	}
}

@media (max-width: 1279px) {
	._niiEdy .LP_Header__Logo,
	._niiRegion .LP_Header__Logo {
		margin-right: 6px;
	}
	._niiEdy .HeaderATDToggler + .HeaderATDToggler,
	._niiRegion .HeaderATDToggler + .HeaderATDToggler {
		margin-left: 6px;
	}
	._niiEdy .HeaderATDToggler + .HeaderATDToggler:before,
	._niiRegion .HeaderATDToggler + .HeaderATDToggler:before {
		left: -4px;
	}
	._niiEdy .LP_Header__Inner,
	._niiRegion .LP_Header__Inner {
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
	}
}

@media (max-width: 1023px) {
    ._niiEdy .LP_Header__Inner,
    ._niiRegion .LP_Header__Inner {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
        padding-block: 0 8px;
    }
}

.VV24_NII > section:first-of-type,
.VV24_NIIRegion > section:first-of-type {
    overflow: hidden;
}
.VV24_NII_BreadcrumbsWrapper {
    position: relative;
}
.VV24_NII_Logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 11px;
}
.LP_Header .vv-icon {
    color: var(--green500);
}
.LP_Header .lvl-one-icon {
    color: #000;
}
.LP_Header._light .vv-icon,
.LP_Header._light .lvl-one-icon {
    color: var(--white);
}

/* MARK: Breadcrumbs */
.VV24_NII_Breadcrumbs {
    position: absolute;
    top: 74px;
    left: 21px;
}
.VV24_NII_Breadcrumbs__List {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    min-height: 34px;
    margin: 0;
    padding: 6px 16px;
    list-style: none;
    border-radius: 40px;
    background-color: rgba(255, 255, 255, 0.80);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
}
.VV24_NII_Breadcrumbs__Item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    margin-bottom: 0;
}
.VV24_NII_Breadcrumbs__Item:not(:last-child)::after {
    content:'';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--green500);
}
.VV24_NII_Breadcrumbs__Link {
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    color: var(--green500);
    -webkit-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}
span.VV24_NII_Breadcrumbs__Link {
    pointer-events: none;
}

@media (any-hover: hover){
    .VV24_NII_Breadcrumbs__Link:hover{
        color: var(--gray900);
    }
}

@media (max-width: 1023px) {
    .VV24_NII_Breadcrumbs {
        top: 104px;
        left: 26px;
    }
}

@media (max-width: 767px) {
    .VV24_NII_Breadcrumbs {
        top: 84px;
        left: 10px;
    }
}

/* MARK: Лаборатория */
.VV24_NII_Laboratory {
    margin-bottom: 100px;
}
._niiRegion .VV24_NII_Laboratory {
    margin-bottom: 80px;
}
.VV24_NII_Laboratory__Wrapper {
    max-width: 1080px;
    margin-inline: auto;
}
.VV24_NII_Laboratory__Title {
    margin-bottom: 40px;
    text-align: center;
}
.VV24_NII_Laboratory__Grid {
    display: -ms-grid;
    display: grid;
    /* -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(4, 1fr); */
	-ms-grid-columns: calc(25% - 15px) 20px calc(25% - 15px) 20px calc(25% - 15px) 20px calc(25% - 15px);
    grid-template-columns: repeat(4, calc(25% - 15px));
	gap: 20px;
}
.VV24_NII_Laboratory_Card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 8px;
}

/* _size */
.VV24_NII_Laboratory_Card._size50 {
    grid-column: auto / span 2;
}
.VV24_NII_Laboratory_Card._size25 {
    grid-column: auto / span 1;
}

/* _order */
.VV24_NII_Laboratory_Card._order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.VV24_NII_Laboratory_Card._order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.VV24_NII_Laboratory_Card._order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
}
.VV24_NII_Laboratory_Card._order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
}
.VV24_NII_Laboratory_Card._order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
}

.VV24_NII_Laboratory_Card__ImgWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 20px;
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.VV24_NII_Laboratory_Card__ImgWrapper::before {
    content: '';
    position: absolute;
    inset: 0;
    display: block;
}
._size50 .VV24_NII_Laboratory_Card__ImgWrapper {
    aspect-ratio: 530 / 243;
}
._size25 .VV24_NII_Laboratory_Card__ImgWrapper {
    aspect-ratio: 255 / 243;
}

@media (any-hover: hover){
    .VV24_NII_Laboratory_Card__ImgWrapper:hover .VV24_NII_Laboratory_Card__Img {
        -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
                transform: scale(1.05);
    }
}

.VV24_NII_Laboratory_Card__Img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: -webkit-transform 0.3s ease 0s;
    -o-transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    will-change: transform;
}
.VV24_NII_Laboratory_Card__Info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 2px;
}
.VV24_NII_Laboratory_Card__Status {
    text-transform: uppercase;
}
.VV24_NII_Laboratory_Card__Title {
    max-width: 328px;
    font-weight: 500;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    letter-spacing: unset;
}

@media (max-width: 1023px) {
    .VV24_NII_Laboratory {
        margin-bottom: 80px;
    }
	._niiRegion .VV24_NII_Laboratory {
		margin-bottom: 74px;
	}
    .VV24_NII_Laboratory__Wrapper {
        max-width: 664px;
    }
    .VV24_NII_Laboratory__Title {
        margin-bottom: 24px;
    }
    .VV24_NII_Laboratory__Grid {
		-ms-grid-columns: calc(25% - 6px) 8px calc(25% - 6px) 8px calc(25% - 6px) 8px calc(25% - 6px);
    	grid-template-columns: repeat(4, calc(25% - 6px));
        gap: 18px 8px;
    }
    ._size50 .VV24_NII_Laboratory_Card__ImgWrapper {
        aspect-ratio: 328 / 158;
    }
    ._size25 .VV24_NII_Laboratory_Card__ImgWrapper {
        aspect-ratio: 159 / 158;
    }
    .VV24_NII_Laboratory_Card__Title {
        max-width: 294px;
        font-size: 17px;
        line-height: 1.2;
    }
}

@media (max-width: 767px) {
    .VV24_NII_Laboratory {
        margin-bottom: 64px;
    }
	._niiRegion .VV24_NII_Laboratory {
        margin-bottom: 78px;
    }
    .VV24_NII_Laboratory__Wrapper {
        max-width: clamp(340px, 90%, 450px);
        padding-inline: 6px;
    }
    .VV24_NII_Laboratory__Title {
        margin-bottom: 22px;
    }
    .VV24_NII_Laboratory__Grid {
        /* -ms-grid-columns: 1fr 8px 1fr;
        grid-template-columns: repeat(2, 1fr); */
		grid-auto-flow: dense; /* грид элемент стремится занять пустое место */
		-ms-grid-columns: calc(50% - 4px) 8px calc(50% - 4px);
    	grid-template-columns: repeat(2, calc(50% - 4px));
        gap: 18px 8px;
    }
    .VV24_NII_Laboratory_Card__ImgWrapper {
        border-radius: 16px;
    }
    .VV24_NII_Laboratory_Card__Info {
        row-gap: 4px;
    }
}

/* MARK: Курсор */
.Cursor {
    position: fixed;
    width: 140px;
    height: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    pointer-events: none;
    -webkit-transition: -webkit-transform 0.1s linear;
    transition: -webkit-transform 0.1s linear;
    -o-transition: transform 0.1s linear;
    transition: transform 0.1s linear;
    transition: transform 0.1s linear, -webkit-transform 0.1s linear;
    z-index: 100000000;
}

@media (any-hover: none) {
    .Cursor {
        display: none;
    }
}

.Cursor._inited {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
}
.Cursor ._hidden {
    display: none;
}
.Cursor__Inner {
    width: 140px;
    height: 140px;
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, -webkit-transform 0.1s linear;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, -webkit-transform 0.1s linear;
    -o-transition: transform 0.1s linear, width 0.3s ease-in-out, height 0.3s ease-in-out;
    transition: transform 0.1s linear, width 0.3s ease-in-out, height 0.3s ease-in-out;
    transition: transform 0.1s linear, width 0.3s ease-in-out, height 0.3s ease-in-out, -webkit-transform 0.1s linear;
}
.Cursor__Inner .Cursor__Bg:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--light-primary);
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.Cursor__Inner._click-on-me ._default,
.Cursor__Inner._rostov ._default,
.Cursor__Inner._tatarstan ._default,
.Cursor__Inner._central-russia ._default,
.Cursor__Inner._karelia ._default,
.Cursor__Inner._kamchatka ._default {
    opacity: 0;
    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
}
.Cursor__Inner ._click-on-me,
.Cursor__Inner ._rostov,
.Cursor__Inner ._tatarstan,
.Cursor__Inner ._central-russia,
.Cursor__Inner ._karelia,
.Cursor__Inner ._kamchatka {
    opacity: 0;
	-webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
}
.Cursor__Inner._click-on-me ._click-on-me {
    opacity: 1;
	-webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
}
.Cursor__Inner._rostov ._rostov {
    opacity: 1;
}
.Cursor__Inner._tatarstan ._tatarstan {
    opacity: 1;
}
.Cursor__Inner._central-russia ._central-russia {
    opacity: 1;
}
.Cursor__Inner._karelia ._karelia {
    opacity: 1;
}
.Cursor__Inner._kamchatka ._kamchatka {
    opacity: 1;
}
.Cursor__Inner._dot {
    width: 8px;
    height: 8px;
    -webkit-box-shadow: 0 0 0 2px #F1F2F0;
            box-shadow: 0 0 0 2px #F1F2F0;
    border-radius: 50%
}
.Cursor__Inner._dot ._default,
.Cursor__Inner._dot ._rostov,
.Cursor__Inner._dot ._tatarstan,
.Cursor__Inner._dot ._central-russia,
.Cursor__Inner._dot ._karelia,
.Cursor__Inner._dot ._kamchatka {
    opacity: 0;
}
.Cursor__Inner._dot .Cursor__Bg:after {
    opacity: 1;
}
.Cursor__Bg {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.Cursor__Text {
    position: absolute;
    max-width: 100%;
    height: auto;
    -webkit-animation: cursor-image 20s linear infinite;
            animation: cursor-image 20s linear infinite;
}
.Cursor__Text._default {
    width: 117px;
}
.Cursor__Text._default._point-to-product {
    width: 128px;
}
.Cursor__Text._rostov {
    width: 116px;
}
.Cursor__Text._tatarstan {
    width: 117px;
}
.Cursor__Text._central-russia {
    width: 116px;
}
.Cursor__Text._karelia {
    width: 117px;
}
.Cursor__Text._kamchatka {
    width: 116px;
}

@-webkit-keyframes cursor-image {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes cursor-image {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

/* MARK: Comments */
.VV24_NII_Comments {
	margin-bottom: 64px;
}
.VV24_NII_Comments__Text {
	max-width: 615px;
	margin-inline: auto;
	margin-bottom: 40px;
	text-align: center;
}
.VV24_NII_Comments__Title {
	margin-bottom: 16px;
}
.VV24_NII_Comments__Description {
	font-weight: 400;
	font-size: 18px;
	line-height: 133.333%;
}

.VV24_NII_Comments .CommentForm__submit:hover {
    color: var(--white) !important;
}

@media (max-width: 1023px) {
	.VV24_NII_Comments {
		margin-bottom: 64px;
	}
}

@media (max-width: 767px) {
	.VV24_NII_Comments {
		margin-bottom: 40px;
	}
	.VV24_NII_Comments__Text {
		max-width: clamp(340px, 90%, 450px);
		margin-bottom: 30px;
	}
	.VV24_NII_Comments__Title {
		margin-bottom: 10px;
	}
	.VV24_NII_Comments__Description {
		font-weight: 400;
		font-size: 16px;
		line-height: 125%;
	}
}

/* MARK: Footer */
.VV24_NII_Footer {
    border-top: 1px solid var(--light-outline);
    padding: 32px 0 42px;
}
.VV24_NII_Footer__Row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
    row-gap: 32px;
}
.VV24_NII_Footer__Row:not(:last-child) {
    margin-bottom: 32px;
}
.VV24_NII_Footer__Link {
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
    -webkit-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}

@media (any-hover: hover){
    .VV24_NII_Footer__Link:hover{
        color: var(--green600);
    }
}
.VV24_NII_Footer__Social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.VV24_NII_Footer .SocialItem {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background-color: var(--white);
    color: var(--green500);
    fill: var(--green500);
}
.VV24_NII_Footer .SocialItem:hover svg {
    fill: var(--green400);
}
.VV24_NII_Footer .SocialItem .SvgIcon {
    -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
            transform: scale(0.85);
}
.VV24_NII_Footer .SocialItem .SvgIcon--social-vkontakte {
    width: 28px;
    height: 28px;
}
.VV24_NII_Footer .SocialItem .SvgIcon--social-telegram {
    width: 32px;
    height: 32px;
}
.VV24_NII_Footer .SocialItem .SvgIcon--social-yadzen {
    width: 32px;
    height: 32px;
}
.VV24_NII_Footer .SocialItem .SvgIcon--social-whatsapp {
    width: 24px;
    height: 24px;
}

@media (max-width: 1279px) {
	.VV24_NII_Footer__Link {
        display: inline-block;
		max-width: 560px;
	}
}

@media (max-width: 1023px) {
    .VV24_NII_Footer {
        padding: 24px 0 18px;
    }
    .VV24_NII_Footer__Row:not(:last-child) {
        margin-bottom: 22px;
    }
    .VV24_NII_Footer__Link {
        line-height: 120% !important;
    }
}

@media (max-width: 767px) {
    .VV24_NII_Footer {
        padding: 32px 14px 24px;
    }
    .VV24_NII_Footer__Row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
        row-gap: 22px;
    }
    .VV24_NII_Footer__Row:last-child {
        row-gap: 4px;
    }
    .VV24_NII_Footer__Row:not(:last-child) {
        margin-bottom: 53px;
    }
}
/* End */


/* Start:/local/templates/main-responsive/components/bitrix/catalog/nii/assets/css/style.css?174946696041010*/
/* MARK: Preview */
.VV24_NII_Preview {
    display: -ms-grid;
    display: grid;
    place-items: center;
    min-height: 641px;
    color: var(--white);
    background-color: #24d066; 
    background-image:   
        -webkit-image-set(
            url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/nii-preview-bgi--desktop.png') 2x,
            url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/nii-preview-bgi--desktop@2x.png') 1x
    );
    background-image:
        image-set(
            url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/nii-preview-bgi--desktop@2x.webp') type('image/webp') 2x,
            url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/nii-preview-bgi--desktop.webp') type('image/webp') 1x,
            url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/nii-preview-bgi--desktop@2x.png') 2x,
            url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/nii-preview-bgi--desktop.png') 1x
    );
    background-size: 1632px 641px;
    background-repeat: no-repeat;
    background-position: center;
}
.VV24_NII_Preview__Content {
    max-width: 322px;
    padding-top: 92px;
    text-align: center;
}
.VV24_NII_Preview__Title {
    margin: 0 0 8px;
}
.VV24_NII_Preview__Title ._text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
	user-select: none;
}
.VV24_NII_Preview__Description {
    margin-bottom: 46px;
    font-weight: 500;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -0.02em;
}
.VV24_NII_Preview__Button.VV_Button {
    padding: 16px 20px;
    min-width: 213px;
    min-height: 52px;
    font-size: 18px;
    border-radius: 0;
    -webkit-transition: background-color 0.3s ease 0s;
    -o-transition: background-color 0.3s ease 0s;
    transition: background-color 0.3s ease 0s;
}
.VV24_NII_Preview__Button.VV_Button._pink {
    background-color: var(--berry1);
}

@media (any-hover: hover){
    .VV24_NII_Preview__Button.VV_Button._pink:hover{
        background-color: var(--berry3)
    }
}

@media (max-width: 1023px) {
    .VV24_NII_Preview {
        min-height: 720px;
        margin-bottom: 64px;
        background-image:   
            -webkit-image-set(
                url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/nii-preview-bgi--tablet.png') 2x,
                url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/nii-preview-bgi--tablet@2x.png') 1x
        );
        background-image:
            image-set(
                url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/nii-preview-bgi--tablet@2x.webp') type('image/webp') 2x,
                url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/nii-preview-bgi--tablet.webp') type('image/webp') 1x,
                url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/nii-preview-bgi--tablet@2x.png') 2x,
                url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/nii-preview-bgi--tablet.png') 1x
        );
        background-size: 1150px 538px;
    }
    .VV24_NII_Preview__Content {
        max-width: 278px;
        padding-top: 70px;
    }
    .VV24_NII_Preview__Title {
        margin-bottom: 8px;
    }
    .VV24_NII_Preview__Title img {
		width: 278px;
		height: auto;
	}
    .VV24_NII_Preview__Description {
        font-size: 24px;
        line-height: 117%;
        letter-spacing: unset;
    }
}

@media (max-width: 767px) {
    .VV24_NII_Preview {
        min-height: 586px;
        margin-bottom: 30px;
        background-image:   
            -webkit-image-set(
                url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/nii-preview-bgi--mobile.png') 2x,
                url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/nii-preview-bgi--mobile@2x.png') 1x
        );
        background-image:
            image-set(
                url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/nii-preview-bgi--mobile@2x.webp') type('image/webp') 2x,
                url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/nii-preview-bgi--mobile.webp') type('image/webp') 1x,
                url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/nii-preview-bgi--mobile@2x.png') 2x,
                url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/nii-preview-bgi--mobile.png') 1x
        );
        background-size: 396px 266px;
        background-position-y: bottom;
    }
    .VV24_NII_Preview__Content {
        max-width: 222px;
        padding-block: 0 63px;
    }
    .VV24_NII_Preview__Title {
        margin-bottom: 4px;
    }
    .VV24_NII_Preview__Title img {
		width: 214px;
	}
    .VV24_NII_Preview__Description {
        margin-bottom: 20px;
        line-height: 120%;
    }
    .VV24_NII_Preview__Button.VV_Button {
        padding: 14px;
        min-width: 159px;
        min-height: 44px;
    }
}

/* MARK: Слайдер города */
.VV24_NII_Cities {
	padding-top: 20px;
	background-color: #24d066;
	overflow: hidden;
}
.VV24_NII_Cities__Heading {
    display: none;
}
.VV24_NII_Cities__Wrapper {
    border-radius: 60px 60px 0 0;
    background: #ffb7ff;
}
.VV24_NII_Cities__Inner {
    display: flex;
    justify-content: center;
    padding: 50px 0 46px 40px;
}
.VV24_NII_Cities__Slider {
    max-width: 100%;
    padding-right: 40px;
}
.VV24_NII_Cities__Slide {
    max-width: 315px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; 
}
.VV24_NII_Cities__Slide:not(:last-child) {
	margin-right: 26px;
}
.VV24_NII_Cities__SliderNav {
    position: relative;
    z-index: 1;
}
.VV24_NII_Cities__SliderNav .VV_SliderBtn {
    bottom: 280px;
    left: -16px;
    z-index: 1;
	opacity: 0;
	visibility: hidden;
}
.swiper-container-initialized .VV24_NII_Cities__SliderNav .VV_SliderBtn{
	opacity: 1;
	visibility: visible;
}
.VV24_NII_Cities__SliderNav .VV_SliderBtn._next {
    left: auto;
    right: -16px;
}
.VV24_NII_Cities__SliderNav .VV_SliderBtn.swiper-button-lock,
.VV24_NII_Cities__SliderNav .VV_SliderBtn.swiper-button-disabled {
    display: none;
}

/* MARK: City */
.VV24_NII_City {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
    max-width: 315px;
    min-height: 428px;
    text-align: center;
    border: 4px solid var(--white);
    border-radius: 40px;
    background-color: var(--white);
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none; 
    -webkit-user-drag: none;
    -moz-user-select: none;
}

@media (any-hover: hover){
    .VV24_NII_City:hover .VV24_NII_City__Img {
        -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
                transform: scale(1.05);
    }
    .VV24_NII_City:hover .VV24_NII_City__Link {
        color: var(--green600);
    }
}

/* _disabled */
.VV24_NII_City._disabled {
    pointer-events: none;
}
.VV24_NII_City._disabled .VV24_NII_City__ImgWrapper,
.VV24_NII_City._disabled .VV24_NII_City__Info {
    opacity: 0.5;
}
.VV24_NII_City._disabled .VV24_NII_City__Link {
    color: var(--light-tertiary);
    -webkit-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}
.VV24_NII_City._disabled .VV24_NII_City__Link::after {
    background-color: var(--light-tertiary);
}

.VV24_NII_City__ImgWrapper {
    border-radius: 36px;
    width: 100%;
    aspect-ratio: 307 / 235;
    overflow: hidden;
    -webkit-transform: translateZ(0);
		transform: translateZ(0);
}
.VV24_NII_City__Img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: -webkit-transform 0.3s ease 0s;
    -o-transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    will-change: transform;
}
.VV24_NII_City__Info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	-webkit-box-flex: 1;
		-ms-flex-positive: 1;
			flex-grow: 1;
	gap: 8px;
	width: 100%;
    padding-bottom: 36px;
}
.VV24_NII_City__Name {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
	hyphens: auto;
    word-wrap: break-word;
	font-weight: 400;
    text-transform: uppercase;
    color: var(--light-fixed-black);
}
.VV24_NII_City__Link {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    color: var(--green500);
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
}
.VV24_NII_City__Link::after {
    content:'';
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    height: 2px;
    background-color: var(--green500);
}

@media (max-width: 1023px) {
	.VV24_NII_Cities {
		padding-top: unset;
		background-color: unset;
	}
    .VV24_NII_Cities__Heading {
        display: block;
        margin-bottom: 49px;
        padding-left: 6px;
    }
    .VV24_NII_Cities__Title {
        margin-bottom: 11px;
    }
    .VV24_NII_Cities__Description {
        max-width: 520px;
        font-weight: 500;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: -0.035em;
    }
    .VV24_NII_Cities__Inner {
        padding: 40px 0 40px 40px;
    }
    .VV24_NII_Cities__Slide {
        max-width: 248px;
    }
    .VV24_NII_Cities__Slide:not(:last-child) {
		margin-right: 8px;
    }
    .VV24_NII_Cities__SliderNav {
        display: none;
    }
    .VV24_NII_City {
        max-width: 248px;
        min-height: 328px;
    }
    .VV24_NII_City__Info {
        gap: 5px;
		padding-bottom: 17px;
    }
    .VV24_NII_City__Name {
        text-transform: uppercase;
        color: var(--light-fixed-black);
    }
    .VV24_NII_City__Link {
        font-size: 20px;
    }
    .VV24_NII_City__Link::after {
        content:'';
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 100%;
        height: 2px;
        background-color: var(--green500);
    }
}

@media (max-width: 767px) {
    .VV24_NII_Cities__Heading {
        margin-bottom: 23px;
        padding-left: 10px;
    }
    .VV24_NII_Cities__Title {
        max-width: 85%;
        margin-bottom: 8px;
    }
    .VV24_NII_Cities__Description {
        max-width: 90%;
        font-size: 17px;
        letter-spacing: 0em;
    }
    .VV24_NII_Cities__Wrapper {
        border-radius: 40px 40px 0 0;
    }
    .VV24_NII_Cities__Inner {
        padding: 20px 0 20px 20px;
    }
    .VV24_NII_Cities__Slider {
        padding-right: 20px;
    }
}

/* MARK: Бегущая строка */
.VV24_Marquee {
    width: 100%;
    min-height: 128px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 66px;
    padding: 40px 0;
    background: var(--white);
    color: var(--blue3);
    overflow: hidden;
}
.VV24_Marquee._green {
    background: #24D066;
    color: var(--white);
}

.VV24_Marquee._green ._dot {
    background: var(--white);
}

.VV24_Marquee__Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-animation: marquee 0s linear infinite;
            animation: marquee 0s linear infinite;
}

.VV24_Marquee div {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.VV24_Marquee span {
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.VV24_Marquee ._dot {
    width: 11px;
    height: 11px;
    margin: 6px 18px 0 20px;
    border-radius: 50%;
    background: var(--blue3);
}

@media (max-width: 1023px) {
    .VV24_Marquee {
        position: relative;
        min-height: 68px;
        margin-bottom: 80px;
        padding: 20px 0 24px;
        margin-top: -1px;
        z-index: 2;
    }

    .VV24_Marquee ._dot {
        width: 6px;
        height: 6px;
        margin: 3px 10px 0 11px;
    }
}
@media (max-width: 767px) {
    .VV24_Marquee {
        margin-bottom: 44px;
    }
}

@-webkit-keyframes marquee {
    from {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }

    to {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
}

@keyframes marquee {
    from {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }

    to {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
}

/* MARK: Академия */
.VV24_NII_Academy {
    margin-bottom: 100px;
}
.VV24_NII_Academy__Wrapper {
    max-width: 1080px;
    margin-inline: auto;
}
.VV24_NII_Academy__Title {
    margin-bottom: 40px;
    text-align: center;
}
.VV24_NII_Academy__Grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
}
.VV24_NII_Academy__Grid + .VV24_NII_Academy__Grid {
    margin-top: 20px;
}
.VV24_NII_Academy_Card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: var(--gray100);
    border-radius: 20px;
    overflow: hidden;
    transition: background-color 0.3s ease 0s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.VV24_NII_Academy_Card._bgi {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    color: var(--white);
}
.VV24_NII_Academy_Card._light-pink {
    background-color: #fff1ff;
}
.VV24_NII_Academy_Card._light-grey {
    background-color: var(--light-space);
}
.VV24_NII_Academy_Card._light-yellow {
    background-color: #fff5d7;
}
.VV24_NII_Academy_Card._pink {
    background-color: #ffb7ff;
}
.VV24_NII_Academy_Card._green {
    background-color: #24d066;
}
.VV24_NII_Academy_Card._yellow {
    background-color: #f9d052;
}

@media (any-hover: hover){
    .VV24_NII_Academy_Card._bgi:hover .VV24_NII_Academy_Card__Img {
        -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
                transform: scale(1.05);
    }
    .VV24_NII_Academy_Card._light-pink:hover {
        background-color: #ffd6ff;
    }
    .VV24_NII_Academy_Card._light-grey:hover {
        background-color: #e8e8e8;
    }
    .VV24_NII_Academy_Card._light-yellow:hover {
        background-color: #ffefbd;
    }
    .VV24_NII_Academy_Card._pink:hover {
        background-color: #ff9eff;
    }
    .VV24_NII_Academy_Card._green:hover {
        background-color: #20bb5c;
    }
    .VV24_NII_Academy_Card._yellow:hover {
        background-color: #f8c93a;
    }
}
.VV24_NII_Academy_Card._size70 {
    max-width: 650px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 60.186%;
            flex: 0 1 60.186%;
    height: auto;
    padding: 40px;
    aspect-ratio: 650 / 297;
}
.VV24_NII_Academy_Card._size30 {
    max-width: 410px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 60.186% - 20px);
            flex: 0 1 calc(100% - 60.186% - 20px);
    height: auto;
    padding: 40px;
    aspect-ratio: 410 / 297;
}
.VV24_NII_Academy_Card._size50 {
    max-width: 530px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 10px);
            flex: 0 1 calc(50% - 10px);
    height: auto;
    padding: 24px;
    aspect-ratio: 530 / 243;
}
.VV24_NII_Academy_Card._order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.VV24_NII_Academy_Card._order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.VV24_NII_Academy_Card._order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
}
.VV24_NII_Academy_Card._order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
}
.VV24_NII_Academy_Card__Wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}
.VV24_NII_Academy_Card__ImgWrapper {
    position: absolute;
    inset: 0;
}
.VV24_NII_Academy_Card__ImgWrapper::before {
    content:'';
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2.5%, rgba(0, 0, 0, 0)), to(#000));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 2.5%, #000 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 2.5%, #000 100%)
}
.VV24_NII_Academy_Card__Img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: -webkit-transform 0.3s ease 0s;
    -o-transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}
.VV24_NII_Academy_Card__Info {
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    max-width: 320px;
    text-align: center;
}
.VV24_NII_Academy_Card._size70 .VV24_NII_Academy_Card__Info {
    max-width: 420px;
}
.VV24_NII_Academy_Card__Status {
    text-transform: uppercase;
    color: var(--green500);
}
.VV24_NII_Academy_Card._pink .VV24_NII_Academy_Card__Status,
.VV24_NII_Academy_Card._green .VV24_NII_Academy_Card__Status,
.VV24_NII_Academy_Card._yellow .VV24_NII_Academy_Card__Status {
    color: #000;
}
.VV24_NII_Academy_Card__Title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    color: inherit;
}
.VV24_NII_Academy_Card__Title::before {
    content: '';
    position: absolute;
    inset: 0;
    display: block;
}
.VV24_NII_Academy_Card .VV24_NII_Academy_Card__Title:hover {
    color: inherit !important;
}
.VV24_NII_Academy_Card._size70 .VV24_NII_Academy_Card__Title {
    -webkit-line-clamp: 4;
}
.VV24_NII_Academy_Card__ImgIconWrapper {
    max-width: 90px;
    max-height: 70px;
}
.VV24_NII_Academy_Card__ImgIcon {
    max-width: 100%;
    height: auto;
} 

@media (max-width: 1023px) {
    .VV24_NII_Academy {
        margin-bottom: 80px;
    }
    .VV24_NII_Academy__Wrapper {
        max-width: 664px;
    }
    .VV24_NII_Academy__Title {
        margin-bottom: 24px;
    }
    .VV24_NII_Academy__Grid {
		gap: 8px;
    }
	.VV24_NII_Academy__Grid + .VV24_NII_Academy__Grid {
		margin-top: 8px;
	}
    .VV24_NII_Academy_Card {
        border-radius: 16px;
    }
	.VV24_NII_Academy_Card._size70 {
    	-webkit-box-flex: 0;
    	    -ms-flex: 0 1 calc(50% - 4px);
    	        flex: 0 1 calc(50% - 4px);
		max-width: 328px;
        aspect-ratio: 328 / 240; /* задаёт высоту строке */
        padding: 24px;
    }
    .VV24_NII_Academy_Card._size30 {
        -webkit-box-ordinal-group: 11;
            -ms-flex-order: 10;
                order: 10; /* стремится стать последним эл-м в группе */
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1; 
        max-width: unset;
        padding: 24px;
        aspect-ratio: unset;
        min-height: 136px;
	}
    .VV24_NII_Academy_Card._size50 {
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 calc(25% - 6px);
		        flex: 1 1 calc(25% - 6px);
		min-width: 160px;
		max-width: 50%;
		min-height: 150px;  /* если занимает 50%, то при таком значении сохраняется соотношение сторон */
		aspect-ratio: unset; /* если занимает 25%, то высота задается от карточки 70 */
        padding: 24px 10px;
    }
    .VV24_NII_Academy_Card__Info {
        max-width: 278px;
        gap: 7px;
    }
    .VV24_NII_Academy_Card._size70 .VV24_NII_Academy_Card__Info {
        max-width: 224px;
    }
    .VV24_NII_Academy_Card__Title {
        font-size: 17px;
        line-height: 120%;
    }
    .VV24_NII_Academy_Card._size70 .VV24_NII_Academy_Card__Title {
        -webkit-line-clamp: 3;
    }
}

@media (max-width: 767px) {
    .VV24_NII_Academy {
        margin-bottom: 68px;
    }
    .VV24_NII_Academy__Wrapper {
        max-width: clamp(340px, 90%, 450px);
        padding-inline: 6px;
    }
    .VV24_NII_Academy__Title {
        margin-bottom: 23px;
    }
    .VV24_NII_Academy_Card._size30 {
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0; /* стремится стать первым эл-м в группе */
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 100%;
		        flex: 1 0 100%;
    }
    .VV24_NII_Academy_Card._size70 {
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 100%;
		        flex: 1 0 100%;
		max-width: unset;
    }
    .VV24_NII_Academy_Card._size50 {
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 calc(50% - 4px);
		        flex: 1 0 calc(50% - 4px);
		aspect-ratio: 160 / 240;
    }
    .VV24_NII_Academy_Card__Info {
        max-width: 224px;
    }
}

/* MARK: Выбор научсовета */
.VV24_NII_Best {
    margin-bottom: 100px;
}
.VV24_NII_Best__Title {
    margin-bottom: 40px;
    text-align: center;
}
.VV24_NII_Best__Inner {
    position: relative;
}
.VV24_NII_Best__Inner::before,
.VV24_NII_Best__Inner::after {
    content:'';
    width: 85px;
    height: 228px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: 100%;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-image:   
        -webkit-image-set(
            url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/best/decor.png') 2x,
            url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/best/decor@2x.png') 1x
        );
    background-image:
        image-set(
            url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/best/decor.webp') type('image/webp') 2x,
            url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/best/decor.webp') type('image/webp') 1x,
            url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/best/decor@2x.png') 2x,
            url('/local/templates/main-responsive/components/bitrix/catalog/nii/section/img/best/decor.png') 1x
    );
}
.VV24_NII_Best__Inner::before {
    left: -41px;
}
.VV24_NII_Best__Inner::after {
    right: -41px;
    -webkit-transform: translateY(-50%) scaleX(-1);
        -ms-transform: translateY(-50%) scaleX(-1);
            transform: translateY(-50%) scaleX(-1);
}
.VV24_NII_Best__Cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 25px 20px;
    max-width: 816px;
    margin-inline: auto;
}
.VV24_NII_Card {
	-ms-flex-preferred-size: 220px;
		flex-basis: 220px;

    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 16px;
    max-width: 220px;
    padding-top: 30px;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

@media (any-hover: hover){
    .VV24_NII_Card:hover .VV24_NII_Card__Img {
        -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
                transform: scale(1.05);
    }
}

.VV24_NII_Card._main {
	-ms-flex-preferred-size: 248px;
		flex-basis: 248px;

    max-width: 248px;
    padding: 24px 24px 32px;
    border-radius: 40px;
    background: var(--light-space);
}
.VV24_NII_Card__ImgWrapper {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
		transform: translateZ(0);
}
.VV24_NII_Card__Img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    -webkit-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    will-change: transform;
}
.VV24_NII_Card__Info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.VV24_NII_Card__Category {
    margin-bottom: 4px;
    text-transform: uppercase;
}
.VV24_NII_Card__Title {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    color: var(--light-fixed-black);
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.VV24_NII_Card__Title:hover {
    color: var(--light-fixed-black) !important;
}
.VV24_NII_Card__Title::before {
    content:'';
    position: absolute;
    inset: 0;
    display: block;
}
.VV24_NII_Card__Button {
    position: relative;
    z-index: 5;
    width: 117px;
    min-height: 34px;
    margin-top: 14px;
    padding: 2px 11px 1px;
}

@media (any-hover: none) {
    .VV24_NII_Card__Button,
    .VV24_NII_Card__Title {
        cursor: none;
    }
}

@media (max-width: 1279px) {
    .VV24_NII_Best__Inner::before,
    .VV24_NII_Best__Inner::after {
        display: none;
    }
}

@media (max-width: 1023px) {
    .VV24_NII_Best {
        margin-bottom: 80px;
    }
    .VV24_NII_Best__Title {
        margin-bottom: 24px;
    }
    .VV24_NII_Best__Cards {
        max-width: 668px;
    }
    .VV24_NII_Card {
		-ms-flex-preferred-size: 180px;
			flex-basis: 180px;
        max-width: 180px;
        padding-top: 40px;
    }
    .VV24_NII_Card._main {
		-ms-flex-preferred-size: 228px;
			flex-basis: 228px;
        max-width: 228px;
    }
}

@media (max-width: 767px) {
    .VV24_NII_Best {
        margin-bottom: 68px;
    }
    .VV24_NII_Best__Title {
        margin-bottom: 24px;
    }
    .VV24_NII_Best__Cards {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        max-width: 340px;
        padding-inline: 6px;
    }
    .VV24_NII_Card {
		-ms-flex-preferred-size: 150px;
			flex-basis: 150px;
        row-gap: 18px;
        max-width: 150px;
        padding-top: 0;
    }
    .VV24_NII_Card._main {
		-ms-flex-preferred-size: auto;
			flex-basis: auto;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-column-gap: 4px;
           -moz-column-gap: 4px;
                column-gap: 4px;
        max-width: unset;
        padding: 16px;
        border-radius: 16px;
    }
    .VV24_NII_Card .VV24_NII_Card__ImgWrapper {
        max-width: 150px;
    }
    .VV24_NII_Card._main .VV24_NII_Card__ImgWrapper {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 150px;
                flex: 0 0 150px;
    }
    .VV24_NII_Card._main .VV24_NII_Card__Info {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto;
        padding: 8px 17px 8px 8px;
    }
    .VV24_NII_Card__Category {
        margin-bottom: 4px;
        text-transform: uppercase;
    }
    .VV24_NII_Card__Title {
        font-size: 17px;
    }
    .VV24_NII_Card__Button {
        margin-bottom: 8px;
    }
}

/* MARK: Слайдер Эксперты */
.VV24_NII_Experts {
    margin-bottom: 100px;
    overflow: hidden;
}
.VV24_NII_Experts__Title {
    margin: 0 auto 40px;
    text-align: center;
}
.VV24_NII_Experts__Wrapper {
    position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	 -ms-user-select: none;
		 user-select: none;
}
.VV24_NII_Experts__Slider {
    max-width: 900px;
    margin-inline: auto;
    padding-top: 26px;
    overflow: hidden;
}
.VV24_NII_Experts__Slide {
    width: 150px;
}
.VV24_NII_Experts__Slide.swiper-slide-next,
.VV24_NII_Experts__Slide.swiper-slide-prev {
    z-index: 10;
}
.VV24_NII_Experts__Slide:not(.swiper-slide-active) .VV24_NII_Expert {
    -webkit-transform: translateX(112px);
        -ms-transform: translateX(112px);
            transform: translateX(112px);
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: -webkit-transform 0.3s ease 0s;
    -o-transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}
.VV24_NII_Experts__Slide.swiper-slide-next + .VV24_NII_Experts__Slide .VV24_NII_Expert {
    -webkit-transform: translateX(-112px);
        -ms-transform: translateX(-112px);
            transform: translateX(-112px);
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: -webkit-transform 0.3s ease 0s;
    -o-transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}
.VV24_NII_Experts__Slide.swiper-slide-next .VV24_NII_Expert,
.VV24_NII_Experts__Slide.swiper-slide-prev .VV24_NII_Expert {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}
.VV24_NII_Experts__Slide.swiper-slide-active .VV24_NII_Expert__ImgWrapper {
    -webkit-transform: scale(1.334);
        -ms-transform: scale(1.334);
            transform: scale(1.334);
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: -webkit-transform 0.3s ease 0s;
    -o-transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
	pointer-events: none;
}
.VV24_NII_Experts__Slide:not(.swiper-slide-active) .VV24_NII_Expert__Info {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s;
    -webkit-transition-property: opacity, visibility;
    -o-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
}
.VV24_NII_Experts .VV_SliderBtn {
    top: 78px;
    left: 61px;
    z-index: 1;
}
.VV24_NII_Experts .VV_SliderBtn._next {
    left: auto;
    right: 61px;
}
.VV24_NII_Experts .VV_SliderBtn.swiper-button-lock {
    display: none;
}
.VV24_NII_Experts .VV_SliderBtn.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none;
}

/* MARK: Expert */
.VV24_NII_Expert {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 34px;
    text-align: center;
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: -webkit-transform 0.3s ease 0s;
    -o-transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.VV24_NII_Expert__ImgWrapper {
    max-width: 200px;
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    -webkit-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    overflow: hidden;
}
@media (any-hover: hover){
	.VV24_NII_Expert__ImgWrapper {
		cursor: pointer;
	}
}
.VV24_NII_Experts__Slide,
.VV24_NII_Expert__ImgWrapper {
	-webkit-tap-highlight-color: transparent;
}
.VV24_NII_Expert__Img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.VV24_NII_Expert__Info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    width: 290px;
    -webkit-transition: 0.3s ease 0s;
    -o-transition: 0.3s ease 0s;
    transition: 0.3s ease 0s;
    -webkit-transition-property: opacity, visibility;
    -o-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
}
.VV24_NII_Expert__InfoBio {
    display: flex;
    flex-direction: column;
}
.VV24_NII_Expert__InfoStatus {
    margin-bottom: -10px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: var(--green500);
}
.VV24_NII_Expert__InfoDescription {
    font-size: 15px;
    line-height: 140%;
    color: var(--light-secondary);
}
.VV24_NII_Expert__InfoButton {
    width: 100%;
    max-width: 195px;
    font-size: 16px !important;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
}
.VV24_NII_Expert__InfoButton:hover {
	color: var(--gray900) !important;
}

@media (any-hover: hover){
	.VV24_NII_Expert__InfoButton:hover {
		color: var(--green500) !important;
	}
}

@media (max-width: 1279px) {
    .VV24_NII_Experts .VV_SliderBtn {
        left: -80px;
    }
    .VV24_NII_Experts .VV_SliderBtn._next{
        right: -80px;
    }
}

@media (max-width: 1140px) {
    .VV24_NII_Experts .VV_SliderBtn {
        display: none;
    }
}

@media (max-width: 1023px) {
    .VV24_NII_Experts {
        margin-bottom: 80px;
        padding-block: 0;
    }
    .VV24_NII_Experts__Title {
        max-width: 640px;
        margin-bottom: 25px;
    }
    .VV24_NII_Experts__Slider {
        max-width: 620px;
        padding-top: 40px;
    }
    .VV24_NII_Experts__Slide {
        width: 100px;
    }
    .VV24_NII_Experts__Slide:not(.swiper-slide-active) .VV24_NII_Expert {
        -webkit-transform: translateX(101px);
            -ms-transform: translateX(101px);
                transform: translateX(101px);
    }
    .VV24_NII_Experts__Slide.swiper-slide-next + .VV24_NII_Experts__Slide .VV24_NII_Expert {
        -webkit-transform: translateX(-101px);
            -ms-transform: translateX(-101px);
                transform: translateX(-101px);
    }
    .VV24_NII_Experts__Slide.swiper-slide-next .VV24_NII_Expert,
    .VV24_NII_Experts__Slide.swiper-slide-prev .VV24_NII_Expert {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }
    .VV24_NII_Experts__Slide.swiper-slide-active .VV24_NII_Expert__ImgWrapper {
        -webkit-transform: scale(1.8);
            -ms-transform: scale(1.8);
                transform: scale(1.8);
    }
    .VV24_NII_Experts__Slide:not(.swiper-slide-active) .VV24_NII_Expert__ImgWrapper {
        -webkit-transform: translateY(-14px);
            -ms-transform: translateY(-14px);
                transform: translateY(-14px);
    }

    .VV24_NII_Expert {
        gap: 50px;
    }
    .VV24_NII_Expert__ImgWrapper {
        max-width: 180px;
    }
    .VV24_NII_Expert__Info {
        width: 226px;
    }
    .VV24_NII_Expert__InfoStatus {
        margin-bottom: -12px;
    }
    .VV24_NII_Expert__InfoDescription {
        font-size: 14px;
        line-height: 129%;
    }
}

@media (max-width: 767px) {
    .VV24_NII_Experts {
        margin-bottom: 64px;
    }
    .VV24_NII_Experts__Wrapper {
        margin-inline: -10px;
    }
    .VV24_NII_Experts__Title {
        max-width: 460px;
        margin-bottom: 23px;
        line-height: 1.2;
    }
    .VV24_NII_Experts__Slider {
        max-width: 450px;
        padding-top: 20px;
    }
    .VV24_NII_Experts__Slide {
        width: 80px;
    }
    .VV24_NII_Experts__Slide:not(.swiper-slide-active) .VV24_NII_Expert {
        -webkit-transform: translateX(65px);
            -ms-transform: translateX(65px);
                transform: translateX(65px);
    }
    .VV24_NII_Experts__Slide.swiper-slide-next + .VV24_NII_Experts__Slide .VV24_NII_Expert {
        -webkit-transform: translateX(-65px);
            -ms-transform: translateX(-65px);
                transform: translateX(-65px);
    }
    .VV24_NII_Experts__Slide.swiper-slide-next .VV24_NII_Expert,
    .VV24_NII_Experts__Slide.swiper-slide-prev .VV24_NII_Expert {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }
    .VV24_NII_Experts__Slide.swiper-slide-active .VV24_NII_Expert__ImgWrapper {
        -webkit-transform: scale(1.5);
            -ms-transform: scale(1.5);
                transform: scale(1.5);
    }
    .VV24_NII_Experts__Slide:not(.swiper-slide-active) .VV24_NII_Expert__ImgWrapper {
        -webkit-transform: translateY(6px);
            -ms-transform: translateY(6px);
                transform: translateY(6px);
    }
    .VV24_NII_Expert {
        gap: 30px;
    }
    .VV24_NII_Expert__ImgWrapper {
        max-width: 180px;
    }
    .VV24_NII_Expert__Info {
        width: 226px;
    }
    .VV24_NII_Expert__InfoStatus {
        margin-bottom: -12px;
    }
    .VV24_NII_Expert__InfoDescription {
        font-size: 14px;
        line-height: 129%;
    }
}
/* End */
/* /local/templates/main-responsive/components/bitrix/catalog/nii/assets/css/ui.css?175015880718995 */
/* /local/templates/main-responsive/components/bitrix/catalog/nii/assets/css/style.css?174946696041010 */