/* Start:/local/templates/technopolis/components/bitrix/news.detail/page-razvitie/style.css?177654780621912*/
div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}

.ustoychivoe-razvitie section {
    padding-top: calc(80* var(--width-multiplier));
    padding-bottom: calc(80* var(--width-multiplier));
}
.ustoychivoe-razvitie p, .ustoychivoe-razvitie h3 {
    margin: 0;
}
.ustoychivoe-razvitie h3 {
    font-weight: 400;
}

@media (max-width: 1023px) {
    .ustoychivoe-razvitie section {
        padding-top: calc(60 * var(--width-multiplier));
        padding-bottom: calc(60 * var(--width-multiplier));
    }
}

.ustoychivoe-razvitie .banner {
  position: relative;
  overflow: hidden;
  margin-top: calc(78* var(--width-multiplier));
  padding-top: calc(126* var(--width-multiplier)) !important;
  padding-bottom: calc(36* var(--width-multiplier)) !important;
}

.ustoychivoe-razvitie .banner__img-container {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(846* var(--width-multiplier));
    height: calc(503* var(--width-multiplier));
}

.ustoychivoe-razvitie .banner__img {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 47.313% 100%, 47.313% 100%, 45.244% 99.998%, 43.373% 99.982%, 41.68% 99.939%, 40.147% 99.855%, 38.752% 99.716%, 37.477% 99.51%, 36.302% 99.221%, 35.208% 98.838%, 34.175% 98.345%, 33.183% 97.73%, 33.183% 97.73%, 32.223% 96.986%, 31.286% 96.105%, 30.351% 95.075%, 29.399% 93.882%, 28.41% 92.512%, 27.366% 90.951%, 26.246% 89.186%, 25.031% 87.204%, 23.702% 84.99%, 22.238% 82.531%, 10.386% 62.598%, 10.386% 62.598%, 8.924% 60.136%, 7.608% 57.9%, 6.429% 55.856%, 5.38% 53.973%, 4.452% 52.216%, 3.638% 50.554%, 2.928% 48.953%, 2.316% 47.38%, 1.792% 45.803%, 1.35% 44.189%, 1.35% 44.189%, 0.984% 42.521%, 0.691% 40.783%, 0.463% 38.943%, 0.292% 36.967%, 0.169% 34.823%, 0.086% 32.477%, 0.036% 29.898%, 0.011% 27.051%, 0.001% 23.904%, 0% 20.425%, 0% 0%);
}


@media (max-width: 1023px) {
    .ustoychivoe-razvitie .banner {
        padding-bottom: calc(40 * var(--width-multiplier));
        margin-top: calc(60 * var(--width-multiplier));
		padding-top: calc(40 * var(--width-multiplier)) !important;
    }
    .ustoychivoe-razvitie .banner__title {
        position: relative;
        font-size: calc(34* var(--width-multiplier));
        line-height: calc(40* var(--width-multiplier));
        padding-left: calc(50 * var(--width-multiplier));
        margin-bottom: calc(300 * var(--width-multiplier));
        z-index: 2;
    }
    .ustoychivoe-razvitie .banner__title::before {
        position: absolute;
        left: 0;
        top: 0;
        content: url('/local/templates/technopolis/img/lin_02_left_bann-2.svg');
        width: calc(30 * var(--width-multiplier));
        height: calc(190 * var(--width-multiplier));
        overflow: hidden;
        transform: scaleX(-1);
    }
    .ustoychivoe-razvitie.banner__content {
        display: block;
    }
    .ustoychivoe-razvitie .banner__img-container {
        left: 50%;
        top: calc(200 * var(--width-multiplier));
        width: 100%;
        transform: translate(-50%, 0);
    }
    .ustoychivoe-razvitie .banner__img {
        clip-path: none;
        height: calc(257*var(--width-multiplier));
    }
    .ustoychivoe-razvitie .banner__img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .ustoychivoe-razvitie .banner__img-container::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: calc(60*var(--width-multiplier));
        background: linear-gradient(180deg, #fff 7.81%, rgba(255, 255, 255, 0.8) 18.75%, rgba(255, 255, 255, 0) 100%);
    }
    .banner__text {
        margin-bottom: calc(40 * var(--width-multiplier));
    }
}


.basic{
    margin-top: calc(50* var(--width-multiplier));
}
.basic__title{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'TT-Medium';
    font-weight: 500;
    font-size: calc(36* var(--width-multiplier));
    line-height: calc(48* var(--width-multiplier));
    text-align: center;
    gap: calc(45* var(--width-multiplier));
}
.basic__title img{
    width: calc(220* var(--width-multiplier));
}
.basic__item {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    padding-bottom: calc(96* var(--width-multiplier));
}
.basic__item:before, .basic__item:after{
    content: '';
    position: absolute;
    display: block;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(160* var(--width-multiplier));
    height: calc(126* var(--width-multiplier));
}
.basic__item:before{
    top: calc(5* var(--width-multiplier));
    left: calc(-28* var(--width-multiplier));
    background-image: url("/local/templates/technopolis/img/lin_frame_L.svg");
}
.basic__item:after{
    right: calc(-19* var(--width-multiplier));
    top: calc(124* var(--width-multiplier));
    background-image: url("/local/templates/technopolis/img/lin_frame_R.svg");
}
.basic__num {
    position: relative;
    left:  calc(20* var(--width-multiplier));
    display: flex;
    justify-content: flex-end;
}
.basic__num img {
    width: calc(100* var(--width-multiplier));
    max-height: calc(80 * var(--width-multiplier));
    object-fit: contain;
}
.basic__num b {
    position: relative;
    top: calc(-13 * var(--width-multiplier));
    font-family: 'TT-Medium';
    font-size: calc(83* var(--width-multiplier));
    line-height: calc(83* var(--width-multiplier));
    color: var(--red);
    margin-left: calc(20* var(--width-multiplier));
}
.basic__text{
    font-family: 'TT-Medium';
    font-size: calc(20* var(--width-multiplier));
    line-height: calc(30* var(--width-multiplier));
    margin-top: calc(22* var(--width-multiplier));
    max-width:  calc(240* var(--width-multiplier));
}
@media (min-width: 1024px) {
    .basic .swiper-slide {
        max-width: calc(300* var(--width-multiplier));
    }
    .basic__content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: calc(70* var(--width-multiplier));
        row-gap: calc(40* var(--width-multiplier));
        column-gap: calc(40* var(--width-multiplier));
    }
}
@media (max-width: 1023px) {
    .basic{
        margin-top: calc(35* var(--width-multiplier));
    }
    .basic__title {
        font-size: calc(24* var(--width-multiplier));
        line-height: calc(34* var(--width-multiplier));
        gap: calc(30 * var(--width-multiplier));
        padding: 0 calc(40 * var(--width-multiplier));
    }
    .basic__content {
        margin-top: calc(55 * var(--width-multiplier));
        margin-bottom: calc(35 * var(--width-multiplier));
    }
    .basic .swiper-slide {
        margin-bottom: calc(20 * var(--width-multiplier));
    }
    .basic__num {
        left: 0;
    }
    .basic__num img {
        width: calc(80 * var(--width-multiplier));
        height: calc(70 * var(--width-multiplier));
    }
    .basic__num b {
        font-size: calc(60* var(--width-multiplier));
        line-height: normal;
        margin-left: calc(10 * var(--width-multiplier));
    }
    .basic__text {
        font-size: calc(18* var(--width-multiplier));
        max-width: 75%;
        padding: 0 calc(10* var(--width-multiplier));
    }
    .basic__item {
        padding-bottom: 0;
        width: calc(280* var(--width-multiplier));
    }
    .basic__item:before {
        left: calc(-10* var(--width-multiplier));
    }
    .basic__item:after {
        right: calc(-15* var(--width-multiplier));
        top: calc(90* var(--width-multiplier));
    }
}


.concept__content {
    display: flex;
    margin-top: calc(-30 * var(--width-multiplier));
    margin-bottom: calc(33 * var(--width-multiplier));
}
.concept__text {
    max-width: calc(433 * var(--width-multiplier));
    font-size: calc(16* var(--width-multiplier));
    line-height: calc(24* var(--width-multiplier));
    margin-right: calc(175* var(--width-multiplier));
}
.concept__table {
    position: relative;
    max-width: calc(568 * var(--width-multiplier));
    padding: calc(80 * var(--width-multiplier)) calc(26 * var(--width-multiplier)) calc(36 * var(--width-multiplier)) calc(35 * var(--width-multiplier));
    border: 1px solid #C4C3C8;
}
.concept__table h3 {
    position: absolute;
    left: 50%;
    top: calc(-25* var(--width-multiplier));
    font-family: 'TT-Medium';
    font-size: calc(18* var(--width-multiplier));
    text-align: center;
    width: calc(350* var(--width-multiplier));
    background-color: #fff;
    transform: translate(-50%, 0);
    padding: 0 calc(20* var(--width-multiplier));
}
.concept__table span {
    display: inline-block;
    flex: auto;
    font-family: 'TT-Medium';
    font-size: calc(18* var(--width-multiplier));
    padding: calc(15* var(--width-multiplier)) calc(15* var(--width-multiplier));
    border: 1px solid #D00E46;
    border-radius: calc(12* var(--width-multiplier));
    text-align: center;
    margin-right: calc(9* var(--width-multiplier));
    margin-bottom: calc(9* var(--width-multiplier));
}
.concept__table-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.concept__bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.concept__bottom-text {
    margin-bottom: calc(11* var(--width-multiplier));
    font-size: calc(20* var(--width-multiplier));
    line-height: calc(30* var(--width-multiplier));
    font-family: 'TT-Medium';
}

@media (max-width: 1023px) {
    .concept__content {
        margin-top: 0;
    }
    .concept__text {
        max-width: 100%;
        margin-right: 0;
    }
    .concept__bottom {
        margin-top: calc(30* var(--width-multiplier));
    }
    .concept__bottom-text {
        max-width: calc(230* var(--width-multiplier));
        margin-bottom: calc(20* var(--width-multiplier));
        text-align: center;
    }
    .concept__image-bottom {
        margin: calc(70* var(--width-multiplier)) auto 0;
        width: calc(342* var(--width-multiplier));
        height: calc(191* var(--width-multiplier));
        border-radius: calc(10* var(--width-multiplier));
        overflow: hidden;
    }
    .concept__image-bottom img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}


.ecology .container {
    max-width: calc(1400* var(--width-multiplier));
}
.ecology .section-title {
    padding: 0 calc(100* var(--width-multiplier));
}
.ecology .section-bottom__title {
    padding: 0 calc(130* var(--width-multiplier));
}
.ecology__content-wrapper img {
    width: calc(87* var(--width-multiplier));
    height: calc(77* var(--width-multiplier));
    object-fit: cover;
}
.ecology .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
}
.ecology__content-item-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: calc(20* var(--width-multiplier));
    width: calc(245* var(--width-multiplier));
}
.ecology__content-item span {
    font-family: 'TT-Regular';
    line-height: calc(30* var(--width-multiplier));
    margin-top: calc(5* var(--width-multiplier));
}

@media (min-width: 1024px) {
    .ecology__content-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: calc(-20* var(--width-multiplier));
        padding-bottom: calc(34* var(--width-multiplier));
    }
    .ecology .swiper-slide:nth-child(1),  .ecology .swiper-slide:nth-child(2), .ecology .swiper-slide:nth-child(3) {
        flex: 0 0 33%;
    }
    .ecology .swiper-slide:nth-child(n + 4) {
        margin-top: calc(48* var(--width-multiplier));
    }
    .ecology .swiper-slide:nth-child(1) .ecology__content-item {
        padding-left: calc(200* var(--width-multiplier));
    }
    .ecology .swiper-slide:nth-child(3) .ecology__content-item {
        padding-right: calc(180* var(--width-multiplier));
    }
}

@media (max-width: 1023px) {
    .ecology .section-title, .ecology .section-bottom__title {
        padding: 0;
    }
    .ecology .section-title__text span{
        display: block;
    }
    .ecology .swiper {
        margin-left: 0;
        margin-bottom: calc(20* var(--width-multiplier));
    }
    .ecology .swiper-slide {
        justify-content: start;
    }
    .ecology__content-item-inner {
        font-size: calc(18* var(--width-multiplier));
        max-width: calc(220* var(--width-multiplier));
    }
}


.management .section-title {
    margin-bottom: calc(50* var(--width-multiplier));
}
.management .section-title__text {
    max-width: 80%;
}
.management-table__item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: calc(402 * var(--width-multiplier));
}
.management-table__item-title {
    display: flex;
    align-items: center;
    font-size: calc(36 * var(--width-multiplier));
    line-height: calc(48 * var(--width-multiplier));
    margin-bottom: calc(28 * var(--width-multiplier));
}
.management-table__item-title img {
    width: calc(62 * var(--width-multiplier));
    height: calc(62 * var(--width-multiplier));
    margin-right: calc(24 * var(--width-multiplier));
}

.management-table__item-text {
    font-family: 'TT-Regular';
    font-size: calc(16 * var(--width-multiplier));
    margin-bottom: calc(30 * var(--width-multiplier));
}

@media (min-width: 1024px) {
    .management-table {
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        margin-bottom: calc(30 * var(--width-multiplier));
        column-gap: calc(242 * var(--width-multiplier));
        row-gap: calc(100 * var(--width-multiplier));
    }
    .management .section-bottom__title {
        max-width: 90%;
        margin: 0 auto calc(60 * var(--width-multiplier));
    }
    .management .swiper-wrapper {
        display: grid;
    }
    .management .swiper-slide:nth-child(even)::after {
        content: '';
        position: absolute;
        left: calc(-121 * var(--width-multiplier));
        top: calc(20 * var(--width-multiplier));
        height: 92%;
        width: 1px;
        background-color: #C4C3C8;
        transform-origin: center;
    }
    .management .swiper-slide:nth-child(even)::before {
        content: '';
        position: absolute;
        left: -150%;
        bottom: calc(-35* var(--width-multiplier));
        height: 1px;
        width: 250%;
        background-color: #C4C3C8;
        transform-origin: center;
    }
    .management .swiper-slide:last-child::before {
        display: none;
    }
    .management-table__item-text a:hover {
        text-decoration: underline;
        text-underline-offset: calc(2 * var(--width-multiplier));
        text-decoration-skip-ink: none;
    }
}

@media (max-width: 1023px) {
    .management.section--shedow {
        box-shadow: none;
    }
    .management .section-title__text {
        max-width: 100%;
    }
    .management-table__item-title {
        font-size: calc(24 * var(--width-multiplier));
        line-height: normal;
    }
    .management .swiper {
        margin-bottom: calc(40 * var(--width-multiplier));
    }
    .management .swiper-slide {
        height: auto;
    }
    .management-table__item {
        height: 100%;
    }
    .management .swiper-slide .btn {
        margin: 0 auto;
    }
}


.reports__title {
    margin: 0 0 calc(60 * var(--width-multiplier));
    text-align: center;
}
.reports__title h2 {
    font-family: 'TT-Medium';
    font-size: calc(36 * var(--width-multiplier));
    font-weight: 300;
    margin: 0 auto calc(30 * var(--width-multiplier));
    max-width: 60%;
    line-height: calc(48 * var(--width-multiplier));
}
.reports-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.reports-content__title {
    max-width: calc(903 * var(--width-multiplier));
    text-align: center;
    margin-bottom: calc(50 * var(--width-multiplier));
}
.reports-content__title h3 {
    font-weight: 400;
    margin-bottom: calc(12 * var(--width-multiplier));
}
.reports-content__subtitle {
    font-family: 'TT-Regular';
}
.reports-slider__wrapper {
    position: relative;
    width: 100%;
    margin-bottom: calc(70 * var(--width-multiplier));
}
.swiper.reports-slider {
    margin: 0;
    padding: calc(45 * var(--width-multiplier)) 0 calc(100 * var(--width-multiplier)) ;
}
.reports-slide {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.reports-slide__title {
    font-family: 'TT-Medium';
    font-size: calc(80 * var(--width-multiplier));
    line-height: 100%;
    color: #C4C3C8;
    margin-bottom: calc(28 * var(--width-multiplier)) ;
    transition: 0.3s ease-out;
}
.reports-slide a:nth-child(2) {
    margin-bottom: calc(20 * var(--width-multiplier));
}
.reports-slide a {
    box-sizing: border-box;
}
.reports-slide:hover .reports-slide__title {
    color: #D00E46;
}
.swiper-button-next, .swiper-button-prev {
    background-image: url('/local/templates/technopolis/img/arrow_gr_right.svg');
}

.reports-slider__wrapper .swiper-button-lock {
    display: inline;
}

.reports-slider__wrapper .swiper-button-next {
    right: calc(-130 * var(--width-multiplier));
    top: 50%;
    transform: translate(0, -30%);
}

.reports-slider__wrapper .swiper-button-prev {
    left: calc(-130 * var(--width-multiplier));
    top: 50%;
    transform: rotate(180deg) translate(0, 43%);
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background-image: url('/local/templates/technopolis/img/arrow_red_right_active.svg');
}
.reports-act .btn--gray:hover {
    background-color: var(--brown);
}
.reports-act h3, .contact h3 {
    font-family: 'TT-Medium';
    text-align: center;
}
.reports-act__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: calc(28 * var(--width-multiplier)) auto 0;
    column-gap: calc(32 * var(--width-multiplier));
    row-gap: calc(20 * var(--width-multiplier));
    max-width: calc(810 * var(--width-multiplier));
}
.reports-act .btn {
    width: 100%;
    padding-left: calc(20 * var(--width-multiplier));
    padding-right: calc(20 * var(--width-multiplier));
}

@media (min-width: 1024px) {
    .swiper.reports-slider {
        border-top: 1px solid #C4C3C8;
        border-bottom: 1px solid #C4C3C8;
        overflow: hidden !important;
    }
    .reports-slide:after {
        content: '';
        position: absolute;
        right: calc(-10 * var(--width-multiplier));
        top: calc(50 * var(--width-multiplier));
        height: 100%;
        width: 1px;
        background-color: #C4C3C8;
        transform-origin: center;
    }
    .reports-slide:last-child::after {
        display: none;
    }
    .reports-act {
        margin-top: calc(-11 * var(--width-multiplier));
    }
}

.contact__item-top {
    margin-bottom: calc(25 * var(--width-multiplier));
}

.contact__item-bottom a {
    display: flex;
    align-items: center;
    font-family: 'TT-Regular';
    color: #393649;
}

.contact__item-bottom a:hover {
    color: #393649;
}

.contact__item-bottom a:first-child {
    margin-bottom: calc(8 * var(--width-multiplier));
}

.contact__item-bottom span {
    font-size: calc(16 * var(--width-multiplier));
}

.contact__item-bottom img {
    width: calc(16 * var(--width-multiplier));
    height: calc(16 * var(--width-multiplier));
    margin-right: calc(10 * var(--width-multiplier));
}


@media (max-width: 1023px) {
    .reports__title h2 {
        font-size: calc(24 * var(--width-multiplier));
        max-width: 100%;
    }
    .reports-content {
        position: relative;
    }
    .reports-content::after {
        content: '';
        position: absolute;
        left: calc(20 * var(--width-multiplier));
        bottom: 0;
        width: calc(100% - calc(40 * var(--width-multiplier)));
        height: 1px;
        transform-origin: left;
        background-color: #949494;
    }
    .reports-content__title h3{
        font-size: calc(24 * var(--width-multiplier));
        line-height: calc(34 * var(--width-multiplier));
        margin-bottom: calc(38 * var(--width-multiplier));
    }
    .reports .swiper {
        overflow: visible;
    }
    .swiper.reports-slider {
       padding: 0;
    }
    .reports-slide__title {
        font-size: calc(60 * var(--width-multiplier));
    }
    .reports-act h3, .contact h3 {
        line-height: calc(34 * var(--width-multiplier));
    }
    .reports-act__wrapper {
        grid-template-columns: 1fr;
        row-gap: calc(8 * var(--width-multiplier));
        margin: calc(30 * var(--width-multiplier)) auto calc(50 * var(--width-multiplier));
    }
    .reports .swiper-slide-active .reports-slide__title {
        color: var(--red);
    }
    .reports-slider__wrapper {
        margin-bottom: calc(85 * var(--width-multiplier));
    }
    .reports-act {
        margin-top: calc(40 * var(--width-multiplier));
    }
    .reports-act .btn{
        justify-content: center;
    }
    .reports-act .btn--pdf::before {
        display: none;
    }
    .reports-act__wrapper {
        margin-bottom: 0;
    }
    .reports-act h3 {
        font-size: calc(24 * var(--width-multiplier));
        max-width: 75%;
        margin: 0 auto;
    }

	.contact__item:nth-child(1) {
        margin-bottom: calc(50 * var(--width-multiplier));
    }
    .contact__name {
        font-size: calc(24 * var(--width-multiplier));
    }
    .contact__post {
        font-size: calc(18 * var(--width-multiplier));
    }
    .contact__item-bottom img {
        width: calc(15 * var(--width-multiplier));
    }
    .contact__item-top, .contact__item-bottom {
        text-align: center;
    }
    .contact__item-bottom a {
        justify-content: center;
    }

}


/* End */
/* /local/templates/technopolis/components/bitrix/news.detail/page-razvitie/style.css?177654780621912 */