@font-face {
font-family: "Glyphicons Halflings";
src: url(//mephi3.ru/public/fonts/glyphicons-halflings-regular.eot);
src: url(//mephi3.ru/public/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),
url(//mephi3.ru/public/fonts/glyphicons-halflings-regular.woff2) format("woff2"),
url(//mephi3.ru/public/fonts/glyphicons-halflings-regular.woff) format("woff"),
url(//mephi3.ru/public/fonts/glyphicons-halflings-regular.ttf) format("truetype"),
url(//mephi3.ru/public/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
input,
textarea,
audio,
video {
margin: 0;
padding: 0;
vertical-align: baseline;
font: inherit;
box-sizing: border-box;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
html {
margin: 0;
padding: 0;
-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
:root {
--color-black: #333333;
--header-height: 145px;
--content-max-height: calc(100% - var(--header-height, 0));
--max-content-width: 1400px;
--content-padding: 32px;
}
body.full-width {
--max-content-width: 2000px;
}
html {
height: 100%;
}
body {
font-family: "Rubik",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-family: var(--wp--preset--font-family--system-fonts);
color: #1e2024; color: var(--color-black);
overflow: auto scroll;
height: 100%;
font-size: 16px;
line-height: 22px;
padding-top: var(--wp-admin--admin-bar--height, 0px);
display: flex;
flex-direction: column; background-color: #F9F9F9;
background:
conic-gradient(from 135deg, rgb(249, 249, 249) 90deg, #0000 0) 15px calc(15px/2),
conic-gradient(from 135deg, rgb(247, 247, 247) 90deg, #0000 0),
conic-gradient(from 135deg at 50% 0, rgb(249, 249, 249) 90deg, #0000 0) rgb(247, 247, 247);
background-size: 30px 15px;
}
.flex-horizontal-centered {
justify-content: center;
}
li::marker {
color: #146bc6; color: var(--wp--preset--color--primary);
}
iframe {
border-radius: 8px;
}
table {
border-collapse: collapse;
width: 100%; }
td,
th {
padding: 8px;
border: 1px solid rgba(0, 0, 0, .1) !important;
}
th {
vertical-align: middle;
}
.wp-block-table thead {
border-bottom: 1px solid rgba(0,0,0,.1) !important;
}
th:first-child,
td:first-child {
border-left: none !important;
}
th:last-child,
td:last-child {
border-right: none !important;
}
tr:first-child th,
tr:first-child td {
border-top: none !important;
}
tr:last-child th,
tr:last-child td {
border-bottom: none !important;
}
.vikon-responsive-table h4 {
padding: 0 8px;
margin-top: 10px !important;
}
th,
thead tr {
font-weight: 600;
background: rgba(84, 167, 255, 0.09);
color: #1e2024;
}
h1,
h2,
h3,
h4,
h5,
h6 {
word-break: break-word;
}
a,
.showpart-btn-list {
color: #146bc6; color: var(--wp--preset--color--primary);
text-decoration: none;
word-wrap: break-word;
cursor: pointer;
transition: 0.1s ease;
line-height: normal;
}
a:hover,
.showpart-btn-list:hover {
text-decoration: underline;
color: var(--wp--preset--color--primary-highlight);
}
.site-header {
padding: 0 16px; padding: 0 var(--content-padding);
font-family: "Ruda", "Roboto Flex", "Arial";
width: 100%;
display: table;
}
.site-header .top {
padding: 16px; padding: 16px var(--content-padding);
width: 100%;
max-width: 90%; max-width: calc(var(--max-content-width) - var(--content-padding) * 2);
margin: auto;
margin-top: 16px;
border-radius: 12px;
border: 1px solid rgba(0, 0, 0, .1);
background-color: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: baseline;
}
.site-header .top-inner {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: space-between;
}
.site-header .logo {
margin: auto 0;
}
.site-header .logo a {
display: flex;
align-items: center;
text-decoration: none !important;
}
.site-header .top .logo img {
border-radius: 0;
}
.site-header .top .right {
margin: auto 0;
}
.site-header .top .right .extra-buttons-wrap {
display: flex;
justify-content: flex-end;
align-items: center;
}
.site-header .site-name {
color: #146bc6;
display: flex;
flex-direction: column;
justify-content: center;
margin-left: 16px;
padding-left: 16px;
font-size: 14px;
line-height: 18px;
position: relative;
}
.site-header .header-mobile {
position: relative;
margin-top: 16px;
display: none;
}
.site-header .header-mobile .menu-header-container {
display: none;
}
.site-header .site-name-mobile {
color: #146bc6;
font-size: 14px;
line-height: 18px;
}
.site-header .site-name::before {
content: '';
width: 1px;
background-color: #146bc6;
position: absolute;
left: 0;
top: 0;
bottom: 0;
opacity: 0.5;
}
.site-header .bold {
font-weight: 800;
}
.bvi-open i {
opacity: 0.75;
transition: 0.1s ease opacity;
margin-right: 16px;
font-size: 22px;
color: var(--wp--preset--color--primary);
}
.bvi-open:hover i {
opacity: 1;
}
body.bvi-active {
--max-content-width: 1920px;
}
.bvi-widget, .bvi-shortcode,
.bvi-widget, .bvi-shortcode a, .bvi-widget a, .bvi-shortcode {
background-color: transparent !important;
}
.bvi-widget, .bvi-shortcode {
cursor: unset !important;
} body.page .bvi-body[data-bvi-builtelements=true]:not(.bvi-no-styles) figure {
display: table !important;
}
.site-header .bottom {
background: linear-gradient(0deg, #146bc6, #1f77d5); background: linear-gradient(0deg, var(--wp--preset--color--primary), var(--wp--preset--color--primary-highlight));
position: relative;
margin: auto;
margin-top: 16px;
border-radius: 12px;
max-width: 90%; max-width: calc(var(--max-content-width) - var(--content-padding) * 2);
width: 100%;
z-index: 99;
}
.site-header .info {
background: #fff;
position: relative;
margin: auto;
margin-top: 16px;
border-radius: 12px;
border: 1px solid rgba(0, 0, 0, .1);
max-width: 90%; max-width: calc(var(--max-content-width) - var(--content-padding) * 2);
width: 100%;
overflow: hidden;
}
.site-header .info .menu {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0 8px;
}
.site-header .info .menu a {
min-height: 40px;
display: flex;
align-items: center;
padding: 8px;
text-transform: uppercase;
font-size: 14px;
}
.site-header .menu-item {
list-style-type: none;
transition: 0.1s ease background-color;
position: relative;
display: inline-block;
}
.site-header .menu-item:hover {
background-color: rgba(255, 255, 255, .1);
}
.site-header .menu-header-container {
float: right;
}
.site-header .menu {
display: flex;
flex-wrap: wrap;
}
.menu-primary-container {
max-width: 100%; max-width: var(--max-content-width);
margin: auto;
}
.menu-primary-container .menu-item .sub-menu {
display: none;
z-index: 9999;
opacity: 1;
}
.menu-primary-container>ul>.menu-item:hover>a {
transition: 0.2s ease; }
@keyframes submenu-appear {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.menu-primary-container .menu-item:hover>.sub-menu {
display: flex;
flex-direction: column;
position: absolute;
left: 0;
top: 100%;
min-width: max-content;
border-radius: 0 0 8px 8px;
overflow: hidden;
margin-top: 7px; border: 1px solid rgba(0, 0, 0, .1);
border-top: none;
box-shadow: 0 0 12px 4px rgba(0, 0, 0, .125);
animation: submenu-appear 0.1s ease;
}
.menu-primary-container #menu-primary>.menu-item:hover::before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -10px;
height: 10px;
z-index: 999;
}
.menu-primary-container .sub-menu .menu-item .sub-menu {
left: 100%;
top: 0;
padding-top: 0;
padding-left: 8px;
}
.menu-primary-container .menu-item>.sub-menu li:first-child {
border-top: 3px solid #2c90fa;
}
.menu-primary-container .menu-item:hover>.sub-menu a {
color: #1e2024;
justify-content: flex-start;
background: rgb(255, 255, 255);
display: flex;
align-items: center;
text-transform: none;
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, .1);
justify-content: space-between;
max-width: 500px;
}
.menu-primary-container .menu-item:hover>.sub-menu a i {
margin-left: 16px;
}
.menu-primary-container .menu-item:hover>.sub-menu li:last-child a {
border-bottom: none;
}
.menu-primary-container .menu-item:hover>.sub-menu a::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
transition: 0.2s ease;
}
.menu-primary-container .menu-item:hover>.sub-menu a:hover { }
.menu-primary-container .menu-item:hover>.sub-menu a:hover::after {
background-color: rgba(0, 0, 0, .05);
}
.menu-primary-container .menu-item a {
text-transform: uppercase;
text-decoration: none;
color: #fff;
padding: 0 16px;
position: relative;
vertical-align: middle;
display: table-cell;
height: 50px;
}
.menu-primary-container .menu-item .sub-menu .menu-item a {
height: 42px;
}
.bvi-active .menu-primary-container .menu-item .sub-menu .menu-item a {
min-height: 42px;
height: fit-content;
} 
.menu-primary-container .menu-item .sub-menu .menu-item.menu-item-has-children>a::after {
content: '⮞';
color: #333333;
position: relative;
margin-left: 16px;
font-weight: bold;
}
.menu-primary-container .sub-menu .current-menu-item>a {
font-weight: 600;
color: #1f77d5 !important; color: var(--wp--preset--color--primary);
}
.menu-primary-container .current-menu-ancestor>a,
.menu-primary-container .current-menu-item>a {
font-weight: bold;
}
#menu-header {
display: flex;
gap: 8px;
}
.menu-header-container .menu-item a {
padding: 0 32px;
text-transform: uppercase;
text-decoration: none;
color: #146bc6; color: var(--wp--preset--color--primary);
border: 1px solid #146bc6; border: 1px solid var(--wp--preset--color--primary);
display: block;
height: 46px;
line-height: 46px;
text-align: center;
border-radius: 48px;
}
.menu-header-container .menu-item a:hover {
background: #146bc6; background-color: var(--wp--preset--color--primary);
color: #fff;
transition: 0.15s ease;
}
#site-content-wrap {
width: 100%;
}
#site-content {
margin: auto;
width: 100%;
padding: 0 16px; padding: 0 var(--content-padding);
max-width: 90%; max-width: var(--max-content-width);
}
.main-wrap {
margin-top: 16px;
}
.main-wrap h1 {
font-size: 1.5rem;
font-weight: 900;
color: #1e2024;
text-transform: uppercase;
margin-top: 24px;
line-height: normal;
position: relative;
font-family: "Ruda", "Roboto Flex", "Arial";
}
.main-wrap h1:first-child {
margin-top: 0;
}
.main-wrap h2,
.main-wrap h3,
.main-wrap h4 {
font-weight: 600;
color: #1e2024;
line-height: normal !important;
margin: 1em 0;
}
.main-wrap h2:last-child,
.main-wrap h3:last-child,
.main-wrap h4:last-child {
margin-bottom: 0;
}
.main-wrap h2 {
font-size: 1.3rem;
}
.home .the-content > .wp-block-group > h2 {
margin-bottom: 0;
}
.home .the-content > h2,
.home .the-content > .wp-block-group {
margin-top: 32px;
}
.home .the-content > .wp-block-group {
margin-bottom: 1em;
}
.home .the-content > .wp-block-columns {
margin-bottom: 1em;
} .main-wrap h3 {
font-size: 1.1rem;
}
.main-wrap h4 {
color: #333333; color: var(--color-black);
font-size: 1rem;
}
.main-wrap h2:first-child,
.main-wrap h3:first-child {
margin-top: 0;
}
.post.error-404 {
text-align: center;
}
.post.error-404 img {
margin: auto;
}
.post ul,
.post ol {
margin-block-start: 1em;
margin-block-end: 1em;
padding-inline-start: 40px;
}
.post ul:last-child,
.post ol:last-child {
margin-block-end: 0;
}
.post p {
margin-bottom: 1em;
text-align: justify;
}
.post p:last-child {
margin-bottom: 0;
}
form p label {
color: #146bc6; color: var(--wp--preset--color--primary);
text-transform: uppercase;
font-weight: 500;
}
form input {
min-height: 40px;
}
form textarea {
height: 238px;
}
form input,
form textarea {
outline: none;
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 8px 12px;
width: 100%;
border-radius: 4px;
transition: 0.1s ease;
background-color: #fff;
}
form input[type="checkbox"] {
width: 24px;
}
form input:focus,
form textarea:focus {
border-color: #146bc6; border-color: var(--wp--preset--color--primary);
}
form input[type="submit"] {
cursor: pointer;
text-transform: uppercase;
background: linear-gradient(0deg, #146bc6, #1f77d5); background: linear-gradient(0deg, var(--wp--preset--color--primary), var(--wp--preset--color--primary-highlight));
color: #fff;
height: 48px;
border: none;
}
form input[type="submit"]:hover {
filter: brightness(1.1);
}
form label,
form p {
display: flex;
flex-direction: column;
gap: 4px;
}
.post .wpcf7-not-valid-tip {
margin-top: 8px;
text-transform: none;
}
.post .wpcf7-spinner {
display: none;
margin: auto;
margin-top: 16px;
}
.post .wpcf7-form.submitting .wpcf7-spinner {
display: block;
}
.post .captcha-image {
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.post .captcha-image label>input:checked+svg,
.port .captcha-image label>input:focus+svg {
border: 2px solid #146bc6;
border-radius: 8px;
}
.post .cf7ic_instructions {
margin-bottom: 8px;
flex-basis: 100%;
}
.post .captcha-image label {
display: flex !important;
align-items: center;
justify-content: center;
}
.table-wrap,
.wp-block-table,
.vikon-responsive-table {
overflow: auto;
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
b,
strong {
font-weight: bold;
}
.comment-form {
display: flex;
flex-direction: column;
gap: 8px;
}
.comment-form .comment-form-cookies-consent {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.mephi3-welcome__columns {
filter: drop-shadow(0 .375rem 1.5rem rgba(140, 152, 164, .125));
}
.post {
display: flex;
flex-direction: column;
padding: 16px;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 12px;
background-color: white;
word-wrap: break-word;
}
.home .post {
padding: 0;
border: none;
background-color: transparent;
}
.article-list .post {
flex-direction: row;
margin-bottom: 8px;
}
.article-list .post .title {
margin-bottom: 8px;
padding-bottom: 0;
}
.article-list .post .title a {
color: #000;
}
.post-categories {
padding-left: 0 !important;
margin-top: 0 !important;
list-style: none;
}
.post-categories {
display: flex;
gap: 8px;
}
.post-categories a {
display: flex;
padding: 6px 12px;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 8px;
font-size: 14px;
}
.article-list .post .title::after {
display: none;
}
.post__info {
margin-left: 16px;
display: flex;
flex-direction: column;
overflow: hidden;
width: 100%;
}
.post__info .meta {
margin-top: auto;
display: flex;
justify-content: space-between;
}
.post__info h1 {
margin-top: 0;
font-size: 1rem;
white-space: nowrap;
overflow: hidden;
display: block;
text-overflow: ellipsis;
}
.post__info .post-meta {
margin-bottom: 8px;
}
.post__info .the-content {
margin-bottom: 8px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
}
.margin-bottom-1 {
margin-bottom: 1rem !important;
}
.margin-top-1 {
margin-top: 1rem !important;
}
.margin-left-1 {
margin-left: 1rem !important;
}
.margin-right-1 {
margin-right: 1rem !important;
}
.wp-block-image {
display: flex;
}
.wp-block-image > a {
position: relative;
overflow: hidden;
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, .1);
}
.wp-block-image > a::after {
content: 'Нажмите, чтобы перейти...';
transition: 0.2s ease;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0;
background-color: rgba(0, 0, 0, .6);
backdrop-filter: blur(4px);
font-size: 1rem;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.wp-block-image > a:hover::after {
opacity: 1;
}
.wp-block-image > a > img {
transition: transform .2s ease;
}
.wp-block-image > a:hover > img {
transform: scale(1.04);
}
.pagination-buttons {
display: flex;
justify-content: space-between;
margin-top: 16px;
}
.pagination-buttons a {
padding: 0 16px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .1);
}
.post__img_wrap {
width: 320px;
flex-shrink: 0;
}
.post__img {
height: 100%;
display: flex;
background-color: #252422;
background-position: 50%;
background-repeat: no-repeat;
background-size: 100%;
border-radius: 8px;
}
.post__img::after {
content: '';
padding-bottom: 56.25%;
}
.post__img img {
height: auto;
}
.post .title {
margin-bottom: 12px;
}
.post.vikon h1 {
margin-bottom: 16px;
}
.post .title {
position: relative;
padding-bottom: 13px;
display: flex;
gap: 12px;
}
.post .title::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background-color: rgba(0, 0, 0, .1);
border-radius: 8px;
}
.post .title img {
width: 320px;
height: fit-content;
}
.sidebar-menu {
display: flex;
flex-direction: column;
gap: 16px;
flex: 0 0 360px;
}
.bvi-active .sidebar-menu {
flex: 0 0 460px;
}
.sidebar-menu ul {
display: flex;
flex-direction: column;
gap: 4px;
padding: 16px;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 12px;
background-color: white;
line-height: normal;
}
.sidebar-menu li {
list-style-type: none;
margin-left: 0;
padding-left: 0;
display: flex;
border-radius: 12px;
transition: 0.2s ease;
}
.sidebar-menu li a {
padding: 10px 14px;
width: 100%;
color: #333333; color: var(--color-black);
text-decoration: none;
display: flex;
align-items: center;
}
.sidebar-menu li i {
font-size: 16px;
opacity: 0.8;
margin-left: auto;
padding-left: 16px;
}
.sidebar-menu ul::before {
content: 'Разделы';
font-family: "Ruda", "Roboto Flex", "Arial";
font-weight: 900;
text-transform: uppercase;
margin-bottom: 10px;
}
.sidebar-menu li:hover {
background-color: rgba(20, 107, 198, 0.04);
}
.sidebar-menu li.active {
background-color: rgba(20, 107, 198, 0.08);
}
.sidebar-menu li.active a {
color: #146bc6; color: var(--wp--preset--color--primary);
}
.wp-block-columns {
margin-bottom: 8px;
}
.wp-block-columns:last-child {
margin-bottom: 0;
}
.wp-block-buttons-is-layout-flex,
.wp-block-buttons>.wp-block-button,
.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
height: 100%;
}
.vikon .sidebar-menu { }
.vikon .sidebar-menu ul {
padding: 0px;
flex-direction: row;
flex-wrap: wrap;
}
.vikon .sidebar-menu ul {
background-color: transparent;
border: none;
}
.vikon .sidebar-menu ul::before {
display: none;
}
.vikon .sidebar-menu {
flex: unset;
}
.vikon .sidebar-menu li a {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
.vikon .sidebar-menu li:hover a,
.vikon .sidebar-menu li.active a {
background-color: #edf3fb;
}
#primary.vikon {
flex-direction: column;
}
.vikon #content {
margin-top: 16px;
}
#primary {
display: flex;
flex-direction: row-reverse;
}
#content {
width: 100%;
height: fit-content;
min-width: 0;
margin-right: 16px;
}
#content:first-child {
margin-right: 0;
}
.site-footer {
color: rgb(182, 182, 182);
margin-top: 16px;
margin-bottom: 32px;
padding: 16px;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 12px;
background-color: white;
font-size: 14px;
}
.site-footer .site-info {
display: flex;
align-items: center;
}
.site-footer .site-info img {
width: 100px;
margin-right: 16px;
}
img {
border-radius: 8px;
max-width: 100%; max-height: 100%;
}
#vikon-content .hide {
display: none !important;
}
.wp-block-separator {
border-top: 1px solid rgba(0, 0, 0, .1);
margin: 16px 0;
}
em {
font-style: italic;
}
.wp-block-buttons .wp-block-button__link {
display: flex;
align-items: center;
text-decoration: none !important;
}
.wp-block-buttons .wp-block-button__link:hover {
letter-spacing: 0.5px;
}
.wp-block-buttons .wp-block-button__link i,
.wp-block-buttons .wp-block-button__link span {
font-size: 1.2em;
max-width: 1.2em;
min-width: 1.2em;
margin-right: 12px;
text-align: center;
}
.kc_captcha {
display: flex;
flex-direction: column;
}
figcaption.wp-element-caption {
text-align: center;
font-style: italic;
}
.wp-block-image img {
width: 100%;
}
.has-text-align-center {
text-align: center !important;
} .the-content .wp-block-image img {
width: auto;
}
h2+h3 {
margin-top: 0 !important;
}
.post hr+h3,
.post hr+h2,
.post hr+h1,
.post p+hr,
.post p+ul {
margin-top: 0 !important;
}
.post p.indent {
text-indent: 32px;
}
.size-full {
width: 100%;
}
.flex-control-paging li a {
background: rgba(0, 0, 0, .15) !important;
}
.flex-control-paging li a.flex-active {
background: rgba(0, 0, 0, .3) !important;
}
.captcha-image {
width: 100%;
}
.post-meta {
color: rgba(0, 0, 0, .4);
font-weight: 600 !important;
font-size: 14px;
margin-bottom: 6px;
position: relative;
display: flex;
align-items: center;
}
.post-meta i,
.post-meta svg {
margin-right: 8px;
}
.post__views {
margin-left: auto;
font-size: 14px;
color: #146bc6;
color: var(--wp--preset--color--primary);
margin-top: auto;
}
.post__views i,
.post__views svg {
margin-right: 6px;
}
img[align="left"] {
margin-right: 16px;
margin-bottom: 16px;
}
img[align="right"] {
margin-left: 16px;
margin-bottom: 16px;
}
.the-content .smi {
display: flex;
flex-direction: column;
}
.the-content .smi img {
min-width: 130px;
border-radius: 4px;
}
.smi-entry {
display: flex;
margin-bottom: 16px;
border-bottom: 1px solid rgba(0, 0, 0, .05);
padding-bottom: 16px;
}
.smi-entry:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.smi-entry-image {
margin-top: auto;
margin-bottom: auto;
margin-right: 16px;
}
.smi-entry-image a {
display: flex;
flex-direction: column;
}
.smi-entry-info span {
font-weight: 600;
} .slick-list {
background-color: #000;
border-radius: 8px;
}
.slick-list img {
border-radius: 0;
}
.slick-track {
display: flex !important;
}
.slick-initialized .slick-slide {
width: 100% !important;
}
.slick-initialized .slick-slide > div {
display: flex;
}
.slick-slide {
margin: auto;
}
.sl-overlay {
background: #000;
opacity: 0.7;
top: var(--wp-admin--admin-bar--height, 0px);
}
.sl-wrapper .sl-close,
.sl-wrapper .sl-counter {
top: calc(30px + var(--wp-admin--admin-bar--height, 0px));
color: #fff;
}
.sl-wrapper .sl-navigation button {
color: #fff;
} .fotorama {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 32px;
margin-top: 24px;
}
#overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0,0,0,.75);
z-index: 9999;
backdrop-filter: blur(8px);
pointer-events: none;
opacity: 0;
transition: 0.2s ease opacity;
display: flex;
flex-direction: column;
}
#overlay.visible {
pointer-events: all;
opacity: 1;
}
#overlay_panel {
padding: 24px;
border-radius: 24px;
background-color: #fff;
opacity: 0;
transform: scale(0);
transition: 0.2s ease;
min-width: 40vw;
max-width: 80vw;
max-width: min(800px, 80vw);
max-height: 80vh;
margin: auto;
display: flex;
flex-direction: column;
word-wrap: break-word;
}
#overlay::after {
content: 'ЗАКРЫТЬ';
position: absolute;
right: 0;
bottom: 0;
font-size: 2.5rem;
font-weight: 700;
color: rgba(255, 255, 255, .125);
margin: 24px;
}
#overlay_panel iframe {
height: 800px;
width: 1600px;
background-color: rgb(42, 42, 46);
border: none;
border: 1px solid rgb(203, 203, 203);
border-radius: 12px;
}
#overlay.visible #overlay_panel {
opacity: 1;
transform: scale(1);
}
#overlay_caption {
margin-bottom: 16px;
font-size: 1.5rem;
display: flex;
align-items: center;
justify-content: space-between;
}
#overlay_caption i {
cursor: pointer;
transition: 0.2s ease;
color: #000;
}
#overlay_caption i:hover {
color: var(--wp--preset--color--primary-highlight);
transform: rotateZ(180deg);
}
@media (max-width: 1280px) {
.site-header .site-name {
display: none;
}
.site-header .header-mobile {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
}
.site-header .header-mobile .menu-header-container .menu-item a {
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
min-height: 46px;
height: auto;
line-height: initial;
}
}
@media (max-width: 1200px) {
#primary {
flex-direction: column;
}
#content {
margin-right: 0;
margin-top: 16px;
}
#content:first-child {
margin-top: 0;
}
.sidebar-menu {
flex: unset !important;
}
}
@media (max-width: 1000px) {
.post .title {
flex-direction: column; }
.post .title img {
width: fit-content;
}
}
@media (max-width: 800px) {
:root {
--content-padding: 16px;
--max-content-width: 100vw;
}
.bvi-open i {
margin-right: 0;
}
.site-footer .site-info {
flex-direction: column;
text-align: center;
}
.site-footer .site-info img {
margin-right: 0;
margin-bottom: 16px;
}
.the-content .smi img {
width: 100%;
}
.smi-entry {
flex-direction: column;
}
.smi-entry-image {
margin-right: 0;
margin-bottom: 8px;
}
.site-header .menu {
flex-direction: column;
}
#menu-header {
display: none;
}
.menu-primary-container .menu-item .sub-menu {
display: none !important;
z-index: 9999 !important;
}
.menu-primary-container .menu-item a {
display: flex;
align-items: center;
}
.main-wrap h2 {
font-size: 22px;
}
.article-list .post {
flex-direction: column;
}
.post__info {
margin-left: 0;
margin-top: 16px;
}
.post__img_wrap {
width: 100%;
}
#overlay_panel {
min-width: 80vw;
padding: 16px;
}
.site-header .header-mobile .menu-header-container {
display: block;
}
} .vikon-wrapper .btn.btn-default.btn-back {
display: flex;
align-items: center;
border-radius: 6px;
background-color: #146bc6; background-color: var(--wp--preset--color--primary);
width: fit-content;
padding: 0 16px;
height: 38px;
color: #fff;
gap: 8px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 16px;
}
.vikon-wrapper .btn.btn-default.btn-back:hover {
text-decoration: none;
background-color: #2580e1; background-color: var(--wp--preset--color--primary-highlight);
}
.vikon-wrapper .glyphicon-arrow-left::before {
content: "\e091";
font-family: Glyphicons Halflings;
}
.vikon-wrapper .btn.btn-default.btn-back span {
margin-bottom: 2px;
}
.post.vikon-wrapper h1 {
margin-bottom: 16px;
margin-top: 0;
}
.vikon-wrapper .form-group {
margin-bottom: 15px;
}
.vikon-wrapper .form-group:last-child {
margin-bottom: 0px;
}
.vikon-wrapper #vikon-content .vikon-text-block,
.vikon-wrapper #vikon-content-abitur .vikon-text-block,
.vikon-wrapper .modal-content .vikon-text-block {
margin-left: 0;
margin-right: 0;
}
.vikon-text-block .row {
display: flex;
flex-direction: column;
gap: 8px;
}
.vikon-text-block .row::before,
.vikon-text-block .row::after {
content: '';
}
.vikon-wrapper .modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.vikon-wrapper .fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.modal,
body.modal-open {
padding-right: 0 !important;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0;
}
.fade {
opacity: 0;
transition: opacity .15s linear;
}
.table-wrap + p {
margin-top: 12px;
}
.post.vikon-wrapper ul {
margin-block-start: 0;
margin-block-end: 1em; }
.vikon-wrapper .vikon-card {
border-color: #dddddd;
}
.vikon-card {
position: relative;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: 8px;
margin-bottom: 20px;
}
.vikon-wrapper .vikon-card>.vikon-card-header {
color: #e4e4e4;
background-color: #206cab;
font-weight: 500;
color: #fff;
border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.vikon-card-header:first-child {
border-radius: 8px 8px 0 0;
}
.vikon-card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, .03);
border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.vikon-card-body {
-ms-flex: 1 1 auto;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
padding: 1.25rem;
}
.vikon-card {
position: relative;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: 8px;
margin-bottom: 20px;
}
.vikon-wrapper label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
.vikon-wrapper .icon-signature {
background-image: url(//mephi3.ru/vikon-content/sveden/assets/review/v1/common/images/signature/signature.png);
background-size: cover;
display: inline-block;
height: 14px;
width: 14px;
}
.vikon-wrapper #vikon-content .paid-edu-docs-level-edu-group:not(:first-child),
.vikon-wrapper .modal-content .paid-edu-docs-level-edu-group:not(:first-child) {
margin-top: 10px;
}
.vikon-wrapper .vikon-tab-pane {
display: none;
}
.vikon-wrapper .vikon-tab-pane.active {
display: block;
}
.vikon-wrapper .tab-content>.active {
display: block;
}
.vikon-wrapper .vikon-tab-pane {
display: none;
}
.tab-content>.active {
display: block;
}
.container-thead {
line-height: normal;
}
.vikon-wrapper #vikon-content-abitur .vikon-tabs {
border-bottom: 1px solid #dddddd;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.vikon-wrapper .vikon-tabs .vikon-nav-item {
flex: 1;
}
.vikon-wrapper #vikon-content .vikon-tabs>.vikon-nav-item,
.vikon-wrapper #vikon-content-abitur .vikon-tabs>.vikon-nav-item {
color: #e4e4e4;
background-color: #206cab;
border-radius: 8px;
transition: 0.1s ease;
}
.vikon-wrapper #vikon-content .vikon-tabs>.vikon-nav-item.active,
.vikon-wrapper #vikon-content .vikon-tabs>.vikon-nav-item.active:hover,
.vikon-wrapper #vikon-content .vikon-tabs>.vikon-nav-item.active:focus,
.vikon-wrapper #vikon-content-abitur .vikon-tabs>.vikon-nav-item.active,
.vikon-wrapper #vikon-content-abitur .vikon-tabs>.vikon-nav-item.active:hover,
.vikon-wrapper #vikon-content-abitur .vikon-tabs>.vikon-nav-item.active:focus {
color: #ffffff;
cursor: default;
background-color: #e54e4b;
text-decoration: none;
color: rgba(255, 255, 255, 1);
}
.vikon-nav-link {
color: rgba(255, 255, 255, 0.9);
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 12px 16px;
}
.vikon-nav-link:hover {
color: rgba(255, 255, 255, 0.95);
}
.vikon-wrapper #vikon-content .vikon-tabs>.vikon-nav-item.active .vikon-nav-link {
color: rgba(255, 255, 255, 1);
}
.vikon-wrapper .vikon-tabs {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
gap: 8px;
}
.vikon-wrapper .vikon-responsive-table {
margin-bottom: 20px;
}
.vikon-wrapper .vikon-responsive-table:last-child {
margin-bottom: 0;
}
.vikon-wrapper .showpart-container-list {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
}
.vikon-wrapper .showpart-container-list[style="max-height: none;"] {
overflow: visible;
-webkit-line-clamp: unset;
line-clamp: unset;
}
.vikon-wrapper th {
background: #d9e7f6;
color: #333333;
}
.vikon-title-block {
font-weight: bold;
} .collapsible {
color: rgba(255, 255, 255, .8);
margin-left: 8px;
}
.collapsible:hover {
color: rgba(255, 255, 255, 1);
}
.vikon-card-body>.vikon-card-body {
padding: 0;
}
.anchor-get {
position: relative;
right: 14px;
}
.video-js {
width: 100%;
height: auto !important;
display: flex;
} .video-js::after {
content: '';
padding-bottom: 56.25%;
}