4309 lines
100 KiB
PHP
4309 lines
100 KiB
PHP
|
|
<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>
|