header.header-special .header-special-link { display: none } .list-categories { display: flex; align-items: center; margin-left: 145px; margin-left: auto; margin-left: 320px } .list-categories ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center } .list-categories ul li { margin-right: 30px } .list-categories ul li a { color: #000; font-size: 16px; line-height: 18px; font-weight: 600; transition: 175ms color ease-in; display: flex; align-items: center } .list-categories ul li a:after { content: ""; width: 5px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg width='5' height='6' viewBox='0 0 5 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.46434 0.87868L3.58566 3L1.46434 5.12132' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; display: inline-block; margin-left: 5px } .list-categories ul li a:hover { color: #0c77e2 } body.backdrop { position: relative } body.backdrop:after { content: ""; display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .15; z-index: 999 } #main-menu { display: block; width: 374px; top: 66px; border-radius: 15px; box-sizing: border-box; background: #fff; height: calc(100vh - 76px); padding: 22px 16px 22px 33px; position: absolute; left: auto; right: 0; box-shadow: 0 7px 30px rgba(0, 0, 0, .12); z-index: 999999 } #main-menu .main-menu-container { overflow-y: scroll; height: 100% } #main-menu .main-menu-container>* { margin-right: 16px } #main-menu .main-menu-container::-webkit-scrollbar { width: 6px } #main-menu .main-menu-container::-webkit-scrollbar-track { backgorund: #fff } #main-menu .main-menu-container::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .15); border-radius: 3px } #main-menu p { font-size: 20px; font-weight: 700; text-transform: uppercase; color: #0c77e2; line-height: 26px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(0, 0%, 0%, 15%) } #main-menu p a { color: inherit } #main-menu ul { padding: 0; list-style: none; margin: 0 0 30px 0 } #main-menu ul li:not(:last-child) { margin-bottom: 10px } #main-menu ul li a { color: #000; font-size: 18px; line-height: 22px; border-bottom: 1px solid #000 } #main-menu ul li a:hover { border-color: transparent } #main-menu .menu-social { flex: 1 1 auto; display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, 46px); grid-auto-flow: row } #main-menu .menu-social a { cursor: pointer; width: 44px; height: 44px; border-radius: 50%; border: 1px solid #d4d9dc; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-decoration: none; transition: all .3s ease 0s } #main-menu .menu-social a:hover { background-color: #fff; border-color: #d4d9dc } #main-menu .menu-social a[title="Комсомольская правда в ICQ"], .menu-social a[href*="icq.com"] { background: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='71.198 71.485 370 370' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath fill='%2324FF00' d='M270.539%2c198.672l21.238-42.794l-0.09%2c0.006c4.096-8.388%2c6.115-17.925%2c5.438-27.901 c-2.067-30.44-28.464-53.438-58.959-51.368c-30.495%2c2.071-53.54%2c28.428-51.473%2c58.868c0.699%2c10.305%2c4.188%2c19.755%2c9.678%2c27.669 l25.444%2c37.432c4.878%2c9.08%2c14.765%2c14.958%2c25.733%2c14.213C257.966%2c214.089%2c266.607%2c207.595%2c270.539%2c198.672z'/%3e %3cpath fill='%2324FF00' d='M312.701%2c258.404l52.805%2c7.833l-0.042-0.104c10.398%2c1.464%2c21.306%2c0.308%2c31.745-3.885 c31.861-12.8%2c47.297-49.051%2c34.476-80.97c-12.822-31.918-49.045-47.418-80.908-34.618c-10.954%2c4.4-19.967%2c11.572-26.557%2c20.389 l-32.346%2c41.469c-0.376%2c0.454-0.738%2c0.919-1.087%2c1.394l-0.144%2c0.184l0.014-0.005c-5.931%2c8.201-7.648%2c19.183-3.593%2c29.28 C291.496%2c250.4%2c301.635%2c257.426%2c312.701%2c258.404z'/%3e %3cpath fill='%2324FF00' d='M268.117%2c313.1l5.652%2c47.681l0.071-0.054c1.188%2c9.404%2c4.778%2c18.629%2c10.901%2c26.729 c18.699%2c24.741%2c53.952%2c29.612%2c78.738%2c10.879c24.787-18.734%2c29.72-53.979%2c11.02-78.721c-6.457-8.543-14.888-14.717-24.179-18.367 l-42.043-17.496c-9.184-4.938-20.8-4.41-29.676%2c2.298C269.981%2c292.567%2c266.264%2c303.164%2c268.117%2c313.1z'/%3e %3cpath fill='%2324FF00' d='M198.437%2c286.022l-46.987%2c24.525l0.084%2c0.053c-9.23%2c4.905-17.337%2c12.217-23.289%2c21.701 c-18.17%2c28.95-9.391%2c67.175%2c19.61%2c85.378c29.002%2c18.203%2c67.242%2c9.49%2c85.413-19.46c6.206-9.888%2c9.269-20.858%2c9.455-31.742 l1.577-50.426c1.532-11.423-3.558-23.23-13.971-29.766C220.268%2c279.971%2c207.936%2c280.27%2c198.437%2c286.022z'/%3e %3cpath fill='%2324FF00' d='M205.163%2c222.936l-28.422-27.828l-0.019%2c0.072c-5.588-5.396-12.62-9.448-20.69-11.478 c-24.643-6.196-49.65%2c8.792-55.857%2c33.478c-6.207%2c24.685%2c8.737%2c49.719%2c33.378%2c55.915c8.072%2c2.03%2c16.184%2c1.787%2c23.661-0.326 l-0.001%2c0.004l37.097-10.783c8.374-1.579%2c15.493-7.871%2c17.711-16.692C214.142%2c236.863%2c211.221%2c228.346%2c205.163%2c222.936z'/%3e %3c/svg%3e") center center no-repeat #d4d9dc; } #main-menu .menu-social a[title="Youtube Комсомольская правда"], .menu-social a[href*="youtube.com"]{ background: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.582 4.3423C19.352 3.42028 18.6743 2.69423 17.8138 2.44782C16.2542 2 10 2 10 2C10 2 3.7458 2 2.18614 2.44782C1.32557 2.69423 0.647841 3.42028 0.417841 4.3423C0 6.01335 0 9.5 0 9.5C0 9.5 0 12.9865 0.417841 14.6577C0.647841 15.5797 1.32557 16.3058 2.18614 16.5523C3.7458 17 10 17 10 17C10 17 16.2542 17 17.8138 16.5523C18.6743 16.3058 19.352 15.5797 19.582 14.6577C20 12.9865 20 9.5 20 9.5C20 9.5 20 6.01335 19.582 4.3423Z' fill='red'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 13V6L13 9.50013L8 13Z' fill='white'/%3e %3c/svg%3e") center center no-repeat #d4d9dc; } #main-menu .menu-social a[title=Flipboard], .menu-social a[href*="flipboard.com"] { background: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M7.00014 19H1V1H7.06027L7.00014 19Z' fill='%23E12828'/%3e %3cpath opacity='0.85' d='M13.0597 1H7.00024V7.00014H18.9997V1H13.0597Z' fill='%23E12828'/%3e %3cpath opacity='0.75' d='M6.99951 6.99951H12.9996V12.9996H6.99951V6.99951Z' fill='%23E12828'/%3e %3c/svg%3e") center center no-repeat #d4d9dc; } #main-menu .menu-social a[title="Viber КП"], .menu-social a[href*="viber.com"] { background: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.3963 8.07783C14.3241 7.49167 14.144 7.03143 13.824 6.62376C13.4086 6.09882 12.8777 5.78449 12.0917 5.59802C11.5794 5.47373 11.3725 5.488 11.1872 5.65723C11.0146 5.81578 10.9809 6.13363 11.1128 6.33946C11.2055 6.48886 11.3125 6.54238 11.6101 6.60079C12.0064 6.6737 12.2802 6.76832 12.5293 6.91075C13.0581 7.21606 13.3043 7.69381 13.3307 8.46726C13.343 8.83042 13.3744 8.94207 13.5012 9.07088C13.7363 9.30633 14.1547 9.26053 14.3322 8.97878C14.3973 8.87258 14.4072 8.82636 14.4141 8.57976C14.4187 8.42709 14.4121 8.19985 14.3963 8.07783Z' fill='%237F4DA0'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.4672 8.73881C16.3628 6.94301 15.6604 5.4982 14.4033 4.48166C13.6951 3.91047 12.8389 3.5177 11.9005 3.32669C11.5567 3.25837 10.9238 3.203 10.8152 3.23468C10.7128 3.26401 10.5679 3.37495 10.5033 3.47528C10.435 3.58408 10.4196 3.82699 10.4778 3.9675C10.5719 4.2024 10.7469 4.28538 11.2368 4.32825C11.9922 4.39434 12.7713 4.65973 13.36 5.05262C14.0321 5.49995 14.5663 6.11181 14.912 6.83079C15.2106 7.44854 15.3943 8.3388 15.3892 9.136C15.3875 9.42434 15.432 9.58717 15.5479 9.70622C15.723 9.88926 15.9781 9.92929 16.2032 9.80771C16.4528 9.67648 16.5112 9.44612 16.4672 8.73881Z' fill='%237F4DA0'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.7588 15.6544C18.7237 15.5518 18.6417 15.3934 18.5832 15.3025C18.2143 14.7454 16.2322 13.1943 15.2426 12.687C14.6776 12.3968 14.2589 12.3 13.9486 12.3909C13.6148 12.4847 13.4391 12.6401 12.8799 13.335C12.6545 13.6136 12.4232 13.8746 12.3617 13.9156C12.2095 14.0212 11.9109 14.1062 11.7001 14.1062C11.2111 14.1033 10.324 13.7866 9.64186 13.3702C9.11194 13.0477 8.43274 12.4701 7.91158 11.8983C7.29673 11.2268 6.87811 10.6345 6.54724 9.96599C6.11982 9.10687 6.01149 8.582 6.19006 8.19786C6.23398 8.10112 6.29255 7.99852 6.31886 7.96622C6.34523 7.93694 6.62045 7.71114 6.9249 7.46483C7.52219 6.98984 7.61879 6.88135 7.73004 6.55587C7.87057 6.14241 7.83253 5.72019 7.61588 5.29504C7.44898 4.97249 7.01275 4.26877 6.69657 3.8143C6.2779 3.21616 5.23562 1.93773 5.02772 1.76468C4.65298 1.45977 4.17288 1.40696 3.64291 1.61225C3.08376 1.82924 2.0356 2.67369 1.58764 3.26307C1.18361 3.79671 1.02849 4.17494 1.00505 4.67342C0.984567 5.0839 1.01969 5.25397 1.23634 5.77885C2.93151 9.8956 5.46103 13.1826 8.93629 15.7922C10.7515 17.1557 12.634 18.1937 14.5868 18.9033C15.7257 19.3167 16.2205 19.3372 16.8031 18.9971C17.049 18.8505 17.658 18.2259 17.9976 17.7714C18.5597 17.0149 18.7676 16.666 18.8262 16.3874C18.8672 16.1969 18.8349 15.8655 18.7588 15.6544Z' fill='%237F4DA0'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.5753 9.15197C18.5378 8.13615 18.3668 7.30295 18.0102 6.37399C17.6581 5.4602 17.3017 4.86391 16.6288 4.0574C15.9925 3.30121 15.4983 2.86944 14.7146 2.38881C13.6211 1.71917 12.2903 1.27602 10.799 1.08966C10.2904 1.02452 10.1753 1.02917 10.0193 1.13329C9.71693 1.33051 9.72096 1.82244 10.0243 2.01671C10.1247 2.07851 10.2138 2.10102 10.6206 2.15427C11.2451 2.23835 11.6467 2.31759 12.1232 2.4476C13.9917 2.95838 15.4286 4.00244 16.3892 5.5523C17.1931 6.84412 17.5269 8.13603 17.4795 9.78602C17.463 10.3438 17.475 10.442 17.5602 10.576C17.7235 10.8258 18.1542 10.8752 18.3751 10.6679C18.5125 10.5416 18.5384 10.4468 18.5655 9.96935C18.5785 9.7203 18.5813 9.35264 18.5753 9.15197Z' fill='%237F4DA0'/%3e %3c/svg%3e") center center no-repeat #d4d9dc; } #main-menu .menu-social a[title=Telgram], .menu-social a[href*="telegram"] { background: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.1748 17.0309C7.61336 17.0309 7.80713 16.8303 8.05192 16.5923L10.3909 14.3179L7.47332 12.5586' fill='%232CA3D6'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.47321 12.559L14.5428 17.7821C15.3495 18.2272 15.9317 17.9967 16.1327 17.0331L19.0104 3.47242C19.305 2.29121 18.5601 1.75547 17.7883 2.10585L0.890687 8.6215C-0.262735 9.08414 -0.256011 9.72763 0.680442 10.0144L5.01676 11.3678L15.0558 5.03429C15.5297 4.7469 15.9647 4.90141 15.6077 5.21825' fill='%232CA3D6'/%3e %3c/svg%3e") center center no-repeat #d4d9dc; } #main-menu .menu-social a[title="Комсомольская правда в Instagram"], .menu-social a[href*="instagram.com"]{ display: none; background: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M13.24 9.99999C13.24 8.19999 11.8 6.75999 10 6.75999C8.20002 6.75999 6.76003 8.19999 6.76003 9.99999C6.76003 11.8 8.20002 13.24 10 13.24C11.8 13.24 13.24 11.8 13.24 9.99999ZM14.92 9.99999C14.92 12.76 12.76 14.92 10 14.92C7.24002 14.92 5.08002 12.76 5.08002 9.99999C5.08002 7.23999 7.24002 5.07999 10 5.07999C12.76 5.07999 14.92 7.23999 14.92 9.99999ZM16.24 4.83999C16.24 5.55999 15.76 6.03999 15.04 6.03999C14.32 6.03999 13.84 5.55999 13.84 4.83999C13.84 4.11999 14.32 3.63999 15.04 3.63999C15.76 3.63999 16.24 4.23999 16.24 4.83999ZM10 2.07999C8.56002 2.07999 5.56002 1.95999 4.36002 2.43999C3.52002 2.79999 2.80002 3.51999 2.56002 4.35999C2.08002 5.55999 2.20002 8.55999 2.20002 9.99999C2.20002 11.44 2.08002 14.44 2.56002 15.64C2.80002 16.48 3.52002 17.2 4.36002 17.44C5.56002 17.92 8.68003 17.8 10 17.8C11.32 17.8 14.44 17.92 15.64 17.44C16.48 17.08 17.08 16.48 17.44 15.64C17.92 14.32 17.8 11.32 17.8 9.99999C17.8 8.67999 17.92 5.55999 17.44 4.35999C17.2 3.51999 16.48 2.79999 15.64 2.55999C14.44 1.95999 11.44 2.07999 10 2.07999ZM19.6 9.99999V13.96C19.6 15.4 19.12 16.84 18.04 18.04C16.96 19.12 15.52 19.6 13.96 19.6H6.04002C4.60002 19.6 3.16002 19.12 1.96002 18.04C1.00002 16.96 0.400024 15.52 0.400024 13.96V9.99999V6.03999C0.400024 4.47999 1.00002 3.03999 1.96002 1.95999C3.16002 0.999994 4.60002 0.399994 6.04002 0.399994H13.96C15.4 0.399994 16.84 0.879994 18.04 1.95999C19 3.03999 19.6 4.47999 19.6 6.03999V9.99999Z' fill='%23DE3176'/%3e %3c/svg%3e") center center no-repeat #d4d9dc; } #main-menu .menu-social a[title="Комсомольская правда в Twitter"], .menu-social a[href*="twitter.com"]{ background: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.74003 5.99023L9.77905 6.63903L9.12875 6.55958C6.76165 6.25505 4.6937 5.22228 2.93789 3.48775L2.0795 2.62711L1.8584 3.26266C1.39018 4.67941 1.68932 6.1756 2.66477 7.18189C3.18501 7.738 3.06795 7.81745 2.17054 7.48643C1.8584 7.3805 1.58527 7.30106 1.55926 7.34078C1.46822 7.43347 1.78036 8.63837 2.02747 9.11503C2.36563 9.77706 3.05495 10.4259 3.80929 10.8098L4.44659 11.1144L3.69224 11.1276C2.9639 11.1276 2.93789 11.1409 3.01593 11.4189C3.27605 12.2795 4.30352 13.1932 5.44805 13.5904L6.25442 13.8684L5.5521 14.2921C4.51162 14.9012 3.28905 15.2455 2.06649 15.2719C1.48122 15.2852 1 15.3381 1 15.3779C1 15.5103 2.58673 16.2517 3.51016 16.543C6.28043 17.4037 9.57095 17.0329 12.0421 15.5632C13.7979 14.5172 15.5537 12.4384 16.3731 10.4259C16.8153 9.35336 17.2575 7.39374 17.2575 6.45366C17.2575 5.84459 17.2965 5.76514 18.0248 5.03691C18.454 4.61321 18.8572 4.14978 18.9353 4.01738C19.0653 3.7658 19.0523 3.7658 18.389 3.9909C17.2835 4.38812 17.1274 4.33515 17.6737 3.73932C18.0769 3.31562 18.5581 2.54766 18.5581 2.32257C18.5581 2.28285 18.363 2.34905 18.1419 2.46822C17.9078 2.60063 17.3876 2.79924 16.9974 2.9184L16.295 3.14349L15.6578 2.70655C15.3066 2.46822 14.8124 2.20341 14.5522 2.12396C13.8889 1.93859 12.8745 1.96507 12.2762 2.17693C10.6504 2.77275 9.62297 4.30867 9.74003 5.99023Z' fill='%2355ACEE'/%3e %3c/svg%3e") center center no-repeat #d4d9dc; } #main-menu .menu-social a[title="Комсомольская правда в Facebook"], .menu-social a[href*="facebook.com"]{ display: none; background: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cg clip-path='url(%23clip0)'%3e %3cpath d='M13.3305 3.32083H15.1564V0.140833C14.8414 0.0975 13.758 0 12.4964 0C9.86385 0 8.06052 1.65583 8.06052 4.69917V7.5H5.15552V11.055H8.06052V20H11.6222V11.0558H14.4097L14.8522 7.50083H11.6214V5.05167C11.6222 4.02417 11.8989 3.32083 13.3305 3.32083Z' fill='%2339569A'/%3e %3c/g%3e %3cdefs%3e %3cclipPath id='clip0'%3e %3cpath d='M0 0H20V20H0V0Z' fill='white'/%3e %3c/clipPath%3e %3c/defs%3e %3c/svg%3e") center center no-repeat #d4d9dc; } #main-menu .menu-social a[title="Комсомольская правда в Одноклассниках"], .menu-social a[href*="ok.ru"]{ background: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cg clip-path='url(%23clip0)'%3e %3cpath d='M3.93464 10.7341C3.4238 11.7382 4.0038 12.2182 5.32714 13.0382C6.45214 13.7332 8.0063 13.9874 9.00464 14.0891C8.59547 14.4824 10.4705 12.6791 5.07047 17.8732C3.92547 18.9707 5.7688 20.7316 6.91297 19.6574L10.0105 16.6699C11.1963 17.8107 12.333 18.9041 13.108 19.6616C14.253 20.7399 16.0955 18.9941 14.963 17.8774C14.878 17.7966 10.7655 13.8516 11.0163 14.0932C12.0271 13.9916 13.558 13.7224 14.6696 13.0424L14.6688 13.0416C15.9921 12.2174 16.5721 11.7382 16.0688 10.7341C15.7646 10.1641 14.9446 9.68741 13.853 10.5116C13.853 10.5116 12.3788 11.6407 10.0013 11.6407C7.62297 11.6407 6.14964 10.5116 6.14964 10.5116C5.0588 9.68324 4.23547 10.1641 3.93464 10.7341Z' fill='%23F7931E'/%3e %3cpath d='M9.99947 10.1183C12.8978 10.1183 15.2645 7.85333 15.2645 5.065C15.2645 2.265 12.8978 0 9.99947 0C7.10031 0 4.73364 2.265 4.73364 5.065C4.73364 7.85333 7.10031 10.1183 9.99947 10.1183ZM9.99947 2.56583C11.4236 2.56583 12.5853 3.68333 12.5853 5.065C12.5853 6.435 11.4236 7.5525 9.99947 7.5525C8.57531 7.5525 7.41364 6.435 7.41364 5.065C7.41281 3.6825 8.57447 2.56583 9.99947 2.56583Z' fill='%23F7931E'/%3e %3c/g%3e %3cdefs%3e %3cclipPath id='clip0'%3e %3cpath d='M0 0H20V20H0V0Z' fill='white'/%3e %3c/clipPath%3e %3c/defs%3e %3c/svg%3e") center center no-repeat #d4d9dc; } #main-menu .menu-social a[title="Комсомольская правда в VK"], .menu-social a[href*="vk.com"]{ background: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M16.5958 10.858C16.2725 10.4496 16.365 10.268 16.5958 9.90297C16.6 9.8988 19.2692 6.21047 19.5442 4.95964L19.5458 4.9588C19.6825 4.50297 19.5458 4.16797 18.885 4.16797H16.6983C16.1417 4.16797 15.885 4.45547 15.7475 4.77714C15.7475 4.77714 14.6342 7.44214 13.0592 9.16964C12.5508 9.6688 12.3158 9.8288 12.0383 9.8288C11.9017 9.8288 11.6892 9.6688 11.6892 9.21297V4.9588C11.6892 4.41214 11.5333 4.16797 11.0725 4.16797H7.63417C7.285 4.16797 7.0775 4.42297 7.0775 4.66047C7.0775 5.1788 7.865 5.29797 7.94667 6.7563V9.92047C7.94667 10.6138 7.82083 10.7413 7.54167 10.7413C6.79833 10.7413 4.99417 8.06547 3.925 5.00297C3.70917 4.4088 3.49833 4.1688 2.9375 4.1688H0.75C0.125833 4.1688 0 4.4563 0 4.77797C0 5.3463 0.743333 8.17214 3.45667 11.9055C5.265 14.4538 7.81167 15.8346 10.1283 15.8346C11.5208 15.8346 11.6908 15.528 11.6908 15.0005C11.6908 12.5655 11.565 12.3355 12.2625 12.3355C12.5858 12.3355 13.1425 12.4955 14.4425 13.7246C15.9283 15.1821 16.1725 15.8346 17.0042 15.8346H19.1908C19.8142 15.8346 20.13 15.528 19.9483 14.923C19.5325 13.6505 16.7225 11.033 16.5958 10.858Z' fill='%230C77E2'/%3e %3c/svg%3e") center center no-repeat #d4d9dc; } #main-menu .menu-social a[title="Комсомольская правда на Rutube"], .menu-social a[href*="rutube.ru"]{ background: url("data:image/svg+xml,%3csvg width='22' height='22' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5522 13.5522C0 27.1045 0 48.9165 0 92.5405V419.459C0 463.083 0 484.896 13.5522 498.448C27.1045 512 48.9165 512 92.5405 512H419.459C463.083 512 484.896 512 498.448 498.448C512 484.896 512 463.083 512 419.459V92.5405C512 48.9165 512 27.1045 498.448 13.5522C484.896 0 463.083 0 419.459 0H92.5405C48.9165 0 27.1045 0 13.5522 13.5522ZM257.096 322.356L314.072 408.757V409.336H400.698L329.769 304.96C361.745 286.404 380.931 254.511 380.931 215.659C380.931 151.294 330.932 110.703 255.933 110.703H124.541V408.757H199.539V322.356H256.515H257.096ZM255.352 255.671H200.12V175.648H255.352C283.84 175.648 306.514 190.725 306.514 215.08C306.514 240.014 284.421 255.671 255.352 255.671Z' fill='%23242D36'/%3e %3c/svg%3e") center center no-repeat #d4d9dc; } body:not(.NewsPage) header.header-special .header-container {} body:not(.NewsPage) header.header-special .header-container .list-categories { margin-left: auto } @media all and (max-width:960px) { .list-categories { margin-left: auto } header.header-special .kp-award { display: none } header.header-special .header-container { background-position: 100% 50% !important } #main-menu { height: calc(100vh - 136px) } } @media all and (max-width:768px) { #main-menu { top: 45px; height: calc(100vh - 45px); border-radius: 0; background: #f5f5f5; width: 100%; box-shadow: none; box-sizing: border-box; padding-bottom: 50px; position: fixed } #main-menu .main-menu-container { height: 100% } #main-menu ul { column-count: 2 } #main-menu ul li a { font-size: 18px; line-height: 26px; } } .lightbox, .lightbox .close i { display: none } .lightbox .content, .lightbox img { margin: auto; top: 0; right: 0; bottom: 0; left: 0 } .lightbox, .lightbox .backdrop { top: 0; left: 0; width: 100%; height: 100% } .lightbox { position: fixed; z-index: 999; opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear } .lightbox .backdrop, .lightbox .content, .lightbox img { position: absolute } .lightbox .backdrop { z-index: 1; background: #000; opacity: .7; cursor: pointer } .lightbox .content { width: auto !important; height: auto !important; max-width: 80%; max-height: 80%; z-index: 2; background: 0 } .lightbox img, .lightbox video { max-width: 100%; max-height: 100% } .lightbox .body, .lightbox iframe { width: 100%; height: 100% } .lightbox iframe { border: 0; display: block } .lightbox img { vertical-align: bottom; display: block; padding: 2px; box-sizing: border-box } .lightbox .close { color: #fff; position: fixed; z-index: 3; -webkit-border-radius: 50%; cursor: pointer; -webkit-box-shadow: 2px 2px 5px #000; top: 30px; right: 30px; width: 24px; height: 24px; background: 0; border: 0; box-shadow: none; font-size: 34px; padding: 0; line-height: 1; border-radius: 0; font-weight: 400 } .lightbox .close:after, .lightbox .close:before { cursor: pointer; border-radius: 1px; height: 2px; width: 24px; background: #fff; position: absolute; content: ""; top: 7px } .lightbox.show { display: block } .lightbox.open { opacity: 1 } .lightbox .close:before { display: block; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .lightbox .close:after { display: block; bottom: -8px; left: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } @media all and (max-width:768px) { .lightbox .content { width: 90vw !important; height: auto !important; background: 0 } } .glightbox-container { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999 !important; overflow: hidden; -ms-touch-action: none; touch-action: none; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: 0; overflow: hidden } .glightbox-container.inactive { display: none } .glightbox-container .gcontainer { position: relative; width: 100%; height: 100%; z-index: 9999; overflow: hidden } .glightbox-container .gslider { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; height: 100%; left: 0; top: 0; width: 100%; position: relative; overflow: hidden; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .glightbox-container .gslide { width: 100%; position: absolute; opacity: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0 } .glightbox-container .gslide.current { opacity: 1; z-index: 99999; position: relative } .glightbox-container .gslide.prev { opacity: 1; z-index: 9999 } .glightbox-container .gslide-inner-content { width: 100% } .glightbox-container .ginner-container { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; margin: auto; height: 100vh } .glightbox-container .ginner-container.gvideo-container { width: 100% } .glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right { max-width: 100% !important } .gslide iframe, .gslide video { outline: 0 !important; border: none; min-height: 165px; -webkit-overflow-scrolling: touch; -ms-touch-action: auto; touch-action: auto } .gslide-image { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .gslide-image img { max-height: 100vh; display: block; max-width: 100%; margin: 0; padding: 0; float: none; outline: 0; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 100vw; width: auto; height: auto; -o-object-fit: cover; object-fit: cover; -ms-touch-action: none; touch-action: none; margin: auto; min-width: 200px } .desc-bottom .gslide-image img, .desc-top .gslide-image img { width: auto } .desc-left .gslide-image img, .desc-right .gslide-image img { width: auto; max-width: 100% } .gslide-image img.zoomable { position: relative } .gslide-image img.dragging { cursor: -webkit-grabbing !important; cursor: grabbing !important; -webkit-transition: none; transition: none } .gslide-video { width: 100%; max-width: 100%; position: relative; width: 100vh; max-width: 100vh; width: 100% !important } .gslide-video .gvideo-wrapper { width: 100%; margin: auto } .gslide-video::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: rgba(255, 0, 0, .34); display: none } .gslide-video.playing::before { display: none } .gslide-video.fullscreen { max-width: 100% !important; min-width: 100%; height: 75vh } .gslide-video.fullscreen video { max-width: 100% !important; width: 100% !important } .gslide-inline { background: #fff; text-align: left; max-height: calc(100vh - 40px); overflow: auto; max-width: 100% } .gslide-inline .ginlined-content { padding: 20px; width: 100% } .gslide-inline .dragging { cursor: -webkit-grabbing !important; cursor: grabbing !important; -webkit-transition: none; transition: none } .ginlined-content { overflow: auto; display: block !important; opacity: 1 } .gslide-external { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; min-width: 100%; background: #fff; padding: 0; overflow: auto; max-height: 75vh; height: 100% } .gslide-media { display: block; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto } .zoomed .gslide-media { -webkit-box-shadow: none !important; box-shadow: none !important } .desc-bottom .gslide-media, .desc-top .gslide-media { margin: 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .gslide-description { position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100% } .gslide-description.description-left, .gslide-description.description-right { max-width: 100% } .gslide-description.description-bottom, .gslide-description.description-top { margin: 0 auto; width: 100% } .gslide-description p { margin-bottom: 12px } .gslide-description p:last-child { margin-bottom: 0 } .zoomed .gslide-description { display: none } .glightbox-mobile .glightbox-container .gslide-description { height: auto !important; width: 100%; background: 0 0; position: absolute; bottom: 15px; padding: 19px 11px; max-width: 100vw !important; -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; max-height: 78vh; overflow: auto !important; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .75))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .75) 100%); -webkit-transition: opacity .3s linear; transition: opacity .3s linear; padding-bottom: 50px } .glightbox-mobile .glightbox-container .gslide-title { color: #fff; font-size: 1em } .glightbox-mobile .glightbox-container .gslide-desc { color: #a1a1a1 } .glightbox-mobile .glightbox-container .gslide-desc a { color: #fff; font-weight: 700 } .glightbox-mobile .glightbox-container .gslide-desc * { color: inherit } .glightbox-mobile .glightbox-container .gslide-desc string { color: #fff } .glightbox-mobile .glightbox-container .gslide-desc .desc-more { color: #fff; opacity: .4 } .gdesc-open .gslide-media { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: .4 } .gdesc-open .gdesc-inner { padding-bottom: 30px } .gdesc-closed .gslide-media { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 1 } .greset { -webkit-transition: all .3s ease; transition: all .3s ease } .gabsolute { position: absolute } .grelative { position: relative } .glightbox-desc { display: none !important } .glightbox-open { overflow: hidden } .gloader { height: 25px; width: 25px; -webkit-animation: lightboxLoader .8s infinite linear; animation: lightboxLoader .8s infinite linear; border: 2px solid #fff; border-right-color: transparent; border-radius: 50%; position: absolute; display: block; z-index: 9999; left: 0; right: 0; margin: 0 auto; top: 47% } .goverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; will-change: opacity } .glightbox-mobile .goverlay { background: #000 } .gclose, .gnext, .gprev { background-repeat: no-repeat; z-index: 99999; cursor: pointer; width: 26px; height: 44px; display: block; background-position: 0 0; border: none } .gclose svg, .gnext svg, .gprev svg { display: block; width: 100%; height: auto } .gclose.disabled, .gnext.disabled, .gprev.disabled { opacity: .1 } .gclose .garrow, .gnext .garrow, .gprev .garrow { stroke: #fff } iframe.wait-autoplay { opacity: 0 } .glightbox-closing .gclose, .glightbox-closing .gnext, .glightbox-closing .gprev { opacity: 0 !important } .glightbox-clean .gslide-description, .glightbox-modern .gslide-description { background: #fff } .glightbox-clean .gdesc-inner, .glightbox-modern .gdesc-inner { padding: 22px 20px } .glightbox-clean .gslide-title, .glightbox-modern .gslide-title { font-size: 1em; font-weight: 400; font-family: arial; color: #000; margin-bottom: 19px; line-height: 1.4em } .glightbox-clean .gslide-desc, .glightbox-modern .gslide-desc { font-size: .86em; margin-bottom: 0; font-family: arial; line-height: 1.4em; width: 100% } .glightbox-clean .gslide-video, .glightbox-modern .gslide-video { background: #000 } .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev, .glightbox-modern .gclose, .glightbox-modern .gnext, .glightbox-modern .gprev { background-color: rgba(0, 0, 0, .12) } .glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover, .glightbox-modern .gclose:hover, .glightbox-modern .gnext:hover, .glightbox-modern .gprev:hover { background-color: rgba(0, 0, 0, .2) } .glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path, .glightbox-modern .gclose path, .glightbox-modern .gnext path, .glightbox-modern .gprev path { fill: #fff } .glightbox-clean button:focus:not(.focused):not(.disabled), .glightbox-modern button:focus:not(.focused):not(.disabled) { outline: 0 } .glightbox-clean .gprev, .glightbox-modern .gprev { position: absolute; top: -100%; left: 30px; width: 40px; height: 56px } .glightbox-clean .gnext, .glightbox-modern .gnext { position: absolute; top: -100%; right: 30px; width: 40px; height: 56px } .glightbox-clean .gclose, .glightbox-modern .gclose { width: 35px; height: 35px; top: 15px; right: 10px; position: absolute; opacity: .7; background-position: -59px 2px } .glightbox-clean .gclose svg, .glightbox-modern .gclose svg { width: 20px } .glightbox-clean .gclose:hover, .glightbox-modern .gclose:hover { opacity: 1 } .gfadeIn { -webkit-animation: gfadeIn .5s ease; animation: gfadeIn .5s ease } .gfadeOut { -webkit-animation: gfadeOut .5s ease; animation: gfadeOut .5s ease } .gslideOutLeft { -webkit-animation: gslideOutLeft .3s ease; animation: gslideOutLeft .3s ease } .gslideInLeft { -webkit-animation: gslideInLeft .3s ease; animation: gslideInLeft .3s ease } .gslideOutRight { -webkit-animation: gslideOutRight .3s ease; animation: gslideOutRight .3s ease } .gslideInRight { -webkit-animation: gslideInRight .3s ease; animation: gslideInRight .3s ease } .gzoomIn { -webkit-animation: gzoomIn .5s ease; animation: gzoomIn .5s ease } .gzoomOut { -webkit-animation: gzoomOut .5s ease; animation: gzoomOut .5s ease } @-webkit-keyframes lightboxLoader { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes lightboxLoader { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes gfadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes gfadeIn { from { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes gfadeOut { from { opacity: 1 } to { opacity: 0 } } @keyframes gfadeOut { from { opacity: 1 } to { opacity: 0 } } @-webkit-keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0) } to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0) } to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @-webkit-keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden } } @keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden } } @-webkit-keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } } @-webkit-keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0 } } @keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0 } } @-webkit-keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 1 } } @keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 1 } } @-webkit-keyframes gzoomOut { from { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } @keyframes gzoomOut { from { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } @media (min-width:769px) { .glightbox-container .ginner-container { width: auto; height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .glightbox-container .ginner-container.desc-top .gslide-description { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .glightbox-container .ginner-container.desc-left .gslide-description { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .glightbox-container .ginner-container.desc-left .gslide-image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .gslide-image img { max-height: 97vh; max-width: calc(100% - 20px); max-width: 100% } .gslide-image img.zoomable { cursor: -webkit-zoom-in; cursor: zoom-in } .zoomed .gslide-image img.zoomable { cursor: -webkit-grab; cursor: grab } .gslide-inline { max-height: 95vh } .gslide-external { max-height: 100vh } .gslide-description.description-left, .gslide-description.description-right { max-width: 275px; flex: 0 } .glightbox-open { height: auto } .goverlay { background: rgba(0, 0, 0, .92) } .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner, .glightbox-modern .description-left .gdesc-inner, .glightbox-modern .description-right .gdesc-inner { position: relative; height: 100%; overflow-y: auto } .glightbox-clean .gprev, .glightbox-modern .gprev { top: 45% } .glightbox-clean .gnext, .glightbox-modern .gnext { top: 45% } } @media (min-width:992px) { .glightbox-clean .gclose, .glightbox-modern .gclose { right: 20px } } @media screen and (max-height:420px) { .goverlay { background: #000 } } body .glightbox-clean .gslide-title, body .glightbox-modern .gslide-title { font-weight: 700; font-size: 16px; width: 235px } body .glightbox-clean .gslide-desc, body .glightbox-modern .gslide-desc { font-size: 13px } body .goverlay { background: #fff } .glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path, .glightbox-modern .gclose path, .glightbox-modern .gnext path, .glightbox-modern .gprev path { fill: #000 !important } .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev, .glightbox-modern .gclose, .glightbox-modern .gnext, .glightbox-modern .gprev { background: #fff !important } .glightbox-clean .gclose, .glightbox-modern .gclose { width: 100%; height: 100%; top: 0; right: 0; left: 0; cursor: zoom-out; z-index: 999 } .glightbox-clean .gclose svg, .glightbox-modern .gclose svg { display: none } .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev, .glightbox-modern .gclose, .glightbox-modern .gnext, .glightbox-modern .gprev { background: 0 0 !important } .glightbox-container .ginner-container, .glightbox-container .gslide-inner-content, .glightbox-container .gslide.current, .glightbox-container .gslider { position: static; transform: none; z-index: unset } .glightbox-clean .gslide-description, .glightbox-modern .gslide-description { z-index: 99999999 !important; cursor: default } .glightbox-clean .gnext, .glightbox-clean .gprev, .glightbox-modern .gnext, .glightbox-modern .gprev { display: none !important } .glightbox-clean .gslide-desc:empty, .glightbox-clean .gslide-title:empty, .glightbox-modern .gslide-desc:empty, .glightbox-modern .gslide-title:empty { display: none } #mobile_push_bottom { padding-bottom: env(safe-area-inset-bottom) !important } .mb16 { margin-bottom: 16px } .flmrw120 { float: left; margin-right: 16px; width: 120px } #mobile_push_bottom { padding-bottom: 12px !important; } .appr[data-note=true], sup[data-note=true] { color: #2460b3; position: relative; cursor: pointer; display: inline-block; } .overlay_note { display: none; position: fixed; width: 400px; z-index: 999999; color: #2f486d; font-size: 14px; line-height: 1.3; font-style: italic; color: #000; padding: 15px 20px; cursor: default; border-bottom: 20px solid transparent; transform: translate(0, 10px); text-align: left } .overlay_note:after { content: ""; display: block; box-shadow: 0 1px 3px #000; background: #fff; border-radius: 10px; border: 1px solid #d8dee8; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; box-shadow: 0 10px 30px rgba(97, 100, 105, .3) } .overlay_note:before { content: ""; width: 0; height: 0; position: absolute; bottom: -11px; left: 0; right: 0; margin: auto; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #fff } .overlay_note a { color: #008bd9 } .overlay_note a:before { content: ""; display: block; margin-top: 3px } @media all and (max-width:768px) { .overlay_note { top: auto !important; bottom: 0; left: 0 !important; border: 0; width: 100%; box-sizing: border-box; padding-bottom: calc(20px + env(safe-area-inset-bottom)) !important; transform: translate(0, 0) } .overlay_note:after { box-shadow: 0 0 30px rgb(97 100 105 / 30%) } } .newsDigest .digest .linkImage img { max-width: 100%; margin-top: 5px } @media all and (min-width:737px) { .newsDigest .container { height: calc(100% - 100px); width: calc(100% - 10px) } .newsDigest .container>* { margin-right: 16px } .newsDigest .container::-webkit-scrollbar { width: 6px } .newsDigest .container::-webkit-scrollbar-track { backgorund: #fff } .newsDigest .container::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .15); border-radius: 3px } } @media all and (max-width:768px) { .news { top: 45px; bottom: 0 } } @media all and (min-width:737px) { .active .newsDigest, .news.active header { border-color: #fff } .NewsPage .news.active { transform: translateX(0px); box-shadow: 5px 0 15px rgb(0 0 0 / 10%) } .NewsPage .news.active, .news header, .newsDigest { width: 420px } .NewsPage .news.active header, .newsDigest { width: 100% } .newsDigest .digest { width: auto; position: relative; padding-left: 150px !important; margin-left: 20px } .newsDigest .digest .linkImage { display: block; width: 140px; position: absolute; left: 0; top: 0 } .newsDigest .digest .linkImage img { margin: 0; border-radius: 6px } #sectionNewsJS .themes__item { display: block; padding-right: 0 } body #sectionNewsJS .themes__item a { display: inline-block; margin-right: 8px; line-height: 30px; background: #f5f5f5; border-radius: 15px; color: #000; font-size: 12px; padding: 0 10px; margin-bottom: 8px; width: auto; flex: auto } body #sectionNewsJS .themes__item a:hover { background: #dbdbdb } } .loadSection .digest+.digest h1, .loadSection .digest+.digest+.digest+.digest h1, .loadSection .flex-container .flex-container+.digest h1, .loadSection .flex-container .flex-container+.digest+.digest h1, .loadSection .flex-container .flex-container+.digest+.digest+.digest h1, .loadSection .seeAlsoLoad .digest h1, .withImg .digest+.digest+.digest h1 { line-height: 20px; text-transform: none; font-size: 15px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif } .articles .img a, .withImg .digest+.digest+.digest .img a { width: 100%; height: 0; padding-bottom: 66.6%; position: relative; display: block; overflow: hidden } .articles .img a img, .withImg .digest+.digest+.digest .img a img { position: absolute; width: 100%; height: auto; left: 0; top: 0 } .count3>.digest:first-child { width: 100% } .count3 .digest+.digest { width: calc(50% - 20px) } .count4>.digest:first-child { width: 100% } .count5 .digest:nth-child(2), .count5>.digest:first-child { width: calc(50% - 20px) } .count6>.digest:first-child { width: 100% } .count6 .digest:nth-child(2), .count6 .digest:nth-child(3) { width: calc(50% - 20px) } .count7>.digest:first-child { width: 100% } .count7 .digest+.digest { width: calc(50% - 20px) } .news header, .newsDigest, .newsPage { border-right: 1px solid #d6d6d6 } .withImg>.digest:not(.no-img):first-child .txt a { width: calc(100% - 80px); padding-left: 80px; height: 100%; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .loadSection article+article h1, .withImg .digest+.digest+.digest h1 { margin-top: 15px } .loadSection .digest:not(.no-img):first-child .txt, .loadSection article+article { padding-bottom: 18px; border-bottom: 1px solid #d6d6d6 } .loadSection, .loadSection>.digest:first-child { width: 100% } .loadSection .digest+.digest, .withImg .digest+.digest+.digest { width: calc(50% - 20px) } .loadSection .digest+.digest h1, .withImg .digest+.digest+.digest h1 { margin-bottom: 5px } .loadSection .digest+.digest+.digest+.digest, .loadSection .flex-container .flex-container+.digest+.digest, .loadSection .flex-container .flex-container+.digest+.digest+.digest, .loadSection .flex-container .flex-container.count3 .digest, .loadSection .seeAlsoLoad .digest { width: calc(33.3% - 20px) } .loadSection .digest img { width: 100% } .loadSection .digest:not(.no-img) time { left: 0 } .loadSection .digest:not(.no-img):first-child { margin-left: 0 } .loadSection .digest:not(.no-img):first-child .img, .loadSection .digest:not(.no-img):first-child .txt { width: calc(50% - 20px); margin-left: 20px } .loadSection .digest+.digest+.digest+.digest h1, .loadSection .flex-container .flex-container+.digest h1, .loadSection .flex-container .flex-container+.digest+.digest h1, .loadSection .flex-container .flex-container+.digest+.digest+.digest h1, .loadSection .seeAlsoLoad .digest h1 { margin-top: 0 } .loadSection .digest+.digest+.digest+.digest h2, .loadSection .flex-container .flex-container+.digest h2, .loadSection .flex-container .flex-container+.digest+.digest h2, .loadSection .flex-container .flex-container+.digest+.digest+.digest h2, .loadSection .seeAlsoLoad .digest h2 { font-size: 12px } .loadSection .digest:first-child:not(.no-img) .showInfo, .loadSection .digest:nth-child(2):not(.no-img) .showInfo, .loadSection .digest:nth-child(3):not(.no-img) .showInfo, .withImg .digest:not(.no-img) .showInfo { position: absolute; top: 0; left: 20px; width: calc(50% - 20px); height: 0; padding-bottom: 31.1%; z-index: 25; text-align: right; background: #0083cd } .loadSection .digest:nth-child(2):not(.no-img) .showInfo, .loadSection .digest:nth-child(3):not(.no-img) .showInfo, .withImg>.digest:not(.no-img):first-child .showInfo { width: 100%; left: 0; background: 0 0 } .loadSection .digest:nth-child(2):not(.no-img) .showInfo, .loadSection .digest:nth-child(3):not(.no-img) .showInfo { height: 0; padding-bottom: 66.8%; background: #0083cd } .withImg>.digest:not(.no-img):first-child .showInfo { padding-bottom: 0; height: 100% } .countComments:empty, .countMetrics:empty { display: none !important } .articles .showInfo .countComments, .articles .showInfo .countMetrics, .digest.no-img .showInfo .countComments, .digest.no-img .showInfo .countMetrics { font-size: 10px; line-height: 14px; display: inline-block; margin-right: 10px; margin-bottom: 10px; color: #9b9b9b; font-weight: 400; vertical-align: top } .topInfo.flex-container { height: 79px; position: fixed; padding: 0 0 0 3px; width: 100%; background: #fff; overflow: hidden; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 120; left: 0; top: 0 } .radioFrame { padding: 20px 0 20px 25px; width: 220px; height: 44px; z-index: 100 } .radioFrame .block { display: inline-block; width: 100% } .radioFrame a, header.compact+.menuHead .logo-menu { display: block } .radioFrame a { width: 43px; height: 43px; overflow: hidden; text-indent: -10000px; cursor: pointer; background-size: 43px auto; margin-right: 20px; float: left } .radioFrame h2 { color: #40454c; font-size: 15px; font-weight: 700; line-height: 20px; padding: 5px 0 0; letter-spacing: .01em } .radioFrame p { color: #9b9b9b; font-size: 12px; font-weight: 300; line-height: 17px } .regionFrame { margin-left: 20px } .RadioPage .news { top: 220px } .newsDigest { background: #fff; display: block; height: 100%; overflow: hidden; position: absolute; z-index: 50 } .newsDigest .container { padding: 0 40px 20px 0; top: 17px; height: 100%; width: 100%; overflow-y: scroll; overflow-x: hidden; position: relative; z-index: 40 } .newsDigest .container, .newsDigest .container:hover { padding: 0 0 20px; } .digestTitle .close { display: none; width: 17px; height: 17px; text-indent: -10000px; overflow: hidden; position: absolute; right: 20px; bottom: 27px; background: url(../img/close.svg) center center no-repeat; background-size: contain } .news header:after, .newsPage article h1:after { bottom: 0 } .news.active .digestTitle .close { display: block } .digestTitle .btn_global, .digestTitle .btn_region, .news header { display: inline-block; position: relative } .digestTitle .btn_global { width: 31px; height: 18px; text-indent: -10000px; overflow: hidden; color: #9b9b9b; background: url(../img/country/map_grey_light.svg) right center no-repeat; background-size: 31px auto } .digestTitle .btn_global.active, .digestTitle .btn_global:hover { color: #0083cd; background: url(../img/country/map_blue.svg) right center no-repeat; background-size: 31px auto } .news.active .digestTitle .btn_global { text-indent: 0; overflow: visible; width: auto; padding-right: 41px; margin-left: 20px } .digestTitle .btn_region { width: 13px; height: 20px; float: right; text-indent: -10000px; overflow: hidden; color: #9b9b9b; background: url(../img/region_gray.svg) right center no-repeat; background-size: 13px auto } .digestTitle .btn_region.active { color: #0083cd; background: url(../img/region_blue.svg) right center no-repeat; background-size: 13px auto } .news.active .btn_region { text-indent: 0; overflow: visible; width: auto; padding-right: 23px; margin-left: 20px } .news header { z-index: 55; padding: 0; width: 270px; height: 69px; background: #fff; top: 0; overflow: hidden } .news.active header.hidden { top: -70px } .news header .container { position: relative; padding: 15px 25px } .news.active header { width: 751px } .news header:after { position: absolute; z-index: 60; left: 0; width: 289px; height: 20px } .newsDigest .digest { position: relative; display: block; overflow: hidden } .newsDigest .advFrame { margin: 5px 0 25px 15px } .newsDigest .digest time { font-weight: 700; font-size: 14px; line-height: 19px; letter-spacing: .02em; color: #0083cd; background: #fff; display: inline-block; position: relative; z-index: 20; padding-right: 10px; margin-bottom: 5px } .newsDigest .digest time.old { color: #9b9b9b; font-weight: 400 } .newsDigest .digest:after { height: 1px; width: 270px; background: #d6d6d6; position: absolute; left: 20px; top: 8px; z-index: 10; display: inline-block } .newsDigest .digest.active+article:before, .newsDigest .digest.active:before { width: 5px; background: #0083d3; right: 0; z-index: 10; display: inline-block; position: absolute; content: "" } .newsDigest .digest.active:before { height: 100%; top: 8px } .newsDigest .digest.active+article:before { height: 8px; top: 0 } .newsDigest .digest.top>* { color: red !important } .regionFrame button { color: #40454c; font-size: 12px; line-height: 25px; cursor: pointer } .regionFrame button.active { pointer-events: none; cursor: default; color: #9b9b9b } @media screen and (min-width:1280px) and (max-width:1439px) { .news { left: 0 } .active .newsPage { left: 260px } .news.active header { width: 741px } .newsPage { left: -221px } .openNews { display: none } .loadSection .digest+.digest+.digest+.digest+.digest, .loadSection .flex-container .flex-container+.digest+.digest, .loadSection .flex-container .flex-container+.digest+.digest+.digest, .loadSection .flex-container .flex-container.count3 .digest, .loadSection .seeAlsoLoad .digest { width: calc(50% - 20px) } body .loadSection .digest.no-img time { width: 100% } .loadSection .digest+.digest+.digest+.digest+.digest h1, .loadSection .digest+.digest+.digest+.digest+.digest h2, .loadSection .flex-container .flex-container+.digest+.digest, .loadSection .flex-container .flex-container+.digest+.digest+.digest h1, .loadSection .flex-container .flex-container+.digest+.digest+.digest h2, .loadSection .flex-container .flex-container.count3 .digest h1, .loadSection .flex-container .flex-container.count3 .digest h2, .loadSection .seeAlsoLoad .digest h1, .loadSection .seeAlsoLoad .digest h2, body .loadSection .digest:nth-child(3n-2) h1, body .loadSection .digest:nth-child(3n-2) h2, body .loadSection .seeAlsoLoad .digest:nth-child(3n-2) h1, body .loadSection .seeAlsoLoad .digest:nth-child(3n-2) h2 { font-size: 15px !important; line-height: 20px !important } } @media screen and (min-width:1440px) { body ul.categories.fixed { max-width: 660px; min-width: 660px } .news { left: 0; width: 260px } .news.active header { width: 771px } .newsPage { left: -191px } .openNews { display: none } } .loadSection .digest.no-img, .noImg .digest, .withImg .digest.no-img { -js-display: -webkit-box; -js-display: -webkit-flex; -js-display: -ms-flexbox; -js-display: flex; -ms-box-orient: vertical; -webkit-box-orient: vertical; -moz-box-orient: vertical; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; box-pack: space-between; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap } .loadSection .digest:first-child:not(.no-img) time, .loadSection .digest:nth-child(2):not(.no-img) time, .loadSection .digest:nth-child(3):not(.no-img) time, .withImg .digest:not(.no-img) time { -webkit-transition: all .4s ease-out .1s; transition: all .4s ease-out .1s; -js-display: -webkit-box; -js-display: -webkit-flex; -js-display: -ms-flexbox; -js-display: flex; -ms-box-orient: vertical; -webkit-box-orient: vertical; -moz-box-orient: vertical; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-pack: center; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; box-align: flex-start } .loadSection .digest:not(.no-img):first-child, .loadSection .flex-container, .withImg .digest:not(.no-img):first-child .txt a, .withImg .wSection { -ms-box-orient: horizontal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal } .withImg .digest:not(.no-img):first-child .txt a { -js-display: -webkit-box; -js-display: -webkit-flex; -js-display: -ms-flexbox; -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; box-align: flex-start; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-direction: column; -ms-flex-wrap: nowrap } .loadSection .flex-container, .withImg .wSection { -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; box-align: stretch; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .loadSection .digest:not(.no-img):first-child { -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; box-pack: space-between; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; width: 100% } .authorBlock, .loadSection .digest+.digest+.digest+.digest, .loadSection .seeAlsoLoad .digest { -js-display: -webkit-box; -js-display: -webkit-flex; -js-display: -ms-flexbox; -ms-box-orient: horizontal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal } .loadSection .digest+.digest+.digest+.digest, .loadSection .seeAlsoLoad .digest { -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; box-pack: space-between } .authorBlock, .flex-container { -webkit-justify-content: flex-start } .photoDigest, .photoDigest time { -ms-box-orient: vertical; -webkit-box-orient: vertical; -moz-box-orient: vertical } .archiveHeader, .photoDigest { -js-display: -webkit-box; -js-display: -webkit-flex; -js-display: -ms-flexbox } .archiveHeader { -js-display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap } .flex-container, .photoDigest time { -js-display: -webkit-box; -js-display: -webkit-flex; -js-display: -ms-flexbox } .flex-container { -js-display: flex; -ms-box-orient: horizontal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; box-pack: flex-start; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; box-align: stretch } .flex-container.topInfo>div { -ms-box-orient: vertical; -webkit-box-orient: vertical; -moz-box-orient: vertical; -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; box-pack: flex-start; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; box-align: flex-start } body.min .withImg>.digest:not(.no-img):first-child h1 { font-size: 22px; font-weight: 700; line-height: 34px; letter-spacing: .7px } .withImg>.digest:not(.no-img):first-child h1 { font-size: 29px; font-weight: 700; line-height: 40px; letter-spacing: .7px } .withImg>.digest:not(.no-img):first-child h1.min { font-size: 24px; font-weight: 700; line-height: 35px; letter-spacing: .7px } .withImg>.digest:not(.no-img):first-child h2 { font-size: 18px; font-weight: 400; line-height: 25px } .count5:not(.withImg) .digest+.digest+.digest h1, .count6:not(.withImg) .digest+.digest+.digest+.digest h1 { text-transform: none; line-height: 20px } .count5:not(.withImg) .digest+.digest+.digest h2, .count6:not(.withImg) .digest+.digest+.digest+.digest h2 { font-size: 12px; line-height: 17px; padding-top: 12px } @media screen and (max-width:600px) { .openNews { display: none } body .Page { margin-left: 0 } #sectionNewsJS { display: block; height: auto; position: relative; top: 0; overflow: hidden } #sectionNewsJS .digestTitle { border-top: 1px solid #d6d6d6; box-sizing: border-box } #sectionNewsJS .categories-title, #sectionNewsJS .categories-title-link, #sectionNewsJS .left_side_archive, #sectionNewsJS .newsPage { display: none } #sectionNewsJS .newsDigest { padding-bottom: 30px; position: static } #sectionNewsJS .newsDigest .container { box-sizng: border-box; width: auto; padding-right: 0 } #sectionNewsJS .newsDigest .digest { width: auto } .news { left: 0 } .news, .news header, .newsDigest { width: 100% } .newsDigest .digest span { padding-right: 20px } .newsDigest .container { width: 95% } .newsDigest .digest { width: 98% } } .newsDigest .digest.interesting:after { content: ""; height: 1px; width: 270px; background: #d6d6d6; position: absolute; left: 20px; top: 8px; z-index: 10; display: inline-block } .newsDigest .digest { padding-bottom: 0 } .news header.digestTitle .container p { color: #343434; font-size: 21px; font-weight: 400; line-height: 38px; display: inline-block; text-transform: uppercase } .newsDigest .digest a { font-size: 15px; font-weight: 700; line-height: 20px; color: #000; padding: 3px 0 5px; margin-top: 0; display: block; } .newsDigest .digest { margin-top: 23px } .newsDigest .digest.interesting a { color: #0083cd; font-size: 13px } .wLine { background: #fff; color: #0083cd !important; display: inline-block !important; font-size: 13px !important; font-weight: 700 !important; padding-right: 10px; padding-top: 0 !important; position: relative; top: -5px; z-index: 22 } .newsDigest .digest.interesting a:hover span:first-child { color: #0083cd } .newsDigest .digest.interesting a span { color: #000; -webkit-transition: color .2s ease-out 0s; transition: color .2s ease-out 0s } .newsDigest .digest.interesting a:hover span { color: #565d66 } .newsDigest .digest.categories-title-link a { color: #676767 } .newsDigest .digest:first-child>a { padding-top: 0 } .newsDigest .digest a span { display: block; color: #565d66; font-size: 15px; font-weight: 400; line-height: 20px; padding-top: 5px; cursor: pointer } .bannerListing ul { padding-left: 20px } .news header.categories-title { height: auto; display: block; line-height: 69px; border-top: 1px solid #d6d6d6; margin-top: 20px } .newsDigest .digest:after { display: none } .newsDigest .digest.categories-title-link:after { content: ""; height: 1px; width: 270px; background: #d6d6d6; position: absolute; left: 20px; z-index: 10; display: inline-block; top: auto; bottom: -8px } .newsDigest .digest.categories-title-link { overflow: visible; padding-bottom: 0 } .loadSection { padding: 0 25px; box-sizing: border-box } .articles .loadSection .digest, .loadSection .digest:not(.no-img):first-child .img, .loadSection .digest:not(.no-img):first-child .txt { margin-left: 0 } .archiveHeader, .archiveHeader .tags a { font-family: "TT Prosto Sans", sans-serif; font-size: 21px; font-weight: 400; line-height: 20px; color: #343434; padding: 15px 25px; height: 69px; box-sizing: border-box } .archiveHeader h1 { font-size: 21px; font-weight: 400; line-height: 20px; line-height: 38px } .arhiventry { display: block; justify-content: space-between; width: 100% } .arhiventry .year, .float25 { width: 20% } .float25 { float: left } .arhiventry h3 { margin-bottom: 10px } body .loadSection #section .guide_box .digest { width: 48%; flex-flow: wrap } body .loadSection #section .guide_box .guide_box_right { width: 48%; margin-top: 20px } body .loadSection #section .guide_box .guide_box_right .all_scrolling>div { margin-top: 10px } body .loadSection #section .guide_box .guide_box_right h4, body .loadSection #section .guide_box .guide_box_right h4 a { font-size: 17px; color: #000; text-transform: none; font-weight: 700; line-height: 22px; text-decoration: none } body .loadSection #section .guide_box .guide_box_right a { color: #0083cd; text-decoration: underline } body .loadSection #section .guide_box .guide_box_right a:hover { text-decoration: none } body .loadSection #section .guide_box .guide_box_right ul { list-style-type: none; margin-top: 10px } body .loadSection #section .guide_box .guide_box_right ul li { margin-bottom: 7px } body .loadSection #section .guide_box .guide_box_right ul li a { font-size: 14px } body .loadSection #section .guide_box .digest .img { margin-bottom: 15px } .loadSection #section .guide_box .digest .img, body .loadSection #section .guide_box .digest .txt { width: 100% } .loadSection .flex-container h2.section { margin-left: 0; width: 100% } .loadSection .flex-container a.link_section { width: 100%; font-size: 23px; font-weight: 700; line-height: 32px; letter-spacing: 1.2px; margin: 25px 0 18px; text-transform: uppercase; background: #fff; display: inline-block; position: relative } .loadSection .flex-container a.link_section:after { content: ""; width: 100%; height: 2px; background: #d2d2d2; position: absolute; left: 0; top: 50%; margin-top: -2px; z-index: 10 } .loadSection .flex-container a.link_section span { padding-right: 20px; z-index: 20; color: #000; background: #fff; position: relative } .guide_box_header .digest .txt p { font-size: 17px; line-height: 23px } .loadSection .digest+.digest h1, .withImg .digest+.digest+.digest h1 { margin-top: 0 } .loadSection .digest+.digest+.digest+.digest, .loadSection .seeAlsoLoad .digest { align-content: flex-start } .archive_date_publish { -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; box-align: stretch; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-left: -20px } .articles .loadSection .archive_date_publish .digest { margin-left: 20px; width: calc(33% - 20px) } .left_side_archive { padding: 0 20px; border-top: 1px solid #d6d6d6; border-bottom: 0; box-sizing: border-box; width: auto; margin-right: -20px; margin-top: 25px; margin-bottom: 50px } .left_side_archive h3 a { color: #343434; font-family: "TT Prosto Sans", sans-serif; font-size: 15px; font-weight: 400; line-height: 22px; display: inline-block; text-transform: uppercase; margin-top: 15px } .left_side_archive>a { color: #0083cd; text-decoration: underline } #saContent .kpinfoImg a, .left_side_archive>a:hover { text-decoration: none } body .loadSection #section .main_page_guide.guide_box article .img { width: auto; float: left; margin-right: 20px; display: flex; height: 100% } body .loadSection #section .main_page_guide.guide_box article .img img { position: relative } body .loadSection #section .main_page_guide.guide_box article { height: auto; display: block; border-bottom: 1px solid #d6d6d6; overflow: hidden } body .loadSection #section .main_page_guide.guide_box article:nth-last-child(-n+2) { border-bottom: 0 } body .loadSection #section .main_page_guide.guide_box article .txt { display: flex; flex-wrap: wrap; width: auto } body .loadSection #section .main_page_guide.guide_box article .txt a { display: block } body .loadSection #section .main_page_guide.guide_box article .txt h1 { font-size: 15px } body .loadSection #section .main_page_guide.guide_box article .txt h2 { font-size: 14px } .loadSection .categories__item { display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid #d6d6d6; margin-top: 15px } .loadSection .categories__item.main_page_guide { border-top: 0; margin-top: 0 } .loadSection .categories__item.no_border { border: 0; margin-top: 0 } .loadSection .categories__item .digest, .loadSection .categories__item .digest+.digest+.digest+.digest, .loadSection .categories__item .digest:not(.no-img):first-child { width: calc(50% - 20px) } .loadSection .categories__item .digest:not(.no-img):first-child .img, .loadSection .categories__item .digest:not(.no-img):first-child .txt { width: auto } .loadSection .categories__item .digest .img { float: left; margin-right: 15px } .loadSection .categories__item .digest .txt { display: block } .loadSection .categories__item .digest .img a { width: auto; height: auto; display: block; padding: 0 } .loadSection .categories__item .digest .img a img { position: relative; width: auto; display: block } .loadSection #section .categories__item .digest a { font-size: 20px; -webkit-transition: color .2s ease-out 0s; transition: color .2s ease-out 0s; font-weight: 700 } body .loadSection #section .main_page_guide.guide_box article .txt a { -webkit-transition: color .2s ease-out 0s; transition: color .2s ease-out 0s } .loadSection #section .categories__item .digest:hover a, body .loadSection #section .main_page_guide.guide_box article .txt a:hover { color: #565d66 } .loadSection #section .categories__item .digest p { font-size: 15px; font-weight: 400; line-height: 20px; display: flex } .newsDigest .digest span { color: #565d66; display: block; font-size: 15px; font-weight: 400; line-height: 20px; padding-top: 5px; cursor: default } body:not(.NewsPage) .Page { overflow: hidden; margin: 0; max-width: none } body:not(.NewsPage) .loadSection .guide_box_header img { display: none } body:not(.NewsPage) .archiveHeader, body:not(.NewsPage) nav.breadcrumb { display: block; position: absolute; left: 0; right: 0; max-width: 1330px; margin: auto; top: 60px; padding-right: 50%; box-sizing: border-box } body:not(.NewsPage) .archiveHeader { position: relative; z-index: 1 } body:not(.NewsPage) .datesList .archiveHeader { position: relative; top: 0; padding-right: 0; padding-top: 55px; height: auto } body:not(.NewsPage) .datesList nav.breadcrumb { position: absolute; background: #fff; } body:not(.NewsPage) .datesList .archiveHeader h1, body:not(.NewsPage) .datesList nav.breadcrumb .breadcrumbs li, body:not(.NewsPage) .datesList nav.breadcrumb li { color: #000 } body:not(.NewsPage) .datesList .loadSection .flex-container { width: 100% } body .arhiventry .float25 br { display: none } body .arhiventry { padding: 20px } body:not(.NewsPage) .archiveHeader, body:not(.NewsPage) .archiveHeader h1 { border: 0; color: #fff; text-transform: uppercase; color: #fff; font-size: 41px; font-weight: 700; line-height: 1 } body:not(.NewsPage) .archiveHeader { padding-right: 20px; text-align: center; color: #000; padding-left: 20px; top: 35px; padding-bottom: 0 } body:not(.NewsPage) .archiveHeader h1 { color: #000; line-height: 1.35 } body:not(.NewsPage) nav.breadcrumb { top: 10px; z-index: 9; padding-left: 20px; padding-right: 0 } body:not(.NewsPage) nav.breadcrumb .breadcrumbs { background: 0 0; padding-left: 0; justify-content: center; display: flex } body:not(.NewsPage) nav.breadcrumb .breadcrumbs li { color: #565d66; font-family: Alegreya, serif } body:not(.NewsPage) .loadSection { padding: 0 } body:not(.NewsPage) .loadSection .guide_box_header { padding: 0 20px; background: #394e83; background: -moz-linear-gradient(left, #394e83 0, #7f60a8 100%); background: -webkit-linear-gradient(left, #394e83 0, #7f60a8 100%); background: linear-gradient(to right, #394e83 0, #7f60a8 100%); background: #fff; margin-top: 20px } body:not(.NewsPage) .loadSection .guide_box_header .digest { max-width: 1330px; margin: auto; padding: 50px 20px; position: relative; display: block } body:not(.NewsPage) .loadSection .guide_box_header .digest { padding-top: 30px } body:not(.NewsPage) .loadSection .guide_box_header .digest img { height: 75px } body:not(.NewsPage) .loadSection .guide_box_header .digest .txt { width: 50%; margin: auto; color: #000; margin-top: 0; padding-bottom: 0 } body:not(.NewsPage) .loadSection .guide_box_header .digest p { color: #fff; font-size: 20px; line-height: 26px; color: #000; text-align: center; margin-bottom: 0 } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container { padding: 65px 20px; box-sizing: border-box; width: 100% } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n) { background: #f5f5f5 } body:not(.NewsPage) #section:not(.categories__item) .flex-container>.flex-container .h2el, body:not(.NewsPage) #section:not(.categories__item) .flex-container>.flex-container h2 { max-width: 1330px; margin: auto; background: 0 0 } body:not(.NewsPage) #section:not(.categories__item) .flex-container>.flex-container h2 a, body:not(.NewsPage) #section:not(.categories__item) .flex-container>.flex-container h2 span { background: 0 0 } body:not(.NewsPage) #section:not(.categories__item) .categories__item { max-width: 1330px; margin: auto; display: flex; justify-content: flex-start; gap: 15px; } @media all and (min-width:1078px) { body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n):not(.old_style) article.digest:nth-child(5), body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n):not(.old_style) article.digest:nth-child(6), body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n):not(.old_style):not(.slider_items) article.digest:nth-child(4), body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(5), body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(6), body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(7) { width: calc(33.333% - 20px); display: flex; flex-wrap: nowrap; height: auto; align-self: self-start; align-content: flex-start } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n):not(.old_style) article.digest:nth-child(5) .txt a, body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n):not(.old_style) article.digest:nth-child(6) .txt a, body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n):not(.old_style):not(.slider_items) article.digest:nth-child(4) .txt a, body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(5) .txt a, body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(6) .txt a, body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(7) .txt a { font-size: 18px; line-height: 20px } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n):not(.old_style) article.digest:nth-child(7) { display: none } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style):not(.slider_items) article.digest:nth-child(5) time, body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style):not(.slider_items) article.digest:nth-child(6) time, body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style):not(.slider_items) article.digest:nth-child(7) time, body:not(.NewsPage) .loadSection #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n) .categories__item:not(.old_style):not(.slider_items) article.digest:nth-child(4) time, body:not(.NewsPage) .loadSection #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n) .categories__item:not(.old_style):not(.slider_items) article.digest:nth-child(5) time, body:not(.NewsPage) .loadSection #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n) .categories__item:not(.old_style):not(.slider_items) article.digest:nth-child(6) time { position: absolute; left: 90px; color: #000; opcity: .6 } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n):not(.old_style):not(.slider_items) article.digest:nth-child(4) .img, body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n):not(.old_style):not(.slider_items) article.digest:nth-child(5) .img, body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n):not(.old_style):not(.slider_items) article.digest:nth-child(6) .img, body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style):not(.slider_items) article.digest:nth-child(5) .img, body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style):not(.slider_items) article.digest:nth-child(6) .img, body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style):not(.slider_items) article.digest:nth-child(7) .img { width: 90px; height: 90px; min-width: 90px; max-width: 90px; position: relative; overflow: hidden; border-radius: 3px } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n):not(.old_style) article.digest:nth-child(4) .txt, body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n):not(.old_style) article.digest:nth-child(5) .txt, body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n):not(.old_style) article.digest:nth-child(6) .txt, body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(5) .txt, body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(6) .txt, body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(7) .txt { padding-top: 30px } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(5) .txt a, body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(6) .txt a, body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(7) .txt a { color: #000 } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:not(.old_style) article.digest:nth-child(4) .txt p, body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:not(.old_style) article.digest:nth-child(5) .txt p, body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:not(.old_style) article.digest:nth-child(6) .txt p, body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(5) .txt p, body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(6) .txt p, body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(7) .txt p { height: 0 } body:not(.NewsPage) .archive .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(5):hover .txt p, body:not(.NewsPage) .archive .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(6):hover .txt p, body:not(.NewsPage) .archive .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(7):hover .txt p { height: 0 } body:not(.NewsPage) .archive .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(5):hover .txt a:hover, body:not(.NewsPage) .archive .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(6):hover .txt a:hover, body:not(.NewsPage) .archive .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(7):hover .txt a:hover { color: #000 } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n):not(.old_style) article.digest:nth-child(4) { display: none } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n):not(.old_style) article.digest:nth-child(1) { width: calc(50% - 20px) !important } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n):not(.old_style) article.digest:nth-child(1):hover .txt p { height: 60px } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container .categories__item.slider_items article.digest, body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n):not(.old_style) article.digest { width: calc(25% - 20px) } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container .slider_items article.digest { min-width: 310px; margin-right: 20px } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container .categories__item.slider_items article.digest, body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n):not(.old_style) article.digest:not(:first-child) { align-self: flex-start; align-content: flex-start } body:not(.NewsPage) .loadSection #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n) .categories__item.slider_items:not(.old_style) article.digest:nth-child(4) { display: flex } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container .categories__item.slider_items article.digest .txt a, body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container .categories__item.slider_items article.digest .txt a:hover, body:not(.NewsPage) .loadSection #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n) .categories__item:not(.old_style) article.digest:not(:first-child) .txt a { color: #000 } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container .categories__item.slider_items article.digest .txt p, body:not(.NewsPage) .loadSection #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n) .categories__item:not(.old_style) article.digest:not(:first-child) .txt p { display: none } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container .categories__item.slider_items article.digest time, body:not(.NewsPage) .loadSection #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n) .categories__item:not(.old_style) article.digest:not(:first-child) time { position: relative; color: #000; margin-bottom: 0; margin-top: 5px } } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest { width: calc(25% - 15px); border-radius: 4px; position: relative; height: 360px; border-bottom: 0; padding: 0; display: flex; flex-wrap: wrap; align-self: flex-end; align-content: flex-end } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest .img a:before { content: ""; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; background: #000; opacity: .5 } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest .img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; margin: 0; display: block } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest .img a { width: 100%; height: 100% } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest .img a figure { width: 100%; height: 100%; display: block } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest .img a img { margin: 0; width: 100% !important; height: 100%; float: none; object-fit: cover; object-position: center; filter: blur(0) } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest .txt { position: relative; z-index: 3; padding: 20px 20px 0 20px; order: 2; width: 100%; } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container #interestingCarousel.categories__item.slider_items article.digest .img, body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n)#interestingCarousel:not(.old_style) article.digest:not(:first-child) .img, body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n).categories__item:not(.old_style) article.digest .img, body:not(.NewsPage) .loadSection #section:not(.categories__item) .flex-container.count6>.flex-container.count6:nth-child(2n) .categories__item:not(.old_style) article.digest:not(:first-child) .img { position: relative; width: 100%; overflow: hidden; max-height: 200px; border-radius: 4px; overflow: hidden } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest time { position: relative; z-index: 3; font-size: 14px; color: #fff; opacity: .6; font-weight: 400; padding: 0 20px; order: 3; margin-bottom: 35px } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest .txt a { color: #fff; font-size: 20px; line-height: 24px } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest .txt a:hover { text-decoration: underline; color: #fff } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:hover .txt a { text-decoration: underline } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest .txt p { height: 0; display: block; color: #fff; font-size: 14px; line-height: 1.35; margin-top: 15px; overflow: hidden; margin-bottom: 0; transition: height 275ms ease, opacity 275ms ease; opacity: 0 } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:hover .txt p { height: 115px; opacity: 1 } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest.favorite:before { content: "Выбор редакции"; display: block; position: absolute; top: 0; left: 0; right: 0; z-index: 3; padding: 0 20px; background: url(favorite.svg) #394e83; background: url(favorite.svg), -moz-linear-gradient(left, #394e83 0, #7f60a8 100%); background: url(favorite.svg), -webkit-linear-gradient(left, #394e83 0, #7f60a8 100%); background: url(favorite.svg), linear-gradient(to right, #394e83 0, #7f60a8 100%); background-repeat: no-repeat; background-position: calc(100% - 20px) 50%, 0 0; line-height: 36px; color: #fff; text-transform: uppercase } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style { position: relative; box-sizing: border-box; padding-right: 300px } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n) .old_style article.digest, body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style article { border-bottom: 0; width: calc(50% - 20px) } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style article { max-width: calc(50% - 20px) } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n) .old_style article.digest .img { width: auto !important } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n) .old_style article.digest:nth-child(4) { display: block } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style article time { color: #000; opacity: .6; position: absolute; top: 0; left: 142px } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style article .img, body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style article .img figure { width: 120px; height: 90px; overflow: hidden; border-radius: 3px; position: relative } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style article .img img { object-fit: cover; object-position: center; height: 100%; width: 100% } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style article .img:before { content: ""; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; background: #000; opacity: .5 } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style article .txt { display: block; margin-top: 20px } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style article .txt p { margin-top: 10px } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style .right_side_archive { width: 250px; position: absolute; right: 0; text-align: center; top: 15px } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style .right_side_archive a { color: #000 } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style .right_side_archive h3 a { font-size: 18px; text-transform: uppercase } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style .right_side_archive>a { line-height: 1.7em } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style .right_side_archive>a:hover { text-decoration: underline } body:not(.NewsPage) .loadSection #section:not(.categories__item) .themes__item { margin: 20px auto 0 auto; max-width: 1330px; display: block; margin-bottom: -15px } body:not(.NewsPage) .loadSection #section:not(.categories__item) .themes__item a { display: inline-block; margin-bottom: 15px; margin-right: 8px; font-size: 14px; line-height: 30px; padding: 0 25px; background: #f5f5f5; border-radius: 15px; transition: background 275ms ease; color: #000 } body:not(.NewsPage) .loadSection #section:not(.categories__item) .themes__item a:hover { background: #e2e1e1 } @media screen and (max-width:1439px) { body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:nth-child(3n-2) { width: calc(25% - 15px) !important } } @media all and (min-width:1078px) { body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container .slider_items article.digest { display: flex; flex-wrap: wrap !important } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container .slider_items article.digest .txt { padding-top: 20px !important } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container .slider_items { display: flex; flex-wrap: unset; max-width: none; margin-left: -20px; padding-left: 35px; position: relative; overflow-x: scroll } body:not(.NewsPage) #section:not(.categories__item)>.flex-container .ineresting_slider_wrapper { position: relative; max-width: 100%; height: 360px; overflow: hidden; max-width: calc(100% + 40px); height: 360px; overflow: hidden; margin-left: -20px; margin-right: -20px } .important_articles_container button, body:not(.NewsPage) #section:not(.categories__item)>.flex-container .ineresting_slider_wrapper button { position: absolute; width: 48px; height: 48px; border-radius: 100%; background-color: #fff; border: 0; padding: 0; display: block; top: 0; bottom: 0; margin: auto; right: 30px; z-index: 99 } .important_articles_container .mainSliderPrevBtn, body:not(.NewsPage) #section:not(.categories__item)>.flex-container .ineresting_slider_wrapper button#swipe_left { right: auto; left: 30px; background-size: 20px; background-position: 12px 50%; background-repeat: no-repeat } .important_articles_container .mainSliderNextBtn, body:not(.NewsPage) #section:not(.categories__item)>.flex-container .ineresting_slider_wrapper button#swipe_right { background-size: 20px; background-position: 15px 50%; background-repeat: no-repeat } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container .slider_items article.digest { min-width: 310px; margin-right: 20px } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container .categories__item.slider_items article.digest { align-self: flex-start; align-content: flex-start } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container .categories__item.slider_items article.digest .img { position: relative; width: 100% !important; max-width: 100% !important; overflow: hidden; height: auto !important; max-height: 200px; border-radius: 4px; overflow: hidden } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container .categories__item.slider_items article.digest .txt a, body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container .categories__item.slider_items article.digest .txt a:hover { color: #000 } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container .categories__item.slider_items article.digest .txt p { display: none } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container .categories__item.slider_items article.digest time { position: relative; color: #000; margin-bottom: 0; margin-top: 5px } } @media screen and (max-width:1279px) { body:not(.NewsPage) .openNews { display: none } header+.menuHead .sectionNav { max-width: 840px } .important_articles_container .mainBlock p:not(.article_category) { max-height: 125px; -webkit-line-clamp: 6; -webkit-box-orient: vertical } } @media screen and (max-width:1078px) { .ineresting_slider_wrapper button { display: none } .ineresting_slider_wrapper { max-width: 100% } body:not(.NewsPage) .archiveHeader, body:not(.NewsPage) nav.breadcrumb { left: 0 } body .loadSection #section .main_page_guide.guide_box article .txt { overflow: hidden } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest { min-width: 300px; margin-right: 20px } header+.menuHead .sectionNav { display: none } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style article { width: 100%; max-width: 100% } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) { flex-wrap: unset; overflow-x: scroll; margin-right: -30px; margin-left: -30px; padding-left: 30px; -webkit-overflow-scrolling: touch } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style):after { content: ""; display: block; min-width: 60px; height: 100px } body:not(.NewsPage) .loadSection .guide_box_header .digest { display: block } .loadSection .guide_box_header .digest:not(.no-img):first-child .img { display: none } .loadSection .guide_box_header .digest:not(.no-img):first-child .txt { float: none; width: 100%; max-width: 600px } body:not(.NewsPage) .loadSection .guide_box_header .digest { padding: 30px } body:not(.NewsPage) .loadSection .guide_box_header .digest:before { left: 30px; top: 30px } body:not(.NewsPage) .loadSection .guide_box_header .digest:after { left: 30px; top: 96px } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container { padding: 30px } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest { height: 260px } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest .txt a { margin-bottom: 15px } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest .txt p { display: none } .important_articles_container { height: 390px } .important_articles_container .mainBlock { padding: 20px } .important_articles_container .mainBlock h3.article_title { font-size: 17px; margin: 15px 0 25px 0 } .important_articles_container .mainBlock p:not(.article_category) { font-size: 13px; display: block; margin: 0 } .important_articles_container .mainBlock p.article_category { font-size: 11px } } body:not(.NewsPage) nav.breadcrumb .breadcrumbs li:first-child:last-child { visibility: hidden } @media screen and (max-width:768px) { body:not(.NewsPage) .loadSection .guide_box_header {margin-top: 50px;} body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style article .txt a { margin-top: 0 } body:not(.NewsPage) .archiveHeader { left: 0; padding: 20px } body:not(.NewsPage) nav.breadcrumb { left: 10px } body:not(.NewsPage) nav.breadcrumb { padding-left: 0 } body:not(.NewsPage) .archiveHeader { padding-left: 20px; padding-right: 20px; top: 46px; padding-top: 10px } body:not(.NewsPage) .archiveHeader .loadSection .guide_box_header .digest { padding-top: 0 !important } body:not(.NewsPage) nav.breadcrumb { left: 20px } body:not(.NewsPage) nav.breadcrumb .breadcrumbs { display: block; padding-top: 0 } body:not(.NewsPage) .archiveHeader h1 { font-size: 22px; text-align: left } body:not(.NewsPage) .loadSection .guide_box_header .digest { padding: 25px 0 !important } body:not(.NewsPage) .loadSection .guide_box_header .digest .txt { margin-top: 20px } body:not(.NewsPage) .loadSection .guide_box_header .digest { padding-right: 0 !important } .loadSection .guide_box_header .digest:not(.no-img):first-child .img { display: none } body:not(.NewsPage) .loadSection .guide_box_header .digest:after { display: none } body:not(.NewsPage) .loadSection .guide_box_header .digest:before { font-size: 26px; left: 15px; top: 25px } .loadSection .guide_box_header .digest:not(.no-img):first-child .txt { padding-bottom: 0; margin-top: 0 } .loadSection .guide_box_header .digest:not(.no-img):first-child .txt p { margin-bottom: 0; font-size: 14px; text-align: left } body:not(.NewsPage) nav.breadcrumb { padding-right: 0 } body .arhiventry { overflow: hidden; width: 100%; margin: 0 -20px; padding: 0 20px } body .arhiventry .float25 { width: calc(100% + 40px); float: none; margin: 0 -20px; padding: 20px; box-sizing: border-box } body .arhiventry .float25 br { display: none } body .arhiventry .float25:nth-child(2n) { background: #f5f5f5 } body:not(.NewsPage) .datesList nav.breadcrumb .breadcrumbs { padding-top: 0 } body:not(.NewsPage) .datesList .boxPage { overflow: hidden } body #sectionNewsJS .themes__item { display: block } body #sectionNewsJS .themes__item a { display: inline-block; margin-right: 8px; line-height: 30px; background: #f5f5f5; border-radius: 15px; transition: background 275ms ease; color: #000; font-size: 12px; padding: 0 10px; margin-bottom: 8px; width: auto; flex: auto } } @media screen and (max-width:736px) { header+.menuHead { padding: 10px; height: 66px } #headerJSST { height: 66px } body .main { top: 66px } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container, body:not(.NewsPage) .loadSection .guide_box_header .digest { padding: 45px 20px 20px 20px !important } body:not(.NewsPage) .loadSection .guide_box_header .digest { padding-left: 0 !important; padding-top: 0 !important } .ineresting_slider_wrapper, body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) { margin-left: -20px; margin-right: -20px; padding-left: 20px } .ineresting_slider_wrapper { max-width: 100% } body:not(.NewsPage) .loadSection #section:not(.categories__item) .themes__item a { font-size: 12px; padding: 0 10px; margin-bottom: 8px } body:not(.NewsPage) #section:not(.categories__item) .flex-container>.flex-container h2 { font-size: 18px; line-height: 1.3 } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style { padding-right: 0; margin-top: 15px } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style .right_side_archive { position: relative; width: 100%; text-align: left; margin-bottom: 40px } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style article time { position: static; margin-bottom: 5px } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest { height: 220px; min-width: 270px } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest .txt a { font-size: 16px; line-height: 20px } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest time { margin-bottom: 0 } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style):after { min-width: 1px } body:not(.NewsPage) .menuHead .logo-menu .logo { margin-left: 0 } .menuHead .btn_menu { right: 5px } body:not(.NewsPage) .tools { top: 66px; height: calc(100% - 66px) } .important_articles_container, .important_articles_view { display: block; height: auto } .important_articles_container .mainBlock { width: 100%; height: auto } .important_articles_container .mainBlock { padding-right: calc(100% - 450px) } .important_articles_container .mainBlock span { max-width: 450px } body .important_articles_container .mainBlock img { width: 100% } body .HelpInfo, body .compact+.menuHead .HelpInfo { display: none !important } } @media all and (max-width:440px) { .important_articles_container .mainBlock { padding: 20px } } #section:not(.categories__item) #NewsJS { display: none } body:not(.NewsPage) main+.h240px { display: none } body:not(.NewsPage) .loadSection #section.categories__item { max-width: 1330px; padding: 0 20px; margin: auto } body:not(.NewsPage) #sectionNewsJS.news { display: none } body:not(.NewsPage) #sectionNewsJS.news header { background: 0 0; border: 0 } body:not(.NewsPage) #sectionNewsJS .newsPage { display: none } body:not(.NewsPage) #sectionNewsJS .newsDigest { position: static } @media all and (min-width:1078px) { body:not(.NewsPage) #section:not(.categories__item)>.flex-container>#interestingCarousel.flex-container:not(.old_style) article.digest:nth-child(1), body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container .slider_items article.digest:nth-child(1), body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container:nth-child(2n):not(.old_style) .slider_items article.digest:nth-child(1) { width: calc(25% - 20px) } body:not(.NewsPage) #section:not(.categories__item)>.flex-container>.flex-container .categories__item.slider_items article.digest { width: calc(25% - 20px) !important } } body .loadSection #section .main_page_guide.guide_box.categories__item.old_style article { overflow: visible } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style .right_side_archive h3 { margin-bottom: 12px } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest:hover .txt p { height: 111px } body.NewsPage header+.menuHead { margin-left: 0 } body:not(.NewsPage) .articles .loadSection #section.categories__item .categories__item.main_page_guide article time { color: #000; opacity: .6; position: absolute; top: 0; left: 142px } body:not(.NewsPage) .articles .loadSection #section.categories__item .categories__item.main_page_guide article .txt { padding-top: 20px } body:not(.NewsPage) .articles .loadSection #section.categories__item .categories__item.main_page_guide article .img, body:not(.NewsPage) .articles .loadSection #section.categories__item .categories__item.main_page_guide article .img figure { width: 120px; height: 90px; overflow: hidden; border-radius: 3px; position: relative } body:not(.NewsPage) .articles .loadSection #section.categories__item .categories__item.main_page_guide article .img img { object-fit: cover; object-position: center; height: 100%; width: 100% } body:not(.NewsPage) .articles .loadSection #section.categories__item .categories__item.main_page_guide article .img:before { content: ""; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; background: #000; opacity: .5 } body:not(.NewsPage) .articles .loadSection #section.categories__item .categories__item.main_page_guide article .txt { display: block } body:not(.NewsPage) .articles .loadSection #section.categories__item .categories__item.main_page_guide article .txt p { margin-top: 10px } @media all and (max-width:767px) { body:not(.NewsPage) .articles .loadSection #section.categories__item .categories__item.main_page_guide article time { left: 0; top: 100px } } @media all and (max-width:1078px) { body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item:not(.old_style) article.digest .img { position: absolute !important; max-height: none !important } } body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style .right_side_archive:first-child { position: relative; width: 100%; text-align: left } html body:not(.NewsPage) .loadSection #section:not(.categories__item) .categories__item.old_style article.digest .txt p { height: auto !important } .mainSliderPrevBtn:after, body:not(.NewsPage) #section:not(.categories__item)>.flex-container .ineresting_slider_wrapper button#swipe_left:after { content: ""; border: solid #000; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(135deg); -webkit-transform: rotate(135deg) } .mainSliderNextBtn:after, body:not(.NewsPage) #section:not(.categories__item)>.flex-container .ineresting_slider_wrapper button#swipe_right:after { content: ""; border: solid #000; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin: auto; position: relative; left: -2px } .important_articles_container .mainBlock img.lazy, body .loadSection #section .main_page_guide.guide_box article .img img.lazy { transition: opacity 275ms ease-in } .important_articles_container .mainBlock img.lazy:not(.loaded), body .loadSection #section .main_page_guide.guide_box article .img img.lazy:not(.loaded) { opacity: 0 } .important_articles_container .mainBlock img.lazy.loaded, body .loadSection #section .main_page_guide.guide_box article .img img.lazy.loaded { opacity: 1 } body:not(.NewsPage) { max-width: 1920px; margin: auto; background: #fff } #errorForm { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999999; margin: auto; width: 810px; height: 395px; max-width: 100%; display: block; } #errorForm:after { content: ""; display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.2); z-index: -1; } .formBody { position: relative; width: 100%; background: #F7F9FD; border-radius: 5px; box-sizing: border-box; padding: 45px; } #errorFormClose { position: absolute; top: 15px; right: 15px; z-index: 9; width: 30px; height: 30px; cursor: pointer; border: 0; outline: none; background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.5L15.5 15.5M15.5 1.5L1.5 15.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; } #errorForm iframe { display: block; border: 0; outline: none; width: 100%; height: 300px; } @media all and (max-width: 660px) { #errorForm { height: calc(100vh - 50px); top: 50px; } .formBody { padding: 30px; } #errorForm iframe { height: 100vh; min-height: 460px; } } #profileCard { background: #fff; border-radius: 6px; margin: 25px 0; padding: 25px 35px; display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 16px; position: relative; } #profileCard .company_logo { width: 60px; } #profileCard .company_logo + .info { width: calc(100% - 80px); margin-top: 0; } #profileCard .info a[href^="tel:"] { border: 0; color: #000; } #profileCard .info a[href^="mailto:"] { border: 0; } #profileCard .site { position: absolute; right: 35px; top: 35px; color: #fff; background: #096ccf; border-radius: 5px; display: inline-block; padding: 7px 12px 7px 35px; text-decoration: none; border: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z' fill='%23fff'/%3E%3C/svg%3E"); background-position: 12px 45%; background-size: 15px; background-repeat: no-repeat; } #profileCard .company_logo img { min-height: unset; } #profileCard .info .company_name { font-weight: 700; font-size: 22px; } #profileCard .info .star { display: inline-block; margin-left: 15px; font-size: 15px; font-weight: 700; background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.987 9.42l-3.26 1.991a.48.48 0 0 1-.715-.526l.945-3.764-2.74-2.133A.48.48 0 0 1 .47 4.13l3.586-.295L5.552.348a.48.48 0 0 1 .883.001l1.483 3.486 3.61.296a.48.48 0 0 1 .255.857L9.031 7.121l.943 3.766a.48.48 0 0 1-.715.527L5.987 9.419v.001z' fill='%23fc0'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left center; padding-left: 15px } #profileCard .info { width: 100%; margin-top: 15px; } #profileCard .info .row { margin-bottom: 3px; display: flex; } #profileCard .info p:first-child {font-weight:700; margin-right: 12px;min-width: 120px;} #profileCard .info p { margin: 0; } #profileCard .info .note { font-size: 14px; opacity: 0.8; } #profileCard .info .note p:first-child {font-weight: 400;} @media all and (max-width: 768px) { #profileCard { padding: 20px; } #profileCard .site { position: static; margin-top: 6px; } #profileCard .info .star { display: block; margin-left: 0; } #profileCard .info p:first-child { min-width: 80px; width: 80px; } #profileCard .info .note p:first-child {width: 100%;} } .element_mark { padding: 0 !important; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; background: transparent !important; } .element_mark .reference { cursor: pointer; padding: 0; margin: 0; height: auto; z-index: 99; appearance: none; border: 0; text-transform: uppercase; font-size: 7px !important; background-color: rgba(255,255,255,0.75); background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='12' height='12' rx='6' fill='white' fill-opacity='0.2'/%3E%3Cpath d='M6.49707 2.94043C6.49707 3.07715 6.44987 3.19434 6.35547 3.29199C6.26432 3.38639 6.139 3.43359 5.97949 3.43359C5.82324 3.43359 5.70117 3.38802 5.61328 3.29688C5.52865 3.20247 5.48633 3.10156 5.48633 2.99414C5.48633 2.88346 5.50098 2.79883 5.53027 2.74023C5.55957 2.68164 5.59701 2.63118 5.64258 2.58887C5.74349 2.50098 5.86556 2.45703 6.00879 2.45703C6.15527 2.45703 6.27246 2.5026 6.36035 2.59375C6.4515 2.6849 6.49707 2.80046 6.49707 2.94043ZM5.1543 9.07324C4.9362 9.07324 4.82715 9.01302 4.82715 8.89258C4.82715 8.79818 4.88737 8.75098 5.00781 8.75098L5.25195 8.77539C5.32682 8.77539 5.38867 8.76237 5.4375 8.73633C5.48633 8.70703 5.52539 8.64681 5.55469 8.55566C5.60677 8.3929 5.63281 8.02507 5.63281 7.45215V5.98242C5.63281 5.66016 5.61003 5.45671 5.56445 5.37207C5.52214 5.28418 5.47331 5.22559 5.41797 5.19629C5.36263 5.16374 5.26986 5.13932 5.13965 5.12305C5.0127 5.10352 4.94922 5.05143 4.94922 4.9668C4.94922 4.89193 5.03385 4.83659 5.20312 4.80078C5.59049 4.72266 5.85742 4.6429 6.00391 4.56152C6.20573 4.44759 6.34408 4.39062 6.41895 4.39062C6.49382 4.39062 6.53125 4.42806 6.53125 4.50293C6.53125 4.53874 6.52474 4.57617 6.51172 4.61523C6.43685 4.83984 6.39941 5.28255 6.39941 5.94336V7.45215C6.39941 8.02507 6.41895 8.375 6.45801 8.50195C6.50033 8.62891 6.5459 8.70703 6.59473 8.73633C6.64355 8.76237 6.7054 8.77539 6.78027 8.77539L7.02441 8.75098C7.14486 8.75098 7.20508 8.79818 7.20508 8.89258C7.20508 9.01302 7.09603 9.07324 6.87793 9.07324C6.75423 9.07324 6.62077 9.06022 6.47754 9.03418C6.33757 9.01139 6.1862 9 6.02344 9C5.86068 9 5.70605 9.01139 5.55957 9.03418C5.41309 9.06022 5.27799 9.07324 5.1543 9.07324Z' fill='black' fill-opacity='0.75'/%3E%3Crect x='0.25' y='0.25' width='11.5' height='11.5' rx='5.75' stroke='black' stroke-opacity='0.75' stroke-width='0.5'/%3E%3C/svg%3E%0A"); background-position: 100% 50%; background-repeat: no-repeat; border-radius: 10px; padding: 0px 16px 0 5px; width: auto; height: auto; line-height: 12px; color: rgba(0,0,0,1); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; display: inline-block; margin-left: auto; } .element_mark .element_close { background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='12' height='12' rx='6' fill='white'/%3E%3Cpath d='M4 4L8 8M8 4L4 8' stroke='black' stroke-opacity='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='0.25' y='0.25' width='11.5' height='11.5' rx='5.75' stroke='black' stroke-opacity='0.75' stroke-width='0.5'/%3E%3C/svg%3E%0A"); background-color: #fff; backgorund-repeat: no-repeat; background-position: center; width: 12px; height: 12px; cursor: pointer; padding: 0; margin: 0; position: absolute; top: 2px; right: 2px; } .element_mark .element_data { display: none; position: absolute; left: 0; bottom: 20px; padding: 8px 6px 8px 6px !important; height: auto; z-index: 98; line-height: 16px; color: #606060 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; background: #FFFFFF; border-radius: 7px; font-size: 11px !important; box-sizing: border-box; text-align: left; min-width: 180px; border: 1px solid #e1e1e1; } .element_mark .element_data span:not(:last-child) { display: block; margin-bottom: 4px; } .element_mark.short .reference {cursor: default;} .element_mark.open:not(.short) .element_data { display: block; } .element_mark .brand_label { border: 0; padding: 0; width: 14px; height: 14px; line-height: 14px; padding-left: 14px; text-indent: 4px; font-size: inherit; color: inherit; transition: 175ms width ease-in; overflow: hidden; position: relative; background: transparent; margin-left: -6px; margin-right: 2px; text-align: left; } .element_mark .brand_label:before { content: ""; display: block; width: 14px; height: 14px; background: url("https://media.tpoints.ru/images/2024/08/24/tiH8NCYt.svg") no-repeat center #fff; background-size: 10px; border-radius: 100%; position: absolute; left: 0; top: 0; } .element_mark .brand_label:hover { width: 60px; } #HTML1 .element_mark .element_data, #HTML2 .element_mark .element_data { left: auto; bottom: auto; top: 18px; right: 6px; min-width: 150px; } #HTML1 .element_mark .element_data {min-width: 250px;} #HTML1 {position: relative;display: flex;flex-wrap: wrap;} .dd_tgb_wrapper .element_mark, .tgb_block .element_mark, .productCard .element_mark, .kpfooter .element_mark, .horizontal-info-block .element_mark, .inline-block .element_mark, .kpinfoImg .element_mark, #HTML1 .element_mark, #HTML2 .element_mark { /* background: rgba(255,255,255,0.45) !important; border-radius: 7px; padding: 0 8px !important; */ position: absolute; top: 2px; left: 6px; display: inline-block; width: auto; z-index: 22; } #HTML1 .element_mark, #HTML2 .element_mark { left: auto; right: 2px; top: 2px; bottom: auto; display: flex; } /* .dd_tgb_wrapper .element_toggle, .tgb_block .element_toggle, .productCard .element_toggle, .kpfooter .element_toggle, .horizontal-info-block .element_toggle, .inline-block .element_toggle, .kpinfoImg .element_toggle, #HTML1 .element_toggle, #HTML2 .element_toggle { position: static; line-height: 1.3; height: auto; width: auto; margin-right: 4px; border-radius: 0; font-size: 12px; text-transform: capitalize; } .dd_tgb_wrapper .element_data, .tgb_block .element_data, .productCard .element_data, .kpfooter .element_data, .horizontal-info-block .element_data, .inline-block .element_data, .kpinfoImg .element_data, #HTML1 .element_data, #HTML2 .element_data { padding: 0 !important; border-radius: 0; background: transparent !important; position: static; line-height: 1.1; } .dd_tgb_wrapper .element_close, .tgb_block .element_close, .productCard .element_close, .kpfooter .element_mark .element_close, .horizontal-info-block .element_mark .element_close, .kpinfoImg .element_mark .element_close, .inline-block .element_mark .element_close, #HTML1 .element_mark .element_close, #HTML2 .element_mark .element_close{ display: none; } .dd_tgb_wrapper .element_toggle, .dd_tgb_wrapper .element_mark .element_data span, .tgb_block .element_toggle, .tgb_block .element_mark .element_data span, .productCard .element_toggle, .productCard .element_mark .element_data span, .kpfooter .element_toggle, .kpfooter .element_mark .element_data span, .horizontal-info-block .element_toggle, .horizontal-info-block .element_mark .element_data span, .inline-block .element_toggle, .inline-block .element_mark .element_data span, .kpinfoImg .element_toggle, .kpinfoImg .element_mark .element_data span, #HTML1 .element_toggle, #HTML1 .element_mark .element_data span, #HTML2 .element_toggle, #HTML2 .element_mark .element_data span { color: rgba(0,0,0,0.9) !important; font-size: 10px !important; line-height: 1.1 !important; cursor: default !important; margin-bottom: 0 !important; } */ @media all and (max-width: 768px) { .element_mark .element_data {bottom: 17px;} #mobile_push_bottom:not(.hide):not(.hide_a) + .element_mark, #mobile_push_bottom:not(.hide):not(.hide_a) + #point_1001_1 + .element_mark{ position: fixed; bottom: 2px; z-index: 99999999999; top: auto; left: auto; } #mobile_push_bottom:not(.hide):not(.hide_a) + #point_1001_1 + .element_mark.open .element_data { bottom: 22px; top: auto; } .dd_tgb_wrapper .element_mark, .tgb_block .element_mark, .productCard .element_mark, .kpfooter .element_mark, .horizontal-info-block .element_mark, .kpinfoImg .element_mark, .inline-block .element_mark, #HTML1 .element_mark, #HTML2 .element_mark{ bottom: auto; top: 4px; z-index: 9; line-height: 1; } .kpfooter .element_mark { top: auto; bottom: 4px; } .tgb_block .element_data, .kpinfoImg .element_data { bottom: auto; top: 25px; } } #HTML2 .element_mark:only-child, #HTML1 .element_mark:only-child {display: none;} .element_mark__inner { max-height: 106px; overflow: auto; box-sizing: border-box; padding-right: 5px; } .element_mark__inner::-webkit-scrollbar { width:3px; } .element_mark__inner::-webkit-scrollbar-track { background-color: #e2e2e2; } .element_mark__inner::-webkit-scrollbar-thumb { background: #a9a9a9; border-radius: 3px; }