@font-face { font-family: "Golos Text"; src: url(/fonts/GolosText-Regular.woff2) format("woff2"), url(/fonts/GolosText-Regular.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Golos Text"; src: url(/fonts/GolosText-Bold.woff2) format("woff2"), url(/fonts/GolosText-Bold.woff) format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Golos Text"; src: url(/fonts/GolosText-Black.woff2) format("woff2"), url(/fonts/GolosText-Black.woff) format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url(/fonts/Roboto.woff2) format("woff2"), url(/fonts/Roboto.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Source Serif Pro"; src: url(/fonts/SourceSerifPro-Regular.woff2) format("woff2"), url(/fonts/SourceSerifPro-Regular.woff2) format("woff"); font-weight: 100; font-style: normal; font-display: swap; } html { width: 100%; } html body { font-family: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; background-color: #f5f5f5; overflow-y: scroll; } html body.dark { background-color: #7a7a7a; } html body.dark header .header__bottom { background-color: #989898; } html body .section { padding-left: 20px; padding-right: 20px; } html body .section .section-wrapper { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1306px; } html body .breadcrumbs { display: flex; } html body .breadcrumbs .breadcrumb { position: relative; display: inline-block; background: transparent; font: 12px/14px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; color: #5a748b; letter-spacing: 0.15em; text-transform: uppercase; padding: 0; margin-right: 30px; } html body .breadcrumbs .breadcrumb:not(:last-child):before { display: block; position: absolute; content: "•"; right: -16px; color: #a8a8a8; } #zuck-modal .item .blur-bg { background-image: url(https://green.amic.ru/images/news/webp/508059_size1.webp); height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; filter: brightness(0.4) blur(10px); transform: scalex(-1); } #zuck-modal .item .image-container { height: 75%; background-color: #000; border-radius: 30px; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; width: 50%; max-width: 35%; overflow: hidden; box-shadow: #000 0 0 10px; display: flex; align-items: center; } #zuck-modal .item .image-container img { width: 100%; } @media (max-width: 500px) { #zuck-modal .item .image-container { bottom: auto; top: 185px; height: 38%; } } #zuck-modal .item .title a { background: #000000ab; z-index: 9; position: absolute; width: 50%; left: 0; right: 0; margin: auto; color: #fff; padding: 30px; border-radius: 20px; box-shadow: black 0 0 4px; font-weight: bold; } #zuck-modal .item .comments { position: absolute; right: 0; background: #000000ab; z-index: 1; color: white; width: 300px; padding: 30px; font-size: 12px; } #zuck-modal .item .comments .comment { margin-bottom: 15px; border-bottom: 1px solid white; } #zuck-modal .item .comments .comment .published_at { font-size: 10px; color: #a4a3a3; } @media (max-width: 500px) { #zuck-modal .item .comments { display: none; } } @media (max-width: 1024px) { #zuck-modal .item .title a { width: 80%; font-size: 20px; top: 20px; text-align: center; } #zuck-modal .item .image-container { width: 90%; max-width: 90%; } } #zuck-modal #zuck-modal-content .story-viewer .head .left .back { color: white; } @media (max-width: 500px) { #zuck-modal #zuck-modal-content .story-viewer .head .left .info .name { display: none; } } #stories .story { max-width: 110px !important; } #stories .story .item-link { position: relative; perspective: 1000px; } #stories .story .item-link:hover .item-preview { opacity: 0; transform: rotateY(180deg); } #stories .story .item-link:hover .info { opacity: 1; transform: rotateY(0deg); } #stories .story .item-link .item-preview { transform-style: preserve-3d; transition: transform 0.8s, opacity 0.8s; max-height: 110px !important; opacity: 1; } #stories .story .item-link .info { display: block; margin-top: 0; line-height: 1.2em; width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; position: absolute; white-space: normal; top: 0; left: 0; opacity: 0; transform-style: preserve-3d; transition: transform 0.8s, opacity 0.8s; transform: rotateY(180deg); } #stories .story .item-link .info .name { height: 100%; display: block; overflow: hidden; text-overflow: ellipsis; font-size: 14px; } @media (max-width: 500px) { #stories .story .item-link .info { max-height: 100%; overflow-y: scroll; margin-top: 0; } } @media (max-width: 500px) { #stories { margin-bottom: 18px; } } header #js-header-bottom-id.fixed { position: fixed; top: 0; z-index: 99999; width: 100%; } @media (max-width: 500px) { header .nav-cont { max-width: 100%; overflow: hidden; position: relative; } header .nav-cont .header__bottom .header-bottom__nav { display: none; } header .nav-cont .header__bottom .header-bottom__wrapper .header-bottom__side { display: none; } header .nav-cont .burger { position: absolute; height: 30px; width: 25px; top: 0; bottom: 0; right: 15px; margin: auto; } header .nav-cont .burger .hamburger { display: block; position: absolute; height: 2px; width: 100%; top: 0px; bottom: 0; margin: auto; background: black; } header .nav-cont .burger .hamburger:before { content: ""; display: block; position: absolute; height: 2px; width: 100%; top: -6px; background: black; } header .nav-cont .burger .hamburger:after { content: ""; display: block; position: absolute; height: 2px; width: 100%; top: 6px; background: black; } header .nav-cont .dots { position: absolute; height: 30px; width: 25px; top: 0; bottom: 0; right: 60px; margin: auto; display: flex; justify-content: center; align-items: center; } header .nav-cont .dots .dots-anhcor { height: 4px; width: 4px; background: #a8a8a8; border-radius: 50%; } header .nav-cont .dots .dots-anhcor:before, header .nav-cont .dots .dots-anhcor:after { content: ""; position: absolute; height: 4px; width: 4px; background: #a8a8a8; border-radius: 50%; } header .nav-cont .dots .dots-anhcor:before { top: 5px; } header .nav-cont .dots .dots-anhcor:after { top: 20px; } } header { position: relative; padding: 10px 0; } header #stories { display: none; } header #stories.stories { display: block; } @media (max-width: 991px) { header .stories-cel { max-width: 100%; } } header .stories_cont { display: flex; height: 100%; align-items: center; } @media (max-width: 500px) { header .stories_cont { margin-right: -15px; } } @media (max-width: 991px) { header .header-center__comments { display: none; } } header .header-center__info { color: #5a748b; align-items: center; display: flex; height: 100%; } header .header-center__info-link { white-space: nowrap; color: #3b9b00; line-height: 22px; } header .header-center__info-link_down { color: #ad0000; } header .header-comments__item:not(:last-child) { margin-bottom: 8px; } header .header-comments__title { margin-bottom: 5px; font-size: 12px; line-height: 17px; color: #a8a8a8; text-transform: uppercase; letter-spacing: 0.1em; } header .header-comments-item__bottom, header .header-comments-item__text { line-height: 16px; max-height: 32px; overflow: hidden; font-size: 12px; } header .header-comments-item__bottom { display: flex; justify-content: space-between; color: #a8a8a8; } header .header-comments-item__bottom .header-comments-item__title { max-width: 355px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } header .header-comments-item__bottom .header-comments-item__time { white-space: nowrap; } header .header__bottom { background-color: white; } header .header__bottom .header-bottom__wrapper { display: flex; justify-content: space-between; padding: 15px 0 13px; } header .header__bottom .header-bottom__wrapper .header-bottom__main { display: flex; align-items: center; } header .header__bottom .header-bottom__wrapper .header-bottom__main .header-bottom__logo { margin-right: 32px; } header .header__bottom .header-bottom__wrapper .header-bottom__main .header-bottom__nav { margin: 0 42px 0 53px; } header .header__bottom .header-bottom__wrapper .header-bottom__main .header-bottom__nav .header-nav .header-nav__list { display: flex; list-style: none; margin: 0; } header .header__bottom .header-bottom__wrapper .header-bottom__main .header-bottom__nav .header-nav .header-nav__list .header-nav__item:not(:last-child) { margin-right: 23px; } header .header__bottom .header-bottom__wrapper .header-bottom__main .header-bottom__nav .header-nav .header-nav__list .header-nav__link { font: 700 12px/14px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.065em; } header .header__bottom .header-bottom__wrapper .header-bottom__side { display: flex; } header .header__bottom .header-bottom__wrapper .header-bottom__side .header-bottom__buttons { display: flex; align-items: center; } header .header__bottom .header-bottom__wrapper .header-bottom__side .header-bottom__buttons .header-bottom__button:not(:last-child) { margin-right: 10px; } @media (max-width: 500px) { header .header__bottom .header-bottom__wrapper { display: flex; justify-content: space-between; padding: 0; } header .header__bottom .header-bottom__wrapper .header-bottom__main .header-bottom__logo { margin-right: 0; padding: 7px 0; } } header #stories { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } header #stories::-webkit-scrollbar { display: none; } @media (max-width: 500px) { .sidemenu_overlay, .sidemenu_rubrics_overlay { position: fixed; width: 100%; height: 100%; left: 100%; top: 0; background: #00000055; color: white; transition: 0.2s ease-in-out; } .sidemenu_overlay.active, .sidemenu_rubrics_overlay.active { left: 0; } .sidemenu_overlay .sidemenu, .sidemenu_rubrics_overlay .sidemenu { display: block; height: 100%; width: calc(100% - 30px); margin-left: 30px; background-color: #3b5573; } .sidemenu_overlay .sidemenu .sidemenu_header, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header { background: #eaeaea; padding: 10px; display: flex; align-items: center; } .sidemenu_overlay .sidemenu .sidemenu_header .search_form, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .search_form { display: flex; flex-grow: 1; } .sidemenu_overlay .sidemenu .sidemenu_header .search_form input, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .search_form input { display: block; border: none; flex-grow: 1; border-top-left-radius: 50px; border-bottom-left-radius: 50px; outline: none; padding: 4px 3px 4px 26px; width: 20%; background-image: url(/img/search.svg); background-repeat: no-repeat; background-size: 14px; background-position: 9px 8px; } .sidemenu_overlay .sidemenu .sidemenu_header .search_form button, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .search_form button { display: block; border: none; background: #f5f5f5; color: #f6911f; border-top-right-radius: 50px; border-bottom-right-radius: 50px; padding: 3px 10px; outline: none; } .sidemenu_overlay .sidemenu .sidemenu_header .hamburger, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .hamburger { display: flex; color: #767471; height: 15px; margin-left: 15px; } .sidemenu_overlay .sidemenu .sidemenu_header .hamburger .hamburger-inner, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .hamburger .hamburger-inner { background-color: #767471; } .sidemenu_overlay .sidemenu .sidemenu_header .hamburger .hamburger-inner:after, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .hamburger .hamburger-inner:after { background-color: #767471; } .sidemenu_overlay .sidemenu .sidemenu_content ul, .sidemenu_rubrics_overlay .sidemenu .sidemenu_content ul { list-style: none; padding: 0; margin-top: 15px; } .sidemenu_overlay .sidemenu .sidemenu_content ul li, .sidemenu_rubrics_overlay .sidemenu .sidemenu_content ul li { margin-bottom: 15px; } .sidemenu_overlay .sidemenu .sidemenu_content ul li a, .sidemenu_rubrics_overlay .sidemenu .sidemenu_content ul li a { position: relative; font-size: 20px; padding: 0 0 0 30px; text-decoration: none; color: white; font-weight: bold; } .sidemenu_overlay .sidemenu .sidemenu_content .header-bottom__buttons, .sidemenu_rubrics_overlay .sidemenu .sidemenu_content .header-bottom__buttons { padding: 0 30px; margin-bottom: 5px; } .sidemenu_overlay .sidemenu .sidemenu_content .header-bottom__buttons .header-bottom__button, .sidemenu_rubrics_overlay .sidemenu .sidemenu_content .header-bottom__buttons .header-bottom__button { margin-bottom: 5px; } .sidemenu_overlay .sidemenu .sidemenu_content .header-bottom__buttons .header-bottom__button a, .sidemenu_rubrics_overlay .sidemenu .sidemenu_content .header-bottom__buttons .header-bottom__button a { width: 140px; } } .hamburger { display: block; position: absolute; height: 15px; right: 0px; color: gray; } .hamburger .hamburger-inner { background-color: gray; } @media not (max-width: 500px) { .burgerd { line-height: 12px; font-size: 23px; cursor: pointer; } /* .burger{ position: absolute; height: 30px; width: 25px; bottom: 26px; left: 15px; margin: auto; .hamburger{ display: block; position: absolute; height: 2px; width: 100%; top: 0px; bottom: 0; margin: auto; background: black; &:before{ content: ""; display: block; position: absolute; height: 2px; width: 100%; top: -6px; background: black; } &:after{ content: ""; display: block; position: absolute; height: 2px; width: 100%; top: 6px; background: black; } } } */ .dots { position: absolute; height: 30px; width: 25px; top: 0; bottom: 0; right: 60px; margin: auto; display: flex; justify-content: center; align-items: center; } .dots .dots-anhcor { height: 4px; width: 4px; background: #a8a8a8; border-radius: 50%; } .dots .dots-anhcor:before, .dots .dots-anhcor:after { content: ""; position: absolute; height: 4px; width: 4px; background: #a8a8a8; border-radius: 50%; } .dots .dots-anhcor:before { top: 5px; } .dots .dots-anhcor:after { top: 20px; } .sidemenu_overlay, .sidemenu_rubrics_overlay { position: fixed; width: 100%; height: 100%; left: 100%; top: 0; background: #00000055; color: white; transition: 0.2s ease-in-out; } .sidemenu_overlay.active, .sidemenu_rubrics_overlay.active { left: 0; backdrop-filter: blur(5px); } .sidemenu_overlay .sidemenu, .sidemenu_rubrics_overlay .sidemenu { display: block; height: 100%; background-color: #3b5573; width: calc(100% - 300px); margin: 0 auto; opacity: 0.9; } .sidemenu_overlay .sidemenu .sidemenu_header, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header { background: #eaeaea; padding: 10px; display: flex; align-items: center; } .sidemenu_overlay .sidemenu .sidemenu_header .search_form, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .search_form { display: flex; flex-grow: 1; } .sidemenu_overlay .sidemenu .sidemenu_header .search_form input, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .search_form input { display: block; border: none; flex-grow: 1; border-top-left-radius: 50px; border-bottom-left-radius: 50px; outline: none; padding: 4px 3px 4px 26px; width: 20%; background-image: url(/img/search.svg); background-repeat: no-repeat; background-size: 14px; background-position: 9px 8px; } .sidemenu_overlay .sidemenu .sidemenu_header .search_form button, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .search_form button { display: block; border: none; background: #f5f5f5; color: #f6911f; border-top-right-radius: 50px; border-bottom-right-radius: 50px; padding: 3px 10px; outline: none; } .sidemenu_overlay .sidemenu .sidemenu_header .hamburger, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .hamburger { display: flex; color: #767471; height: 15px; margin-left: 15px; } .sidemenu_overlay .sidemenu .sidemenu_header .hamburger .hamburger-inner, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .hamburger .hamburger-inner { background-color: #767471; } .sidemenu_overlay .sidemenu .sidemenu_header .hamburger .hamburger-inner:after, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .hamburger .hamburger-inner:after { background-color: #767471; } .sidemenu_overlay .sidemenu .sidemenu_header .hamburger, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .hamburger, .sidemenu_overlay .sidemenu .sidemenu_header .dots, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .dots { position: relative; width: 20px; } .sidemenu_overlay .sidemenu .sidemenu_header .hamburger.is-active .hamburger-box, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .hamburger.is-active .hamburger-box, .sidemenu_overlay .sidemenu .sidemenu_header .dots.is-active .hamburger-box, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .dots.is-active .hamburger-box { transform: rotate(45deg); } .sidemenu_overlay .sidemenu .sidemenu_header .hamburger.is-active .hamburger-box:before, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .hamburger.is-active .hamburger-box:before, .sidemenu_overlay .sidemenu .sidemenu_header .dots.is-active .hamburger-box:before, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .dots.is-active .hamburger-box:before { top: 0; transform: rotate(90deg); } .sidemenu_overlay .sidemenu .sidemenu_header .hamburger.is-active .hamburger-box:after, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .hamburger.is-active .hamburger-box:after, .sidemenu_overlay .sidemenu .sidemenu_header .dots.is-active .hamburger-box:after, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .dots.is-active .hamburger-box:after { display: none; } .sidemenu_overlay .sidemenu .sidemenu_header .hamburger .hamburger-box, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .hamburger .hamburger-box, .sidemenu_overlay .sidemenu .sidemenu_header .dots .hamburger-box, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .dots .hamburger-box { display: block; position: absolute; height: 2px; width: 100%; top: 0px; bottom: 0; margin: auto; background: black; } .sidemenu_overlay .sidemenu .sidemenu_header .hamburger .hamburger-box:before, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .hamburger .hamburger-box:before, .sidemenu_overlay .sidemenu .sidemenu_header .dots .hamburger-box:before, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .dots .hamburger-box:before { content: ""; display: block; position: absolute; height: 2px; width: 100%; top: -6px; background: black; } .sidemenu_overlay .sidemenu .sidemenu_header .hamburger .hamburger-box:after, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .hamburger .hamburger-box:after, .sidemenu_overlay .sidemenu .sidemenu_header .dots .hamburger-box:after, .sidemenu_rubrics_overlay .sidemenu .sidemenu_header .dots .hamburger-box:after { content: ""; display: block; position: absolute; height: 2px; width: 100%; top: 6px; background: black; } .sidemenu_overlay .sidemenu .sidemenu_content, .sidemenu_rubrics_overlay .sidemenu .sidemenu_content { margin: 20px 50px; overflow: hidden; } .sidemenu_overlay .sidemenu .sidemenu_content .list-wrapper, .sidemenu_rubrics_overlay .sidemenu .sidemenu_content .list-wrapper { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; border-top: 1px solid #ea943a; margin-top: 0px; padding-top: 8px; } .sidemenu_overlay .sidemenu .sidemenu_content ul, .sidemenu_rubrics_overlay .sidemenu .sidemenu_content ul { list-style: none; padding: 0; margin-top: 15px; margin-bottom: 0px; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .sidemenu_overlay .sidemenu .sidemenu_content ul li, .sidemenu_rubrics_overlay .sidemenu .sidemenu_content ul li { margin-bottom: 15px; } .sidemenu_overlay .sidemenu .sidemenu_content ul li a, .sidemenu_rubrics_overlay .sidemenu .sidemenu_content ul li a { position: relative; font-size: 20px; padding: 0 0 0 30px; text-decoration: none; color: white; font-weight: bold; } .sidemenu_overlay .sidemenu .sidemenu_content ul .hr, .sidemenu_rubrics_overlay .sidemenu .sidemenu_content ul .hr { width: 50%; border-top: solid #e8864b 1px; } .sidemenu_overlay .sidemenu .sidemenu_content .header-bottom__buttons, .sidemenu_rubrics_overlay .sidemenu .sidemenu_content .header-bottom__buttons { display: none; } } body > main { margin-top: 20px; } @media (max-width: 500px) { body > main { margin-top: 0px; } } .news-link { text-decoration: none; color: #3e3e3e; outline: none; transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); font: 700 18px/32px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; margin-bottom: 10px; display: block; } .lenta { background: white; font: 14px/20px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; min-height: 100%; overflow-x: hidden; } .lenta h3 { font: 14px/20px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; margin: 0; display: flex; } .lenta h3 .published_at { transition: 0.3s; display: flex; min-height: 100%; max-width: 82px; min-width: 82px; font: 12px/17px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; color: #a8a8a8; align-items: center; justify-content: center; flex-direction: column; align-content: center; justify-items: center; text-align: center; padding: 0 3px; } .lenta h3 .published_at .commnets { display: block; } .lenta h3 .published_at .commnets .icon { width: 10px; height: 10px; fill: #a8a8a8; margin-right: 5px; } .lenta .list-wrapper > div { padding: 12px 2px 12px 10px; transition: background-color 0.3s; } .lenta .list-wrapper > div a { transition: 0.3s; flex-grow: 1; } .lenta .list-wrapper > div:hover { background: #f6911f; } .lenta .list-wrapper > div:hover .published_at { color: hsla(0, 0%, 100%, 0.5); } .lenta .list-wrapper > div:hover a { color: white; } .lenta .all-news { display: flex; padding: 30px; justify-content: center; } .lenta .all-news a { display: block; padding: 10px 20px; border-radius: 50px; background: #f5f5f5; color: #f6911f; } .footer { margin-top: 30px; background-color: #eaeaea; color: #878787; padding: 30px 0 0 0; } .footer .footer-nav__item a { font: 12px/25px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; color: #5a748b; } .footer .footer-top__about { font: 10px/16px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; color: #878787; } @media (max-width: 500px) { .footer .footer-top__about { font: 12px/20px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } } .footer .socials .socials__list { display: flex; } .footer .socials .icon { fill: #B7A8A8; width: 24px; height: 14px; } .footer .footer__bottom { background: white; padding: 8px 0; font: 12px/18px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; color: #a8a8a8; } .footer .footer__bottom a { color: #a8a8a8; } .main-view { display: flex; flex-wrap: wrap; } .main-view picture { filter: brightness(0.7); } .main-view .group { position: relative; width: 40%; } @media (max-width: 500px) { .main-view .group { width: 100%; } } .main-view .group::after { content: ""; position: absolute; height: calc(100% - 30px); top: 0; bottom: 0; left: 0; display: block; width: 1px; background-color: #e8e8e8; z-index: 1; margin: auto; } .news-item { z-index: 1; text-align: left; display: flex; align-items: flex-end; justify-content: flex-start; align-content: flex-end; flex-wrap: wrap; overflow: hidden; position: relative; } @media (max-width: 500px) { .news-item { width: 100% !important; } } .news-item.main { width: 100%; box-shadow: black 0 0 14px -5px; } .news-item.main a { color: white; } .news-item picture:after { position: absolute; transition: 0.3s; opacity: 1; content: ""; height: 100%; width: 100%; top: 0; left: 0; background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)); } .news-item picture:hover::after { opacity: 0.4; } .news-item .meta { position: absolute; bottom: 0; left: 0; color: #fff; padding: 15px 30px; } .news-item .meta .title { font: 700 28px/32px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; margin-bottom: 10px; } @media (max-width: 500px) { .news-item .meta .title { font-size: 14px; line-height: 16px; } } @media (max-width: 500px) and (resolution: 150dpi) { .news-item .meta .title { font-size: 10px; line-height: 12px; } } .news-item .meta .lead { margin-bottom: 15px; font: 18px/25px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; color: hsla(0, 0%, 100%, 0.8); font-size: 16px; line-height: 150%; } @media (max-width: 500px) { .news-item .meta .lead { font-size: 12px; } } .news-item .meta .published_at { color: hsla(0, 0%, 100%, 0.5); font: 12px/17px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } .news-item .meta .published_at .commnets { margin-left: 20px; } .news-item .meta .published_at .icon { width: 10px; height: 10px; fill: #a8a8a8; margin-right: 5px; } .news-item.main { margin-bottom: 30px; } .news-item.high .meta .title { font-weight: 700 !important; } .news-item.high, .news-item.low { width: 60%; align-content: center; background: white; } .news-item.high:hover .published_at, .news-item.low:hover .published_at { color: #3b5573; } .news-item.high .meta, .news-item.low .meta { position: relative; color: #3e3e3e; padding: 50px 15px 15px 15px; } .news-item.high .meta .title, .news-item.low .meta .title { font: 24px/34px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } .news-item.high .meta .lead, .news-item.low .meta .lead { font-size: 16px; line-height: 150%; color: #3e3e3e; } .news-item.high .meta .published_at, .news-item.low .meta .published_at { position: absolute; top: 15px; left: 15px; color: #aeaeae; } .news-item.low { width: 100%; padding-bottom: 15px; } .news-item.low .meta .title { font: 18px/26px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; margin: 0; } .news-item.low:nth-child(1)::after { content: ""; position: absolute; width: calc(100% - 15px); bottom: 0; left: 0; display: block; height: 1px; background-color: #e8e8e8; z-index: 1; } #lenta-container { -ms-overflow-style: none; scrollbar-width: none; overflow-y: scroll; } @media (max-width: 500px) { #lenta-container { max-height: 100% !important; } } #lenta-container::-webkit-scrollbar { display: none; } #lenta-container + .shadow { position: relative; width: 100%; content: ""; top: -50px; left: 0; right: 0; margin: auto; height: 50px; background: linear-gradient(transparent, #fff); } .partner-news { margin-top: 30px; } .partner-news > div { flex-grow: 1; } .partner-news #top_slider { display: flex; overflow: hidden; position: relative; } .partner-news #top_slider .arrows { position: absolute; height: 50px; width: 100%; top: 27%; left: 0; z-index: 1; font-size: 25px; } .partner-news #top_slider .arrows > div { position: absolute; top: 0; cursor: pointer; height: 50px; width: 50px; color: white; border-radius: 50%; background: #f6911f; display: flex; align-items: center; justify-content: center; } .partner-news #top_slider .arrows > div svg { fill: white; height: 20px; width: 20px; } .partner-news #top_slider .arrows > div.next { right: 0px; } .partner-news #top_slider .arrows > div.prev { left: 0px; } .partner-news #top_slider .slides { display: flex; overflow: hidden; position: relative; } .partner-news #top_slider .slides > div { min-width: 100%!important; padding: 0; margin-right: 15px; transform: translate(0, 0); transition: 0.3s; } .partner-news .partner-news-item { position: relative; background-color: white; height: 100%; padding-bottom: 30px; } .partner-news .partner-news-item .meta { padding: 15px; } .partner-news .partner-news-item .meta h2 { font: 18px/22px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } .partner-news .partner-news-item .meta .published_at { position: absolute; bottom: 15px; left: 15px; color: #a8a8a8; } .partner-news .partner-news-item .meta .published_at .icon { width: 10px; height: 10px; fill: #a8a8a8; margin-right: 5px; } .slpager { position: absolute; bottom: 20px; right: 30px; z-index: 100; } .slider-indicator { flex: 0 1 auto; box-sizing: content-box; width: 10px; height: 5px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255, 255, 255, 0.6); background-clip: padding-box; border-top: 15px solid transparent; border-bottom: 15px solid transparent; cursor: pointer; display: block; float: left; } .slider-indicator.active { background-color: #ff7f00; z-index: 101; } .slinner { z-index: 101; } .main-view > div { flex-grow: 1; } .main-view #top_mslider { display: flex; overflow: hidden; position: relative; width: 100%; box-shadow: #000 0 0 14px -5px; margin-bottom: 30px; } .main-view #top_mslider .arrows { position: absolute; height: 50px; width: 100%; top: 44%; left: 0; z-index: 100; font-size: 25px; opacity: 0.7; } @media (max-width: 500px) { .main-view #top_mslider .arrows { top: 8%; } } .main-view #top_mslider .arrows > div { position: absolute; top: 0; cursor: pointer; height: 50px; width: 50px; color: white; border-radius: 50%; background: #f6911f; display: flex; align-items: center; justify-content: center; } .main-view #top_mslider .arrows > div svg { fill: white; height: 20px; width: 20px; } .main-view #top_mslider .arrows > div.next { right: 5px; } .main-view #top_mslider .arrows > div.prev { left: 5px; } .main-view #top_mslider .slides { display: flex; overflow: hidden; position: relative; width: 100%; } .main-view #top_mslider .slides > div { min-width: 100%!important; padding: 0; margin-right: 15px; transform: translate(0, 0); transition: 0.3s; } .main-view .news-sitem { z-index: 1; text-align: left; display: flex; align-items: flex-end; justify-content: flex-start; align-content: flex-end; flex-wrap: wrap; overflow: hidden; position: relative; } @media (max-width: 500px) { .main-view .news-sitem { width: 100% !important; } } .main-view .news-sitem.main { width: 100%; } .main-view .news-sitem.main a { color: white; } .main-view .news-sitem picture:after { position: absolute; transition: 0.3s; opacity: 1; content: ""; height: 100%; width: 100%; top: 0; left: 0; background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)); } .main-view .news-sitem picture:hover::after { opacity: 0.4; } .main-view .news-sitem .meta { position: absolute; bottom: 0; left: 0; color: #fff; padding: 15px 30px; } .main-view .news-sitem .meta .title { font: 700 28px/32px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; margin-bottom: 10px; } @media (max-width: 500px) { .main-view .news-sitem .meta .title { font-size: 14px; line-height: 16px; } } .main-view .news-sitem .meta .lead { margin-bottom: 15px; font: 18px/25px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; color: hsla(0, 0%, 100%, 0.8); font-size: 16px; line-height: 150%; } @media (max-width: 500px) { .main-view .news-sitem .meta .lead { font-size: 12px; } } .main-view .news-sitem .meta .published_at { color: hsla(0, 0%, 100%, 0.5); font: 12px/17px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } .main-view .news-sitem .meta .published_at .commnets { margin-left: 20px; } .main-view .news-sitem .meta .published_at .icon { width: 10px; height: 10px; fill: #a8a8a8; margin-right: 5px; } .wide-widget { margin-top: 30px; } .wide-widget .cont { position: relative; } .wide-widget picture:after { position: absolute; transition: 0.3s; opacity: 1; content: ""; height: 100%; width: 100%; top: 0; left: 0; background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)); } .wide-widget picture:hover::after { opacity: 0.4; } .wide-widget .meta { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } .wide-widget .meta .topic { text-transform: uppercase; position: absolute; width: 210px; height: 40px; bottom: 5px; left: 0; right: 0; margin: auto; font: 14px/17px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; color: hsla(0, 0%, 100%, 0.5); display: flex; justify-content: center; align-items: center; } .wide-widget .meta .topic::before, .wide-widget .meta .topic::after { content: ""; display: block; position: absolute; height: 100%; width: 1px; background-color: hsla(0, 0%, 100%, 0.2); top: 0; left: 0; } .wide-widget .meta .topic::after { right: 0; left: unset; } .wide-widget .meta .topic a { color: inherit; font: inherit; } .wide-widget .meta .title { position: absolute; bottom: 60px; left: 20px; color: white; margin: 0; max-width: 541px; font: 700 30px/36px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } .wide-widget .meta .title a { color: white; } .wide-widget .meta .commnets { position: absolute; right: 20px; bottom: 20px; color: #a8a8a8; font: 12px/17px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } .wide-widget .meta .commnets .icon { width: 15px; height: 15px; fill: #a8a8a8; margin-right: 5px; } .wide-widget .adv .cont { background: white; height: 100%; display: flex; align-items: center; justify-content: center; } .text-news-widget { margin-top: 30px; } .text-news-widget > div > .cont { background: white; padding: 0 30px; } .text-news-widget .widget-title { font: 700 18px/22px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; color: #3e3e3e; padding: 30px 15px; } .text-news-widget .text-widget-item .cont { padding: 0 15px 30px 15px; position: relative; height: 100%; } .text-news-widget .text-widget-item .cont .meta .title { font: 16px/19px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; color: #3e3e3e; } .text-news-widget .text-widget-item .cont .published_at { position: absolute; width: 100%; bottom: 15px; font: 14px/17px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; color: #a8a8a8; } .text-news-widget .text-widget-item .cont .published_at .comments { position: absolute; right: 45px; } .text-news-widget .text-widget-item .cont .published_at .comments .icon { width: 10px; height: 10px; fill: #a8a8a8; margin-right: 5px; } @media not (max-width: 500px) { .widget-title { margin-bottom: -15px !important; margin-top: 25px !important; } } .topic-widget { margin-top: 30px; } .topic-widget .cont { position: relative; overflow: hidden; } @media (max-width: 500px) { .topic-widget .cont { height: auto; } } .topic-widget picture { filter: brightness(0.6); } .topic-widget .content { position: absolute; bottom: 0; left: 0; padding: 30px; max-width: 100%; } @media (max-width: 500px) { .topic-widget .content { padding: 15px; max-width: 100%; } } .topic-widget .topic-title { max-width: 608px; font: 36px/43px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; color: #fff; margin-bottom: 50px; } .topic-widget .topic-title a { color: #fff; } @media (max-width: 500px) { .topic-widget .topic-title { margin-bottom: 5px; font-size: 22px; line-height: normal; } } @media (max-width: 500px) { @keyframes move-swipe { 0% { transform: translateX(-20px); } 50% { transform: translateX(20px); } 100% { transform: translateX(-20px); } } .topic-widget .swipe-icon { animation: move-swipe 4s ease infinite; display: block; position: absolute; min-width: 50px; width: 40px; height: 40px; background-image: url(/img/swipe.svg); background-size: contain; background-repeat: no-repeat; margin: auto; left: 0; right: 0; bottom: 27px; z-index: 0; fill: white; opacity: 0.5; } } .topic-widget .topic-news { display: flex; overflow: hidden; } .topic-widget .topic-news .swipe-icon { display: none; } @media (max-width: 500px) { .topic-widget .topic-news .navigation { top: 15px; } .topic-widget .topic-news .navigation.prev { left: -17px; } .topic-widget .topic-news .navigation.next { right: -15px; } .topic-widget .topic-news .title { line-height: 20px; } } @media (max-width: 500px) { .topic-widget .topic-news > div { display: block; min-width: 95%; } .topic-widget .topic-news > div:nth-child(1) { display: block; padding: 0; } } .topic-widget .topic-news .cont { height: 100%; padding-bottom: 30px; } .topic-widget .topic-news .title { margin: 0; line-height: 23px; } .topic-widget .topic-news .title a { font: 700 16px/19px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; color: #fff; line-height: 0; } .topic-widget .topic-news .comments { color: #fff; position: absolute; bottom: 0; margin: 0; } .topic-widget .topic-news .comments .icon { width: 10px; height: 10px; fill: #fff; margin-right: 5px; } @media (max-width: 500px) { #main-view-container { order: 1; padding-right: 0; padding-left: 0; } #lenta-wrapper { order: 0; padding-right: 0; padding-left: 0; } #lenta-wrapper .news-link { padding: 0 15px; } #lenta-wrapper .lenta { margin-bottom: 15px; } #lenta-wrapper .lenta .list-wrapper > div { display: none; padding: 12px 15px 12px 15px; } #lenta-wrapper .lenta .list-wrapper > div:nth-child(-n+8) { display: block; } .partner-news { margin-top: 15px; } .partner-news > div { margin-bottom: 15px; } .wide-widget .meta h2.title { font-size: 16px; line-height: 20px; padding-right: 15px; } } .widget { position: relative; } .widget.topic-widget .navigation { top: 75px; } .widget.topic-widget .navigation.prev { left: 0px; } .widget.topic-widget .navigation.prev:after { background-color: transparent; } .widget.topic-widget .navigation.next { right: 0px; } .widget.topic-widget .navigation.next:after { background-color: transparent; } .widget .navigation { position: absolute; width: 50px; height: 50px; top: 0; bottom: 0; margin: auto; z-index: 9; opacity: 0.8; cursor: pointer; } .widget .navigation:after { content: ""; background-color: #f6911f; border-radius: 50%; height: 100%; width: 100%; color: white; display: flex; justify-content: center; align-items: center; font-size: 25px; background-repeat: no-repeat; background-position: center; } .widget .navigation.prev { left: -15px; } .widget .navigation.prev:after { background-image: url("/svg/clear/h-slider-prev.svg"); } .widget .navigation.next { right: -15px; } .widget .navigation.next:after { background-image: url("/svg/clear/h-slider-next.svg"); } .partner-news.colorful { height: 402px; overflow: hidden; display: flex; flex-wrap: nowrap; position: relative; } .partner-news.colorful .colorful-news-item { position: relative; cursor: pointer; width: 296px; height: 402px; margin: 0 15px; overflow: hidden; display: flex; min-width: 296px; } @media (max-width: 500px) { .partner-news.colorful .colorful-news-item { min-width: calc(100% - 30px); } } .partner-news.colorful .colorful-news-item a { color: #fff; text-decoration: none; } .partner-news.colorful .colorful-news-item a.button { color: #f6911f; font-size: 16px; } .partner-news.colorful .colorful-news-item .background { width: 100%; height: 100%; display: flex; justify-content: center; } .partner-news.colorful .colorful-news-item .background picture { height: 100%; } .partner-news.colorful .colorful-news-item .background picture img { height: 100%; } .partner-news.colorful .colorful-news-item:before { content: ""; position: absolute; width: 100%; height: 100%; opacity: 0.8; z-index: 1; } .partner-news.colorful .colorful-news-item.orange:before { background-color: #979795; } .partner-news.colorful .colorful-news-item.blue:before { background-color: #3b5573; } .partner-news.colorful .rubric { position: absolute; display: flex; top: 15px; width: 100%; padding: 0 13px; letter-spacing: 0.08em; white-space: nowrap; text-transform: uppercase; color: #fff; font: 700 12px/17px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; z-index: 2; } .partner-news.colorful .rubric a { margin: 0 15px; } .partner-news.colorful .rubric:before, .partner-news.colorful .rubric:after { content: ""; width: 100%; height: 1px; background: white; align-self: center; } .partner-news.colorful .title { position: absolute; top: 85px; width: 100%; text-align: center; padding: 20px; z-index: 2; font: 24px/29px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } .partner-news.colorful .title .comments { display: block; font-size: 14px; color: #fff; } .partner-news.colorful .title .comments svg { fill: #fff; width: 12px; margin-right: 7px; } #tfilters-modal { top: 40%; padding: 30px; right: 60px; left: 0; margin: auto; height: auto; border: solid 1px #eee; } .mymodal { position: fixed; top: 0; left: 0; z-index: 1050; width: 100%; height: 100%; overflow: hidden; outline: 0; } .checkbox-lg .form-check-input { top: 0.8rem; transform: scale(1.4); margin-right: 0.7rem; } .checkbox-lg .form-check-label { padding-top: 13px; font-size: 16px; padding-left: 4px; } .checkbox-xl .form-check-input { top: 1.2rem; transform: scale(1.7); margin-right: 0.8rem; } .checkbox-xl .form-check-label { padding-top: 19px; font-size: 19px; padding-left: 5px; } .btn-gray { background: rgba(59, 85, 115, 0.08); border-radius: 4px; color: #3b5573; padding: 0 30px; height: 40px; display: flex; justify-content: center; align-items: center; } /* * * Для опросника */ .inquirer-item { background-color: #5a748b; position: relative; height: 100%; padding-bottom: 30px; display: flex; justify-content: start; flex-wrap: nowrap; flex-direction: column; } .inquirer-item .rubric::after, .inquirer-item .rubric::before { content: ""; width: 100%; height: 1px; align-self: center; background: #fff; } .inquirer-item .rubric a { margin: 0 15px; color: #fff; } .inquirer-item .meta { width: 100%; } .inquirer-item .rubric { position: relative; display: flex; top: 15px; width: 100%; padding: 0 13px; letter-spacing: 0.08em; white-space: nowrap; text-transform: uppercase; color: #fff; font: 700 12px/17px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; z-index: 2; } .inquirer-item .title a { color: #fff; text-decoration: none; } .inquirer-item .title { position: relative; top: 20px; width: 100%; text-align: center; padding: 20px; z-index: 2; font: 24px/29px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } .inquirer-item .answer { display: flex; position: relative; width: 100%; top: 5px; flex-direction: column; } .inquirer-item .answer input { margin: 4px 5px 0 0; position: relative; float: left; } .inquirer-item .answer label { color: #fff; font: 16px/18px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; display: flex; } .inquirer-item .answer p { color: #fff; font: 16px/18px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } .form-check-main { margin-bottom: 15px; } .form-check-main .form-check-input-col { margin: 0; position: relative; float: left; margin-top: 5px !important; } .form-check-main .form-check-label-col { display: flex; margin-bottom: 15px; padding-left: 5px; padding-top: 5px; } .bg-amic { background: #ff8813; } .percent { color: #fff; margin-top: -5px; } .nowrap { white-space: nowrap; } .textcols { column-gap: 4%; display: block !important; } @media (max-width: 500px) { .textcols { column-count: 1; } } @media not (max-width: 500px) { .textcols { column-count: 2; } } .podcasts h1 { font-family: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; margin-bottom: 30px; } .podcasts .topic_item { margin-bottom: 30px; } .podcasts .topic_item .topic_title { color: #000; font-size: 24px; font-weight: 700; font-family: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; margin: 0 0 30px 0; display: flex; align-items: center; } .podcasts .topic_item .topic_title a { display: inline-flex; } .podcasts .topic_item .topic_title .video-list-title-link { margin-left: 15px; height: 40px; width: 40px; display: inline-flex; justify-content: center; align-items: center; background: #80808070; border-radius: 50%; } .podcasts .topic_item .topic_title .video-list-title-link svg { width: 20px; height: 20px; margin-left: 3px; } .podcasts .topic_item .topic_items .topic-news-item { display: block; flex-grow: 1; margin-bottom: 30px; } .podcasts .topic_item .topic_items .topic-news-item a { display: flex; height: 100%; flex-direction: column; } .podcasts .topic_item .topic_items .topic-news-item picture { width: 100%; } .podcasts .topic_item .topic_items .topic-news-item .meta { position: relative; background: white; flex-grow: 1; padding: 15px 15px 35px 15px; } .podcasts .topic_item .topic_items .topic-news-item .meta .title { font-size: 16px; } .podcasts .topic_item .topic_items .topic-news-item .meta .published_at { position: absolute; bottom: 15px; left: 15px; } .podcasts .pagination { margin: auto; color: #3b5573; display: flex; font: 14px/1 "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } .podcasts .pagination li { background: rgba(59, 85, 115, 0.08); display: flex; width: 40px; height: 40px; border-radius: 4px; margin-right: 7px; justify-content: center; align-items: center; } .podcasts .pagination li a { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } .podcasts .pagination li.active a { background: #f5f5f5; color: #f6911f; } .podcasts .pagination li.disabled { cursor: not-allowed; color: #b3b3b3; user-select: none; } .post-view .share-this { overflow: hidden; text-align: center; margin: 10px; } .post-view .youtube-iframe-placeholder { cursor: pointer; } .post-view .youtube-iframe-placeholder:after { content: ""; position: absolute; width: 68px; height: 68px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: url(/img/youtube-red.svg); background-size: contain; background-repeat: no-repeat; } .post-view #infinity_newsfeed { display: none; } .post-view #infinity_newsfeed .post { border-top: 1px solid #eee; } .post-view #infinity_newsfeed .post .lead { padding-bottom: 0; } @media (max-width: 500px) { .post-view #lenta-container { display: none; } .post-view #infinity_newsfeed { display: flex; } .post-view #infinity_newsfeed .list { max-width: 100%; } .post-view #infinity_newsfeed .list .post .commnets { margin-left: 20px; } .post-view #infinity_newsfeed .list .post .commnets svg { width: 10px; height: 10px; fill: #a8a8a8; margin-right: 5px; } } .post { background: white; padding: 30px; } @media (max-width: 500px) { .post { margin: 0 -15px; padding: 15px; } } .post iframe { max-width: 100% !important; width: 100%; } .post h1 { font-size: 36px; font-weight: bold; margin-bottom: 15px; } .post h2 { font: 30px/30px "Source Serif Pro", "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; color: #222; font-weight: bold; line-height: 1.5; } .post a { color: #5a748b; } .post .person { border-bottom: dashed 1px #888; } .post .lead { font-size: 20px; line-height: 140%; padding-bottom: 20px; color: #737373; } .post .published_at, .post .image-title { margin-bottom: 20px; font: 12px/14px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; color: #878787; } .post .image-title-fix { position: relative; background-color: #fff; width: 100%; display: flex; padding-top: 20px; } .post .share_and_comment { display: flex; } .post .share_and_comment a { width: 41px; height: 41px; display: flex; justify-content: center; align-items: center; background-color: rgba(59, 85, 115, 0.08); border-radius: 11px; margin-right: 5px; } .post .share_and_comment a.comments_btn { width: auto; padding: 0 20px; font: 14px/1 "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; color: #3b5573; } .post .share_and_comment a img { width: 15px; height: 15px; } .post .share_and_comment a svg { fill: #00077b; } .post .share_and_comment a svg.icon-ok { width: 9px; height: 15px; } .post .share_and_comment a svg.icon-vk { width: 16px; height: 9px; } .post .share_and_comment a svg.icon-tw { width: 15px; height: 12px; } .post .text { font: 20px/30px "Source Serif Pro", "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; color: #222; } .post .text h6 { background-color: #f7f5ee; padding: 20px 10px 20px 20px; margin: 30px 0; border-left: 2px solid #f6911f; line-height: 150%; font-size: 20px; } .post .text h5 { margin-top: -10px; color: #767676; font-size: 0.83em; } .post .text .iframe-wrapper { max-width: 100%; margin-bottom: 30px; position: relative; width: 100%; padding-bottom: 56.25%; } .post .text .iframe-wrapper iframe { position: absolute; width: 100%; height: 100%; } .post .text div.pic { margin-bottom: 20px; } .post .text .advertisement { border-radius: 5px; margin-right: 5px; padding: 5px 20px; font: 14px/16px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; background-color: rgba(0, 0, 0, 0.06); line-height: 50px; } .post .text .med_advertisement { border-radius: 5px; margin-right: 5px; padding: 5px 20px; font: 16px/18px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; background-color: rgba(0, 0, 0, 0.06); } .post .text img { max-width: 100%; } .post .text .juxtapose img { max-width: none; width: initial !important; } .post .text ul { list-style: disc; padding-left: 40px; margin-top: 1em; margin-bottom: 1 em; margin-left: 0; margin-right: 0; } .post .text div.overlayadv { position: absolute; background-color: rgba(0, 0, 0, 0.1); opacity: 0.1; } .post .fotoramast { margin-bottom: 30px; } .post .fotoramast .any { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); font-family: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; height: 100%; box-sizing: border-box; padding: 10px; background-color: #00000070; width: 100%; } .post .fotoramast .text { position: absolute; bottom: 0; height: auto; padding: 2%; width: 96%; } .post .fotoramast .header { font-size: 40px; line-height: 120%; display: block; text-align: center; } .post .fotoramast .inverse { color: #fff; text-shadow: 0 1px 0 #000; } .post .fotoramast .lid { font-size: 20px; padding-top: 10px; line-height: 120%; display: block; } .post .title_001 { position: relative; display: inline-block; background: 0 0; font: 12px/14px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; color: #5a748b; letter-spacing: 0.15em; text-transform: uppercase; padding: 0; margin: 0 0 10px 30px; } .post .title_001 a { color: #62a2db; } @media (max-width: 500px) { .post .fotoramast .header { font-size: 109%; line-height: 110%; display: block; text-align: center; } .post .fotoramast .lid { font-size: 17px; padding-top: 10px; line-height: 110%; display: block; } .post .title_001 { margin: 0 0 10px 0; letter-spacing: 0.08em; } } .post .gallery { display: flex; overflow: hidden; width: 100%; padding-bottom: 56.25%; position: relative; margin-bottom: 86px; } .post .gallery img { width: 100%; position: absolute; } .post .gallery .splide__list { height: 60px; } .post .gallery .splide__slide { opacity: 0.6; transition: 0.3s; overflow: hidden; } .post .gallery .splide__slide.is-active { opacity: 1; } @keyframes galleryButtonAnimation { 0% { transform: scale(1, 1); } 50% { transform: scale(1.3, 1.3); } 100% { transform: scale(1.2, 1.2); } } .post .gallery-wrapper { position: relative; transition: 0.2s; margin-left: auto; margin-right: auto; min-height: 340px; width: 90%; padding-bottom: 18px; } .post .gallery-wrapper .fullscreenButton { position: absolute; top: 20px; right: 20px; display: block; width: 28px; height: 28px; background-image: url("/img/fullscreen.svg"); background-size: contain; transition: 0.2s; filter: brightness(24%); opacity: 45%; } .post .gallery-wrapper .fullscreenButton:hover { transform: scale(1.2, 1.2); animation: galleryButtonAnimation 0.3s ease-in-out; } .post .gallery-wrapper.fullscreen { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; max-width: 100% !important; z-index: 9999999999; background: #000000d4; display: flex; flex-direction: column; justify-items: center; } .post .gallery-wrapper.fullscreen .gallery { height: 150px; } .post .gallery-wrapper.fullscreen .gallery-view { width: 100%; height: calc(100% - 150px); display: flex; justify-content: center; flex-grow: 1; } .post .gallery-wrapper.fullscreen .gallery-view .splide__slide { padding-bottom: 0; height: 100%; } .post .gallery-wrapper.fullscreen .gallery-view .splide__slide img { position: relative; width: auto !important; height: auto !important; } .post .gallery-wrapper.fullscreen .fullscreenButton { background-image: url("/img/close.svg"); filter: invert(1); opacity: 1; } .post .splide.gallery-view { margin-bottom: 8px; } .post .splide.gallery-view .splide__slide { padding-bottom: 56.25%; height: 0; overflow: hidden; display: flex; justify-content: center; } .post .splide.gallery-view .splide__slide .image-capture { display: block; position: absolute; width: 100%; text-align: center; bottom: 0; background: #00000078; color: white; z-index: 1; padding: 5px 20px; font: 14px/16px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } .post .splide.gallery-view .splide__slide img { position: absolute; max-width: 100%; max-height: 100%; width: auto !important; margin: auto; top: 0; bottom: 0; } .post .inject { display: flex; margin-bottom: 25px; width: 100%; } .post .inject .illustration { width: 250px; min-width: 250px; display: flex; align-items: center; margin-right: 30px; } .post .inject .illustration .picture-cont-16x9 { margin: 0; } .post .inject .meta { border-top: 1px solid #eeeeee; border-bottom: 1px solid #eee; padding: 20px 20px 20px 0; } .post .inject .meta .title { line-height: 24px; margin: 0; } .post .inject .meta .title a { color: #222; font: 700 22px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } @media (max-width: 500px) { .post .inject { flex-wrap: wrap; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eee; } .post .inject .illustration { width: 100%; min-width: 100%; margin-right: 0; padding-top: 20px; } .post .inject .meta { border-top: none; border-bottom: none; padding: 20px 0 20px 0; } .post .inject .meta .title a { font-size: 18px; } } .post .inject1 { display: block; margin-bottom: 5px; width: 320px; min-width: 320px; float: left; clear: both; padding-top: 13px; margin-right: 20px; } .post .inject1 .illustration { width: 100%; min-width: 320px; display: flex; padding-top: 10px; border-top: 3px solid #eeeeee; } .post .inject1 .illustration .picture-cont-16x9 { margin: 0; } .post .inject1 .meta { border-bottom: 1px solid #eee; padding: 14px 14px 15px 0; } .post .inject1 .meta .title { line-height: 22px; margin: 0; } .post .inject1 .meta .title a { color: #222; font: 600 20px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } .post .inject1 .meta .title p { font-size: 14px; color: #888; font-weight: normal; margin-top: 5px; } @media (max-width: 500px) { .post .inject1 { flex-wrap: wrap; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eee; float: none; margin-right: 0px; } .post .inject1 .illustration { width: 100%; min-width: 100%; margin-right: 0; padding-top: 20px; } .post .inject1 .meta { border-top: none; border-bottom: none; padding: 20px 0 20px 0; } .post .inject1 .meta .title a { font-size: 18px; } } .post .inject2 { z-index: 1; text-align: left; display: flex; align-items: flex-end; justify-content: flex-start; align-content: flex-end; flex-wrap: wrap; overflow: hidden; position: relative; margin-bottom: 30px; } .post .inject2 .illustration { width: 100%; min-width: 600px; display: flex; padding-top: 10px; border-top: 3px solid #eeeeee; } .post .inject2 .illustration .picture-cont-16x9 { margin: 0; filter: brightness(0.6); } .post .inject2 .meta { position: absolute; bottom: 0; left: 0; color: #fff; padding: 0 30px; border-bottom: 1px solid #eee; } .post .inject2 .meta .title { line-height: 30px; margin-bottom: 10px; } .post .inject2 .meta .title a { color: #fff; font: 700 28px/32px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } .post .inject2 .meta .breadcrumbs a { color: #fffefe8c; font: 400 12px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } .post .inject2 .meta .lead { font-size: 16px; line-height: 150%; padding-bottom: 15px; color: hsla(0, 0%, 100%, 0.8); } @media (max-width: 500px) { .post .inject2 { flex-wrap: wrap; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eee; margin-bottom: 5px; } .post .inject2 .illustration { width: 100%; min-width: 100%; margin-right: 0; padding-top: 20px; } .post .inject2 .breadcrumbs, .post .inject2 .lead { display: none; } .post .inject2 .meta { position: relative; border-top: none; border-bottom: none; padding: 0; } .post .inject2 .meta .title { font: 700 22px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } .post .inject2 .meta .title a { color: #222; font-size: 18px; } } .post .picture-cont-16x9 { overflow: hidden; margin-bottom: 30px; } .post .picture-cont-16x9 img { width: 100%; height: auto !important; } .post .pic img { max-width: 100%; } .post .person img { width: 30%; } @media (max-width: 500px) { .post .person img { width: 100%; } } .post section.comments { padding: 30px 0; border-top: 1px solid #eee; } .post section.comments .comments-list .comment-item { margin-bottom: 15px; } .post section.comments .comments-list .comment-item .message { color: #3e3e3e; font: 14px/18px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } .post section.comments .comments-list .comment-item .meta { color: #737373; } .post section.comments .comments-list .comment-item .meta a.answer { color: #5a748b; } .post section.comments form textarea { border-radius: 0; border: #eee; background-color: rgba(59, 85, 115, 0.08); font: 14px/18px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } .post section.comments form button { padding: 0 25px; height: 41px; background-color: rgba(59, 85, 115, 0.08); border-radius: 11px; color: #3b5573; outline: none; border: none; font: 14px/18px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } .post .post_tags { position: relative; padding-top: 10px; padding-bottom: 10px; overflow: hidden; } .post .post_tags .post_tags-item { display: inline-block; font: 700 12px/14px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; text-transform: uppercase; vertical-align: top; height: 26px; margin: 0 6px 6px 0; border: 1px solid #7b7b7b; color: #454545; font-size: 14px; line-height: 24px; white-space: nowrap; font-weight: 400; border-radius: 4px; padding: 0 10px; max-width: 100%; text-overflow: ellipsis; overflow: hidden; text-decoration: none; } .post .post_tags .post_tags-item:hover { color: #ff7f00; background-color: #eee; } .post .person-widget { display: flex; flex-direction: column; align-items: center; width: 145px; overflow: hidden; float: left; margin: 5px 15px 5px 0px; } .post .person-widget .name { display: block; text-align: center; color: #151515; font: 12px/12px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 600; line-height: 120%; margin-top: 12px; margin-bottom: 5px; } .post .person-widget .jobtitle { display: block; color: #151515; text-align: center; font: 12px/12px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 100; line-height: 120%; } .reationbutton { filter: grayscale(1); transform: scale(1); display: block; } .reationbutton:hover { filter: grayscale(0); transform: scale(1.15); } .reactionb i { text-align: center; font-style: normal; color: #aaa; font-weight: 600; font-size: 10px; margin: 5px; line-height: 14px; } .reationbutton.active { filter: grayscale(0); } .archive { background: white; padding: 30px 30px 30px 0; } @media (max-width: 375px) { .archive { padding: 0; } .archive .news-list { padding: 15px 10px; position: relative; } .archive .news-list .filters { top: 10px; right: 10px; } } .archive .topics-list { height: 100%; } @media (max-width: 500px) { .archive .topics-list { display: none; } } .archive .topics-list .topics-continer { border-right: 1px solid #eee; } .archive .topics-list .topics-continer ul li a { font: 18px/22px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; padding: 15px 10px 10px 30px; display: block; } .archive .topics-list .topics-continer ul li a.active { background: rgba(59, 85, 115, 0.1); } .archive .topics-list .topics-continer ul li .hr { border-bottom: #282b2b 2px; display: flex; border-bottom: 1px solid #bfbebd; margin: 0px 30px; padding-top: 5px; } .archive .topics-list .topics-continer ul li .header { text-align: center; font-weight: bold; font-size: 1.4em; position: relative; display: none; padding: 4px; color: #888787; } .archive .news-list { position: relative; } .archive .news-list .archive-news-item { display: flex; padding: 30px 30px 30px 0; border-bottom: 1px solid #eee; align-items: center; } .archive .news-list .archive-news-item .illustration { min-width: 220px; width: 220px; margin-right: 30px; } .archive .news-list .archive-news-item .illustration .picture-cont-16x9 div { height: 56.25%; overflow: hidden; } .archive .news-list .archive-news-item .meta .title a { font: 24px/29px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } .archive .news-list .archive-news-item .meta .published_at { font: 12px/17px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; color: #a8a8a8; } .archive .news-list .archive-news-item .meta .published_at .icon { width: 10px; height: 10px; fill: #a8a8a8; margin-right: 5px; } @media (max-width: 500px) { .archive .news-list .archive-news-item { flex-direction: column; padding: 0; padding-bottom: 15px; margin-bottom: 15px; } .archive .news-list .archive-news-item .illustration { width: 100%; margin-right: 0; margin-bottom: 15px; } } .archive .pagination { margin-top: 30px; color: #3b5573; display: flex; font: 14px/1 "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; max-width: 100%; overflow: hidden; } @media (max-width: 500px) { .archive .pagination { overflow-x: scroll; } } .archive .pagination li { background: rgba(59, 85, 115, 0.08); display: flex; flex-grow: 1; height: 40px; border-radius: 4px; margin-right: 7px; justify-content: center; align-items: center; } .archive .pagination li a { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } .archive .pagination li.active a { background: #f5f5f5; color: #f6911f; } .archive .pagination li.disabled { cursor: not-allowed; color: #b3b3b3; user-select: none; } .archive .filters { position: absolute; top: 0; right: 0; } .archive .filters .icon { width: 25px; height: 25px; } .archive #filters-modal { position: fixed; display: block; width: 500px; padding: 30px; background: #fff; box-shadow: #000 0 0 11px -5px; z-index: 999; right: 60px; left: 0; top: -100%; margin: auto; transition: 0.3s; opacity: 0; } @media (max-width: 500px) { .archive #filters-modal { width: 100%; } } .archive #filters-modal.active { display: block; top: 40%; opacity: 1; } .archive #filters-modal form { display: flex; justify-content: center; flex-wrap: wrap; } .archive #filters-modal form button { background: rgba(59, 85, 115, 0.08); display: flex; height: 40px; border-radius: 4px; justify-content: center; align-items: center; outline: none; border: none; padding: 0 30px; font: 14px/1 "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; color: #3b5573; } .search-header { background: #eaeaea; padding: 10px; display: flex; align-items: center; margin-bottom: 15px; } .search-header .search_form { display: flex; flex-grow: 1; align-items: center; } .search-header .search_form h6 { margin: 0; margin-right: 15px; } .search-header .search_form input { display: block; border: none; flex-grow: 1; border-top-left-radius: 50px; border-bottom-left-radius: 50px; outline: none; padding: 4px 3px 4px 26px; width: 20%; background-image: url(/img/search.svg); background-repeat: no-repeat; background-size: 14px; background-position: 9px 8px; } .search-header .search_form button { display: block; border: none; background: #f5f5f5; color: #f6911f; border-top-right-radius: 50px; border-bottom-right-radius: 50px; padding: 3px 10px; outline: none; } .archive .search_form { display: flex; flex-wrap: wrap; } @media (max-width: 375px) { .archive .search_form h6 { flex: 100%; margin: 0 0 15px 0; } } .container { max-width: 100%; overflow-x: hidden; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1306px; } } @media all { .longrid { max-width: 95%; } .longrid .post .text .gallery-wrapper div { margin-left: 0; margin-right: 0; } .longrid .post .text p { margin-left: auto; margin-right: auto; max-width: 1200px; margin-bottom: 2rem; } .longrid .post .text ul, .longrid .post .text ol, .longrid .post .text dl { margin-left: auto; margin-right: auto; max-width: 1200px; margin-bottom: 2rem; } .longrid .post .text .inject1, .longrid .post .text .inject2, .longrid .post .text .inject { margin-left: auto; margin-right: auto; max-width: 1200px; margin-bottom: 2rem; } .longrid .post .text .inject .illustration { margin-right: 30px; } .longrid .post .text h2 { margin-left: auto; margin-right: auto; max-width: 1200px; font-weight: 700; } .longrid .post .text div { margin-left: auto; margin-right: auto; max-width: 1200px; } .longrid .post .text div .pic { max-width: 100%; margin-bottom: 20px; } .longrid .post .text .wides { margin-left: auto; margin-right: auto; max-width: 95%; } .longrid .post .text .bukvica::first-letter { font-size: 182px; margin: 0 28px 0 0; float: left; line-height: 192px; vertical-align: top; } .longrid .post .text .hr { clear: both; } .longrid .post h1, .longrid .post h2, .longrid .post h3, .longrid .post h4, .longrid .post h5 { max-width: 1200px; margin-right: auto; margin-left: auto; } .longrid .post h4 { margin-bottom: 40px; } .longrid .post h1 { text-align: center; font-size: 45px; } .longrid .post .lead { margin-right: auto; margin-left: auto; max-width: 1100px; } .longrid .post .published_at { margin-right: auto; margin-left: auto; max-width: 1200px; } .longrid .post section.comments { max-width: 1200px; margin: 0 auto; } .longrid .post .share_and_comment { max-width: 1200px; margin: 0 auto; } } @media all and (max-width: 500px) { .longrid .post h1 { text-align: left; font-size: 25px; } } body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font: 12px/22px "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Ubuntu, Arial, sans-serif; } body .fixed_social_links { position: fixed; right: 0; width: 50px; height: 135px; background: #eee; top: 0; bottom: 0; margin: auto; z-index: 999; } body .fixed_social_links .icons-container { display: flex; flex-direction: column; width: 100%; } body .fixed_social_links a { text-align: center; } body .fixed_social_links a svg.icon-vk { height: 18px; width: 50px; fill: #0A5DFE; margin-top: 15px; } body .fixed_social_links a svg.icon-ok { width: 23px; height: 35px; fill: orange; } body .fixed_social_links a svg.icon-tg { width: 30px; height: 50px; } body ul { list-style: none; padding: 0; } body .button-gray { padding: 0 16px 0 20px; height: 32px; background-color: #f5f5f5; border-radius: 36px; } body a { text-decoration: none; color: #3E3E42; outline: none; transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } body a:hover { color: #3b5573; text-decoration: none; } body .button { position: relative; display: inline-flex; justify-content: center; align-items: center; margin: 0; border: none; cursor: pointer; outline: 0; z-index: 10; transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-appearance: none; border-radius: 50px; background: #f5f5f5; padding: 3px 12px; color: #ff7f00; white-space: nowrap; } body .button_gray { padding: 0 16px 0 20px; height: 32px; background-color: #f5f5f5; border-radius: 36px; } body .hidden { display: none; } div.picture-cont-16x9 { position: relative; width: 100%; padding-bottom: 56.25%; overflow: hidden; } div.picture-cont-16x9 picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } div.picture-cont-16x9 picture img { aspect-ratio: 16/9; object-fit: cover; height: 100%; } .sidemenu_overlay, .sidemenu_rubrics_overlay { display: none; z-index: 99999; } .sidemenu_overlay .sidemenu_content, .sidemenu_rubrics_overlay .sidemenu_content { max-height: calc(100% - 50px); overflow: scroll; } .sidemenu_overlay.active, .sidemenu_rubrics_overlay.active { display: block; } @media (max-width: 700px) { .fixed_social_links { display: none; } } @media (max-width: 500px) { .post h1 { font-size: 25px; } .post h2 { font-size: 23px; } .post h3 { font-size: 16px; } .post h4 { font-size: 14px; } .post h5 { font-size: 14px; } .post .text h6 { font-size: 14px; } .sidemenu_overlay, .sidemenu_rubrics_overlay { display: block; } .hamburger, .dots { position: relative; width: 20px; } .hamburger.is-active .hamburger-box, .dots.is-active .hamburger-box { transform: rotate(45deg); } .hamburger.is-active .hamburger-box:before, .dots.is-active .hamburger-box:before { top: 0; transform: rotate(90deg); } .hamburger.is-active .hamburger-box:after, .dots.is-active .hamburger-box:after { display: none; } .hamburger .hamburger-box, .dots .hamburger-box { display: block; position: absolute; height: 2px; width: 100%; top: 0px; bottom: 0; margin: auto; background: black; } .hamburger .hamburger-box:before, .dots .hamburger-box:before { content: ""; display: block; position: absolute; height: 2px; width: 100%; top: -6px; background: black; } .hamburger .hamburger-box:after, .dots .hamburger-box:after { content: ""; display: block; position: absolute; height: 2px; width: 100%; top: 6px; background: black; } } .desktop-search { display: flex; } @media (max-width: 500px) { .desktop-search { display: none; } } .desktop-search .search_form { display: flex; flex-grow: 1; align-items: center; border: 1px solid #eaeaea; border-radius: 50px; } .desktop-search .search_form h6 { margin: 0; margin-right: 15px; } .desktop-search .search_form input { display: block; border: none; flex-grow: 1; border-top-left-radius: 50px; border-bottom-left-radius: 50px; outline: none; padding: 4px 3px 4px 26px; width: 20%; background-image: url(/img/search.svg); background-repeat: no-repeat; background-size: 14px; background-position: 9px 8px; } .desktop-search .search_form button { display: block; border: none; background: #f5f5f5; color: #f6911f; border-top-right-radius: 50px; border-bottom-right-radius: 50px; padding: 4px 10px; outline: none; } @media (max-width: 375px) { .desktop-search { display: none; } } .header-banner .header-banner_desktop { display: block; position: relative; min-height: 200px; text-align: center; } .header-banner .header-banner_mobile { position: relative; } .header-banner .header-banner_mobile .placeholder { position: absolute; opacity: 1; transition: 0.3s; z-index: 2; height: 100%; top: 0; left: 0; margin: auto; right: 0; background: url(/img/adv_placeholder.jpg) no-repeat; background-size: contain; background-position: center; } .header-banner .header-banner_mobile .placeholder::after { position: absolute; bottom: 102px; font-size: 8px; color: gray; margin: auto; width: 100%; left: 0; text-transform: uppercase; }