Files
profile/article-styles.php

4309 lines
100 KiB
PHP
Raw Normal View History

2025-07-09 21:21:17 +03:00
<style>
@-ms-viewport {
width: device-width
}
.burger-menu {
opacity:0;
}
.banned {
margin:0 0 8px 0;
padding:0 0 0 8px;
line-height:1.2;
font-size: 14px;
font-style: italic;
}
.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
}
.fs-12 {
font-size: 12px !important
}
.fs-14 {
font-size: 14px !important
}
.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
}
.col-md-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
}
@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%
}
.col-xl-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-xl-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%
}
}
.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) {
.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: 992px) {
.d-lg-block {
display: block !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
}
.mt-4 {
margin-top: 1.5rem !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
}
.fw-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
}
::-webkit-input-placeholder {
color: silver
}
::-moz-placeholder {
color: silver
}
:-ms-input-placeholder {
color: silver
}
::-ms-input-placeholder {
color: silver
}
::placeholder {
color: silver
}
:-ms-input-placeholder {
color: silver
}
::-ms-input-placeholder {
color: silver
}
input[type=search], input[type=text] {
background: #fff;
width: 100%;
font-size: .75rem;
color:#505258;
border: 1px solid silver;
border-width: 1px 0;
padding: .3125rem 0;
height: 2rem
}
input[type=search]:focus, input[type=text]:focus {
outline: 0
}
.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
}
.searchform__btn svg {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
@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;
font-size:1.2rem;
}
.header .nav-link--feedback:before {
content: '';
position: absolute;
border: 1px solid;
width: .5rem;
height: .5rem;
right: .9375rem;
top: 55%;
-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
}
/*body.branding {
background: #e2e7d0 url(../img/branding/military/Military_top.png) no-repeat 50% 0;
overflow-x: hidden
}*/
body.branding .header__widgets {
margin-left: auto;
margin-right: auto
}
body.branding .header > .container-fluid, body.branding .header > .container-lg, body.branding .header > .container-md, body.branding .header > .container-sm, body.branding .header > .container-xl {
padding-top: 0
}
@media (min-width: 992px) {
body.branding {
padding-top: 160px
}
}
@media (min-width: 576px) {
body.branding .header__widgets {
max-width: 1200px;
position: relative
}
}
@media (max-width: 1199.98px) {
body {
font-size: .875rem
}
}
body.branding .header__widgets > .container-fluid > .row:before, body.branding .header__widgets > .container-lg > .row:before, body.branding .header__widgets > .container-md > .row:before, body.branding .header__widgets > .container-sm > .row:before, body.branding .header__widgets > .container-xl > .row:before {
background-position: 100% 0;
left: 0;
-webkit-transform: translate(-100%, -167px);
-ms-transform: translate(-100%, -167px);
transform: translate(-100%, -167px)
}
body.branding .header__widgets > .container-fluid > .row:after, body.branding .header__widgets > .container-fluid > .row:before, body.branding .header__widgets > .container-lg > .row:after, body.branding .header__widgets > .container-lg > .row:before, body.branding .header__widgets > .container-md > .row:after, body.branding .header__widgets > .container-md > .row:before, body.branding .header__widgets > .container-sm > .row:after, body.branding .header__widgets > .container-sm > .row:before, body.branding .header__widgets > .container-xl > .row:after, body.branding .header__widgets > .container-xl > .row:before {
content: '';
background-color: transparent;
background-repeat: no-repeat;
position: absolute;
top: 0;
width: 360px;
height: 1000px;
border: 0 none
}
body.branding .header__widgets > .container-fluid > .row:after, body.branding .header__widgets > .container-lg > .row:after, body.branding .header__widgets > .container-md > .row:after, body.branding .header__widgets > .container-sm > .row:after, body.branding .header__widgets > .container-xl > .row:after {
background-position: 0 0;
right: 0;
-webkit-transform: translate(100%, -167px);
-ms-transform: translate(100%, -167px);
transform: translate(100%, -167px)
}
@media (min-width: 992px) {
.branding .header__widgets > .container-fluid > .row:after {
background-image: url(../img/branding/military/Military_r.png)
}
}
@media (min-width: 992px) {
.branding .header__widgets > .container-fluid > .row:before {
background-image: url(../img/branding/military/Military_l.png)
}
}
.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
}
.sticker-group .sticker {
position: relative;
top: 0;
right: 0
}
@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 {
font-size: .625rem;
line-height: 1.3;
font-weight: 700;
text-transform: uppercase;
position: absolute;
top: .625rem;
right: .625rem;
-webkit-transition: all .25s;
transition: all .25s;
padding: .125rem .375rem
}
.sticker:hover {
text-decoration: none;
-webkit-box-shadow: inset 0 0 10px 10px rgba(0, 0, 0, .1);
box-shadow: inset 0 0 10px 10px rgba(0, 0, 0, .1)
}
.sticker[class*="--white"] {
background: #fff;
color: #212529;
-webkit-box-shadow: -1px 0 1px 0 rgba(0, 0, 0, .05);
box-shadow: -1px 0 1px 0 rgba(0, 0, 0, .05)
}
.sticker[class*="--white"]:hover {
-webkit-box-shadow: -1px 0 1px 0 rgba(0, 0, 0, .05), inset 0 0 10px 10px rgba(0, 0, 0, .1);
box-shadow: -1px 0 1px 0 rgba(0, 0, 0, .05), inset 0 0 10px 10px rgba(0, 0, 0, .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) !important;
-ms-transform: translate(-50%, 0) !important;
transform: translate(-50%, 0) !important
}
.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: 0 !important;
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
}
}
@media (max-width: 1199.98px) and (max-width: 991.98px) {
.article a.sticker:not(.sticker--white) {
color: #fff
}
}
@media (max-width: 1199.98px) {
.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: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-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 (min-width: 576px) {
.header.isSticky .header__widgets {
position: fixed;
top: 0
}
}
@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-bottom: .625rem
}
}
@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
}
@media (max-width: 991.98px) {
.tags-list {
margin: 1.25rem 0 1.5625rem !important
}
.tags-list a {
margin-bottom: .625rem
}
}
.publication__data {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
line-height: 1.1;
color:#505258
}
.newslist {
margin: 0 0 3.75rem
}
.newslist .highlight {
background: #ffd685
}
.newslist__frame {
display: block;
margin-top: .125rem;
min-width: 14rem;
width: 14rem;
margin-right: 1.25rem;
overflow: hidden
}
.newslist__frame > img {
max-width: 100%;
height: auto
}
@media (max-width: 767.98px) {
.newslist__frame {
min-width: 100%;
height: auto;
max-height: none;
margin-bottom: 1.25rem
}
}
.newslist__result:first-child > .newslist__item:first-child {
padding-top: 0
}
.newslist__item {
border-bottom: 1px solid rgba(192, 192, 192, .5);
padding: 1.25rem 0 1.125rem;
margin: 0
}
@media (min-width: 576px) {
.newslist__item + .newslist__item {
margin: 0;
padding: 1.25rem 0 1.25rem
}
}
.newslist__title {
font-size: 1.125rem;
line-height: 1.3;
font-weight: 700!important;
margin: 0 0 .625rem
}
.newslist .newslist__title {
font-size: 1.2rem;
line-height: 1;
font-weight: 700!important;
margin: 0 0 .625rem;
-webkit-transition: all .2s;
transition: all .2s
}
@media (min-width: 576px) {
.newslist .newslist__title {
font-size: 1.6rem;
line-height: 1.1;
font-weight: 700!important;
}
}
.newslist .newslist__title a, .newslist__body {
font-size: 1rem;
line-height: 1.6;
-webkit-transition: all .2s;
font-weight: 700!important;
transition: all .2s
}
.newslist .newslist__title a {
font-weight: 700!important;
color: #212529;
-webkit-transition: all .2s;
transition: all .2s;
font-size: 1.2rem;
line-height: 1.2;
}
@media (min-width: 576px) {
.newslist__body {
font-size: .875rem;
line-height: 1.6
}
}
.newslist__body, .newslist__body p {
margin: 0 0 .75rem
}
.newslist__body a {
-webkit-transition: all .2s;
transition: all .2s
}
.newslist__body a, .newslist__body a:hover {
text-decoration: none
}
@media (min-width: 576px) {
.newslist .publication__data {
margin: 0 0 5px
}
}
@media (min-width: 768px) {
.newslist .publication__data {
font-size: .875rem
}
.newslist__body:hover {
opacity: .7
}
}
@media (max-width: 991.98px) {
.newslist .d-flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.partners, .read-yzd, .related-links {
display: none
}
figure {
position: relative;
margin: .75rem 0 .75rem;
margin-top: .75rem;
margin-bottom: .75rem;
margin-left: auto;
margin-right: auto
}
figure figcaption {
font-style: italic;
color:#505258
}
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
}
}
.partners, .partners a {
color: #000
}
.partners__frame {
display: block
}
.partners__header {
background: #ececec;
border-top: 2px solid #000;
font-size: 18px;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
padding: 11px 15px;
margin-bottom: 10px
}
.partners__title {
display: block;
line-height: 0;
position: relative;
margin: 0 0 .4375rem
}
.partners__title img {
display: block;
vertical-align: middle
}
.partners__title:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 48%;
height: 1px;
border-top: 1px solid silver
}
.partners__title__frame {
background: #fff;
position: relative;
display: inline-block;
vertical-align: top;
min-height: 1.9375rem;
line-height: 1.6875rem;
padding: 0 .75rem 0 0
}
.partners__title__frame > img {
display: inline-block
}
.partners__item {
display: block;
margin: 0 0 1.875rem
}
.partners__item__title {
display: inline-block;
font-size: 1.125rem;
line-height: 1.2;
margin: .8125rem 0 0
}
.partners__item img {
width: 100%;
height: auto
}
@media (max-width: 991.98px) {
.partners__item.d-flex {
height: 100%;
max-width: none;
margin: 0;
padding: 0 0 1.25rem
}
}
@media (max-width: 767.98px) {
.partners__item.d-flex .partners__item__title {
margin: 0 0 0 1.25rem;
font-size: 1rem
}
.partners__item.d-flex .partners__frame {
position: relative;
overflow: hidden;
min-width: 80px;
width: 80px;
height: 80px
}
.partners__item.d-flex .partners__frame img {
position: relative;
max-width: none;
min-width: auto;
height: 100%;
width: auto;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
}
@media (max-width: 991.98px) {
.partners__header {
margin-right: -15px;
margin-left: -15px
}
}
@media (max-width: 991.98px) {
.partners__item.d-flex .partners__frame {
position: relative;
overflow: hidden;
min-width: 80px;
width: 80px;
height: 80px
}
.partners__item.d-flex .partners__item__title {
margin: 0 0 0 1.25rem;
font-size: 1rem
}
}
@media (min-width: 992px) {
.partners__item {
display: block;
margin: 0 0 1.875rem
}
}
.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;
left:0!important;
}
}
@media (min-width: 768px) {
.author {
padding: 16px 25px 16px 0
}
.author:before {
left: 83px
}
.author__img {
margin-right: 30px
}
}
.search__item {
border-bottom: 1px solid rgba(192, 192, 192, .5)
}
@media (min-width: 576px) and (min-width: 768px) {
.search__item {
padding: 1.875rem 0 1.75rem
}
.search__item + .search__item {
padding: 1.875rem 0 1.875rem
}
}
@media (min-width: 576px) {
.search .searchform input[type=search] {
font-size: 1.5rem;
min-height: 3.125rem;
padding: .3125rem .9375rem;
border-width: 1px
}
.search .searchform__btn {
width: 3.125rem;
height: 3.125rem;
padding: .8125rem
}
}
@media (max-width: 767.98px) {
.search .searchform__btn {
padding: .625rem;
width: 2.5rem;
height: 2.5rem;
line-height: 1.875rem
}
}
@media (min-width: 768px) {
.search .searchform {
margin: .6875rem 0 0
}
}
.search .search__title {
font-size: 1.125rem;
line-height: 1.3;
margin: 0 0 .625rem
}
@media (min-width: 576px) {
.search .search__title {
font-size: 1.5rem;
line-height: 1.1
}
}
.search .search__title:hover {
opacity: .7
}
.search .search__title a {
text-decoration: none;
color: #212529
}
.search .search__title a, .search .search__title a:hover {
text-decoration: none
}
.search .search__title:hover {
text-decoration: none
}
.search__body {
font-size: .875rem;
line-height: 1.6
}
@media (min-width: 576px) {
.search__body {
font-size: 1.125rem;
line-height: 1.6
}
}
.search__body:hover {
opacity: .7;
text-decoration: none
}
.search__body, .search__body p {
margin: 0 0 .75rem
}
.search__body a, .search__body a:hover {
text-decoration: none
}
.searchform {
position: relative
}
.searchform input[type=search] {
position: relative;
opacity: 1;
width: 100%
}
.searchform__btn {
position: absolute;
right: 0
}
.searchform .search__filter select {
max-width: 120px
}
.error-404 {
max-width: 37.5rem;
text-align: center;
font-size: 1.125rem;
margin: auto;
margin-bottom: 5rem
}
.error-404__content {
margin: 1.625rem 0 0
}
.error-404__content p {
margin: 0 0 1.25rem
}
.error-404 .searchform {
max-width: 29.25rem;
margin-left: auto;
margin-right: auto;
position: relative
}
.error-404 .searchform input[type=search], .error-404 .searchform input[type=text] {
height: 2rem;
border-width: 1px;
padding: .3125rem .625rem
}
.error-404 .searchform__btn {
width: 2rem;
height: 2rem;
padding: .3125rem
}
.search__filter {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: .75rem 0 1.25rem
}
.search__filter .nice-select {
background: rgba(255, 255, 255, .01);
position: relative;
padding-right: 30px;
margin-right: 1.25rem;
padding-left: 0;
border-radius: 0;
border: 0 none;
height: auto;
line-height: 1.1
}
@media (min-width: 576px) {
.search__filter .nice-select {
font-size: .875rem
}
}
.search__filter .nice-select .list {
border-radius: 0;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-box-shadow: 0 0 0 1px rgba(192, 192, 192, .5);
box-shadow: 0 0 0 1px rgba(192, 192, 192, .5)
}
.search__filter .nice-select:after {
border-bottom: 2px solid #999;
border-right: 2px solid #999;
content: '';
display: block;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
border-bottom-width: 1px;
border-right-width: 1px;
border-bottom-color: #000;
border-right-color: #000;
margin-top: -.5rem;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all .15s ease-in-out;
transition: all .15s ease-in-out
}
@media (min-width: 576px) {
.search__filter .nice-select:after {
width: .625rem;
height: .625rem
}
}
.nice-select .list {
background-color: #fff;
border-radius: 5px;
-webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(.75) translateY(-21px);
-ms-transform: scale(.75) translateY(-21px);
transform: scale(.75) translateY(-21px);
-webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
z-index: 9
}
.news {
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-flex: 0;
-webkit-flex: 0 0 1;
-ms-flex: 0 0 1;
flex: 0 0 1
}
.news__body {
border-style: solid;
border-color: #ececec;
border-width: 0 1px 1px 1px;
border-radius: 0 0 6px 6px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
overflow: hidden
}
.news__body:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2.5rem;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
background-repeat: repeat-x
}
.news__body > div {
max-height: 514px
}
.news__body__inner {
background-color: #fff;
padding: .875rem .625rem
}
.news__tabs {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border: 0 none;
padding-bottom: 1px
}
.news__tabs .nav-item {
width: 50%;
text-align: center
}
.news__tabs .nav-item:first-child .nav-link {
border-radius: 6px 0 0 0
}
.news__tabs .nav-item:last-child .nav-link {
border-radius: 0 6px 0 0
}
.news__tabs .nav-link {
background-color: #ececec;
padding-left: 0;
padding-right: 0;
font-size: 1.125rem;
font-weight: 500;
color: #bfbfbf
}
.news__tabs .nav-link.active {
background-color: #fff;
border-color: #d4d4d4;
color: #000;
font-weight: 700
}
.news__tabs-content .tab-pane {
padding: 0;
height: 100%
}
.news__list {
margin: 0 0 1.125rem;
padding: 0;
list-style-type: none
}
.news__list:last-child {
margin: 0
}
.news__list li {
margin: 0;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline
}
.news__list li + li {
margin: 1rem 0 0
}
.news__list__top {
padding: 0;
margin-top: -.9375rem
}
.news__list__top li {
position: relative;
list-style-type: none;
padding: 15px 20px;
line-height: 1;
margin: 0 -.625rem
}
.news__list__top li:not(:first-child) {
border-top: 1px solid #ececec
}
.news__list__top li:before {
content: '';
background: #b51d1d;
width: 3px;
height: 20px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.news__date {
font-size: .625rem;
line-height: 1.1;
color:#505258;
margin: 0 0 .4375rem
}
.news__time {
font-size: .75rem;
font-weight: 700;
line-height: 1.2;
color: #b61d1d;
min-width: 2.5rem
}
.news__name {
font-size: .8125rem;
line-height: 1.2;
font-weight: 500;
color: #000;
-webkit-transition: color .2s;
transition: color .2s
}
.news__name.active {
color: #b61d1d
}
.news__name:hover {
color: #b61d1d;
text-decoration: none
}
.blog {
background: #ececec;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 9.875rem;
margin: 0 0 1.875rem;
border-radius: 6px
}
@media (max-width: 767.98px) {
.blog {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.blog__frame > img {
max-height: none;
min-width: 100%;
height: auto;
max-width: 100%
}
}
.blog__frame {
position: relative;
overflow: hidden;
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
max-width: 10.4375rem;
width: -webkit-fill-available
}
.blog__frame > img {
display: block;
height: 100%;
max-height: 9.875rem;
width: auto;
max-width: none;
position: relative
}
@media (max-width: 767.98px) {
.blog__frame {
margin: 20px auto auto
}
.blog__frame > img {
border-radius: 6px
}
}
.blog__body {
position: relative
}
@media (min-width: 576px) {
.blog__body {
padding: .625rem .625rem .9375rem 1.875rem
}
}
@media (max-width: 767.98px) {
.blog__body {
padding: .9375rem .9375rem .9375rem .9375rem
}
}
.blog__detail {
position: absolute;
left: 0;
bottom: 0;
right: 0
}
@media (min-width: 576px) {
.blog__detail {
padding: 0 0 .9375rem 1.875rem
}
}
@media (max-width: 767.98px) {
.blog__detail {
padding: 0 .9375rem .9375rem
}
}
.blog__title {
font-size: 1.125rem;
font-weight: 700;
line-height: 1.25;
display: inline-block;
padding-bottom: 1.375rem;
position: relative;
max-height: 8.125rem
}
.blog__title, .blog__title:hover {
color: #000
}
@media (max-width: 767.98px) {
.blog__title {
padding-bottom: 1.875rem
}
}
.blog__data {
font-size: .75rem;
line-height: 1
}
.blog__author {
position: relative;
font-size: .75rem;
font-weight: 700;
line-height: 1;
text-decoration: underline;
padding: 0 0 0 .75rem;
margin: 0 0 0 .6875rem
}
.blog__author:before {
content: '';
position: absolute;
left: 0;
top: 50%;
margin-top: -.3125rem;
border-left: 1px solid;
height: 11px;
width: 1px
}
.blog__author:hover {
text-decoration: none
}
.blog__author, .blog__author:hover {
color: #000
}
.blog-author {
font-size: 18px
}
.blog-author__frame {
display: block;
position: relative;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
margin-right: 3.125rem
}
.blog-author__name {
display: block;
font-weight: 700
}
.blog-author__content {
padding: .75rem 0
}
@media (max-width: 991.98px) {
.blog-author__content {
margin: 0 0 1.875rem
}
}
.news.cell {
display: none;
}
iframe {
max-width: 100% !important;
overflow: visible;
}
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.35);
}
#ajax-load-more > div.alm-listing.alm-ajax.col-12 {
padding:0 !important;
}
</style>