/* Start:/local/css/article/article.css?177071167461357*/ .stkey-parent { position: relative; align-items: flex-start; margin-left: 0px; margin-right:0px; } .sticky { position: sticky; top: 40px; } /*контент*/ .meta-top { display:flex; font-weight: 400; font-size: 14px; line-height: 130%; color: #838B98; margin-top:48px; } .article-inner h1 { text-transform:uppercase; } table.break-all thead tr td p{ white-space: normal; } @media (min-width: 1200px){ .article-inner .meta-top, .article-inner h1 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .article-inner .col-xl-3.sticky{ margin-top: -100px; } } .meta-top .date { position:relative; margin-right:8px; } .meta-top .date:after { content:"|"; padding-left: 8px; } .meta-bottom { display:flex; align-items:center; margin-bottom:22px; margin-top:16px; } .meta-bottom .telegramm { width:25px; height:25px; margin-right:8px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8ZM6.53333 11.6667L6.66945 9.62742L6.66933 9.62733L10.379 6.27967C10.5418 6.13517 10.3434 6.06471 10.1273 6.19577L5.54909 9.08411L3.57156 8.46689C3.1445 8.33613 3.14143 8.04267 3.66744 7.83169L11.3734 4.86029C11.7254 4.7005 12.0651 4.94482 11.9307 5.4835L10.6184 11.6677C10.5268 12.1072 10.2612 12.2123 9.89333 12.0093L7.89424 10.5323L6.93333 11.4667C6.9303 11.4696 6.92729 11.4725 6.92429 11.4755C6.81682 11.5801 6.7279 11.6667 6.53333 11.6667Z' fill='%2392278F'/%3E%3C/svg%3E"); transition:all 0.3s linear; background-repeat: no-repeat; background-size: 100%; } .meta-bottom .telegramm:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8ZM6.53333 11.6667L6.66945 9.62742L6.66933 9.62733L10.379 6.27967C10.5418 6.13517 10.3434 6.06471 10.1273 6.19577L5.54909 9.08411L3.57156 8.46689C3.1445 8.33613 3.14143 8.04267 3.66744 7.83169L11.3734 4.86029C11.7254 4.7005 12.0651 4.94482 11.9307 5.4835L10.6184 11.6677C10.5268 12.1072 10.2612 12.2123 9.89333 12.0093L7.89424 10.5323L6.93333 11.4667C6.9303 11.4696 6.92729 11.4725 6.92429 11.4755C6.81682 11.5801 6.7279 11.6667 6.53333 11.6667Z' fill='%236f196c'/%3E%3C/svg%3E"); } .meta-bottom .youtube { width:25px; height:25px; margin-right:8px; background-color:#92278F; border-radius: 16px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='14' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0297 5.4698C10.0297 5.21034 10.2513 5 10.5248 5C10.84 5 11.1497 5.06011 11.4512 5.17454C11.7793 5.29908 12.0318 5.4839 12.2609 5.70136C12.4901 5.91882 12.6848 6.15847 12.8161 6.46982C12.9367 6.7559 13 7.04985 13 7.34899C13 7.64813 12.9367 7.94209 12.8161 8.22817C12.6865 8.53561 12.495 8.77314 12.2695 8.98844L11.7821 9.49723C11.7769 9.50274 11.7714 9.50814 11.7659 9.51341L10.1817 11.0168C9.95258 11.2342 9.70005 11.419 9.37198 11.5436C9.07052 11.658 8.76076 11.7181 8.44554 11.7181C8.13033 11.7181 7.82057 11.658 7.51911 11.5436C7.19104 11.419 6.93851 11.2342 6.70935 11.0168C6.4802 10.7993 6.28545 10.5596 6.15422 10.2483C6.03131 9.95672 5.9703 9.66249 5.9703 9.32215C5.9703 9.02301 6.03364 8.72905 6.15422 8.44297C6.28545 8.13163 6.4802 7.89198 6.70935 7.67451L7.25391 7.15774C7.44724 6.97427 7.76068 6.97427 7.95401 7.15774C8.14734 7.3412 8.14734 7.63866 7.95401 7.82213L7.40946 8.33891C7.24257 8.49728 7.14029 8.63347 7.0735 8.79193C6.99607 8.97564 6.9604 9.15149 6.9604 9.32215C6.9604 9.54556 6.99839 9.72114 7.0735 9.89935C7.14029 10.0578 7.24257 10.194 7.40946 10.3524C7.57635 10.5107 7.71985 10.6078 7.88683 10.6712C8.08042 10.7447 8.26571 10.7785 8.44554 10.7785C8.62538 10.7785 8.81067 10.7447 9.00426 10.6712C9.17124 10.6078 9.31474 10.5107 9.48163 10.3524L11.0575 8.85692L11.5446 8.34841C11.5499 8.3429 11.5553 8.3375 11.5608 8.33223C11.7277 8.17386 11.83 8.03767 11.8968 7.87921C11.9742 7.6955 12.0099 7.51965 12.0099 7.34899C12.0099 7.17833 11.9742 7.00249 11.8968 6.81877C11.83 6.66032 11.7277 6.52413 11.5608 6.36575C11.394 6.20738 11.2504 6.11032 11.0835 6.04694C10.8899 5.97345 10.7046 5.9396 10.5248 5.9396C10.2513 5.9396 10.0297 5.72926 10.0297 5.4698ZM7.60396 6.1745C7.42413 6.1745 7.23883 6.20835 7.04524 6.28183C6.87827 6.34522 6.73476 6.44228 6.56787 6.60065L4.94254 8.14309L4.45542 8.65159C4.45013 8.65711 4.44471 8.6625 4.43916 8.66777C4.27227 8.82614 4.17 8.96233 4.10321 9.12079C4.02577 9.3045 3.9901 9.48035 3.9901 9.65101C3.9901 9.82167 4.02577 9.99751 4.10321 10.1812C4.17 10.3397 4.27227 10.4759 4.43916 10.6342C4.60605 10.7926 4.74956 10.8897 4.91653 10.9531C5.11012 11.0266 5.29541 11.0604 5.47525 11.0604C5.74866 11.0604 5.9703 11.2707 5.9703 11.5302C5.9703 11.7897 5.74866 12 5.47525 12C5.16003 12 4.85028 11.9399 4.54882 11.8255C4.22074 11.7009 3.96821 11.5161 3.73906 11.2986C3.5099 11.0812 3.31515 10.8415 3.18392 10.5302C3.06334 10.2441 3 9.95015 3 9.65101C3 9.35187 3.06334 9.05791 3.18392 8.77183C3.31351 8.46439 3.50503 8.22686 3.73045 8.01156L4.21785 7.50277C4.22313 7.49726 4.22855 7.49186 4.23411 7.48659L5.86777 5.93626C6.09692 5.71879 6.34945 5.53398 6.67753 5.40944C6.97899 5.29501 7.28874 5.2349 7.60396 5.2349C7.91918 5.2349 8.22893 5.29501 8.53039 5.40944C8.85847 5.53398 9.111 5.71879 9.34015 5.93626C9.5693 6.15372 9.76405 6.39337 9.89528 6.70472C10.0159 6.9908 10.0792 7.28475 10.0792 7.58389C10.0792 7.88303 10.0159 8.17699 9.89528 8.46307C9.76556 8.77085 9.57376 9.00856 9.34801 9.22405L8.81047 9.78054C8.62572 9.97181 8.31257 9.98473 8.11103 9.8094C7.90948 9.63408 7.89587 9.3369 8.08062 9.14563L8.62517 8.58187C8.63002 8.57686 8.63498 8.57194 8.64005 8.56713C8.80693 8.40876 8.90921 8.27257 8.976 8.11411C9.05344 7.9304 9.08911 7.75455 9.08911 7.58389C9.08911 7.41323 9.05344 7.23739 8.976 7.05367C8.90921 6.89522 8.80693 6.75903 8.64005 6.60065C8.47316 6.44228 8.32965 6.34522 8.16268 6.28183C7.96909 6.20835 7.78379 6.1745 7.60396 6.1745Z' fill='white'/%3E%3C/svg%3E"); background-position:center; background-repeat: no-repeat; background-size: 100%; } .meta-bottom .youtube:hover { background-color:#6f196c; } .meta-bottom .pdf { margin-right:8px; margin-left:20px; padding-left:20px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666626 1.66659C0.666626 0.930206 1.26358 0.333252 1.99996 0.333252H7.33329C7.5101 0.333252 7.67967 0.40349 7.8047 0.528514L11.138 3.86185C11.2631 3.98687 11.3333 4.15644 11.3333 4.33325V12.3333C11.3333 13.0696 10.7363 13.6666 9.99996 13.6666H1.99996C1.26358 13.6666 0.666626 13.0696 0.666626 12.3333V1.66659ZM9.72382 4.33325L7.33329 1.94273V4.33325H9.72382ZM5.99996 1.66659L1.99996 1.66659V12.3333H9.99996V5.66659H6.66663C6.29844 5.66659 5.99996 5.36811 5.99996 4.99992V1.66659ZM5.99996 6.66659C6.36815 6.66659 6.66663 6.96506 6.66663 7.33325V9.05711L6.86189 8.86185C7.12224 8.6015 7.54435 8.6015 7.8047 8.86185C8.06505 9.1222 8.06505 9.54431 7.8047 9.80466L6.47136 11.138C6.21101 11.3983 5.7889 11.3983 5.52855 11.138L4.19522 9.80466C3.93487 9.54431 3.93487 9.1222 4.19522 8.86185C4.45557 8.6015 4.87768 8.6015 5.13803 8.86185L5.33329 9.05711V7.33325C5.33329 6.96506 5.63177 6.66659 5.99996 6.66659Z' fill='%2392278F'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position: left center; font-weight: 500; font-size: 14px; line-height: 130%; } .meta-bottom .pdf:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666626 1.66659C0.666626 0.930206 1.26358 0.333252 1.99996 0.333252H7.33329C7.5101 0.333252 7.67967 0.40349 7.8047 0.528514L11.138 3.86185C11.2631 3.98687 11.3333 4.15644 11.3333 4.33325V12.3333C11.3333 13.0696 10.7363 13.6666 9.99996 13.6666H1.99996C1.26358 13.6666 0.666626 13.0696 0.666626 12.3333V1.66659ZM9.72382 4.33325L7.33329 1.94273V4.33325H9.72382ZM5.99996 1.66659L1.99996 1.66659V12.3333H9.99996V5.66659H6.66663C6.29844 5.66659 5.99996 5.36811 5.99996 4.99992V1.66659ZM5.99996 6.66659C6.36815 6.66659 6.66663 6.96506 6.66663 7.33325V9.05711L6.86189 8.86185C7.12224 8.6015 7.54435 8.6015 7.8047 8.86185C8.06505 9.1222 8.06505 9.54431 7.8047 9.80466L6.47136 11.138C6.21101 11.3983 5.7889 11.3983 5.52855 11.138L4.19522 9.80466C3.93487 9.54431 3.93487 9.1222 4.19522 8.86185C4.45557 8.6015 4.87768 8.6015 5.13803 8.86185L5.33329 9.05711V7.33325C5.33329 6.96506 5.63177 6.66659 5.99996 6.66659Z' fill='%236f196c'/%3E%3C/svg%3E"); } .meta-bottom .en-link{ width: 25px; height: 25px; margin-right: 8px; background-color: #92278F; border-radius: 16px; color:#ffffff; display: flex; align-items: center; justify-content: center; } .meta-bottom .en-link:hover { background-color:#6f196c; } .meta-bottom .favorite { margin-right:8px; margin-left:20px; padding-left:20px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666626 1.66659C0.666626 0.930206 1.26358 0.333252 1.99996 0.333252H9.99996C10.7363 0.333252 11.3333 0.930205 11.3333 1.66659V12.9999C11.3333 13.2496 11.1937 13.4784 10.9717 13.5927C10.7496 13.707 10.4823 13.6876 10.2791 13.5424L5.99996 10.4859L1.72078 13.5424C1.51758 13.6876 1.25029 13.707 1.02824 13.5927C0.806191 13.4784 0.666626 13.2496 0.666626 12.9999V1.66659ZM9.99996 1.66659L1.99996 1.66659V11.7045L5.61247 9.1241C5.84427 8.95853 6.15565 8.95853 6.38745 9.1241L9.99996 11.7045V1.66659Z' fill='%2392278F'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position: left center; font-weight: 500; font-size: 14px; line-height: 130%; } .meta-bottom .favorite:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666626 1.66659C0.666626 0.930206 1.26358 0.333252 1.99996 0.333252H9.99996C10.7363 0.333252 11.3333 0.930205 11.3333 1.66659V12.9999C11.3333 13.2496 11.1937 13.4784 10.9717 13.5927C10.7496 13.707 10.4823 13.6876 10.2791 13.5424L5.99996 10.4859L1.72078 13.5424C1.51758 13.6876 1.25029 13.707 1.02824 13.5927C0.806191 13.4784 0.666626 13.2496 0.666626 12.9999V1.66659ZM9.99996 1.66659L1.99996 1.66659V11.7045L5.61247 9.1241C5.84427 8.95853 6.15565 8.95853 6.38745 9.1241L9.99996 11.7045V1.66659Z' fill='%236f196c'/%3E%3C/svg%3E"); } h1 { font-weight: 700; font-size: 30px; line-height: 150%; margin:8px 0 18px 0; } h3 { font-weight: 500; font-size: 20px; line-height: 130%; margin: 16px 0; } h5 { font-weight: 700; font-size: 10px; line-height: 100%; text-transform: uppercase; color: #010101; margin-top:32px; margin-bottom:8px; } small { font-weight: 400; font-size: 14px; line-height: 130%; color: #677182; } p { font-weight: 400; font-size: 16px; line-height: 130%; } hr { border-top: 1px solid #E8E9EC; } .d-flex { display:flex; } .list-title { font-weight: 500; font-size: 16px; line-height: 130%; margin-top:32px; } .important { font-weight: 400; font-size: 14px; line-height: 180%; background: #F5F7FA; border-top-right-radius: 4px; border-bottom-right-radius: 4px; padding: 16px; margin:16px 0 32px 0; border-left: 4px solid #92278F; } .important h4 { font-weight: 500; font-size: 16px; line-height: 130%; color: #92278F; } .important p { font-weight: 400; font-size: 14px; line-height: 180%; } .text ol{ counter-reset: myCounter; padding:0; margin:0; margin-bottom:32px; } ol li{ position:relative; list-style: none; padding-left:24px; font-weight: 400; font-size: 16px; line-height: 130%; color: #677182; } ol li:before { counter-increment: myCounter 1; content: counter(myCounter); font-weight: 500; font-size: 14px; line-height: 0; background-color: #92278f; color: #fff; width: 16px; height: 16px; position: absolute; left: 0px; top: 6px; display: flex; align-items: center; justify-content: center; } .text ul { list-style: none; padding-left: 1.5rem; } .text ul li { padding: 0.5rem 0; position:relative; color: #677182; font-weight: 400; font-size: 16px; line-height: 130%; } .text ul li:before { content: ""; height: 6px; width: 6px; display: block; position: absolute; top: 1rem; background-color: #92278f; left:-1.5rem!important; } .text ul.circle li { padding-left:8px; } .text ul.circle li:before { content: ""; height: 20px; width: 20px; display: block; position: absolute; top: 0.5rem; background-color: #ffffff; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2ZM0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10ZM14.6644 6.75259C15.0771 7.11951 15.1143 7.75158 14.7474 8.16436L9.41408 14.1644C9.22431 14.3779 8.9523 14.5 8.66667 14.5C8.38103 14.5 8.10903 14.3779 7.91926 14.1644L5.25259 11.1644C4.88567 10.7516 4.92285 10.1195 5.33564 9.75259C5.74842 9.38567 6.38049 9.42285 6.74741 9.83564L8.66667 11.9948L13.2526 6.83564C13.6195 6.42285 14.2516 6.38567 14.6644 6.75259Z' fill='%23A833A8'/%3E%3C/svg%3E"); left:-1.5rem!important; } .text ul.circle li ul { margin-top:; } .text ul.circle li ul li:before { content: ""; height: 6px; width: 6px; display: block; position: absolute; top: 1rem; background-color: #92278f; left:-1.5rem!important; } .text ul.telegram-menu { padding-left:0; } .text ul li.telegramm-canals-link:before, .text ul li.telegramm-bots-link:before { display:none; } /*сайтбар*/ .article-sitebar { border: 1px solid #E8E9EC; border-radius: 4px; padding:16px; } .article-sitebar__title { font-weight: 400; font-size: 14px; line-height: 130%; margin-bottom:8px; } .text .article-sitebar ul li:before { display:none; } .col-xl-8 .text a { font-weight:500; text-decoration:underline; } .col-xl-8 .text h2 a[href^="https:"] { color:#010101; text-decoration:none; padding-right:15px; margin-right:5px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='8' height='9' viewBox='0 0 8 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33333 1.16667C1.33333 0.798477 1.63181 0.5 2 0.5L7.33333 0.5C7.70152 0.5 8 0.798477 8 1.16667V6.5C8 6.86819 7.70152 7.16667 7.33333 7.16667C6.96514 7.16667 6.66667 6.86819 6.66667 6.5V2.77614L1.13807 8.30474C0.877722 8.56509 0.455612 8.56509 0.195262 8.30474C-0.0650874 8.04439 -0.0650874 7.62228 0.195262 7.36193L5.72386 1.83333L2 1.83333C1.63181 1.83333 1.33333 1.53486 1.33333 1.16667Z' fill='%23A833A8'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center right; } .col-xl-8 .text h2 a:hover { color:#92278f; } .person-card{ display:flex; } .article-sitebar .person-card{ margin-bottom:24px; } .article-sitebar .person-card:last-child, .article-sitebar .tag:last-child, .article-sitebar .content-list { margin-bottom:32px; } .person-card__img { min-width:48px; max-width:48px; margin-right:8px; } .person-card__name { display:block; font-weight: 500; font-size: 16px; line-height: 130%; color:#010101; } .person-card__position { font-weight: 400; font-size: 14px; line-height: 130%; } .person-card__mail { font-weight: 500; font-size: 12px; line-height: 130%; } .article-sitebar .tag { display: inline-flex; font-weight: 400; font-size: 12px; line-height: 130%; padding:4px 8px; background: rgba(146, 39, 143, 0.1); border-radius: 4px; margin-bottom:8px; } .content-list { padding-left:0!important; margin-left:0; } .content-list li { list-style:none; margin:8px 0; } .content-list li a { font-weight: 500; font-size: 14px; line-height: 130%; color: #010101; } .content-list li a:hover { color:#92278f; } .content-list li a:active, .content-list li a:focus { color:#6f196c; } .article-sitebar .btn { font-weight: 500; font-size: 16px; line-height: 130%; padding:16px 10px; display:block; } /*Тултип*/ .tooltip { position: relative; display: inline-block; width:16px; height:16px; margin-left: 1px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2ZM0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10Z' fill='%2392278f'/%3E%3Cpath d='M10 8C10.5523 8 11 8.44771 11 9V15C11 15.5523 10.5523 16 10 16C9.44771 16 9 15.5523 9 15V9C9 8.44771 9.44771 8 10 8Z' fill='%2392278f'/%3E%3Cpath d='M11.5 5.5C11.5 6.32843 10.8284 7 10 7C9.17157 7 8.5 6.32843 8.5 5.5C8.5 4.67157 9.17157 4 10 4C10.8284 4 11.5 4.67157 11.5 5.5Z' fill='%2392278f'/%3E%3C/svg%3E"); } .tooltip:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2ZM0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10Z' fill='%23272C3E'/%3E%3Cpath d='M10 8C10.5523 8 11 8.44771 11 9V15C11 15.5523 10.5523 16 10 16C9.44771 16 9 15.5523 9 15V9C9 8.44771 9.44771 8 10 8Z' fill='%23272C3E'/%3E%3Cpath d='M11.5 5.5C11.5 6.32843 10.8284 7 10 7C9.17157 7 8.5 6.32843 8.5 5.5C8.5 4.67157 9.17157 4 10 4C10.8284 4 11.5 4.67157 11.5 5.5Z' fill='%23272C3E'/%3E%3C/svg%3E"); } .tooltip .tooltiptext { visibility: hidden; width: 344px; background: #677182; border-radius: 4px; padding: 4px 8px; position: absolute; top: -50%; left: 20px; z-index: 1; font-weight: 500; font-size: 10px; line-height: 130%; color: #CDD1D9; } .tooltip .tooltiptext::after { content: " "; position: absolute; top: 50%; right: 100%; /* To the left of the tooltip */ margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent #677182 transparent transparent; } .tooltip:hover .tooltiptext { visibility: visible; } .tooltip .tooltiptext a { color:#ffffff; text-decoration:none; } /*лайки*/ .likes { display:flex; align-items:center; } .likes p { font-weight: 500; font-size: 16px; line-height: 130%; margin-bottom:0; margin-right:16px; text-align:left; } .like { width:32px; height:32px; margin: 0 8px; background-size: 100%; background-repeat: no-repeat; } .liked { animation: like .8s; } .like-y { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13H10V26H4C3.73478 26 3.48043 25.8946 3.29289 25.7071C3.10536 25.5196 3 25.2652 3 25V14C3 13.7348 3.10536 13.4804 3.29289 13.2929C3.48043 13.1054 3.73478 13 4 13V13Z' stroke='%23838B98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 13L15 3C16.0609 3 17.0783 3.42143 17.8284 4.17157C18.5786 4.92172 19 5.93913 19 7V10H26.7375C27.0211 9.9993 27.3015 10.0593 27.56 10.176C27.8185 10.2926 28.049 10.4632 28.2361 10.6764C28.4232 10.8895 28.5625 11.1402 28.6447 11.4116C28.7268 11.683 28.75 11.9689 28.7125 12.25L27.2125 24.25C27.1518 24.7317 26.918 25.1749 26.5546 25.4969C26.1912 25.8189 25.723 25.9977 25.2375 26H10' stroke='%23838B98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .liked.like-y { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13H10V26H4C3.73478 26 3.48043 25.8946 3.29289 25.7071C3.10536 25.5196 3 25.2652 3 25V14C3 13.7348 3.10536 13.4804 3.29289 13.2929C3.48043 13.1054 3.73478 13 4 13V13Z' stroke='%2392278F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 13L15 3C16.0609 3 17.0783 3.42143 17.8284 4.17157C18.5786 4.92172 19 5.93913 19 7V10H26.7375C27.0211 9.9993 27.3015 10.0593 27.56 10.176C27.8185 10.2926 28.049 10.4632 28.2361 10.6764C28.4232 10.8895 28.5625 11.1402 28.6447 11.4116C28.7268 11.683 28.75 11.9689 28.7125 12.25L27.2125 24.25C27.1518 24.7317 26.918 25.1749 26.5546 25.4969C26.1912 25.8189 25.723 25.9977 25.2375 26H10' stroke='%2392278F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .like-n { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6H10V19H4C3.73478 19 3.48043 18.8946 3.29289 18.7071C3.10536 18.5196 3 18.2652 3 18V7C3 6.73478 3.10536 6.48043 3.29289 6.29289C3.48043 6.10536 3.73478 6 4 6V6Z' stroke='%23838B98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 19L15 29C16.0609 29 17.0783 28.5786 17.8284 27.8284C18.5786 27.0783 19 26.0609 19 25V22H26.7375C27.0211 22.0007 27.3015 21.9407 27.56 21.824C27.8185 21.7074 28.049 21.5368 28.2361 21.3236C28.4232 21.1105 28.5625 20.8598 28.6447 20.5884C28.7268 20.317 28.75 20.0311 28.7125 19.75L27.2125 7.75C27.1518 7.26827 26.918 6.82507 26.5546 6.50307C26.1912 6.18107 25.723 6.00226 25.2375 6H10' stroke='%23838B98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .liked.like-n { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6H10V19H4C3.73478 19 3.48043 18.8946 3.29289 18.7071C3.10536 18.5196 3 18.2652 3 18V7C3 6.73478 3.10536 6.48043 3.29289 6.29289C3.48043 6.10536 3.73478 6 4 6V6Z' stroke='%2392278F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 19L15 29C16.0609 29 17.0783 28.5786 17.8284 27.8284C18.5786 27.0783 19 26.0609 19 25V22H26.7375C27.0211 22.0007 27.3015 21.9407 27.56 21.824C27.8185 21.7074 28.049 21.5368 28.2361 21.3236C28.4232 21.1105 28.5625 20.8598 28.6447 20.5884C28.7268 20.317 28.75 20.0311 28.7125 19.75L27.2125 7.75C27.1518 7.26827 26.918 6.82507 26.5546 6.50307C26.1912 6.18107 25.723 6.00226 25.2375 6H10' stroke='%2392278F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } @keyframes like { 0% { transform: rotate(0deg); } 60% { transform: rotate(-40deg); } 85% { transform: rotate(15deg); } 100% { transform: rotate(0deg); } } .article-more { background: #F5F7FA; padding:48px 0; margin-top:96px; margin-bottom:-100px; } .article-more h3, h3 { color:#010101!important; } .article-grid { display:grid; grid-template-columns: 1fr 1fr 1fr; } .article-grid .person-video__card, .article-grid .news-card { display: block; max-width: 410px; margin-right:30px; } .article-more h3 { font-weight: 700; font-size: 25px; line-height: 130%; margin-bottom:24px; text-transform:none; } .person-video__card { padding: 16px; margin: 0 8px; } .person-video__card a { display:block; position:relative; } .person-video__img:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.49), rgba(0, 0, 0, 0.49)), url(), #FFFFFF; opacity: 0.7; transition:all 0.3s linear; } .person-video__card:hover .person-video__img:after { opacity:0; } .person-video__img:before { position:absolute; content:""; width:40px; height:40px; z-index:5; background-color:#bdc3cc; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='26' viewBox='0 0 24 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_1406_602)'%3E%3Cpath d='M19 7.26795C20.3333 8.03775 20.3333 9.96225 19 10.7321L7 17.6603C5.66667 18.4301 4 17.4678 4 15.9282L4 2.0718C4 0.532196 5.66667 -0.430055 7 0.339746L19 7.26795Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_1406_602' x='0' y='0.0687866' width='24' height='25.8624' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1406_602'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1406_602' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:top 70% center; border-radius: 2px; right: 16px; bottom: 16px; transition:all 0.3s linear; } .person-video__card:hover .person-video__img:before { background-color:#838B98; box-shadow: 0px 0px 8px rgb(0, 0, 0, 0.7); } .person-video__data { font-weight: 400; font-size: 10px; line-height: 130%; color: #838B98; margin: 16px 0 4px; } a.person-video__title, .person-video__title { font-weight: 500; font-size: 16px; line-height: 130%; color: #010101; margin-bottom:4px; } .person-video__content p { font-weight: 400; font-size: 14px; line-height: 130%; color: #838B98; } .person-video__link { font-weight: 500; font-size: 10px; line-height: 130%; color: #92278F; } .person-video__card:active, .person-video__card:focus { background: #CEAEE2; } .person-video__card:active, .person-video__card:focus { background: #CEAEE2; } .news-card { padding: 16px; margin-bottom: 16px; display: block; } .article-more .news-card { min-height:calc(50% - 8px); } .article-more .person-video__card { min-height:100%; } .article-more .news-card, .article-more .person-video__card{ background: #ffffff; } .news-card:hover, .person-video__card:hover { background: #EDE9F7; } .news-card:active, .news-card:focus, .person-video__card:active, .person-video__card:focus { background: #CEAEE2; } .news-card__data { font-weight: 400; font-size: 12px; line-height: 130%; color: #010101; margin-bottom: 8px; } .news-card__content p{ font-weight: 500; font-size: 20px; line-height: 130%; color: #010101; } .article-more .news-card__content p { font-size:16px; } .news-card__description p { font-weight: 400; font-size: 14px; line-height: 130%; color: #838B98; } /*Дропдаун*/ .dropdown,.dropdown input{position:relative; background-repeat:no-repeat}.dropdown__close,.dropdown__close:after{width:20px;border-bottom:1px solid #92278f}.dropdown,.dropdown input{background-repeat:no-repeat} .dropdown{background-color:#F5F7FA;-webkit-transition:.5s;transition:.5s;text-align:left;outline:0; } .dropdown .close { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.353553' y1='0.646447' x2='6.35355' y2='6.64645' stroke='%2392278F'/%3E%3Cline y1='-0.5' x2='8.48528' y2='-0.5' transform='matrix(-0.707107 0.707107 0.707107 0.707107 12 1)' stroke='%2392278F'/%3E%3C/svg%3E"); background-position: center; position: absolute; right: 10px; top: 22px; width: 12px; height: 7px; background-repeat: no-repeat; z-index:3; } .dropdown.active .close{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='11.6464' y1='6.35355' x2='5.64645' y2='0.353553' stroke='%2392278F'/%3E%3Cline y1='-0.5' x2='8.48528' y2='-0.5' transform='matrix(0.707107 -0.707107 -0.707107 -0.707107 0 6)' stroke='%2392278F'/%3E%3C/svg%3E") } .dropdown input{padding:0 15px;margin:0 15px 15px;width:calc(100% - 30px);background-color:#f5f7fa;border:0;line-height:3rem;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='13.0607' y1='13' x2='17' y2='16.9393' stroke='%23272C3E' stroke-width='1.5' stroke-linecap='round'/%3E%3Ccircle cx='7.5' cy='7.5' r='6.75' stroke='%23272C3E' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 15px center;-webkit-transition:.3s linear;transition:.3s linear}.dropdown input.active,.dropdown input:focus{background-image:none}.dropdown__close{position:absolute;height:10px;right:25px;top:30px;-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none}.dropdown__close:after{content:'';position:absolute;left:-10px;top:0;height:20px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.dropdown__close:hover{cursor:pointer}.dropdown__close.active{display:block}.dropdown .select{cursor:pointer;display:block;padding:15px;color:#838b98}.dropdown .dropdown-menu{position:absolute;background-color:#fff;width:100%;left:0;margin-top:10px;overflow:hidden;padding-top:1rem;display:none;overflow-y:auto;z-index:9;-webkit-box-shadow:0 4px 15px rgba(180,180,180,.25);box-shadow:0 4px 15px rgba(180,180,180,.25)}.dropdown .dropdown-menu ul{max-height:232px;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#92278f #f5f7fa;padding:0;list-style:none}.dropdown-menu ul::-webkit-scrollbar{width:7px}.dropdown-menu ul::-webkit-scrollbar-track{background:#f5f7fa}.dropdown-menu ul::-webkit-scrollbar-thumb{background-color:#92278f;border-radius:0;border:7px solid #92278f}.dropdown .dropdown-menu ul li{padding:15px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;cursor:pointer} .dropdown .select { position:relative; border: 1px solid #A5ACB8; color: #010101; z-index:2; } .select-reset { position: absolute; height: 10px; right: 35px; top: 15px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 10px; border-bottom: 1px solid #92278f; display:none; } .select-reset:after { content: ''; position: absolute; left: -5px; top: 5px; height: 11px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); width: 10px; border-bottom: 1px solid #92278f; } .modal__dialog form span.select-result { display: inline-block; padding:0 48px 0 0; } /*Модальное*/ .modal-subscription .modal__dialog { width:1087px; margin:auto; } .modal-subscription .left-part { background: #EDE9F7; background-image: url(/local/img/border.svg); background-repeat: no-repeat; background-position: left center; padding:32px; display:flex; align-items:center; } .modal-subscription .right-part { background-color:#ffffff; padding:32px; max-width: 637px; } .dropdown .dropdown-menu ul li.active { background: #EDE9F7; } .dropdown.active .dropdown-menu { overflow:hidden; } .subscription-chackbox { padding:0; margin:0; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.07); margin-bottom:10px; } .subscription-chackbox li { list-style:none; padding:8px 16px; } .subscription-chackbox li label { display:flex; flex-wrap:wrap; align-items:center; } label.small { font-weight: 400; font-size: 14px; line-height: 130%; color: #010101; } .checkbox>input { position: absolute; z-index: -1; opacity: 0; } .checkbox>span.stylise { display: inline-flex; align-items: center; user-select: none; } .checkbox>span.stylise:before { content: ''; display: inline-block; width: 1em; height: 1em; flex-shrink: 0; flex-grow: 0; border: 1px solid #838B98; margin-right: 0.5em; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .checkbox>input:not(:disabled):not(:checked)+span:hover:before { border-color: #92278F; } .checkbox>input:not(:disabled):active+span.stylise:before { box-shadow: 0 0 0 0.2rem rgba(237, 233, 246, 1); border-color: #92278F; } .checkbox>input:focus+span.stylise:before { box-shadow: 0 0 0 0.2rem rgba(237, 233, 246, 1); } .checkbox>input:focus:not(:checked)+span.stylise:before { border-color: #92278F; } .checkbox>input:checked+span.stylise:before { border-color: #92278F; background-color: #ffffff; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.11111L4.57143 10L11 3' stroke='%2392278F' stroke-width='2'/%3E%3C/svg%3E"); background-size: 80%; } .checkbox>input:disabled+span.stylise:before { background-color: rgba(237, 233, 246, 1); } .checkbox span.small { font-weight: 500; font-size: 10px; line-height: 130%; color: #677182; display: block; padding-left:1.5rem!important; width: 100%; } .modal-subscription .modal__dialog form span { padding: 0; } .modal-subscription .modal__dialog form .btn { display: flex; align-items: center; margin-left: 0; margin-right: auto; margin-bottom: 1rem; margin-top: 1rem; padding: 16px 65px; } .modal-subscription h4 { font-weight: 500; font-size: 20px; line-height: 130%; text-transform:uppercase; } p.subtitle{ font-weight: 500; font-size: 16px; line-height: 130%; margin-bottom:32px; } span.subtitle{ font-weight: 400; font-size: 14px; line-height: 130%; color: #838B98; } .modal__dialog form .btn.step2__link { display:inline-block; } .subscription-form input[type='text'], .subscription-form input[type='mail'], .subscription-form input[type='password']{ display:block; width: 100%; background: #F5F7FA; border: 1px solid #f5f7fa; padding:8px; border-radius: 4px; } .subscription-form input[type='text']:hover, .subscription-form input[type='mail']:hover, .subscription-form input[type='password']:hover { background: #FFFFFF; border: 1px solid #A5ACB8; } .subscription-form input[type='text']:focus,.subscription-form input[type='mail']:focus, .subscription-form input[type='password']:focus{ background: #FFFFFF; border: 1px solid #010101; } .subscription-form .col-12, .subscription-form .col-md-6 { padding-left:0; padding-right:16px; } .subscription-form label { display:block; margin-top:20px; font-weight: 400; font-size: 14px; line-height: 130%; color: #838B98; } .subscription-form .note { margin-top:32px; } .note { padding: 8px 8px 8px 32px; background-color: rgba(107, 220, 166, 0.1); border-radius: 4px; font-weight: 400; font-size: 12px; line-height: 130%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00016 1.66671C4.05464 1.66671 1.66683 4.05452 1.66683 7.00004C1.66683 9.94556 4.05464 12.3334 7.00016 12.3334C9.94568 12.3334 12.3335 9.94556 12.3335 7.00004C12.3335 4.05452 9.94568 1.66671 7.00016 1.66671ZM0.333496 7.00004C0.333496 3.31814 3.31826 0.333374 7.00016 0.333374C10.6821 0.333374 13.6668 3.31814 13.6668 7.00004C13.6668 10.6819 10.6821 13.6667 7.00016 13.6667C3.31826 13.6667 0.333496 10.6819 0.333496 7.00004Z' fill='%236BDCA6'/%3E%3Cpath d='M7.00016 5.66671C7.36835 5.66671 7.66683 5.96518 7.66683 6.33337V10.3334C7.66683 10.7016 7.36835 11 7.00016 11C6.63197 11 6.3335 10.7016 6.3335 10.3334V6.33337C6.3335 5.96518 6.63197 5.66671 7.00016 5.66671Z' fill='%236BDCA6'/%3E%3Cpath d='M8.00016 4.00004C8.00016 4.55233 7.55245 5.00004 7.00016 5.00004C6.44788 5.00004 6.00016 4.55233 6.00016 4.00004C6.00016 3.44776 6.44788 3.00004 7.00016 3.00004C7.55245 3.00004 8.00016 3.44776 8.00016 4.00004Z' fill='%236BDCA6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position: left 10px center; } .step2 { display:none; } @media(max-width:1024px){ .sticky { padding-top:0; top:0; position:relative; } .stkey-parent { padding-top:0; } .row.stkey-parent .col-xl-8 { order:2; } .row.stkey-parent .col-xl-3 { order:1; margin-bottom:24px; } .article-sitebar { border:0px; padding:0px; width: 100vw; overflow: hidden; } .autors, .practitles{ display:flex; align-items: flex-start; overflow-x:auto; } .article-sitebar .person-card { min-width:200px; } .article-sitebar .tag { margin-right:1rem; word-break: keep-all; min-width:220px; } .article-more .person-video__card, .article-more .news-card { min-height:100px; } .article-more { padding: 0; } } @media (max-width:769px){ html, body { width: 100%; overflow-x: hidden; } h1 { font-size:20px; } h3 { font-size:16px; } .breadcrumble-bg { background: #F5F7FA; margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); padding: 8px 15px; } .meta-bottom { margin-bottom: 28px; } .person-card__name { font-size: 14px; } .person-card__position { font-size: 12px; } .person-card__mail { font-size: 10px; } .content-list li a{ font-size:13px; } .article-sitebar .person-card:last-child, .article-sitebar .tag:last-child, .article-sitebar .content-list { margin-bottom: 0px; } .article-sitebar__title { margin-top:8px; } .article-sitebar .btn { margin-top:24px; } .breadcrumble { line-height:130%; } .modal-subscription .modal__dialog { width: 100%; } .modal-subscription .left-part { display:none; } .modal-subscription .right-part{ margin:0 auto; } } @media(max-width:600px){ .article-grid { display:flex; flex-wrap:wrap; } .content-list li a{ display: block; max-width:90%; } .article-grid .person-video__card { margin-bottom:16px; margin-left:0; } .article-grid .person-video__card, .article-grid .news-card { margin-right:0; } .subscription-form .col-12, .subscription-form .col-md-6 { padding-left: 0; padding-right: 0; } .subscription-form .dropdown { font-size:14px; } } /*соцсети в шапке*/ .page-header__list li:last-child { margin: 0 0 0 1.8rem ; } ul.sotials-header { margin-left:auto; display:flex; align-items:center; padding-top: 24px; } ul.sotials-header li { list-style:none; position:relative; cursor:pointer; background-repeat:no-repeat; } ul.sotials-header li a.telegram__link, ul.sotials-header li a.youtube__link { display:block; width:24px; height:24px; } ul.sotials-header li:not(:first-child) { margin-left:24px; } ul.sotials-header li.youtube{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0ZM17.0008 7.87466C17.5516 8.0258 17.9853 8.47111 18.1325 9.03661C18.4 10.0615 18.4 12.2 18.4 12.2C18.4 12.2 18.4 14.3384 18.1325 15.3634C17.9853 15.9289 17.5516 16.3742 17.0008 16.5254C16.0027 16.8 12 16.8 12 16.8C12 16.8 7.99731 16.8 6.99913 16.5254C6.44836 16.3742 6.01462 15.9289 5.86742 15.3634C5.6 14.3384 5.6 12.2 5.6 12.2C5.6 12.2 5.6 10.0615 5.86742 9.03661C6.01462 8.47111 6.44836 8.0258 6.99913 7.87466C7.99731 7.6 12 7.6 12 7.6C12 7.6 16.0027 7.6 17.0008 7.87466Z' fill='%23CDD1D9'/%3E%3Cpath d='M10.7998 14.3999V10.3999L13.9998 12.4L10.7998 14.3999Z' fill='%23CDD1D9'/%3E%3C/svg%3E"); } ul.sotials-header li.telegram{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12ZM9.8 17.5L10.0042 14.4411L10.004 14.441L15.5685 9.4195C15.8127 9.20276 15.5151 9.09707 15.1909 9.29366L8.32364 13.6262L5.35734 12.7003C4.71675 12.5042 4.71215 12.064 5.50116 11.7475L17.0602 7.29043C17.5881 7.05075 18.0976 7.41723 17.8961 8.22525L15.9276 17.5015C15.7901 18.1607 15.3919 18.3184 14.84 18.0139L11.8414 15.7985L10.4 17.2C10.3955 17.2044 10.3909 17.2088 10.3864 17.2132C10.2252 17.3701 10.0919 17.5 9.8 17.5Z' fill='%23CDD1D9'/%3E%3C/svg%3E"); } ul.sotials-header li.youtube:hover{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0ZM17.0008 7.87466C17.5516 8.0258 17.9853 8.47111 18.1325 9.03661C18.4 10.0615 18.4 12.2 18.4 12.2C18.4 12.2 18.4 14.3384 18.1325 15.3634C17.9853 15.9289 17.5516 16.3742 17.0008 16.5254C16.0027 16.8 12 16.8 12 16.8C12 16.8 7.99731 16.8 6.99913 16.5254C6.44836 16.3742 6.01462 15.9289 5.86742 15.3634C5.6 14.3384 5.6 12.2 5.6 12.2C5.6 12.2 5.6 10.0615 5.86742 9.03661C6.01462 8.47111 6.44836 8.0258 6.99913 7.87466C7.99731 7.6 12 7.6 12 7.6C12 7.6 16.0027 7.6 17.0008 7.87466Z' fill='%2392278f'/%3E%3Cpath d='M10.7998 14.3999V10.3999L13.9998 12.4L10.7998 14.3999Z' fill='%2392278f'/%3E%3C/svg%3E"); } ul.sotials-header li.telegram:hover{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12ZM9.8 17.5L10.0042 14.4411L10.004 14.441L15.5685 9.4195C15.8127 9.20276 15.5151 9.09707 15.1909 9.29366L8.32364 13.6262L5.35734 12.7003C4.71675 12.5042 4.71215 12.064 5.50116 11.7475L17.0602 7.29043C17.5881 7.05075 18.0976 7.41723 17.8961 8.22525L15.9276 17.5015C15.7901 18.1607 15.3919 18.3184 14.84 18.0139L11.8414 15.7985L10.4 17.2C10.3955 17.2044 10.3909 17.2088 10.3864 17.2132C10.2252 17.3701 10.0919 17.5 9.8 17.5Z' fill='%2392278f'/%3E%3C/svg%3E"); } .telegram__wrapper { position: absolute; right: -50px; background-color: #f5f7fa; padding:10px; display:none; border-radius:4px; } @media(max-width:600px){ .telegram__wrapper { right:-100px; } } .telegram__wrapper a { display: block; white-space: nowrap; font-size: 13px; padding: 5px 3px; } ul.sotials-header li.telegram:hover .telegram__wrapper { display:block; } ul.sotials-header li a.telegram__link.telegram__link--decktop{ display:block; } ul.sotials-header li a.telegram__link.telegram__link--mobile{ display:none; } @media(max-width:820px){ ul.sotials-header { align-items:flex-start; } ul.sotials-header li.telegram:hover, ul.sotials-header li.telegram:active { background-image: url(data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12ZM9.8 17.5L10.0042 14.4411L10.004 14.441L15.5685 9.4195C15.8127 9.20276 15.5151 9.09707 15.1909 9.29366L8.32364 13.6262L5.35734 12.7003C4.71675 12.5042 4.71215 12.064 5.50116 11.7475L17.0602 7.29043C17.5881 7.05075 18.0976 7.41723 17.8961 8.22525L15.9276 17.5015C15.7901 18.1607 15.3919 18.3184 14.84 18.0139L11.8414 15.7985L10.4 17.2C10.3955 17.2044 10.3909 17.2088 10.3864 17.2132C10.2252 17.3701 10.0919 17.5 9.8 17.5Z' fill='%2392278f'/%3E%3C/svg%3E); height: 20px; } ul.sotials-header li a.telegram__link.telegram__link--decktop{ display:none; } ul.sotials-header li a.telegram__link.telegram__link--mobile{ display:block; } } .modal__dialog a.btn-md { color:#ffffff; } .form_radio_btn { display: inline-block; position: relative; } .form_radio_btn input[type=radio] { opacity:0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .form_radio_btn label { display: inline-block; cursor: pointer; padding: 0px 15px; line-height: 34px; border: 1px solid #92278f; border-radius: 4px; user-select: none; margin-top:0; } /* Checked */ .form_radio_btn input[type=radio]:checked + label { background: #92278f; color: #fff; } /* Hover */ .form_radio_btn input[type=radio]:not(:checked):hover + label { color: #92278f; background: #92278f1a; } /* Disabled */ .form_radio_btn input[type=radio]:disabled + label { background: #efefef; color: #666; } .video-detail { position: relative; padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */ height: 0; overflow: hidden; } .video-detail iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 0; outline-width: 0; } ol li { margin:2rem 0; } .similar-video{ margin-bottom:5rem; } .similar-video .person-video__card { margin-bottom:20px; } .article-sitebar .btn.btn--video { display:flex; align-items:center; justify-content:center; max-width:300px; } @media(max-width:320px){ .article-sitebar .btn.btn--video { font-size: 12px; box-sizing: border-box; padding: 12px 0; } } .quote{ background-color: #F5F7FA; padding:16px 24px 16px 74px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='34' height='24' viewBox='0 0 34 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34 0L22.6351 24H14.4902L28.2228 0H34ZM19.5097 0L8.14485 24H0L13.7326 0H19.5097Z' fill='%23C9D0D9'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:16px 16px; } .quote p{ font-size: 13px; line-height: 180%; letter-spacing: 0.01rem; } .important svg { min-width:90px; } .timeline { display:flex; margin-bottom:50px; } .timeline__wrapper { position:relative; width:25%; min-width:25%; display:flex; flex-direction:column; } .timeline__line:after { position: absolute; content: ""; background: #92278f; width: 1px; height: 30px; bottom: -20px; } } .timeline__line:before { position:absolute; content:""; background:#92278f; } .timeline__line { position:relative; width:100%; height:1px; background-color:#92278f; } .timeline__data { position:relative; text-align: center; font-size: 12px; margin: 0 auto; margin-bottom: 10px; background: #EDE9F7; font-weight: 600; text-transform: uppercase; display: inline-flex; padding: 0.5rem; border-radius:4px; } .timeline__data:after { background-color: #EDE9F7; content: ' '; position: absolute; width: 15px; height: 15px; z-index: 999; bottom:-25px; left: 50%; transform: translate(-50%, calc(-100% - 5px)) rotate(45deg); } .timeline__content { font-size: 13px; padding: 0.5rem; margin: 0.5rem; text-align: center; border: 1px solid #92278f; min-height: 142px; background: #ede9f75c; border-radius: 4px; display: flex; align-items: center; } @media(max-width:600px){ .timeline { flex-direction:column; } .timeline__wrapper { width:100%; } .timeline__line { background-color:transparent; } .timeline__line:after { display:none; } .personalcard.personalcard--small { width:auto; } } .review-card--video { padding: 0; } .video-detail { position: relative; padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */ height: 0; overflow: hidden; } .video-detail iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 0; outline-width: 0; } .review-card--video .review-card__header { position:absolute; visibility: hidden; } thead tr td p { font-weight:500; color:#92278f; font-size:0.8rem; white-space: nowrap; text-transform:uppercase; } thead tr td { padding:1rem; border: 1px solid #CDD1D9; } tbody tr td { padding:1rem; border: 1px solid #CDD1D9; vertical-align: top; } tbody tr td p { font-size:0.9rem; } .table-wrapper { overflow-x:scroll } .table-adaptive { width:100%; max-width:100%; cursor: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='13.0607' y1='13' x2='17' y2='16.9393' stroke='%23272C3E' stroke-width='1.5' stroke-linecap='round'/%3E%3Ccircle cx='7.5' cy='7.5' r='6.75' stroke='%23272C3E' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")16 16, pointer;; } .table-adaptive table { width:auto; } @media(max-width:600px){ .row.stkey-parent .col-xl-8 { order: 2; max-width: 100%; } } /* End */ /* /local/css/article/article.css?177071167461357 */