1 line
52 KiB
PHP
1 line
52 KiB
PHP
<style>@-ms-viewport { width: device-width } .onenews p { margin: 0 0 1.3125rem; font-size: 1rem; line-height: 1.6; } .nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: .5rem 1rem } .nav-link:focus, .nav-link:hover { text-decoration: none } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default } .nav-tabs { border-bottom: 1px solid #dee2e6 } .nav-tabs .nav-item { margin-bottom: -1px } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6 } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .nav-pills .nav-link { border-radius: .25rem } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff } .nav-fill .nav-item { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center } .nav-justified .nav-item { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center } .tab-content > .tab-pane { display: none } .tab-content > .active { display: block } *, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box } html { font-family: Roboto, sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent } @-ms-viewport { width: device-width } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff } [tabindex="-1"]:focus { outline: 0 !important } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem } abbr[data-original-title], abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0 } address { margin-bottom: 1rem; font-style: normal; line-height: inherit } dl, ol, ul { margin-top: 0; margin-bottom: 1rem } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } dfn { font-style: italic } b, strong { font-weight: bolder } small { font-size: 80% } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: #212529; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects } a:hover { text-decoration: underline } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):focus { outline: 0 } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar } img { vertical-align: middle; border-style: none } svg { overflow: hidden; vertical-align: middle } table { border-collapse: collapse } caption { padding-top: .75rem; padding-bottom: .75rem; color: #6c757d; text-align: left; caption-side: bottom } th { text-align: inherit } label { display: inline-block; margin-bottom: .5rem } button { border-radius: 0 } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, input { overflow: visible } button, select { text-transform: none } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox } textarea { overflow: auto; resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal } progress { vertical-align: baseline } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: none } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } output { display: inline-block } summary { display: list-item; cursor: pointer } template { display: none } [hidden] { display: none !important } :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace } *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box } .clearfix:after { display: block; clear: both; content: "" } img { max-width: 100%; height: auto } figure { margin: 0 } .w-100 { width: 100% !important } .d-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important } .flex { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .alignleft { float: left; margin: .5rem 1.25rem 0 0 } .align-baseline { vertical-align: baseline !important } .float-left { float: left !important } .float-right { float: right !important } .list-unstyled { padding-left: 0; list-style: none } blockquote { position: relative; font-size: 1.5rem; line-height: 1.55; margin: 3rem 0; padding: 1.5625rem 2.8125rem; text-align: center } blockquote.blockquote-img { padding: 0; text-align: left } blockquote.blockquote-img figure { max-width: 9.1875rem; min-width: 9.1875rem; margin: .75rem 2.625rem 0 0; text-align: center } blockquote.blockquote-img figure figcaption { font-family: Roboto, sans-serif; line-height: 1.25; font-weight: 800; padding: 1.125rem 0 0 } blockquote.blockquote-img figure figcaption p { font-size: .875rem; font-size: inherit; margin: 0 0 .625rem } blockquote.blockquote-img figure figcaption p + p { font-size: .875rem; line-height: 1.6; font-weight: 400; color:#505258; margin: .25rem 0 1.25rem } @media (min-width: 992px) { blockquote blockquote { margin: 0 0 1rem } } .order-0 { -webkit-box-ordinal-group: unset; -webkit-order: unset; -ms-flex-order: unset; order: unset } @media (min-width: 768px) { .order-md-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12 } } @media (min-width: 576px) { .float-xs-none { float: none } } @media (min-width: 768px) { .float-md-left { float: left !important } .float-md-right { float: right !important } .d-md-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important } .flex-md-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } } @media (min-width: 992px) { .float-right { float: right !important } .float-left { float: left !important } } .col-12, .col-sm-2, .col-xl-3 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px } @media (min-width: 992px) { .col-12 { min-height: auto; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } } @media (min-width: 576px) { .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } } @media (min-width: 768px) { .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .order-md-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12 } } @media (min-width: 992px) { .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } } @media (min-width: 1200px) { .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } } .position-relative { position: relative !important } .position-absolute { position: absolute !important } .justify-content-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important } .justify-content-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important } .text-center { text-align: center !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-none { display: none !important } @media (min-width: 992px) { .d-lg-block { display: block !important } .mobile-only { display: none } .mobile-only .mobile-ios { display: none } .mobile-only .mobile-button { margin: 10px 0 } } @media (max-width: 1199.98px) { .mobile-only .mobile-ios { display: none } .mobile-only .mobile-not-ios { display: block } .mobile-only .mobile-button { margin: 10px 0 } } @media (min-width: 1200px) { .d-xl-block { display: block !important } } @media (min-width: 768px) { .d-md-none { display: none !important } .d-md-block { display: block !important } .text-md-left { text-align: left !important } .align-items-md-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important } .justify-content-md-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .px-md-3 { padding-left: 1rem !important; padding-right: 1rem !important } } @media (min-width: 768px) { .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } } @media (max-width: 1199.98px) { .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } } @media (min-width: 1200px) { .container-fluid { max-width: 1200px } } @media (min-width: 1200px) and (max-width: 1199.98px) { .container-fluid { max-width: 882px } } .mr-3 { margin-right: 1rem !important } .pb-2 { padding-bottom: .5rem !important } .mb-4 { margin-bottom: 1.5rem !important } .mt-3 { margin-top: 1rem !important } .mb-3 { margin-bottom: 1rem !important } .mb-2 { margin-bottom: .5rem !important } .py-1 { padding-top: .25rem !important; padding-bottom: .25rem !important } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } @media (min-width: 768px) { .d-md-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important } .pb-md-0, .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important } .mb-md-0 { margin-bottom: 0 !important } .mb-md-2 { margin-bottom: .5rem !important } .mt-md-0 { margin-top: 0 !important } } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .font-weight-bold { font-weight: 700 !important } .header .container-fluid .col-xl-6 { position: relative; max-height: 70px } input[type=search] { background: #fff; width: 100%; font-size: .75rem; color:#505258; border: 1px solid silver; border-width: 1px 0; padding: .3125rem 0; height: 2rem } .searchform input[type=search] { font-size: 1rem } .searchform__btn { background: 0 0; position: absolute; right: 0; border: 0 none; padding: .3125rem; cursor: pointer; width: 1.875rem; height: 1.875rem; line-height: 2.3125rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 2 } @media (max-width: 1199.98px) { .searchform__btn { padding: .625rem; width: 2.5rem; height: 2.5rem; line-height: 1.875rem } } @media (max-width: 991.98px) { .header .row > .col-12:nth-child(2) { border-width: 1px 0 0 } } .header > .container-fluid > .row > .col-12:nth-child(2) { margin-left: auto; margin-right: 0 } @media (max-width: 767.98px) { .header > .container-fluid > .row > .col-12:nth-child(2) { border-top: 1px solid silver } } @media (max-width: 767.98px) { .header .row > .col-12:last-child { display: none !important } } @media (max-width: 991.98px) { .header .rubric, .header .searchform { display: none !important } } @media (min-width: 1200px) { .header__currency__item + .header__currency__item { margin-left: 1.25rem } } @media (max-width: 767.98px) { .header > .container-fluid { padding-left: 0; padding-right: 0 } } @media (min-width: 768px) { .header__nav { font-size: .875rem; text-transform: uppercase; border-bottom: 1px solid #000 } } @media (min-width: 992px) { .header > .container-fluid { padding-bottom: 1.875rem; padding-top: 30px } } @media (min-width: 768px) { .header.isSticky .logo { width: 144px; height: auto; position: absolute; left: 60px; bottom: -75px; max-width: none } .header.isSticky .nav .nav-item:first-child { margin-right: 170px } .header.isSticky > .container-fluid > .row > .col-12:first-child { position: fixed; top: 0; z-index: 1 } } @media (max-width: 991.98px) { .header.isSticky .logo { bottom: -50px } } @media (max-width: 1199.98px) { .header .nav-link--feedback { position: relative; display: inline-block; vertical-align: middle; padding-right: 1.5625rem } .header .nav-link--feedback:before { content: ''; position: absolute; border: 1px solid; width: .5rem; height: .5rem; right: .9375rem; top: 50%; -webkit-transform: translate(0, -50%) rotate(135deg); -ms-transform: translate(0, -50%) rotate(135deg); transform: translate(0, -50%) rotate(135deg); border-color: #000 transparent transparent #000 } } @media (min-width: 992px) { .header > .container-fluid > .row > .col-12:nth-child(2), .header > .container-lg > .row > .col-12:nth-child(2), .header > .container-md > .row > .col-12:nth-child(2), .header > .container-sm > .row > .col-12:nth-child(2), .header > .container-xl > .row > .col-12:nth-child(2) { margin-left: auto; margin-right: 0 } } @media (min-width: 768px) { .header__nav__stick.is_stuck { position: fixed; top: 0; width: 1170px; margin-left: auto; margin-right: 0; margin-top: 30px } } @media (max-width: 991.98px) { .header__nav__stick.is_stuck { margin-top: 0 } } @media (max-width: 1199.98px) { .wp-embedded-content { max-width: 100%; float: none; margin: .625rem 0 .625rem } } .icon { display: inline-block; vertical-align: middle; border-radius: 4px; width: 1.875rem; height: 1.875rem; text-align: center } .header__social .icon { position: relative; height: auto } .icon > img { max-width: 100%; height: auto } .icon .svg-icon { fill: #fff; max-height: 1.375rem; max-width: 1.375rem; stroke-width: 0; pointer-events: none; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .icon--facebook { background: #3b5998 } .icon--vk { background: #4c75a3 } .icon--twitter { background: #28aae1 } @media (max-width: 1199.98px) { .hy-drawer { position: relative; overflow: hidden; z-index: 201 } } body, html { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; min-height: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased } body { min-height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: padding .55s; transition: padding .55s } body .footer__inner, body .main { width: 100%; max-width: 1200px; margin: auto } body.overflow-x { overflow-x: hidden } @media (min-width: 992px) { body .main { padding-left: 10px; padding-right: 10px } } body > h1 { display: none } @media (max-width: 1199.98px) { body { font-size: .875rem } } .col-12 { min-height: auto } @media (min-width: 768px) and (max-width: 991.98px) { .container-fluid { max-width: 882px } } @media (min-width: 992px) and (max-width: 1199.98px) { .container-fluid { max-width: 882px } } @media (min-width: 1200px) { .container-fluid { max-width: 1200px } } .cell { margin: 0 0 1.875rem; height: 264px; max-height: 264px } .cell--main { height: 370px; max-height: 370px } .cell--xl { height: 558px; max-height: 852px } .cell--double { overflow: hidden; height: 558px; max-height: 558px } .cell.cell--magazine { height: auto; max-height: 100% } .cell.cell.adfox { background: #eee; min-height: auto; top: 0; z-index: 1 } @media (max-width: 1199.98px) { .cell, .cell--main { height: auto; max-height: none } } .sticker-group { position: absolute; top: .625rem; right: .625rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } @media (max-width: 1199.98px) { .section__title[class*="--blue"] { border-color: #007bff } .section__title { border-left: 3px solid; padding-left: .625rem; font-size: 1.25rem; font-weight: 900; line-height: 1 } } .sticker[class*="--blue"] { background: #007bff } .sticker[class*="--indigo"] { background: #6610f2 } .sticker[class*="--purple"] { background: #6f42c1 } .sticker[class*="--pink"] { background: #e83e8c } .sticker[class*="--red"] { background: #dc3545 } .sticker[class*="--orange"] { background: #fd7e14 } .sticker[class*="--yellow"] { background: #ffc107 } .sticker[class*="--green"] { background: #28a745 } .sticker[class*="--dkgreen"] { background: #526c37 } .sticker[class*="--teal"] { background: #20c997 } .sticker[class*="--cyan"] { background: #17a2b8 } .sticker[class*="--gray"] { background: #999 } .sticker[class*="--light"] { background: #f8f9fa } .sticker[class*="--dark"] { background: #343a40 } .sticker[class*="--primary"] { background: #007bff } .sticker[class*="--secondary"] { background: #6c757d } .sticker[class*="--success"] { background: #28a745 } .sticker[class*="--info"] { background: #17a2b8 } .sticker[class*="--warning"] { background: #ffc107 } .sticker[class*="--danger"] { background: #dc3545 } .article { position: relative; overflow: hidden; display: block } .article:hover .article__info { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .article.cell { border-radius: 6px } .article__clear { background: #ececec } .article__clear .article__body { background: 0 0; padding-bottom: .9375rem; pointer-events: auto } .article__clear .article__author, .article__clear .article__body, .article__clear .article__data, .article__clear .article__title { color: #000 } .article__clear .article__text { position: relative; font-size: .875rem; max-height: 105px; overflow: hidden } .article__clear .article__text p { margin: 0 } .article__clear .article__title { position: relative; max-height: 80px; overflow: hidden } .article__clear .article__data { padding: 2px 6px } .article__clear .article__top { padding: .625rem .625rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .article__clear .article__top .sticker-group { position: relative } .article__clear .sticker-group { top: 0; right: 0 } .article__info { background: rgba(0, 0, 0, .85); position: absolute; left: 0; right: 0; bottom: 0; padding: 1.375rem .625rem; text-align: center; font-size: 1.5rem; font-weight: 700; color: #fff; -webkit-transition: .35s ease-out; transition: .35s ease-out; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%) } .article__title { font-weight: 700; display: inline-block; -webkit-transition: opacity .25s; transition: opacity .25s; margin-top: .625rem } .article__title--lg { margin: 0 0 .375rem } .article__title:hover { text-decoration: none; opacity: .85 } .article__detail { float: left; min-width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; line-height: 1.1; margin: .5625rem 0 0 } .article__data { display: block; line-height: 1.35 } .article__author { position: relative; margin: .25rem 0 0; text-decoration: underline; font-weight: 400; line-height: 1.2; pointer-events: auto } .article__author:first-child { margin: 0 } .article__author:hover { text-decoration: none } .article, .article a { color: #fff } .article:hover img { -webkit-transform: scale(1.025, 1.025) translate(-48.75%, 0); -ms-transform: scale(1.025, 1.025) translate(-48.75%, 0); transform: scale(1.025, 1.025) translate(-48.75%, 0) } .article:hover .article__frame--wide img { -webkit-transform: scale(1.025, 1.025) translate(-48.75%, -48.75%); -ms-transform: scale(1.025, 1.025) translate(-48.75%, -48.75%); transform: scale(1.025, 1.025) translate(-48.75%, -48.75%) } .article__frame { background: #ececec; display: block; position: relative; height: 100%; border-radius: 6px } .article__frame > img { position: relative; left: 50%; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; max-width: none; height: 100%; border-radius: 6px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0) } .article__frame .icon { position: absolute; top: .625rem; right: .625rem } .article__frame--wide > img { min-width: 100%; height: auto; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .article__body { position: absolute; left: 0; right: 0; bottom: 0; padding: .75rem .9375rem; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, .7)), to(rgba(0, 0, 0, .9))); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7) 25%, rgba(0, 0, 0, .9)); background-repeat: no-repeat } .article__body--opacity { background-color: #ececec } .article__title { font-size: 1.125rem; line-height: 1.15 } .article__title--lg { font-size: 1.75rem; line-height: 1.2 } .article__title--xl { font-size: 2.375rem; margin: 0 0 .3125rem } .article__detail--lg { margin: .625rem 0 .1875rem } .article__detail--xl { margin: 0; line-height: 1.9 } .article__data { font-size: .75rem; font-weight: 500 } .article__author { font-size: .75rem; font-weight: 500 } @media (max-width: 1199.98px) { .article__frame > img { position: absolute; max-width: 100%; min-width: 100%; min-height: 100%; height: auto; top: 50%; left: 50%; border-radius: 6px } .article__frame:before { content: ''; display: block; padding-top: 56% } .article__data { font-size: .75rem; font-weight: 400; color: #000 } .article a, .article a.sticker--white { color: #000 } .article__body { position: relative; background: 0 0; padding: .4375rem 0 1.25rem } .article__detail { float: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .article.cell:not(.cell--main) { border-radius: 0; border-bottom: 1px solid silver } .article__frame { border-radius: 6px; overflow: hidden } .article__frame > img { max-width: 100%; min-width: 100%; min-height: 100%; height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .article__body { position: relative; background: 0 0; padding: .4375rem 0 1.25rem } .article__data { font-size: .75rem; font-weight: 400; color: #000 } .article__title { font-size: 1.25rem; font-weight: 700; line-height: 1.2; margin-top: .3125rem } .article__detail { float: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } } @media (max-width: 991.98px) { .article__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.25rem; font-weight: 700; line-height: 1.2; margin-top: .3125rem; min-width: 100%; line-height: 1.1; margin: .5625rem 0 0 } } .youtube_container { position: relative; width: 100%; height: 0; padding-bottom: 56.25% } .youtube_video { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .special--main { position: relative; overflow: hidden; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 1.875rem; -webkit-transition: all .2s ease-out; transition: all .2s ease-out } .special--main a { display: block } .special--main img { display: block; max-width: 100% } .special--gray { background: #eee } .special--lg { padding: 1.875rem 1.25rem } .special__multi > :last-child { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none } .special__multi > :last-child > * { pointer-events: all } .special__multi > :first-child { position: relative } .special__text { position: absolute; left: 50%; top: 50%; font-size: 42px; text-transform: uppercase; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .special__text--white { color: #fff } @media (min-width: 992px) and (max-width: 1199.98px) { .special--gray { background: #eee } } .logo { -webkit-transition: all .35s; transition: all .35s; width: 15.5625rem; max-width: 100%; bottom: 0; margin: 1.25rem 0 0 } .header { position: relative; z-index: 26 } @media (max-width: 767.98px) { .header { background: #fff; position: fixed; top: 0; left: 0; right: 0 } .header + .main { padding-top: 3.9375rem } } .header.active .logo { width: 9rem } .header.ad-animation > .container-fluid > .row > div:first-child, .header.ad-animation > .container-fluid > .row > div:last-child { -webkit-transition: all .55s; transition: all .55s } .header.ad-animation.active > .container-fluid > .row > div:first-child { -webkit-transform: translate(0, -130%); -ms-transform: translate(0, -130%); transform: translate(0, -130%) } .header.ad-animation.active > .container-fluid > .row > div:last-child { -webkit-transform: translate(0, -55px); -ms-transform: translate(0, -55px); transform: translate(0, -55px) } .header > .header__widgets { z-index: 5 } .header > .container-fluid { background: #fff; -webkit-transition: all .35s; transition: all .35s; position: relative; z-index: 4 } @media (min-width: 768px) { .header > .container-fluid { padding-bottom: 1.875rem } } @media (min-width: 768px) { .header .searchform__btn { position: relative } } @media (max-width: 991.98px) { .header .header__delimiter, .header .header__location, .header .header__weather { display: none } } @media (max-width: 991.98px) { .header__network .icon--network { display: none } } @media (min-width: 768px) { .header__network { position: relative; width: 6.625rem; max-width: 6.625rem; display: inline-table; border-radius: 5px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 200px; perspective: 200px; z-index: 4 } .header__network .icon { display: block } } @media (min-width: 768px) and (min-width: 768px) { .header__network .icon--network { min-width: 111px } } @media (min-width: 768px) { .header__network > li { cursor: pointer } .header__network > li:hover > ul { -webkit-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; -webkit-transform: rotateX(0); transform: rotateX(0); -webkit-box-shadow: 4px 6px 10px rgba(0, 0, 0, .1); box-shadow: 4px 6px 10px rgba(0, 0, 0, .1); opacity: 1 } .header__network ul { background: #ececec; position: absolute; right: 0; width: 9.375rem; max-width: 9.375rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; opacity: 0; z-index: 10; padding: .4375rem .5625rem .625rem; -webkit-transition: all .2s ease-in-out .2s; transition: all .2s ease-in-out .2s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-shadow: 0 -50px 250px transparent; box-shadow: 0 -50px 250px transparent } .header__network ul li { -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .header__network ul li .icon { margin: .5rem 0 .4375rem } } @media (min-width: 768px) { .header .header__title { font-size: 1.125rem; margin: 0 0 .3125rem 1.25rem; padding: .3125rem 0 0 1.25rem } } .header .header__title { max-width: 285px } .header .header__title a { color: inherit } .header .header__title a:hover { text-decoration: underline } .header .header__title span { font-size: 14px; font-weight: 400; color:#505258; margin: .25rem 0 .25rem } .header [class*="--black"] { color: #000 } .header [class*="--black"]:before, .header [class*="--black"] > a { border-color: #000 } .header [class*="--blue"] { color: #007bff } .header [class*="--blue"]:before, .header [class*="--blue"] > a { border-color: #007bff } .header [class*="--indigo"] { color: #6610f2 } .header [class*="--indigo"]:before, .header [class*="--indigo"] > a { border-color: #6610f2 } .header [class*="--purple"] { color: #6f42c1 } .header [class*="--purple"]:before, .header [class*="--purple"] > a { border-color: #6f42c1 } .header [class*="--pink"] { color: #e83e8c } .header [class*="--pink"]:before, .header [class*="--pink"] > a { border-color: #e83e8c } .header [class*="--red"] { color: #dc3545 } .header [class*="--red"]:before, .header [class*="--red"] > a { border-color: #dc3545 } .header [class*="--orange"] { color: #fd7e14 } .header [class*="--orange"]:before, .header [class*="--orange"] > a { border-color: #fd7e14 } .header [class*="--yellow"] { color: #ffc107 } .header [class*="--yellow"]:before, .header [class*="--yellow"] > a { border-color: #ffc107 } .header [class*="--green"] { color: #28a745 } .header [class*="--green"]:before, .header [class*="--green"] > a { border-color: #28a745 } .header [class*="--dkgreen"] { color: #526c37 } .header [class*="--dkgreen"]:before, .header [class*="--dkgreen"] > a { border-color: #526c37 } .header [class*="--teal"] { color: #20c997 } .header [class*="--teal"]:before, .header [class*="--teal"] > a { border-color: #20c997 } .header [class*="--cyan"] { color: #17a2b8 } .header [class*="--cyan"]:before, .header [class*="--cyan"] > a { border-color: #17a2b8 } .header [class*="--gray"] { color: #999 } .header [class*="--gray"]:before, .header [class*="--gray"] > a { border-color: #999 } .header [class*="--light"] { color: #f8f9fa } .header [class*="--light"]:before, .header [class*="--light"] > a { border-color: #f8f9fa } .header [class*="--dark"] { color: #343a40 } .header [class*="--dark"]:before, .header [class*="--dark"] > a { border-color: #343a40 } .header [class*="--primary"] { color: #007bff } .header [class*="--primary"]:before, .header [class*="--primary"] > a { border-color: #007bff } .header [class*="--secondary"] { color: #6c757d } .header [class*="--secondary"]:before, .header [class*="--secondary"] > a { border-color: #6c757d } .header [class*="--success"] { color: #28a745 } .header [class*="--success"]:before, .header [class*="--success"] > a { border-color: #28a745 } .header [class*="--info"] { color: #17a2b8 } .header [class*="--info"]:before, .header [class*="--info"] > a { border-color: #17a2b8 } .header [class*="--warning"] { color: #ffc107 } .header [class*="--warning"]:before, .header [class*="--warning"] > a { border-color: #ffc107 } .header [class*="--danger"] { color: #dc3545 } .header [class*="--danger"]:before, .header [class*="--danger"] > a { border-color: #dc3545 } .header > .container-fluid { background: #fff } .header > .container-fluid:before { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; -webkit-transition: all .3s; transition: all .3s; border-bottom: 1px solid #000 } .header > .container-fluid > .row > .col-12 { -webkit-transition: all .3s; transition: all .3s } .header > .container-fluid > .row > .col-12:last-child { -webkit-transition: all 0ms; transition: all 0ms } .header > .container-fluid > .row > .col-12:nth-child(2) { margin-left: auto; margin-right: 0 } .header__network, .header__network li, .header__network ul { margin: 0; padding: 0; list-style-type: none } .header__cabinet { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-width: 1.3125rem; height: 1.25rem; overflow: hidden; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; position: relative } .header .header__title { font-size: 1.125rem; line-height: 1.1; position: relative; display: inline-block; vertical-align: middle } .header .header__title:before { content: ''; position: absolute; top: 50%; left: 0; width: 2px; height: 80%; border-left: 1px solid #000; -webkit-transform: translate(0, -40%); -ms-transform: translate(0, -40%); transform: translate(0, -40%) } .header .subnav { margin: 0; padding: 0; list-style-type: none; -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .15); box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .15) } .header .subnav__wrapper { background: #fff; position: absolute; left: 0; min-width: 110%; display: none; white-space: nowrap } .header .nav li:hover .subnav__wrapper { display: block } .header__nav { -webkit-transition: all .3s; transition: all .3s; font-size: .875rem; font-weight: 700; padding-top: 3.75rem } .header__nav a { color: #000 } .header__nav--search { padding-top: .625rem } .header__nav__stick { background: #fff } .header__nav .nav-link { position: relative; line-height: 1.1; padding: .5625rem .3125rem .5625rem } .header__nav .nav-item { position: relative } .header__nav .nav-item:first-child { -webkit-transition: all .35s; transition: all .35s } .header__nav .nav .nav-item .nav-link--feedback { position: relative; display: inline-block; vertical-align: middle; padding: .9375rem 1.125rem .9375rem 0; margin-right: 1.125rem; font-size: 1rem; line-height: 1.2 } .header__nav .nav .nav-item .nav-link--feedback:after, .header__nav .nav .nav-item .nav-link--feedback:before { content: ''; position: absolute } .header__nav .nav .nav-item .nav-link--feedback:after { border-right: 1px solid #000; width: 1px; height: .625rem; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%) } @media (min-width: 768px) { .header__nav { font-size: .875rem; text-transform: uppercase; border-bottom: 1px solid #000 } .header__nav:before { content: ''; position: absolute } .header__nav:before { border-top: 3px solid #000; height: 3px; left: 0; top: 0; right: 0 } .header__nav .nav-link { text-align: center; border-color: transparent; position: relative; padding: 1.0625rem .75rem 1.0625rem .75rem; line-height: 1.4; overflow: hidden; color: #000 } .header__nav .nav-link:before { content: ''; position: absolute; left: 0; top: 0; right: 0; border-width: 3px 0 0; border-style: solid; -webkit-transition: all .25s; transition: all .25s } .header__nav .nav-link.active:before, .header__nav .nav-link:hover:before { border-width: 8px 0 0 } .header__nav .nav { margin-bottom: -1px } } @media (min-width: 576px) and (max-width: 1199.98px) { .header__nav .nav-link { padding-left: .25rem; padding-right: .25rem } } @media (min-width: 768px) { .header__nav { padding-top: 0 } } .header__social { float: right; -webkit-transition: all .3s; transition: all .3s } .header__social .icon { position: relative; height: auto } .header__social { padding: 1.25rem 0 0 } .header__social:hover { text-decoration: none } .header__social .icon + .icon { margin-left: .625rem } @media (max-width: 991.98px) { .header .header__social { float: left; min-width: 100%; padding-top: .9375rem } } .header__store { display: inline-table } .header__store:last-child { margin-right: 1.25rem } .header__store:hover { text-decoration: none } .header__store + .header__store { margin-left: .625rem } .header__store img { display: inline-block; vertical-align: top; max-width: 100%; height: auto } .header__widgets { background: #303030; padding: .4375rem 0; white-space: nowrap; z-index: 4 } .header__widgets, .header__widgets a { color: #fff } .header__widgets > .row > .col-12 { -webkit-transition: all .35s; transition: all .35s } .header__currency .up { color: #45c707 } .header__currency .down { color: #b61d1d } .header__currency__item > span + .header__currency__item > span { margin-left: .3125rem } .header__currency__item > span:first-child { margin-right: .625rem } .header__weather > span { margin: 0 .3125rem } .header__delimiter { border-width: 0 1px 0 0; border-style: solid } .header__widgets { position: fixed; left: 0; right: 0; font-size: 14px; line-height: 1.2 } @media (max-width: 991.98px) { .header__widgets { position: relative } } @media (min-width: 992px) { .collapse:not(.show) { display: none } } .burger-menu { padding: 1.0625rem .75rem; display: block; position: relative; z-index: 7; } @media (min-width: 992px) { .burger-menu:after { content: ''; position: absolute; top: 15px; right: 0; height: 19px; border-right: 1px solid silver } } .burger-menu:not(.collapsed)[data-target]:after { display: none } .burger-menu:not(.collapsed)[data-target] > span { border-top-color: transparent } .burger-menu:not(.collapsed)[data-target] > span:after { -webkit-transform: rotate(-45deg) translate(0, 0); -ms-transform: rotate(-45deg) translate(0, 0); transform: rotate(-45deg) translate(0, 0) } .burger-menu:not(.collapsed)[data-target] > span:before { -webkit-transform: rotate(45deg) translate(-4px, -4px); -ms-transform: rotate(45deg) translate(-4px, -4px); transform: rotate(45deg) translate(-4px, -4px) } .burger-menu > span { position: relative; display: block; width: 20px; height: 15px; border-top: 3px solid } .burger-menu > span:after, .burger-menu > span:before { content: ''; position: absolute; background: #000; height: 3px; width: 100%; -webkit-transition: all .35s; transition: all .35s } .burger-menu > span:after { top: 3px } .burger-menu > span:before { bottom: 0 } .burger-menu__dd { background: #f6f6f6; position: absolute; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 6; padding: 2.9375rem .875rem .4375rem; min-width: 16.5rem; border: 1px solid #c4c4c4; border-top: 3px solid #000; -webkit-box-shadow: 2px 3px 3px 0 rgba(196, 196, 196, .75); box-shadow: 2px 3px 3px 0 rgba(196, 196, 196, .75) } .burger-menu__dd .burger-menu__body ul { min-width: 15.625rem } .burger-menu__dd .burger-menu__body ul li { line-height: 1.1; -webkit-transition: all .25s; transition: all .25s; font-weight: 700; border-left: 0 } .burger-menu__dd .burger-menu__body ul li a { display: block; padding: .75rem .875rem .75rem .875rem; -webkit-transition: all .25s; transition: all .25s; color: #505050 } .burger-menu__dd .burger-menu__body ul li a[data-target] { position: relative } .burger-menu__dd .burger-menu__body ul li a[data-target]:before { content: ''; position: absolute; right: 0; top: 50%; width: 10px; height: 10px; border: 1px solid; border-color: transparent #000 #000 transparent; -webkit-transform: rotate(-45deg) translate(-100%, -150%); -ms-transform: rotate(-45deg) translate(-100%, -150%); transform: rotate(-45deg) translate(-100%, -150%) } .burger-menu__dd .burger-menu__body ul li:hover a { text-decoration: none; color: #000 } .burger-menu__dd .burger-menu__body ul:first-child:last-child { margin-bottom: 20px } .burger-menu__dd .burger-menu__body:first-child > ul > li:hover a { padding: .75rem .875rem .75rem .875rem } .burger-menu__dd .burger-menu__body:first-child > ul > li a { color: #000 } .burger-menu__dd .burger-menu__body:first-child > ul ul > li a { color: #505050 } .burger-menu__dd .burger-menu__body:first-child ul:first-child > li a:not(.collapsed)[data-target] { background: #e5e5e5 } .burger-menu__dd .burger-menu__body:first-child ul:first-child > li > a { border-left-width: 3px; border-left-style: solid; border-bottom: 1px solid #ececec } .burger-menu__dd .burger-menu__body:first-child ul:first-child > li > a[data-target]:not(.collapsed) { border-left-width: 6px; border-bottom-color: transparent; padding-left: 11px } .burger-menu__dd .burger-menu__body:first-child ul:first-child > li:hover > a { border-left-width: 6px; padding-left: 11px } .burger-menu__dd .burger-menu__body:first-child ul:first-child > li:hover > a { background: #e5e5e5 } .burger-menu__dd .burger-menu__body:first-child > ul:last-child { margin-top: 20px; margin-bottom: 10px; padding-top: 20px; border-top: 1px solid } .burger-menu__dd .burger-menu__body:first-child > ul:last-child > li { border-color: transparent } @media (max-width: 1199.98px) { .burger-menu { padding: 1.0625rem .75rem; display: block; position: relative; z-index: 7 } .burger-menu > span { position: relative; display: block; width: 20px; height: 15px; border-top: 3px solid } .header .burger-menu:not(.collapsed) { position: fixed; top: 0; left: 0; background: #fff } .header .burger-menu__dd { background: #fff; position: fixed; bottom: 0; right: 0; border: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 1.25rem; padding-right: 1.25rem; overflow: auto } .collapse:not(.show) { display: none } } .scroll-to-top { font-size: .75rem; stroke: silver; color: silver; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; right: 50%; opacity: 0; padding: 5px; border-radius: 25px 25px 2px 2px; z-index: 200; -webkit-transform: translate(660px, 100px) scale(0); -ms-transform: translate(660px, 100px) scale(0); transform: translate(660px, 100px) scale(0); -webkit-transition: all .3s; transition: all .3s } .scroll-to-top:hover { stroke: gray; color: gray; text-decoration: none } .scroll-to-top svg { border-radius: 50% } .scroll-to-top span { text-shadow: 1px 1px #fff } .scroll-to-top.active { -webkit-transform: translate(660px, 100px) scale(1); -ms-transform: translate(660px, 100px) scale(1); transform: translate(660px, 100px) scale(1); opacity: 1; padding: 5px; background-color: #fff } @media (max-width: 991.98px) { .logo { max-width: 8.125rem; max-height: 1.75rem } .header .logo { margin-top: .6875rem; margin-bottom: .4375rem } } @media (min-width: 768px) { .logo { margin: .625rem 0 .1875rem } } @media (min-width: 576px) and (max-width: 991.98px) { .logo { max-width: 11.25rem; max-height: 2.4375rem; margin-top: .8125rem; margin-bottom: .625rem } } .publication__author, .publication__author:hover { color:#505258 } .publication__author { line-height: 1.1; position: relative; font-size: .875rem; padding-left: .8125rem; margin-left: .8125rem; text-decoration: underline } .publication__author:before { content: ''; position: absolute; left: 0; top: 50%; height: 12px; margin-top: -6px; border-left: 1px solid grey } @media (max-width: 991.98px) { .onenews__title { font-size: 1.4375rem; line-height: 1.2; margin: 0 0 .5rem } .publication__author { font-size: .75rem; padding-left: .5rem; margin-left: .5rem; text-decoration: none; font-weight: 700; } .publication__data { font-size: .75rem; margin-top: .9375rem; margin-bottom: .9375rem; color:#505258; display:flex; } .publication__number { line-height: 1.1; } } @media (min-width: 768px) { .onenews { font-size: 1.125rem; line-height: 1.6 } .onenews .onenews__title { margin: -.625rem 0 .1875rem; font-size: 2.375rem; line-height: 1.2; margin: 0 0 .625rem } .onenews__body { margin: 0 0 3.25rem } .publication__data { font-size: .875rem; margin-bottom: 1.25rem } } @media (min-width: 992px) { h3 { font-size: 1.125rem; line-height: 1.1; font-weight: 700; margin: .375rem 0 .375rem } } @media (min-width: 768px) { h3 { font-size: 1.375rem; line-height: 1.1; margin: 2.0625rem 0 .5rem } h3:first-child { margin: 0 0 .375rem } } aside.aside-img { background: #ececec; float: right; border: 1px solid; border-width: 1px 0; border-color: #000; line-height: 1.5; font-family: Roboto, sans-serif; padding: 0 0 1.1875rem } aside.aside-img img { max-width: none; width: 100%; margin: 0 0 10px } aside.aside-img .aside-img__header { background: #ececec; display: -webkit-box; display: -webkit-flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: .625rem; padding: .5rem .625rem; text-transform: uppercase } aside.aside-img .aside-img__header a { color:#505258 } aside.aside-img .aside-img__header img { margin: 0 } aside.aside-img .aside-img__frame { position: relative; display: block; margin: 0 0 .6875rem } @media (min-width: 768px) { aside.aside-img .aside-img__frame { max-width: 100%; min-width: 6.25rem; padding-top: 56.26%; overflow: hidden } } aside.aside-img .aside-img__frame img { position: absolute; top: 0; height: auto; width: 100%; min-height: 100%; left: 50%; margin: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0) } aside.aside-img .aside-img__detail { display: inline-block; font-size: 1rem; padding: 5px 15px 0 } aside.aside-img h5 { font-size: 1.125rem; line-height: 1.5; font-weight: 700; margin: .375rem 0 .5rem } .tags-list { font-size: .875rem } .tags-list a { display: inline-block; padding: .4375rem .5rem; margin-right: .9375rem; margin-bottom: .9375rem; background: #ececec; border: 0 none; border-radius: 2px; font-family: Roboto; font-size: .75rem; line-height: 1; font-weight: 700 } .partners, .read-yzd, .related-links, .tags-list { display: none } figure { position: relative; margin: .75rem 0 .75rem; margin-top: .75rem; margin-bottom: .75rem; margin-left: auto; margin-right: auto } figure figcaption { color:#505258; padding: .375rem 0 .5rem; font-size: .75rem; } figure figcaption p { line-height: 1.2; color:#505258; margin: 0 0 1.3125rem; font-style:normal; font-size: .75rem!important; } figure figcaption span { line-height: 1.6; font-style: italic; text-transform: uppercase; } figure:first-child { margin: 0 0 .75rem } @media (min-width: 992px) { .wp-embedded-content { max-width: 16.5rem; float: right; margin: .625rem 0 .625rem .625rem } } @media (min-width: 768px) { figure figcaption { font-size: .875rem; padding: .375rem 0 } } .footer { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } .read-more-wrap { margin-top: -8rem; padding: 7.8125rem 0 2rem; position: relative; z-index: 4; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(40%, #fff), to(white)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 40%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0) } .read-more-wrap span.read-more-btn { font-size: .875rem; font-weight: 700; color: #303030; cursor: pointer; padding: 8px 20px; border: 1px solid } .read-more-wrap span.read-more-btn:hover { color: #0083be } .read-more-wrap span.read-more-body { display: block; font-size: .75rem; color:#505258; margin-top: 10px } .author { position: relative; margin: 0 0 30px } @media (max-width: 767.98px) { .author { padding: 0 15px 20px } } .author__title { font-size: 1.625rem; line-height: 1; font-weight: 700 } .author__post { font-size: .875rem } .author__footer { color:#505258; border-top: 1px solid silver; padding: 11px 0 0; font-size: 12px; line-height: 1 } .author__footer a { text-decoration: underline; color: inherit } .author__footer a:hover { text-decoration: none } .author:before { content: ''; background: #ececec; position: absolute; top: 0; right: 0; bottom: 0; left: 0 } @media (max-width: 767.98px) { .author:before { top: 104px } } @media (min-width: 768px) { .author { padding: 16px 25px 16px 0 } .author:before { left: 83px } .author__img { margin-right: 30px } } .read-yzd { font-size: 1.125rem; margin: 0 0 2.5rem; display: inline-block } .read-yzd a { font-family: Roboto; font-weight: 500; font-size: 1.25rem; line-height: 1.22; color: #000 } .read-yzd a:hover { text-decoration: none; color: #fd1731 } .read-yzd__red { color: #fd1731 } .read-yzd .read-yzd__btn { background-color: #13254d; color: #fff; display: inline-block; padding: .375rem .625rem; -webkit-transition: all .2s; transition: all .2s } .read-yzd .read-yzd__btn:hover { background-color: #fd1731; color: #fff } .read-yzd .read-yzd__btn img { max-width: 1.625rem; height: auto; vertical-align: top; margin-right: .375rem } #wpadminbar { display: none !important } #test_mob_ad { background:#ececec; width:100%; height:290px; position:relative; } #test_mob_ad::after { content: "Реклама"; display:table-cell; vertical-align: middle; text-align: center; width:100vw; height:290px; position:relative; z-index:1; font-size: 1.5rem; font-family: "Roboto"; color: #a8a8a8; text-transform:uppercase; } #test_mob_ad > div { position:absolute; z-index:2; margin:auto auto!important; }</style>
|