/* * Local fixes on top of the Tilda export. * * The export lost every per-page tilda-blocks-page*.min.css. Pages link either their * recovered original file or tilda-blocks-shared.min.css (union of the recovered files). * This file hand-writes the block styles none of those files contain, following the * look of the homepage. Keep it after the tilda-blocks-* link. */ /* fonts.tildacdn.com no longer serves the project fonts; load Open Sans like the homepage does */ @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); /* ------------------------------------------------------------------------- */ /* Typography sizes missing from the shared file */ /* ------------------------------------------------------------------------- */ /* Content pasted with an inline FuturaPT (a Tilda-hosted font that no longer loads) */ #allrecords [style*="FuturaPT"] { font-family: 'Open Sans', Arial, sans-serif !important; } .t-heading, .t-btntext { font-family: 'Open Sans', Arial, sans-serif; } .t-title { line-height: 1.23; } .t-heading { line-height: 1.23; } .t-name { line-height: 1.35; } .t-descr, .t-text { line-height: 1.55; } .t-uptitle { line-height: 1.55; } .t-title_xl { font-size: 72px; } .t-heading_xs { font-size: 26px; } .t-heading_sm { font-size: 30px; } .t-heading_md { font-size: 36px; } .t-uptitle_lg { font-size: 18px; } .t-uptitle_xl { font-size: 20px; } .t-uptitle_xxl { font-size: 24px; } .t-descr_lg { font-size: 22px; } .t-descr_xxxl { font-size: 30px; line-height: 1.35; } .t-text_xxs { font-size: 14px; } .t-text_lg { font-size: 22px; } .t-btntext { font-weight: 700; } .t-btntext_xs { font-size: 14px; } .t-btntext_sm { font-size: 16px; } .t-btntext_md { font-size: 18px; } @media screen and (max-width: 1200px) { .t-title_xl { font-size: 60px; } .t-heading_md { font-size: 32px; } } @media screen and (max-width: 640px) { .t-title_xl { font-size: 34px; } .t-heading_xs { font-size: 20px; } .t-heading_sm { font-size: 22px; } .t-heading_md { font-size: 24px; } .t-uptitle_lg, .t-uptitle_xl { font-size: 16px; } .t-uptitle_xxl { font-size: 18px; } .t-descr_lg { font-size: 18px; } .t-descr_xxxl { font-size: 22px; } } /* ------------------------------------------------------------------------- */ /* Shared helpers */ /* ------------------------------------------------------------------------- */ .t-section__topwrapper { margin-bottom: 60px; } .t-section__title { margin-bottom: 0; } .t-section__descr { max-width: 560px; margin-top: 20px; } .t-section__topwrapper.t-align_center .t-section__descr { margin-left: auto; margin-right: auto; } .t-section__bottomwrapper { margin-top: 60px; } .t-divider { display: block; height: 3px; width: 50px; margin: 25px 0; border: 0; } .t-btnwrapper { display: inline-block; } .t-list__item { list-style: none; } ul.t-container, ul.t-card__container { padding-left: 0; margin-top: 0; margin-bottom: 0; list-style: none; } @media screen and (max-width: 960px) { .t-section__topwrapper { margin-bottom: 45px; } .t-section__bottomwrapper { margin-top: 20px; } } /* Social icon lists (t-sociallinks) render as bullets without the block CSS */ .t-sociallinks__wrapper { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; } .t-align_center .t-sociallinks__wrapper, .t455 .t-sociallinks__wrapper { justify-content: center; } .t-sociallinks__item { display: inline-block; margin: 0; padding: 0; list-style: none; } .t-sociallinks__item a { display: block; transition: opacity .2s; } .t-sociallinks__item a:hover { opacity: .8; } .t-sociallinks__item svg { display: block; width: 100%; height: 100%; } /* Generic Tilda button anchors used by several blocks */ .t-btn table { border-collapse: collapse; } .t-btn td { padding: 0; } /* Tilda titles carry inline desktop font sizes (40–62px) via data-customstyle; on phones long words (e.g. "ВАРИАНТЫ СОТРУДНИЧЕСТВА") overflow or break mid-word, so cap them */ @media screen and (max-width: 480px) { /* only inline sizes of 30–89px are reduced; small ones stay as authored */ #allrecords .t-title:is([style*="font-size:3"], [style*="font-size:4"], [style*="font-size:5"], [style*="font-size:6"], [style*="font-size:7"], [style*="font-size:8"]), #allrecords .t-title :is([style*="font-size:3"], [style*="font-size:4"], [style*="font-size:5"], [style*="font-size:6"], [style*="font-size:7"], [style*="font-size:8"], [style*="font-size: 3"], [style*="font-size: 4"], [style*="font-size: 5"], [style*="font-size: 6"], [style*="font-size: 7"], [style*="font-size: 8"]) { font-size: 28px !important; line-height: 1.25 !important; } } /* Nothing on the page may widen it beyond the viewport */ #allrecords { overflow-x: clip; } /* Homepage mobile header logo is ~300px wide and pushes the burger off-screen below 360px */ @media screen and (max-width: 360px) { #rec479819451 .tmenu-mobile__imglogo { max-width: 220px !important; /* beats the block's inline max-width:300px */ } } /* ------------------------------------------------------------------------- */ /* Text blocks */ /* ------------------------------------------------------------------------- */ /* t001 / t795 / t030 / t026 / t467 / t704: headings and text */ .t001__wrapper { position: relative; z-index: 2; } .t001__title { color: #fff; } .t795__descr, .t467__descr, .t704__descr { max-width: 760px; } .t795__descr { margin-top: 24px; } .t030__descr { margin-top: 12px; } .t026__title { font-weight: 700; font-size: 20px; margin-bottom: 12px; } .t026__descr ul { margin-bottom: 0; } .t467 .t-btn { margin-top: 40px; } .t704__text-wrapper { margin-bottom: 40px; } .t704 .t-form { max-width: 560px; margin: 0 auto; } /* t029: thin divider with faded edges */ .t029__col { float: none; margin: 0 auto; } .t029__linewrapper { display: flex; height: 1px; } .t029__opacity { flex: 0 0 20%; height: 1px; } .t029__line { flex: 1 1 auto; height: 1px; } /* t231: framed notice (404 page) */ .t231__twrapper { text-align: center; padding: 0 20px; } .t231__tcoll { display: inline-block; max-width: 760px; } .t231__title { font-family: var(--t-headline-font, 'Open Sans', Arial, sans-serif); font-size: 26px; line-height: 1.35; } /* t489: two-column contact text */ .t489__descr { margin-top: 10px; } /* t499: values list */ .t499__container { display: flex; flex-wrap: wrap; } .t499__col { float: none; } .t499__blockdescr { margin-top: 10px; } /* t142: centered button */ .t142__wrapone { text-align: center; } .t142__wraptwo { display: inline-block; } /* t420 / t447: footer menus */ .t420__title_uppercase, .t447__title_uppercase { text-transform: uppercase; letter-spacing: 1px; } /* ------------------------------------------------------------------------- */ /* Covers and hero blocks */ /* ------------------------------------------------------------------------- */ .t181__wrapper, .t183__wrapper, .t338 .t339__wrapper, .t001__wrapper { color: #fff; } .t181__title, .t181__descr, .t183__title, .t183__uptitle, .t338__title, .t338__descr, .t415__title, .t415__uptitle, .t415__descr, .t455__title, .t698__title, .t712__title, .t712__descr { color: #fff; } .t183__wrapper { text-align: center; max-width: 960px; margin: 0 auto; } .t183__uptitle { margin-bottom: 20px; } .t183__buttons { margin-top: 40px; } .t181__descr { margin-top: 20px; } /* t338/t339: logo + title */ .t339__blocklogo { margin-bottom: 30px; } .t338__logo { max-width: 220px; width: 100%; } .t338__descr { margin-top: 20px; } /* t337: cover with avatar */ .t337__author { position: relative; margin: -80px auto 0; text-align: center; z-index: 2; } .t337__avatar { display: inline-block; border-radius: 50%; background-size: cover; background-position: center; } .t337__content { margin-top: 30px; padding: 0 20px; } /* t415: countdown cover */ .t415__mainblock { margin: 0 auto; } .t415__content { text-align: center; } .t415__uptitle { margin-bottom: 20px; } .t415__descr { margin-top: 24px; } .t415__timer { display: flex; justify-content: center; gap: 40px; margin-top: 50px; } .t415__col { text-align: center; min-width: 80px; } .t415__number { display: block; color: #fff; } .t415__text { color: #fff; opacity: .8; margin-top: 6px; } .t415__buttons { margin-top: 50px; } @media screen and (max-width: 640px) { .t415__timer { gap: 16px; } .t415__col { min-width: 56px; } } /* t455: cover with social links */ .t455__wrapper { text-align: center; } .t455__textwrapper { margin: 0 auto; } .t455 .t-sociallinks { margin-top: 30px; } /* t941 has its original CSS; only the text wrapper class is missing */ .t941__textwrapper { position: relative; z-index: 2; } /* t996: dark hero with image (invest) */ .t996__wrapper { position: relative; display: flex; align-items: flex-start; } .t996__container { position: relative; z-index: 2; width: 100%; padding-top: 90px; } .t996__descr { margin-top: 24px; margin-bottom: 40px; } .t996__cover-wrapper { position: absolute; top: 0; right: 0; bottom: 0; width: 45%; } .t996__cover { height: 100%; background-size: cover; background-position: center; } .t996__cover_margin { margin: 40px 40px 40px 0; height: calc(100% - 80px); } @media screen and (max-width: 960px) { .t996__cover-wrapper { position: relative; width: 100% !important; height: 320px; margin-top: 30px; } .t996__wrapper { flex-direction: column; min-height: 0 !important; } .t996__container { padding-top: 60px; } .t996__cover_margin { margin: 0 20px; height: 100%; } } /* t712: cover with form card */ .t712__wrapper { display: flex; align-items: center; width: 100%; } .t712__descr { margin-top: 24px; } .t712__formwrapper { position: relative; padding: 40px 30px; } .t712__form-text, .t712__formwrapper .t-form, .t712__form-bottom-text { position: relative; z-index: 2; } .t712__bg { position: absolute; inset: 0; z-index: 1; } .t712__form-text { margin-bottom: 24px; } .t712__form-bottom-text { margin-top: 16px; color: #fff; } .t712__form-bottom-text a { color: #fff !important; text-decoration: underline; } @media screen and (max-width: 960px) { .t712__wrapper { flex-direction: column; padding: 60px 0; } .t712__wrapper .t-col { width: 100%; margin-left: 0; } .t712__formwrapper { margin-top: 40px; } } /* t698: form over cover */ .t698__mainblock { margin: 0 auto; float: none; } .t698__mainwrapper { padding: 40px 0; } .t698__title { text-align: center; margin-bottom: 40px; } .t698__descr { text-align: center; margin-bottom: 30px; } .t698__form-bottom-text { margin-top: 20px; text-align: center; color: #fff; } .t698 .t-input-group { margin-bottom: 20px; } .t698 .t-input-title { color: #fff; text-align: left; padding-bottom: 6px; } .t698 .t-form__submit { width: 100%; margin-top: 10px; } .t698 .t-submit { width: 100%; } /* ------------------------------------------------------------------------- */ /* Image + text blocks */ /* ------------------------------------------------------------------------- */ /* t224: text + bootstrap carousel table (about page, desktop) */ .t224__blocktable { width: 100%; min-height: 600px; border-collapse: collapse; } .t224__blocktext { width: 50%; vertical-align: middle; padding: 60px; box-sizing: border-box; } .t224__blockimg { width: 50%; height: 600px; padding: 0; vertical-align: top; } .t224__blockimg .carousel, .t224__blockimg .carousel-inner, .t224__blockimg .item { height: 100%; } .t224__blockimg .t-bgimg { height: 100%; background-size: cover; background-position: center; } .t224__title { margin-bottom: 24px; } .t224__textwrapper { max-width: 560px; margin-left: auto; } .t224__blocktextmobile .t224__textwrapper { padding: 40px 20px; margin: 0; } @media screen and (max-width: 960px) { .t224__blocktext { padding: 40px 20px; } } /* t814: text card overlapping an image */ .t814 .t-container { display: flex; align-items: center; } .t814__top { position: relative; z-index: 2; } .t814__blocktext { position: relative; padding: 50px 45px; margin-right: -120px; box-sizing: border-box; } .t814__title { margin-bottom: 0; } .t814__line { margin: 25px 0; } .t814__blockimg-wrapper { position: relative; } .t814__blockimg { position: absolute; inset: 0; background-size: cover; background-position: center; } @media screen and (max-width: 960px) { .t814 .t-container { flex-direction: column-reverse; } .t814__top, .t814 .t-col_7 { width: 100%; margin-left: 0; } .t814__blocktext { margin: -60px 20px 0; padding: 30px 20px; } } /* t843: alternating image / text rows */ .t843 .t-item { display: flex; align-items: center; } .t843 .t-item + .t-clear + .t-item, .t843__separator { margin-top: 0; } .t843__separator { height: 60px; } .t843__imgwrapper { position: relative; padding-bottom: 75%; margin: 0 auto; } .t843__blockimg { position: absolute; inset: 0; background-size: cover; background-position: center; } .t843__mobileimg { display: none; } .t843__textwrapper { margin: 0 auto; } .t843__leftcol .t843__textwrapper { margin-left: 0; } .t843 .t-card__title { margin-top: 0; margin-bottom: 16px; } @media screen and (max-width: 960px) { .t843 .t-item { display: block; } .t843__desktopimg { display: none; } .t843__mobileimg { display: block; } .t843__mobileimg .t843__blockimg { position: relative; padding-bottom: 66%; margin-bottom: 24px; } .t843__separator { height: 40px; } } /* t677: image mosaic + text */ .t677 .t-container_flex { align-items: center; } .t677__row_3-images { display: flex; gap: 20px; height: 520px; } .t677__tile { flex: 1 1 50%; display: flex; flex-direction: column; gap: 20px; } .t677__tile_left .t677__bgimg { flex: 1; } .t677__wrapper { flex: 1; display: flex; } .t677__bgimg { width: 100%; background-size: cover; background-position: center; } .t677__bgimg_3_mobile { display: none; } .t677__textwrapper { padding: 20px 0; } @media screen and (max-width: 960px) { .t677 .t-container_flex { flex-direction: column; } .t677__col { width: 100%; margin-left: 0; } .t677__row_3-images { height: 360px; } .t677__top-indent { margin-top: 30px; } } /* t487: centered round image + text */ .t487__img { display: block; max-width: 200px; width: 100%; margin-bottom: 30px; } .t487__img_circle { border-radius: 50%; aspect-ratio: 1; object-fit: cover; } .t487__descr { margin-top: 20px; } /* ------------------------------------------------------------------------- */ /* Cards and lists */ /* ------------------------------------------------------------------------- */ /* Equal-height card rows */ .t650__container, .t858__container, .t490__container, .t1053__container, .t899__container, .t404 .t-container, .t504 > .t-container:not(.t-section__container) { display: flex; flex-wrap: wrap; } .t650__container > .t-col, .t858__container > .t-col, .t490__container > .t-col, .t1053__container > .t-col, .t899__container > .t-col, .t404 .t-col, .t504 .t504__col { float: none; margin-bottom: 40px; } .t650__separator, .t858__separator { display: none; } /* t650: vacancy cards */ .t650__inner-col { display: flex; flex-direction: column; height: 100%; padding: 30px; box-sizing: border-box; transition: box-shadow .3s; } .t650__text { flex: 1 1 auto; } .t650 .t-card__title { margin-top: 0; } .t650 .t-card__link { color: inherit !important; } .t650__btn-container { margin-top: 24px; } .t650 .t-card__btn-text { cursor: pointer; } /* t858: icon cards */ .t858__inner-col { height: 100%; box-sizing: border-box; } .t858__wrap { padding: 30px; } .t858__img { display: block; max-width: 60px; margin-bottom: 20px; } .t858 .t-card__descr { margin-top: 0; } /* t490: numbers */ .t490__wrappercenter { padding: 0 10px; } .t490 .t-card__title { margin-top: 0; color: #1e868d; } /* t404: link cards with image */ .t404__link { display: block; color: inherit !important; } .t404__imgbox { position: relative; overflow: hidden; border-radius: 10px; } .t404__img { width: 100%; padding-bottom: 66%; background-size: cover; background-position: center; transition: transform .4s; } .t404__link:hover .t404__img { transform: scale(1.04); } .t404__separator { height: 0; } .t404__textwrapper { margin-top: 16px; } /* t504 / t1053: numbered columns */ .t504__col-wrapper, .t1053__col-wrapper { padding-top: 20px; } .t504__uptitle, .t1053__uptitle { color: #1e868d; margin-bottom: 10px; } .t504__descr, .t1053__descr { margin-top: 12px; } .t504__descr ul { padding-left: 20px; } .t1053__line { height: 2px; width: 100%; margin: 0 0 10px; } .t1053__line_mobile { display: none; } .t1053__col_padding { padding-top: 0; } /* t899 / t920: cards with big ordinal number */ .t899__itemwrapper, .t920__itemwrapper { position: relative; height: 100%; padding: 40px 30px; box-sizing: border-box; background: #fff; border-radius: 10px; overflow: hidden; } .t899__wrapper, .t920__wrapper { position: relative; z-index: 2; } .t899__bottommargin_sm, .t920__bottommargin_sm { margin-bottom: 12px; } .t899__symbol, .t920__symbol { position: absolute; right: 20px; bottom: -10px; z-index: -1; font-family: var(--t-headline-font, 'Open Sans', Arial, sans-serif); font-size: 140px; line-height: 1; font-weight: 700; color: #eee; } /* t920: zig-zag timeline of numbered cards on a light band */ .t920 { background: #f5f5f5; } .t920__container { max-width: 1200px; margin: 0 auto; } .t920__row { display: flex; margin-bottom: 24px; } .t920__row:after { content: none; } .t920__col { float: none; } .t920__itemwrapper { box-shadow: 0 0 10px rgba(0, 0, 0, .08); } .t920__symbol { color: #e3f0f1; } .t920__offset { flex: 0 0 auto; } @media screen and (max-width: 960px) { .t920__row { display: block; } .t920__row .t920__col { width: auto !important; max-width: none; margin: 0 20px !important; } } /* t1040: quiz (invest) – structure is styled by tilda-quiz-form; keep it centred */ .t1040 .t-quiz__col { float: none; margin: 0 auto; } /* t754: team cards with popup */ .t754__parent { display: flex; flex-wrap: wrap; justify-content: center; } .t754__col { float: none; margin-bottom: 40px; } .t754__content a { display: block; color: inherit !important; } .t754__imgwrapper { position: relative; overflow: hidden; border-radius: 10px; } .t754__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .t754__textwrapper { padding-top: 16px; } .t754__price-wrapper, .t754__scroll-icon-wrapper, .t754__mobile-custom-gallery { display: none; } .t754 .t-popup { overflow-x: hidden; } .t754 .t-popup__container { padding: 60px 20px 40px; box-sizing: border-box; max-width: 1200px; margin: 0 auto; } .t754__container { display: flex; flex-wrap: wrap; align-items: flex-start; } .t754__container > .t-col { float: none; } /* the product slider needs tilda-slds init; show its first slide as a plain photo instead */ .t754__product-full .t-slds { visibility: visible !important; } .t754__product-full .t-slds__items-wrapper { transform: none !important; width: 100% !important; } .t754__product-full .t-slds__item { display: none; width: 100% !important; } .t754__product-full .t-slds__item:first-child { display: block; } .t754__product-full .t-slds__bgimg { padding-bottom: 100%; background-size: cover; background-position: center; border-radius: 10px; } .t754__product-full .t-slds__arrow_container, .t754__product-full .t-slds__bullet_wrapper { display: none; } @media screen and (max-width: 960px) { .t754__container > .t-col { width: 100%; margin-left: 0; } .t754__product-full .t754__col_left { max-width: 420px; margin: 0 auto 24px; } } /* t819: price tabs */ .t819__tab-block { overflow: hidden; } .t819__wrapper { display: flex; margin: 0; padding: 0; list-style: none; } .t819__tab { position: relative; flex: 1 1 0; text-align: center; } .t819__tab:before { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: transparent; } .t819__tab-name { width: 100%; padding: 22px 10px; border: 0; background: none; cursor: pointer; color: #777; font-family: var(--t-headline-font, 'Open Sans', Arial, sans-serif); } .t819__wrapper_mobile { display: none; position: relative; margin: 20px; } .t819__select { width: 100%; padding: 14px; border-radius: 7px; -webkit-appearance: none; appearance: none; } .t819__content { display: none; padding: 40px; gap: 30px; } .t819__content_active { display: flex; } .t819__content-col img { max-width: 100%; } .t819__content-col_full-width { flex: 1 1 auto; } .t819__title { margin-bottom: 20px; } .t819__btn-container { margin-top: 30px; } @media screen and (max-width: 640px) { .t819__wrapper { display: none; } .t819__wrapper_mobile { display: block; } .t819__content { padding: 20px; flex-direction: column; } } /* ------------------------------------------------------------------------- */ /* Accordions (t585, t668) */ /* ------------------------------------------------------------------------- */ .t585__header, .t668__header { position: relative; display: flex; align-items: center; gap: 20px; } /* older markup puts title and icons straight into the header, without a