@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap'); @font-face { font-family: 'FoglihtenNo06'; src: url('../fonts/FoglihtenNo06.woff2') format('woff2'), url('../fonts/FoglihtenNo06.woff') format('woff'), url('../fonts/FoglihtenNo06.svg#FoglihtenNo06') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } html { font-size: 18px; } body,html,input{ font-family: "Noto Sans", sans-serif; font-weight: normal; font-style: normal; font-display: swap; font-size: 1rem; line-height:1.5; } /* Заголовки и прочее */ .head1 { font-size: 4.778rem; /* 86px = 86/18 */ } .head2 { font-size: 0.778rem; /* 14px = 14/18 */ } .head3 { font-size: 0.889rem; /* 16px = 16/18 */ } .head4 { font-family: "Noto Sans", sans-serif; font-size: 0.889rem; /* 16px = 16/18 */ left: 30%; } .head_afisha { font-size: 3.000rem; /* 54px = 54/18 */ } .bory_li_a a { font-size: 1.000rem; /* 18px = 18/18 */ } ._sss6 { font-size: 1.000rem; /* 18px = 18/18 */ } .logo {height: 65px; margin-left: -13vw; } /** .hledss__re { display: block; width: 100%; height: auto; max-width: 1920px; margin: 0 auto; } */ /* Для экранов до 1700px */ @media (max-width: 1700px) { html { font-size: 17px; } /* 1rem = 17px */ .head1 { font-size: 4.378rem; } /* 86/17 */ .head2 { font-size: 0.824rem; } /* 14/17 */ .head3 { font-size: 0.941rem; } /* 16/17 */ .head4 { font-size: 0.941rem; left: 30%;} .head_afisha { font-size: 3.176rem; } /* 54/17 */ .author-section { font-size: 1.059rem; } /* 18/17 */ .author-section__title { font-size: 2.353rem; } /* 40/17 */ .author-section__item { font-size: 1.3em; } .bory_li_a a { font-size: 1.059rem; } ._sss6 { font-size: 1.059rem; } .logo {height: 65px; margin-left: -34vw; } .h__p001 { height: 80hv !important; } } /* Для экранов до 1600px */ @media (max-width: 1600px) { html { font-size: 16.7px; } /* 1rem ≈ 16.7px */ .head1 { font-size: 4.278rem; } /* 86/16.7 */ .head2 { font-size: 0.838rem; } /* 14/16.7 */ .head3 { font-size: 0.958rem; } /* 16/16.7 */ .head4 { font-size: 0.958rem; left: 30%;} .head_afisha { font-size: 3.233rem; } /* 54/16.7 */ .author-section { font-size: 1.078rem; } /* 18/16.7 */ .author-section__title { font-size: 2.395rem; } /* 40/16.7 */ .author-section__item { font-size: 0.958rem; } .bory_li_a a { font-size: 1.078rem; } ._sss6 { font-size: 1.078rem; } .logo { height: 65px; margin-left: -21Svw; } .fflsff2 { margin-left: -1vw; } .dlew__ { margin-right: 6vw; } } /* Для экранов до 1500px */ @media (max-width: 1500px) { html { font-size: 16.3px; } /* 1rem ≈ 16.3px */ .head1 { font-size: 3.748rem; } /* 86/16.3 */ .head2 { font-size: 0.858rem; } /* 14/16.3 */ .head3 { font-size: 0.981rem; } /* 16/16.3 */ .head4 { font-size: 0.981rem; left: 4%; width: 80%; max-width: 600px; left: 4%; } .head_afisha { font-size: 3.315rem; } /* 54/16.3 */ .author-section { font-size: 1.104rem; } /* 18/16.3 */ .author-section__title { font-size: 2.453rem; } /* 40/16.3 */ .author-section__item { font-size: 0.981rem; } .bory_li_a a { font-size: 1.104rem; } ._sss6 { font-size: 1.104rem; } .fls2 { display:none; } } /* Для экранов до 1400px */ @media (max-width: 1400px) { html { font-size: 16px; } /* 1rem = 16px */ .head1 { font-size: 3.048rem; } /* 86/16 */ .head2 { font-size: 0.875rem; } /* 14/16 */ .head3 { font-size: 1.000rem; } /* 16/16 */ .head4 { font-size: 1rem; /* 16px/16 */ width: 80%; /* ограничиваем ширину блока */ max-width: 600px; /* можно подстроить под ваш дизайн */ left: 4%; /* сбрасываем старое смещение */ transform: none; /* сбрасываем translateX */ margin: 0 auto; /* центрируем через margin */ } .head_afisha { font-size: 3.375rem; } /* 54/16 */ .author-section { font-size: 1.125rem; } /* 18/16 */ .author-section__title { font-size: 2.500rem; } /* 40/16 */ .author-section__item { font-size: 1.000rem; } .bory_li_a a { font-size: 1.125rem; } ._sss6 { font-size: 1.125rem; } .logo {height: 65px; margin-left: -44vw; } .dlew__ { margin-right: 10vw; } .fls2 { display:none; } } /* Для экранов до 1200px */ @media (max-width: 1200px) { html { font-size: 15.5px; } /* 1rem = 15.5px */ .head1 { font-size: 3.0rem; } /* 86/15.5 */ .head2 { font-size: 0.903rem; } /* 14/15.5 */ .head3 { font-size: 1.032rem; } /* 16/15.5 */ .head4 { font-size: 1.032rem; left: 6%; width: 80%; max-width: 50vw; } .head_afisha { font-size: 3.484rem; } /* 54/15.5 */ .author-section { font-size: 1.161rem; } /* 18/15.5 */ .author-section__title { font-size: 2.581rem; } /* 40/15.5 */ .author-section__item { font-size: 1.032rem; } .bory_li_a a { font-size: 1.161rem; } ._sss6 { font-size: 1.161rem; } .fls2 { display:none; } } /* Для экранов до 1000px */ @media (max-width: 1000px) { html { font-size: 15px; } /* 1rem = 15px */ .head1 { font-size: 3.048rem; } /* 86/15 */ .head2 { font-size: 0.933rem; margin-left: -170px !important; margin-right: auto; width: 100%; text-align: center; font-size: 14px; margin-bottom: 10px; } .head3 { font-size: 1.067rem; } /* 16/15 */ .head4 { font-size: 0.8rem; left: 7%; font-weight: 500; line-height: 1.45; text-align: center; color: #2B2B2B; margin: 0 auto; top: 0px; } .head_afisha { font-size: 3.600rem; } /* 54/15 */ .author-section { font-size: 1.200rem; } /* 18/15 */ .author-section__title { font-size: 2.667rem; } /* 40/15 */ .author-section__item { font-size: 1.067rem; } .bory_li_a a { font-size: 1.200rem; } ._sss6 { font-size: 1.200rem; } .fls2 { display:none; } } /* Для экранов до 800px */ @media (max-width: 800px) { html { font-size: 14px; } /* 1rem = 14px */ .head1 { font-size: 48px; } /* 86/14 */ .head2 { font-size: 12px; margin-left: 0px !important; margin-right: auto; width: 100%; text-align: center; font-size: 14px; margin-bottom: 10px; } .head3 { font-size: 1.143rem; } /* 16/14 */ .head4 { position: static; /* убираем абсолютное позиционирование */ left: auto; transform: none !important; margin: 1.5rem auto 0 !important; /* центрируем по горизонтали */ text-align: center; width: 80%; max-width: 600px; font-size: 18px; font-weight: 500; line-height: 1.45; color: #2B2B2B; top: 70vh !important; bottom: auto !important; transition: top .2s ease-out } .head_afisha { font-size: 3.857rem; } /* 54/14 */ .author-section { font-size: 1.286rem; } /* 18/14 */ .author-section__title { font-size: 2.857rem; } /* 40/14 */ .author-section__item { font-size: 1.143rem; } .bory_li_a a { font-size: 1.286rem; } ._sss6 { font-size: 1.286rem; } .jledd_cpasp { background-image: url(../images/21.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center top; margin-top: -495px !important; top: 0px; left: 0px; width: 100%; } } /* Для экранов до 768px */ @media (max-width: 768px) { html { font-size: 13px; } /* 1rem = 13px */ .head1 { font-size: 38px; } /* 86/13 */ .head2 { font-size: 12px; } /* 14/13 */ .head3 { font-size: 1.231rem; } /* 16/13 */ .head4 { position: static; /* убираем абсолютное позиционирование */ left: auto; transform: none !important; margin: 1.5rem auto 0 !important; /* центрируем по горизонтали */ text-align: center; width: 80%; max-width: 600px; font-size: 18px; font-weight: 500; line-height: 1.45; color: #2B2B2B; top: 70vh; transition: top .2s ease-out } .head_afisha { font-size: 4.154rem; } /* 54/13 */ .author-section { font-size: 1.385rem; } /* 18/13 */ .author-section__title { font-size: 3.077rem; } /* 40/13 */ .author-section__item { font-size: 1.231rem; } .bory_li_a a { font-size: 1.385rem; } ._sss6 { font-size: 1.385rem; } .jledd_cpasp { background-image: url(../images/21.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center top; margin-top: -445px !important; top: 0px; left: 0px; width: 100%; } } @media (max-width: 700px) { .head4 { position: static; /* убираем абсолютное позиционирование */ left: auto; transform: none !important; margin: 1.5rem auto 0 !important; /* центрируем по горизонтали */ text-align: center; width: 80%; max-width: 600px; font-size: 18px; font-weight: 500; line-height: 1.45; color: #2B2B2B; top: 60vh !important; transition: top .2s ease-out } .jledd_cpasp { background-image: url(../images/21.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center top; margin-top: -495px; top: 0px; left: 0px; width: 100%; } } @media (max-width: 600px) { .head4 { position: static; /* убираем абсолютное позиционирование */ left: auto; transform: none !important; margin: 1.5rem auto 0 !important; /* центрируем по горизонтали */ text-align: center; width: 80%; max-width: 600px; font-size: 18px; font-weight: 500; line-height: 1.45; color: #2B2B2B; top: 45vh; transition: top .2s ease-out } .jledd_cpasp { background-image: url(../images/21.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center top; margin-top: -495px; top: 0px; left: 0px; width: 100%; } } @media (max-width: 720px) { .headerk .overlay-plashka { position: absolute; left: 50%; transform: translateX(-50%); width: 70vw; max-width: 370px; height: 220%; background: url(/templates/new_ind/images/plashka_mobile.svg) no-repeat center / contain; z-index: 999; display: flex; align-items: center; justify-content: center; text-align: center; pointer-events: none; top: -590px !important; bottom: auto !important; transition: top .3s ease-out; } } @media (max-width: 670px) { .div_70 { margin-top: 5vh !important; height: 10px !important; } .headerk .overlay-plashka { position: absolute; top: -8vh !important; left: 50%; transform: translateX(-50%); width: 90vw; max-width: 370px; height: 220%; background: url('/templates/new_ind/images/plashka_mobile.svg') no-repeat center/contain; background-size: contain; z-index: 999; display: flex; align-items: center; justify-content: center; text-align: center; pointer-events: none; } .headerk .overlay-plashka .plashka-text { pointer-events: auto; width: 92% !important; color: #2B2B2B; font-family: 'FoglihtenNo06', serif; font-weight: 400; font-size: 12px !important; line-height: 170%; letter-spacing: 0.03em; -webkit-text-stroke: 0.3px #2B2B2B; text-align: center; margin: 1.2em 0 0; } .head4 { position: static; /* убираем абсолютное позиционирование */ left: auto; transform: none !important; margin: 1.5rem auto 0 !important; /* центрируем по горизонтали */ text-align: center; width: 80%; max-width: 600px; font-size: 16px !important; font-weight: 500; line-height: 1.45; color: #2B2B2B; top: 69vh !important; transition: top .2s ease-out } .jledd_cpasp { background-image: url(../images/21.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center top; margin-top: -65px !important; top: 0px; left: 0px; width: 100%; } } @media (max-width: 550px) { .div_70 { margin-top: 5vh !important; height: 10px !important; } .headerk .overlay-plashka { position: absolute; top: -8vh !important; left: 50%; transform: translateX(-50%); width: 90vw; max-width: 370px; height: 220%; background: url('/templates/new_ind/images/plashka_mobile.svg') no-repeat center/contain; background-size: contain; z-index: 999; display: flex; align-items: center; justify-content: center; text-align: center; pointer-events: none; } .headerk .overlay-plashka .plashka-text { pointer-events: auto; width: 92% !important; color: #2B2B2B; font-family: 'FoglihtenNo06', serif; font-weight: 400; font-size: 12px !important; line-height: 170%; letter-spacing: 0.03em; -webkit-text-stroke: 0.3px #2B2B2B; text-align: center; margin: 1.2em 0 0; } .head4 { position: static; /* убираем абсолютное позиционирование */ left: auto; transform: none !important; margin: 1.5rem auto 0 !important; /* центрируем по горизонтали */ text-align: center; width: 80%; max-width: 600px; font-size: 16px !important; font-weight: 500; line-height: 1.45; color: #2B2B2B; top: 39vh !important; transition: top .2s ease-out } .jledd_cpasp { background-image: url(../images/21.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center top; margin-top: -65px !important; top: 0px; left: 0px; width: 100%; } } /* Для экранов до 500px */ @media (max-width: 500px) { html { font-size: 12px; } /* 1rem = 12px */ .head1 { font-size: 38px; } /* 86/12 */ .head2 { font-size: 1.167rem; } /* 14/12 */ .head3 { font-size: 1.333rem; } /* 16/12 */ .head4 { position: static; left: auto; transform: none !important; margin: 1.5rem auto 0 !important; text-align: center; width: 80%; max-width: 600px; font-size: 18px; font-weight: 500; line-height: 1.45; color: #2B2B2B; top: 50vh !important; transition: top .2s ease-out } .head_afisha { font-size: 4.500rem; } /* 54/12 */ .head_afisha { font-size: 24px !important; } .author-section { font-size: 1.500rem; } /* 18/12 */ .author-section__title { font-size: 3.333rem; } /* 40/12 */ .author-section__item { font-size: 1.333rem; } .bory_li_a a { font-size: 1.500rem; } ._sss6 { font-size: 1.500rem; } .jledd_cpasp { background-image: url(../images/21.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center top; margin-top: -95px !important; top: 0px; left: 0px; width: 100%; } } footer{ padding:0px !important; } .fonts_{ font-family: 'FoglihtenNo06',serif; } .head_afisha{ font-family: 'FoglihtenNo06',serif; line-height:1.2; margin: 4vh 0 0 0; } .head_afisha span{ display:block; } .container { width:100%; max-width:1230px; margin: 0 auto; } .head2{ margin-bottom:10px; letter-spacing:4px;text-transform: uppercase; margin-left: -470px; } .head1 { font-family: 'FoglihtenNo06', serif; font-weight: 400; /* включаем дискрекционные лигатуры */ font-variant-ligatures: discretionary-ligatures contextual; /* и на всякий случай: */ font-feature-settings: "dlig" 1, "salt" 1; /* межбуквенный интервал для всех остальных букв */ letter-spacing: 0.02em; text-transform: uppercase; text-align: center; line-height: 1.1; margin: 0 auto; display: block; position: relative; left: 30%; transform: translateX(-50%); } /* Отключаем spacing только для «ХО» */ .head1 .no‑ls { letter-spacing: normal; } .head3{ color:#D8A42C; margin-left: -450px; } .headerk{ line-height:1.2; } .head4 { font-weight: 500; line-height: 1.45; text-align: center; color: #2B2B2B; position: relative; transform: translateX(-50%); margin: 0 auto; } .headerk { position: relative; /* обязательно, чтобы overlay позиционировалось внутри */ } /* стили плашка */ .headerk .overlay-plashka { position: absolute; top: 0; /* начинаем от самого верха headerk */ left: 50%; transform: translateX(-50%); width: 46vw; max-width: 882px; height: 189%; background: url('/templates/new_ind/images/plashka_big.svg') no-repeat center/contain; background-size: contain; z-index: 999; display: flex; align-items: center; justify-content: center; text-align: center; pointer-events: none; } .headerk .overlay-plashka .plashka-text { pointer-events: auto; width: 98%; color: #2B2B2B; font-family: 'FoglihtenNo06', serif; font-weight: 400; line-height: 170%; letter-spacing: 0.03em; -webkit-text-stroke: 0.3px #2B2B2B; text-align: center; margin: 1.2em 0 0; } /* === Авторский блок about === */ .h__p001 { position: relative; display: inline-block; } .author-section { position: absolute; /*padding: 10vh 5vw;*/ top: 20%; /* чуть ниже верхнего края фото */ left: 5%; /* сдвиг влево внутрь фото */ max-width: 40%; font-family: "Noto Sans", sans-serif; line-height: 1.5; text-align: left; } .author-section__title { font-family: 'FoglihtenNo06', serif; margin-bottom: 30px; color: #2B2B2B; } .author-section__list { list-style: none; margin: 0; padding: 0; text-align: left; max-width: 500px; /*margin: 0 auto;*/ } .author-section__item { position: relative; padding-left: 36px; /* отступ под иконку */ margin-bottom: 20px; color: #565656; white-space: normal; overflow-wrap: break-word; } .author-section__item:before { content: ""; position: absolute; left: 0; top: 50%; width: 24px; height: 24px; /* размер чек-иконки */ transform: translateY(-50%); background: url('/templates/new_ind/images/111.png') no-repeat center/contain; } /* срез полукруг */ .header-image-wrapper { position: relative; width: 100%; /* подбираете по своей картинке */ overflow: hidden; } .header-image-wrapper::after { content: ""; position: absolute; bottom: -50px; /* «выводим» полукруг за пределы контейнера */ left: 0; width: 100%; height: 100px; /* высота полукруга */ background: #fff; /* цвет фона под картинкой */ /* вот этот радиус даёт выпуклость вниз: */ border-top-left-radius: 100% 50px; border-top-right-radius: 100% 50px; } .header-image { display: block; width: 100%; height: auto; } .fls__15744 { display: none; } .flex{ display: flex; align-items: center; justify-content: center } .fflsff img{ height:25px; margin:0px 2.5px; } .fflsff{ text-align:left; } .table2 td{ } .gljrs00w{ display:none; z-index:999; } .im_hof{ transition: transform 0.8s; } .im_hof:hover{ transform: scale(1.1); } .hly_hiqw img{ height:60px; margin-right:10px; } .hly_hiqw{ margin-top:25px; } .fflsff2{ text-align:right; } .fflsff2 img{ text-align:right; } .dlew__ a{ color:#000 !important; text-decoration:none !important; } .h__p0{ background-image:url(../images/hjt.jpg); background-color:#fec762; background-repeat:no-repeat; background-size:100% auto; padding-bottom:90px; padding-top:100px; } .h__p00{ margin-top:-53px; } .h__p001{ margin-top:-53px; } .jledd_cpasp{ background-image:url(../images/21.png); background-repeat:no-repeat; background-size:100% auto; background-position:center top; margin-top:-85px; top:0px; left:0px; width:100%; } .ghe45{ padding-bottom:150px; } .dlsf_orbnq{ margin-top:-100px; } .jlltdd__chat{ position:absolute; right:-25px; bottom:10%; } .jcontsct{ display:none; position:absolute; top:-85px; left:50%; margin-left:-25px; } .jcontsct2{ position: absolute; top: -80px; left: 50%; margin-left: -15px; } .dlsdwd__p3 table{ display:inline-block; } .dlsdwd__p3{ margin-bottom:15px; } .background_small{ display:none; } .mobile_menu{ position:fixed; z-index:9999; width:100%; height:100%; background: rgba(0, 0, 0, 0.5); overflow-y: auto; display:none; } .bory_li_a a{ font-family: 'FoglihtenNo06',serif; text-transform: uppercase; display:block; padding:10px 0px; margin:0px 0px; color:#000 !important; transition: 0.1s linear; text-decoration:none !important; } .bory_li_a a:hover{ color:#ffc357 !important; } .bory_li_a{ padding:30px 0px 27px 0px; } .mobile_menu_body{ background:#fff; line-height:1; width:350px; position:fixed; right:0px; top:0px; height:100%; text-align:center; padding:20px; } .fflsff3 img{ height: 25px; margin: 0px 1.5px; } .fldsf00{ margin-top:7%; } .__zxss{ margin-top:10px; } /*************************************/ .gtlwsa{ box-shadow: 0px 0px 50px 0px #f4f4f4; border-radius:40px; position:relative; } .opisc{ position:absolute; height:100%; width:100%; } .blok_1 table.fweq{ width:40%; height:100%; } .blok_2 table.fweq{ width:50%; height:100%; } .blok_3 table.fweq{ width:65%; height:100%; float:right; } .fldadx2{ display:none; } .imhjr00{ margin-top:19px; } .hljrs__prz{ width:70px;padding-right:20px; } .gkssss{ width:100%; } .hljrs__prz1{text-align:left;} .hljrs__prz1 .head_afisha{text-align:left !important;} /*************************************/ .glgh___yz0,.glgh___yz1{ border:2px solid #ffc45a; width:48%; border-radius:40px; box-shadow: 0px 0px 50px 0px #f4f4f4; background:#fff; vertical-align:top; position:relative; padding-bottom:310px; font-size: 0.889rem; /* 16px */ } .___peq{ height:230px; padding:30px; } .glgh___yz .___pr{ padding:0px 30px; position:relative; } .glgh___yz .___pr a{ display:inline-block; position:absolute; left:30px; top:0px; z-index:2; } .fldsw__rts{ width:100%; position:absolute; bottom:0px; } @media (max-width: 1700px) { .fls__15744 { display: none !important; } .fldsf00{ margin-top:5%; } } @media (max-width: 1600px) { .fls__15744 { display: none !important; } .__zxss{ margin-top:80px; } .jlfes778_t{ height:60px !important; } .klgdwqa{ height:40px !important; } .dlsdwd__p{ padding-top:0px !important; } .table1{ height:70px !important; } .h__p001 td{ font-size: 0.889rem; /* 16px */ } } .chartf{cursor:pointer;} @media (max-width: 1500px) { .jlltdd__chat{ bottom:10%; } .__zxss{ font-size:16px; } .headerk .overlay-plashka { position: absolute; top: 0; /* начинаем от самого верха headerk */ left: 50%; transform: translateX(-50%); width: 46vw; max-width: 882px; height: 189%; background: url('/templates/new_ind/images/plashka_big.svg') no-repeat center/contain; background-size: contain; z-index: 999; display: flex; align-items: center; justify-content: center; text-align: center; pointer-events: none; } .headerk .overlay-plashka .plashka-text { pointer-events: auto; width: 98%; color: #2B2B2B; font-family: 'FoglihtenNo06', serif; font-weight: 400; font-size: 1.0rem; line-height: 170%; letter-spacing: 0.03em; -webkit-text-stroke: 0.3px #2B2B2B; text-align: center; margin: 1.2em 0 0; } } @media (max-width: 1400px) { .jlltdd__chat{ right:0px; } .fldsf00{ margin-top:5%; } .__zxss{ margin-top:50px; } } @media (max-width: 1400px) { .logo { height: 45px; margin-left: -21vw; } /* стили плашка */ .headerk .overlay-plashka { position: absolute; top: 0; /* начинаем от самого верха headerk */ left: 50%; transform: translateX(-50%); width: 46vw; max-width: 882px; height: 189%; background: url('/templates/new_ind/images/plashka_big.svg') no-repeat center/contain; background-size: contain; z-index: 999; display: flex; align-items: center; justify-content: center; text-align: center; pointer-events: none; } .headerk .overlay-plashka .plashka-text { pointer-events: auto; width: 98%; color: #2B2B2B; font-family: 'FoglihtenNo06', serif; font-weight: 400; font-size: 0.9rem; line-height: 170%; letter-spacing: 0.03em; -webkit-text-stroke: 0.3px #2B2B2B; text-align: center; margin: 1.2em 0 0; } .jlltdd__chat .chartf{ height:130px; } .jcontsct{ position:absolute; top:-70px; left:50%; margin-left:-20px; } .jcontsct img{ height:40px; } } @media (max-width: 1260px) { ._sss6{ font-size:18px; } .hly_hiqw img{ height:50px; margin-right:10px; } .head_afisha{ font-size:30px; } .okw1{ font-size:16px; } .h__p001 td{ font-size:16px; } } @media (max-width: 768px) { .header-image { display: none !important; } } @media (max-width: 1000px) { /* стили плашка */ .headerk .overlay-plashka { position: absolute; top: 0; /* начинаем от самого верха headerk */ left: 50%; transform: translateX(-50%); width: 46vw; max-width: 882px; height: 189%; background: url('/templates/new_ind/images/plashka_big.svg') no-repeat center/contain; background-size: contain; z-index: 999; display: flex; align-items: center; justify-content: center; text-align: center; pointer-events: none; } .headerk .overlay-plashka .plashka-text { pointer-events: auto; width: 98%; color: #2B2B2B; font-family: 'FoglihtenNo06', serif; font-weight: 400; font-size: 0.65rem; line-height: 170%; letter-spacing: 0.03em; -webkit-text-stroke: 0.3px #2B2B2B; text-align: center; margin: 1.2em 0 0; } .__zxss{ max-width:470px !important; } .___peq{ height:260px; padding:30px; } .f9lf5www__{ font-size:16px; } .jlfes778_t{ height:40px !important; } .fweq td{ font-size:16px; } footer .fonts_{ font-size:20px !important; } } .k__888_hljtf{ font-size:36px !important; } @media (max-width: 1100px) { .logo { height: 45px; margin-left: -23vw; } ._sss6{ font-size:18px; } .k__888_hljtf{ font-size:30px !important; } .lhgs__ds,.hly_hiqw img{ height:50px !important; } .___peq{ height:290px; padding:30px; } } .fls__15744{ text-align:center; padding-bottom:60px; background:#faf6f3; display:none; } .jlltdd__chat2{ position:absolute; top:50%;right:0px; margin-top:-25px; } .chartf2{ cursor:pointer; box-shadow: 0px 0px 20px -5px #FFC047; border-radius:50px; height:50px; } .jcontsct2 img{ height:30px; } .jcontsct2{ display:none; } .lddw-puf{ display:none; position:absolute; cursor:pointer; right:0px; top:50%; margin-top:-20px; } .lddw-puf2{ position:fixed; border-radius:60px; box-shadow: 0px 0px 20px -10px #ffc047; cursor:pointer; z-index:99; } .flds___tr{ background-color:#fff; z-index:999; box-shadow: 0px 0px 50px 0px #f4f4f4; background-image:url(../images/l_1.png); background-repeat:no-repeat; border:2px solid #ffc357; border-radius:40px; background-position:left center; background-size: auto 150%; margin:70px; } .flds___tr2{ background-image:url(../images/r_1.png); background-repeat:no-repeat; padding:30px; background-position:right center; text-align:center; background-size: auto 150%; } .left_h{ background-image:url(../images/r_2.png); background-repeat:no-repeat; background-position:left center; background-size: auto 100%; } .right_h{ background-image:url(../images/l_2.png); background-repeat:no-repeat; background-position:right center; background-size: auto 100%; padding:50px 0px; } .f9lf5www__{ position:absolute; right:0px; top:0px; width:58%; padding:40px; } .f9lf5www__ .head_afisha{ font-size:36px; } .dlewaqq2{display:none} .j_zzzz{box-shadow: 0px 0px 50px 0px #f4f4f4;border-radius:40px;} .jldswxaa{ background:#fff; border-radius:40px; padding-top:40px; padding-right:20px; padding-left:40px; margin-top:20px; } .dlhjj_owes22{ border-radius:40px; margin-top:20px; } .impotedx{ height:50px; margin-top:7px; } .___m{ display:none; } .dlhjj_owes22 img{ width:100% } .flfssss51{ box-shadow: 0px 0px 50px 0px #f4f4f4; border-radius:40px; } .fldsw__rts img{ border-radius:0px 0px 40px 40px; } .okw1{ box-shadow: 0px 0px 50px 0px #f4f4f4; border:2px solid #ffc357; border-radius:40px; background:#fff; height: 630px; } .okw_r1{ margin-top:20px; } .hljdesflrszz2{ display:none; } .okw_img2{display:none;} .footer{ padding-top:50px; padding-bottom:50px; } .fldws__rq{ border-radius:40px; box-shadow: 0px 0px 40px -10px #ffcc73; } footer .ffldw74e img,footer .ffldw74e2 img{ height:25px; margin-top:10px; } footer a{ color:#000 !important; } .ffldw74e2{display:none;text-align:center;} .hlhh__874{ font-size:16px; border-radius:20px; background:#fff; } .blokhj_title{ margin-bottom:10px; text-transform: uppercase; } .h__p0_{ background-image:url(../images/ppp.png); background-repeat:no-repeat; background-size:100% auto; background-position:top center; padding-bottom:200px; padding-top:100px; } .hkrdsws_22{ display:none; } .flss__oy4 img{ box-shadow: 0px 0px 50px 0px #f4f4f4; border-radius:40px; } .font_gold{ color:#D8A42C; display:inline-block; padding:3px 10px; border:1px solid #D8A42C; margin-bottom:10px; border-radius:20px; } .flse_upsw_hnlj__{ box-shadow: -3px 5px 10px 0px #e1e1e1; border-radius:20px; padding:25px; padding-top:10px; } @media (max-width: 1000px) { .fdew____781{ background-image:url(../images/301.jpg); background-repeat:no-repeat; background-position:bottom center; text-align:center; padding-bottom:90%; text-align:center; background-size: 100% auto; border-radius:20px; } .flss__oy4 img{ border-radius:20px; } .h__p0_{ padding-top:50px; } .h__p0_ .head_afisha{ margin-bottom:30px !important; } .jldswxaa{ padding-left:0px !important; padding-right:0px !important; } .hlhh__874{ border-radius:20px; } .flfse_45_yu_{ margin-top:60px !important; } .d__l__fgss,.d__l__fgss > tbody,.d__l__fgss> tbody>tr,.d__l__fgss> tbody >tr>td{ display:block; width:100% !important; margin-top:0px !important; } .flfeas_ggh__{ margin-top:-10px !important; } .hkrdsws_22{ display:block; } .hkrdsws_11{ display:none; } .h__p0_ .head_afisha{ float:none !important; } .hlhh__874{ font-size:14px !important; } .h__p0_{ background-size:auto 100%; } footer .zzz,.gkytt_ggdubdu{ margin-top:10px; } .ffldw74e2{display:block;margin-top:15px;} footer .div_35{ height:22px !important; } footer{ padding-bottom:30px; } footer .fonts_ { font-size:18px !important; } ._tttteq div{ width:100% !important; display:block; text-align:center !important; } .ffldw74e{display:none !important} .u___o span{ display:none; } .u___o a{ display:block; margin-bottom:5px; } .hljdesflrszz1{ display:none; } .hljdesflrszz2{ display:block; } .okw_r1{ text-align:center; } .okw_img2{display:block;} .fljew__78555{text-align:center; padding:0px 20px 0px 20px !important;border-radius:40px;} .fljew__78555 img{ width:95% !important; margin:auto; } .hltesz{ padding:30px !important; } .okw1 .hlgff65q1 { margin-top:0px !important; } .okw1 { height: 930px; } .okw_img1{display:none;} .___peq{ height:auto; padding:30px; padding-bottom:0px; } .glgh___yz .___pr a{ display:inline-block; position:absolute; left:50%; margin-left:-114px; } .glgh___yz0,.glgh___yz1{ display:block; width:100%; padding-bottom:0px; } .glgh___yz1{ margin-top:35px; } .glgh___yz0 .fldsw__rts{ margin-top:-25px; } .___pr{ height:44px; } .dls__iiip,.dls__iiip tr{ display:block; width:100%; } .fldsw__rts{ position:relative; } .fldadx2{ display:block; } .fldadx{ display:none; } .opisc{ position:relative; } .ddfs_zignut{ display:none; } .gtlwsa{ background-image:url(../images/fon-z.jpg); background-repeat:no-repeat; background-position:top center; background-size: cover; } .fldadx2{ border-radius:0px 0px 20px 20px; margin-top:-10%; } .imhjr00{ text-align:center; margin-top:30px; } table.fweq{ width:100% !important; } .fweq > tbody > tr > td{ padding:40px !important; } .hljrs__prz{ width:50px !important;padding-right:10px; } .f9lf5www__{ position:relative; padding:0px; width:100%; margin:0px; padding:40px; } .f9lf5www__ .lhgs__ds{ margin-top:30px !important } .right_h{ background:none; padding:30px 0px } .hledss__re{ display:none; } .dlfcs__21{ padding-bottom:40px; } .___pr{ text-align:center; } .__zxss{ max-width:100% !important; margin-top:0px; } .flfssss51{ border-radius:60px; } .h__p00{ padding-top:100%; background-image:url(../images/yur2_.png); background-repeat:no-repeat; background-size:100% auto; background-position:top center; } .h__p001{ padding-top:120%; background-image:url(../images/zzzz_1.png); background-repeat:no-repeat; background-size:100% auto; background-position:top center; } .left_h{ background-position:top left; background-size: auto 30%; } .flfssss51{ padding-top:110%; background-image:url(../images/tt.jpg); background-repeat:no-repeat; background-size:100% auto; background-position:top center; } .dlfcs__21{ position:relative !important; } .hly_hiqw{ margin-top:25px; text-align:center; } .hly_hiqw a{ display:block; margin-top:10px; } .hly_hiqw a img{ margin-right:0px; } body,input{ font-size:16px; } .hlhdw7axhkl{ float:none !important; width:100% !important; } .h__p0{ background-image:url(../images/hjt.jpg); background-repeat:no-repeat; background-size:auto 100%; background-position:top center; padding-bottom:80px; padding-top:30px; } .jldswxaa { padding: 20px; padding-bottom:0px; margin-top:0px; } .fwwazxs{ margin-top:10px; text-align:center; } .j_zzzz{box-shadow: 0px;border-radius:0px;} .dlewaqq2{display:block} .dlewaqq1{display:none} .fkfewwww{ margin-top:-60px !important; } .margin_top_20{ margin-top:25px; } .flex{ display: block; } .head_afisha{ text-align:center; font-size:30px !important; } .flex .hlgff65q1{ float:none !important; width:90%; } .fflsff3 img{ height: 20px; margin: 0px 1.5px; } .lddw-puf2{ height:40px; } .gljrs00w{ right:55px !important; } .lddw-puf{ display:block; } .fls2{ display:none; } .jlfes778_t{ height:56px !important; } .jlltdd__chat,.jlltdd__chat{ display:none !important; } .fls__15744{ display:block; margin-top:-10px; } .dlee783j{ padding:20px 0px; padding-bottom:30px; } .background_big{ display:block; } .background_small{ display:none; } .table1,.table2{ height:auto !important; text-align:center; } .fflsff,.fflsff2{ display:none; } .dlee783j{ width:100% !important; } .head3{ color:#D8A42C; font-size:18px; } .headerk{ line-height:1.2; } .bory_li_a a{ font-size:14px; padding:5px 0px; } .mobile_menu_body{ width:250px; padding:10px; } .bory_li_a{ padding:10px 0px 7px 0px; font-size:14px; } .hltesz{ padding:20px !important } .jjj_8{ width:100% !important; } .jjj_9{ padding:0px !important; } .ghtaqoo_8r{ padding:20px; } .okw1,.gtlwsa,.glgh___yz0,.glgh___yz1,.jldswxaa,.dlewaqq2,.flds___tr,.flfssss51,.j_zzzz{ border-radius:20px !important; } .dlewaqq2 img{ border-radius:20px; } .footer{ padding:20px 0px !important; } .__Pefod{ margin-top:-20px !important; } } .swiper-button-next:after, .swiper-button-prev:after{ display:none; } .swiper-button-next2:after, .swiper-button-prev2:after{ display:none; } @media (max-width: 1192px) { .lss__auto{ padding:0px 54px !important; } .swiper-button-next{ position:absolute; right:0px; } .swiper{ position:static; } } .hhhhdf22{ display:none; } @media (max-width: 800px) { .logo { height: 485px; margin-left: auto; } .background_big{ display:none; } .background_small{ display:block; } .okw1 { height: 930px; } .okw2 { height: 990px; } .swiper2 img{ max-width:200px; .header-image { display: none !important; } .okw1 .hlgff65q1 .okw_r1 img{ height:30px; } .about_perexod_description p { width: 80%; /* 80% от ширины родителя (или экрана, если родитель full‑width) */ margin: 0 auto; /* центрируем блок по горизонтали */ text-align: left; /* выравниваем текст внутри по левому краю */ } .hhhhdf11{ display:none; } .hhhhdf22{ display:block; } .fdew____781{ padding-bottom:85%; } .div_70{ height:40px !important; } } .swiper2 { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } .swiper2 .swiper-slide { width: auto; } .flfse_45_yu_ { margin-top: 40px !important; } .fdsgsasa{ height: 80hv !important; } .headerk .overlay-plashka { position: absolute; left: 50%; transform: translateX(-50%); width: 70vw; max-width: 370px; height: 220%; background: url(/templates/new_ind/images/plashka_mobile.svg) no-repeat center / contain; z-index: 999; display: flex; align-items: center; justify-content: center; text-align: center; pointer-events: none; top: -590px !important; bottom: auto !important; transition: top .3s ease-out; } .headerk .overlay-plashka .plashka-text { pointer-events: auto; width: 95%; color: #2B2B2B; font-family: 'FoglihtenNo06', serif; font-weight: 400; font-size: 13px; line-height: 170%; letter-spacing: 0.03em; -webkit-text-stroke: 0.3px #2B2B2B; text-align: center; margin: 1.2em 0 0; } .impotedx{ height:50px; margin-top:10px; } .jjdkwe44_g{ margin-top:40px; } .___m{ display:block; margin-bottom:30px; text-align:center; } .xxx_xxx{ display:none; } .flsaw______{ height:5px !important; } .head_afisha{ font-size:25px !important; } .h__p00{ padding-top:95%; } .fls__15744{ display:block; } .dlee783j{ padding:20px 0px; } .dlee783j{ width:100% !important; } .head1 { left: auto; transform: none; margin: 0 auto; } .head2{ margin-bottom:10px; font-size:12px; letter-spacing:1px; } .head3{ color:#D8A42C; font-size:18px; } .dlee783j img{ height:45px; } .fls{ display:none; } body,html,input{ line-height:1.2; } .___pr{ margin-bottom:30px; } } @media (max-width: 500px) { .f9lf5www__{ padding:20px; padding-bottom:30px; } .___pr img{ margin-top:15px !important; } .f9lf5www__ .lhgs__ds { margin-top: 15px !important; } .flds___tr{ background-position:left -100px center; } .flds___tr2{ padding:20px; background-position:right -100px center; } .okw1 { height: 390px; } .okw2 { height: 990px; } .div_70{ margin-top: -15vh !important; height:100px!important; } .head2{ margin-bottom:5px; } .dlee783j{ padding:10px 0px; } .background_small{ margin-top:0px; } .hlgff65q1 { margin-top:30px; } .background_small{ margin-top:0px; } .headerk .overlay-plashka { position: absolute; top: -38vh !important; left: 50%; transform: translateX(-50%); width: 70vw; max-width: 370px; height: 220%; background: url('/templates/new_ind/images/plashka_mobile.svg') no-repeat center/contain; background-size: contain; z-index: 999; display: flex; align-items: center; justify-content: center; text-align: center; pointer-events: none; } .headerk .overlay-plashka .plashka-text { pointer-events: auto; width: 95%; color: #2B2B2B; font-family: 'FoglihtenNo06', serif; font-weight: 400; font-size: 13px; line-height: 170%; letter-spacing: 0.03em; -webkit-text-stroke: 0.3px #2B2B2B; text-align: center; margin: 1.2em 0 0; } } @media (max-width:450px) { .div_70 { margin-top: 10vh !important; height: 10px !important; } .headerk .overlay-plashka { position: absolute; margin-top: 17vh !important; left: 50%; transform: translateX(-50%); width: 90vw; max-width: 370px; height: 220%; background: url('/templates/new_ind/images/plashka_mobile.svg') no-repeat center/contain; background-size: contain; z-index: 999; display: flex; align-items: center; justify-content: center; text-align: center; pointer-events: none; } .headerk .overlay-plashka .plashka-text { pointer-events: auto; width: 92% !important; color: #2B2B2B; font-family: 'FoglihtenNo06', serif; font-weight: 400; font-size: 12px !important; line-height: 170%; letter-spacing: 0.03em; -webkit-text-stroke: 0.3px #2B2B2B; text-align: center; margin: 1.2em 0 0; } .head4 { position: relative; /* убираем абсолютное позиционирование */ left: auto; transform: none !important; /* margin: 1.5rem auto 0 !important; /* центрируем по горизонтали */ text-align: center; width: 80%; max-width: 600px; font-size: 16px !important; font-weight: 500; line-height: 1.45; color: #2B2B2B; margin-top: -8vh !important; transition: top .2s ease-out; } .jledd_cpasp { background-image: url(../images/21.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center top; margin-top: -65px !important; top: 0px; left: 0px; width: 100%; } } @media (max-width: 390px) { .author-section { /*position: absolute !important;*/ padding: 0vh 5vw; font-family: "Noto Sans", sans-serif; line-height: 1.5; text-align: left; } .div_70 { margin-top: 15vh !important; height: 10px !important; } .headerk .overlay-plashka { position: absolute; margin-top: 28vh !important; left: 50%; transform: translateX(-50%); width: 90vw; max-width: 370px; height: 220%; background: url('/templates/new_ind/images/plashka_mobile.svg') no-repeat center/contain; background-size: contain; z-index: 999; display: flex; align-items: center; justify-content: center; text-align: center; pointer-events: none; } .headerk .overlay-plashka .plashka-text { pointer-events: auto; width: 92% !important; color: #2B2B2B; font-family: 'FoglihtenNo06', serif; font-weight: 400; font-size: 12px !important; line-height: 170%; letter-spacing: 0.03em; -webkit-text-stroke: 0.3px #2B2B2B; text-align: center; margin: 1.2em 0 0; } .head4 { position: relative; /* убираем абсолютное позиционирование */ left: auto; transform: none !important; /* margin: 1.5rem auto 0 !important; /* центрируем по горизонтали */ text-align: center; width: 80%; max-width: 600px; font-size: 16px !important; font-weight: 500; line-height: 1.45; color: #2B2B2B; margin-top: -10vh !important; transition: top .2s ease-out; } .jledd_cpasp { background-image: url(../images/21.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center top; margin-top: -65px !important; top: 0px; left: 0px; width: 100%; } } /* .headerk { position: relative; padding-bottom: 15vh; } @media (max-width: 720px) { .overlay-plashka { position: absolute !important; top: auto !important; bottom: 0 !important; } } */ /* Мобилки: переносим текст ПОД фото в «карточку» */ @media (max-width: 768px) { .dlfcs__21 { position: static; height: auto; } /* слой перестаёт перекрывать фото */ .author-section { position: static; max-width: none; margin: -14vw 16px 0; /* легкий «наезд» на фото сверху; подправь цифру при желании */ padding: 86px 18px; border-radius: 14px; } .author-section__title { font-size: 22px; } .author-section__item { font-size: 16px; } } /* Очень узкие экраны */ @media (max-width: 420px) { .author-section { position: static; max-width: none; margin: -14vw 16px 0; /* легкий «наезд» на фото сверху; подправь цифру при желании */ padding: 86px 18px; border-radius: 14px; } .author-section__title { font-size: 20px; } .author-section__item { font-size: 15px; } }