/* Start:/local/templates/ruobraz/css/jquery.fancybox.css?158783746617651*/
body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: white;
    /*background: rgb(30, 30, 30);*/
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    /*background: rgba(30, 30, 30, .6);*/
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: var(--primary);
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
background: var(--primary);
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(to top,
        rgba(255, 255, 255, .85) 0%,
        rgba(255, 255, 255, .3) 50%,
        rgba(255, 255, 255, .15) 65%,
        rgba(255, 255, 255, .075) 75.5%,
        rgba(255, 255, 255, .037) 82.85%,
        rgba(255, 255, 255, .019) 88%,
        rgba(255, 255, 255, 0) 100%);
    bottom: 0;
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
    font-family: 'Formular', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 1.2em;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}
/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}
/* End */


/* Start:/local/templates/ruobraz/components/bitrix/menu/header_menu/style.css?16939071471678*/
.navbar {
margin-top: 62px;
background-color: var(--primary);
padding: 0 5%;
display: flex;
flex-flow: row wrap;
}

.navbar .nav-item {
padding: .75em 1rem;
/*display: inline-block;*/
color: white;
font-family: 'Formular', 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
font-size: 1.1em;
}



.wrap.frontpage .navbar .nav-item:first-child {
	background-color: #006D76;
}

.navbar .nav-item.active {
background-color: var(--secondary);
}

.navbar .nav-item:hover {
background-color: #0084a3;
}

.nav-item.nav-link.active:hover {
background-color: #e38700;
}

ul.navbar-nav > .nav-item:first-child > .nav-link {
padding-left: 0;
}

.nav-item.dropdown .nav-link.dropdown-toggle:focus {
outline: none;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.dropdown .dropdown-menu {
	margin: 0;
}

.navbar-dark .navbar-nav .nav-item .nav-link {
color: rgba(255, 255, 255, 1);
}

.footer-menu .navbar {
background-color: var(--primary);
margin-top: 2em;
}

.footer-menu .navbar .nav-item.active {
background-color: var(--secondary);
}

.wrap.frontpage .footer-menu .navbar .nav-item:first-child {
	background-color: initial;
}

.wrap.frontpage .footer-menu .navbar .nav-item:first-child:hover {
	background-color: #006D76;
}

@media (max-width: 991.98px) {
.navbar.navbar-expand-lg > .container,
.navbar.navbar-expand-lg > .container-fluid {
padding-right: 0;
padding-left: 1em;
}
}

@media screen and (max-width: 767px) {
	.navbar {
		display: none;
	}

}

@media screen and (max-width: 1199px) {
	.navbar .nav-item {
	white-space: nowrap;
	font-size: 1em;
	}
}
/* End */


/* Start:/local/templates/ruobraz/components/bitrix/news.list/banner-bottom/style.css?158512415045*/
.bottom-banner {
width: 100%;
height: auto;
}
/* End */


/* Start:/local/templates/ruobraz/components/bitrix/news.list/banners-right-column/style.css?1587839468205*/
.right-column-banner {
margin-bottom: 1em;
}

@media (max-width: 767.8px) {
#banners-right-column {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.right-column-banner {
width: 49%;
}
}
/* End */


/* Start:/bitrix/components/bitrix/form.result.new/error.css?1585050718163*/
.form-error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/bitrix/components/bitrix/form.result.new/images/icon_warn.gif);
}
/* End */


/* Start:/local/templates/ruobraz/styles.css?15880716854703*/
:root {
  --primary: #0098bc;
  --secondary: #f39100;
  --light: #EDEDED;
  --dark: #B2B2B2;
  --table: rgba(232, 179, 0, 0.1);
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


body[contenteditable="true"] {
font-family: 'Open Sans', sans-serif;
margin-left: 6.25% !important;
margin-right: 12.5% !important;
padding-top: 30px !important;
padding-bottom: 30px !important;
}

body[contenteditable="true"] h1,
body[contenteditable="true"] h3,
body[contenteditable="true"] h4,
body[contenteditable="true"] h5,
body[contenteditable="true"] h6 {
color: #222;
font-style: normal;
line-height: 1.4;
margin-bottom: .5rem;
margin-top: .2rem;
text-rendering: optimizeLegibility;
font-weight: bold;
font-family: 'Literata', serif;
}

body[contenteditable="true"] h2 {
font-weight: 400;
font-size: 30px;
line-height: 37px;
color: #000;
/*margin: 1.5em -12% 1.5em 40%;*/
}

body[contenteditable="true"] img,
body[contenteditable="true"] iframe {
margin-top: 50px;
margin-bottom: 50px;
max-width: 100%;
height: auto;
}

body[contenteditable="true"] .bxhtmled-surrogate.bxhtmled-video-surrogate {
margin-top: 50px !important;
margin-bottom: 50px !important;
width: 100% !important;
max-width: 100%!important;
min-width: 100%!important;
min-height: 100vh!important;
}

body[contenteditable="true"] h5 {
font-size: 1.02em;
}

body[contenteditable="true"] b {
font-weight: bold;
}

body[contenteditable="true"] em, 
body[contenteditable="true"] i {
font-style: unset;
line-height: inherit;
letter-spacing: 0.03em;
}


body[contenteditable="true"] img.wide {
margin-left: -10%;
margin-right: -10%;
width: 100vw;
max-width: 100vw;
}

body[contenteditable="true"] i {
font-variant: all-small-caps;
font-size: 1.1em;
}

#panel{
	top: 0;
	position: fixed;
	width: 100%;
	z-index: 11;
}


#FormOrder .inputtext {
width: 99%;
display: inline;
font-size: 1em;
}

#FormOrder table {
width: 100%;
border: none;
font-size: 18px;
margin-top: 1.25em;
}

#FormOrder .form_label {
width: 100px;
}

#FormOrder table tr {
background: none;
}

#FormOrder table td {
padding: 0;
font-size: inherit;
}

#FormOrder .form-required {
padding-left: 7px;
}

#FormOrder .captcha input {
display: block;
width: 180px;
height: auto;
box-shadow: none;
font-size: 1.5em;
text-align: center;
letter-spacing: .15em;
text-transform: uppercase;
}

#FormOrder label {
font-size: initial;
display: inline;
}

#FormOrder .inputtextarea {
width: 100%;
margin: 0;
border-radius: unset;
font-size: initial;
}

#FormOrder input[type="submit"] {
background-color: #9f8257;
color: white;
padding: 10px 24px;
border: none;
line-height: 30px;
}

#FormOrder .errortext {
color: #9f8257!important;
}

#FormOrder hr {
width: 110px;
height: 1em;
background: #a18457;
margin-top: 28px;
margin-bottom: 27px;
border: 0;
}

#FormOrder h2 {
color: #000;
font-size: 24px;
font-weight: 500;
line-height: 23px;
text-align: left;
margin-top: 14px;
margin-bottom: -4px;
letter-spacing: .25em;
text-transform: uppercase;
}

#FormOrder input {
display: inline-block;
vertical-align: top;
top: 4px;
left: 2px;
position: relative;
}

blockquote {
margin: 0 0 1.25rem 25%;
line-height: 1.6;
font-size: xx-large;
color: var(--primary);
}

.inform_block {
background-color: #FAF3E2;
padding: 2em;
font-size: smaller;
}

.foto-small {
  display: block;
}

/*************** 5 говорящих цифр *************/

.five-digitals {
float: right;
width: 33%;
max-width: 300px;
margin: 0 0 2em 2em;
font-family: 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
background-color: white;
font-size: initial;
min-width: 240px;
}

.full_post .five-digitals .header-digits {
background-color: #CE253D;
color: white;
margin-bottom: 1em;
padding: 1em;
}

.five-digitals .header-digits:first-letter {
font-size: 8em;
line-height: .8em;
}

.five-digitals p {
margin: 0;
}

.five-digitals span {
font-size: 24pt;
}

.five-digitals b {
font-weight: normal;
font-size: 16pt;
}

.full_post .five-digitals p {
margin-bottom: .4em;
}


body[contenteditable="true"] .five-digitals .header-digits {
background-color: #CE253D;
color: white;
margin-bottom: 1em;
padding: 1em;
}

body[contenteditable="true"] .five-digitals p {
margin-bottom: .4em;
}

body[contenteditable="true"] .five-digitals b {
font-weight: normal;
font-size: 16pt;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222;
    font-style: normal;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: .5rem;
    margin-top: .2rem;
    text-rendering: optimizeLegibility;
    font-family: 'Formular', 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
}

table {
  font-family: 'Formular', 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
}


















/* End */


/* Start:/local/templates/ruobraz/template_styles.css?169390731870869*/
:root {
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: 'Open Sans', -apple-system, BlinkMacSystemFont, "Source Sans Pro", "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;
}



/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html,
body {
    height: 100%;
    font-size: 100%;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    min-width: 320px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    background: #fff;
    color: #222;
    cursor: auto;
    font-family: 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    position: relative;
}

#breadcrumbs {
margin: 0 5%;
}

#content-wrapper {
margin: 40px 5%;
display: flex;
flex-wrap: wrap;
}

footer {
    background: var(--primary);
    width: 100%;
    margin-top: 3.438em;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 2.125em;
    padding-bottom: 1.875em;
    position: relative;
    z-index: 99;
    overflow: hidden;
    color: white;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0;
/*    max-width: 100%;
    height: auto;*/
    -ms-interpolation-mode: bicubic;
    image-rendering: optimizeSpeed;
    height: auto;
}

#rightcolumn img {
    max-width: 100%;
    height: auto;
}

svg:not(:root) {
    overflow: hidden
}

svg {
  fill: currentcolor;
  overflow: hidden;
  vertical-align: middle;
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

meta.foundation-version {
    font-family: "/5.5.3/"
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 40em)/";
    width: 0
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40.0625em)/";
    width: 40.0625em
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
    width: 40.0625em
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:64.0625em)/";
    width: 64.0625em
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
    width: 64.0625em
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:90.0625em)/";
    width: 90.0625em
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
    width: 90.0625em
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.0625em)/";
    width: 120.0625em
}

meta.foundation-data-attribute-namespace {
    font-family: false
}

[id^=bx_incl_area] {
    display: initial;
}

a:hover {
    cursor: pointer
}

.copyright {
position: absolute;
bottom: 0;
right: 0;
text-align: right;
}

.policy {
    display: inline-block;
}

p.law {
font-size: small;
margin-top: 1em;
}

#nav_menu dt {
display: none;
}


#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
    max-width: none !important
}

.left {
    float: left !important
}

.right {
    float: right !important
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.hide {
    display: none
}

.invisible {
    visibility: hidden
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

textarea {
    height: auto;
    min-height: 50px
}

select {
    width: 100%
}

.row {
    margin: 0 auto;
    max-width: 62.5rem;
    width: 100%
}

.row:before,
.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0
}

.row .row {
    margin: 0 -0.9375rem;
    max-width: none;
    width: auto
}

.row .row:before,
.row .row:after {
    content: " ";
    display: table
}

.row .row:after {
    clear: both
}

.row .row.collapse {
    margin: 0;
    max-width: none;
    width: auto
}

.row .row.collapse:before,
.row .row.collapse:after {
    content: " ";
    display: table
}

.row .row.collapse:after {
    clear: both
}

.column,
.columns {
    padding-left: .9375rem;
    padding-right: .9375rem;
    width: 100%;
/*     float: left */
}

.column+.column.end,
.columns+.column.end,
.column+.columns.end,
.columns+.columns.end {
    float: left
}

@media only screen {
    .column,
    .columns {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
/*         float: left */
    }
}

button,
.button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem 2rem;
    font-size: 1rem;
    background-color: var(--primary);
    color: #fff;
    -webkit-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out
}

button:hover,
button:focus,
.button:hover,
.button:focus {
    background-color: var(--secondary);
    color: #fff;
}

.button.button-sm {
text-transform: unset;
padding: .5rem 1rem 0.55rem 1rem;
height: unset;
}

button.secondary,
.button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
    background-color: #b9b9b9
}

button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.button.secondary:focus {
    color: #333
}


input:not([type]),
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: .875rem;
    height: 2.3125rem;
    margin: 0 0 1rem 0;
    padding: .5rem;
    width: 100%;
    box-sizing: border-box;
    -webkit-transition: border-color .15s linear, background .15s linear;
    transition: border-color .15s linear, background .15s linear
}

input:not([type]):focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
    background: #fafafa;
    border-color: #999;
    outline: 0
}

input:not([type]):disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="color"]:disabled,
textarea:disabled {
    background-color: #ddd;
    cursor: default
}

input:not([type])[disabled],
input:not([type])[readonly],
fieldset[disabled] input:not([type]),
input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"],
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
    background-color: #ddd;
    cursor: default
}

input:not([type]).radius,
input[type="text"].radius,
input[type="password"].radius,
input[type="date"].radius,
input[type="datetime"].radius,
input[type="datetime-local"].radius,
input[type="month"].radius,
input[type="week"].radius,
input[type="email"].radius,
input[type="number"].radius,
input[type="search"].radius,
input[type="tel"].radius,
input[type="time"].radius,
input[type="url"].radius,
input[type="color"].radius,
textarea.radius {
    border-radius: 3px
}

input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0
}

textarea[rows] {
    height: auto}

textarea {
    max-width: 100%
}


div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
th,
td {
    margin: 0;
    padding: 0
}

a {
    color: var(--primary);
    line-height: inherit;
    text-decoration: none;
}

a:hover,
a:focus {
    /*color: var(--secondary);*/
}

a img {
    border: 0
}


p.lead {
    font-size: 1.21875rem;
    line-height: 1.6
}

p aside {
    font-size: .875rem;
    font-style: italic;
    line-height: 1.35
}



h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #6f6f6f;
    font-size: 60%;
    line-height: 0
}

h1 {
    font-size: 2.125rem
}

h2 {
    font-size: 1.6875rem
}

h3 {
    font-size: 1.375rem
}

h4 {
    font-size: 1.125rem
}

h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 1rem
}

.subheader {
    line-height: 1.4;
    color: #6f6f6f;
    font-weight: normal;
    margin-top: .2rem;
    margin-bottom: .5rem
}

hr {
    width: 1.5em;
    height: .1em;
    background: #222;
    border: 0;
    margin: .75em auto .5em 0;
}

em, i {
font-style: unset;
line-height: inherit;
letter-spacing: 0.03em;
}

strong,
b {
    font-weight: bold;
    line-height: inherit
}

small {
    font-size: 60%;
    line-height: inherit
}

code {
    background-color: #f8f8f8;
    border-color: #dfdfdf;
    border-style: solid;
    border-width: 1px;
    color: #333;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    padding: .125rem .3125rem .0625rem
}

ul,
ol,
dl {
    font-size: 1rem;
    line-height: 1.6;
    list-style-position: outside;
    margin-bottom: 1.25rem
}

ul {
    margin-left: 1.1rem
}

ul li ul,
ul li ol {
    margin-left: 1.25rem;
    margin-bottom: 0
}

ul.square li ul,
ul.circle li ul,
ul.disc li ul {
    list-style: inherit
}

ul.square {
    list-style-type: square;
    margin-left: 1.1rem
}

ul.circle {
    list-style-type: circle;
    margin-left: 1.1rem
}

ul.disc {
    list-style-type: disc;
    margin-left: 1.1rem
}

ol {
    margin-left: 1.4rem
}

ol li ul,
ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0
}

.no-bullet {
    list-style-type: none;
    margin-left: 0
}

.no-bullet li ul,
.no-bullet li ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
    list-style: none
}

dl dt {
    margin-bottom: .3rem;
    font-weight: bold
}

dl dd {
    margin-bottom: .75rem
}

abbr,
acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #222;
    cursor: help
}

abbr {
    text-transform: none
}

abbr[title] {
    border-bottom: 1px dotted #ddd
}


blockquote cite {
    display: block;
    font-size: .8125rem;
    color: #555
}

blockquote cite:before {
    content: "\2014    "
}

blockquote cite a,
blockquote cite a:visited {
    color: #555
}


@media only screen and (min-width:40.0625em) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.4
    }
    h1 {
        font-size: 2.75rem
    }
    h2 {
        font-size: 2.3125rem
    }
    h3 {
        font-size: 1.6875rem
    }
    h4 {
        font-size: 1.4375rem
    }
    h5 {
        font-size: 1.125rem
    }
    h6 {
        font-size: 1rem
    }
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    @page {
        margin: .34in
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

#map-site ul {
list-style: none;
margin-left: 7em;
}

#map-site ul li {
line-height: 2.5em;
}

.progress {
    background-color: #f6f6f6;
    /*border: 1px solid white;*/
    height: 1rem;
    /*margin-bottom: .625rem;*/
    /*padding: .125rem*/
}

.progress .meter {
    background: #008cba;
    display: block;
    height: 100%;
    float: left;
    width: 0
}

.progress .meter.secondary {
    background: #e7e7e7;
    display: block;
    height: 100%;
    float: left;
    width: 0
}

.progress .meter.success {
    background: #43ac6a;
    display: block;
    height: 100%;
    float: left;
    width: 0
}

.progress .meter.alert {
    background: #f04124;
    display: block;
    height: 100%;
    float: left;
    width: 0
}

.progress.secondary .meter {
    background: #e7e7e7;
    display: block;
    height: 100%;
    float: left;
    width: 0
}

.progress.success .meter {
    background: #43ac6a;
    display: block;
    height: 100%;
    float: left;
    width: 0
}

.progress.alert .meter {
    background: #f04124;
    display: block;
    height: 100%;
    float: left;
    width: 0
}

.progress.radius {
    border-radius: 3px
}

.progress.radius .meter {
    border-radius: 2px
}

.progress.round {
    border-radius: 1000px
}

.progress.round .meter {
    border-radius: 999px
}






.flex-video {
    height: 0;
    margin-bottom: 1rem;
    overflow: hidden;
    padding-bottom: 67.5%;
    padding-top: 1.5625rem;
    position: relative
}

.flex-video.widescreen {
    padding-bottom: 56.34%
}

.flex-video.vimeo {
    padding-top: 0
}

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0
}


.print-only,
.show-for-print {
    display: none !important
}

@media print {
    .print-only,
    .show-for-print {
        display: block !important
    }
    .hide-on-print,
    .hide-for-print {
        display: none !important
    }
    table.show-for-print {
        display: table !important
    }
    thead.show-for-print {
        display: table-header-group !important
    }
    tbody.show-for-print {
        display: table-row-group !important
    }
    tr.show-for-print {
        display: table-row !important
    }
    td.show-for-print {
        display: table-cell !important
    }
    th.show-for-print {
        display: table-cell !important
    }
}

.bg_img {
    background-size: cover;
    background-position: center;
    display: inline-block
}


.small_vestnik_logo {
    height: 62px;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    text-align: center;
    line-height: 62px;
    font-family: 'Literata', serif;
    margin: 0 auto;
}

.logo-word-vestnik u,
.logo-word-obraz u {
	text-underline-offset: .2em;
}

.small_vestnik_logo.frontpage h1 {
font-size: inherit;
line-height: 62px;
color: var(--primary);
margin: 0;
}

.logo_footer,
.logo_footer:hover {
    text-decoration: none;
}
.small_vestnik_logo:hover {
    /*color: white;*/
    color: var(--primary);
    text-decoration: none;
}
.logo-word-vestnik, .logo-word-ekonomiki {
    font-size: 32px;
    /*line-height: 44px;*/
}

.small_vestnik_logo .logo-word-eurasian {
font-size: 16px;
}

.logo-word-vestnik {
    font-weight: normal;
    font-family: 'Literata', serif;
}

.logo-journal {
font-size: 0.7em;
}

.post .frontpage_lead {
display: none;
}


#body-click {
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    top: 0;
}

#body-click.showed {
    height: 100vh;
}

#header_top_menu.opacity #body-click {
display: none;
}

#menu_button:hover {
color: var(--primary);
}

.gamburger-icon {
width: 29px;
height: 29px;
}


.header_menu_icon {
    background-position: center
}

.wrap {
    margin: 0 auto;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
/*     padding-top: 58px */
}


.menu-scroll {
    height: 58px;
    width: 100%;
    background: var(--primary)
}

.under-menu {
    width: 300px;
    height: 58px
}

.menu-scroll_active {
    display: block;
    background: #3e3628 !important
}

.menu-scroll #searchButton {
    float: right;
    margin-top: -42px;
    margin-right: 15px
}

.menu-scroll #three_lines_manu {
    display: inline-block;
    float: left;
    margin-top: 20px;
    margin-left: 22px;
    z-index: 120;
    position: relative
}

.active_three_lines {
    transition-duration: .2s;
    transition-property: transform;
    transform: translateX(240px) rotate(90deg)
}

.active_three_lines_back {
    transition-duration: .2s;
    transition-property: transform;
    transform: translateX(-240px) rotate(-90deg)
}

#menu-left {
    width: 300px;
    height: 507px;
    background: rgba(33, 29, 24, 0.8);
    color: white !important;
    padding-left: 30px;
    padding-top: 45px;
    margin-top: -5px;
    position: relative;
    left: -300px;
    z-index: 100;
    top: -58px;
    padding-top: 104px
}

#menu-left a {
    display: block;
    margin-bottom: 30px;
    color: white !important;
    font-size: 12pt;
    text-transform: uppercase
}

.active_left_menu {
    transition-duration: .4s;
    transition-property: transform;
    transform: translateX(300px);
    position: relative;
    z-index: 100 !important
}

.img-mini-log {
    margin: auto;
    text-align: center
}

.header_top_menu {
    margin: 0;
    padding-top: 1.1em;
    margin-left: 3.5%;
    padding-bottom: 1em
}

.header_top_menu dd {
    margin-left: 0;
    margin-right: .5em;
    background: 0
}

.header_top_menu dd a {
    color: #fff;
    font-size: 12pt;
    font-weight: 400
}

.header_search_icon_f {
    float: right !important
}

#header_top_menu {
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 150;
    height: 62px
}

#header_top_menu.opacity dd a {
color: var(--primary);
}

@media screen and (max-width:991px) {
    .header_top_menu,
    #header_top_menu.scroll .header_top_menu {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        padding-top: 104px;
        width: 300px;
        background: rgba(23, 23, 22, 0.72);
        height: 57.8vw;
        opacity: 1;
        z-index: 10
    }
    .header_top_menu dd,
    #header_top_menu.scroll .header_top_menu dd {
        float: none;
        color: #fff;
        font-size: 1.438em;
        font-weight: 500;
        margin-right: 0;
        padding-right: 0
    }
    .header_top_menu dd a:hover,
    #header_top_menu.scroll .header_top_menu dd a:hover {
        color: var(--secondary)
    }
    .header_search_icon_f,
    #header_top_menu.scroll .header_search_icon_f {
        display: none
    }
    .nav_menu_hidden,
    #header_top_menu.scroll .nav_menu_hidden {
        left: -225px;
        opacity: 0
    }
    .nav_menu_hidden_h,
    #header_top_menu.scroll .nav_menu_hidden_h {
        visibility: hidden
    }

    .header_mobile_menu,
    #header_top_menu.scroll .header_mobile_menu {
        display: block
    }
    .header_menu_button_showed,
    #header_top_menu.scroll .header_menu_button_showed {
        transform: rotate(90deg);
        left: 228px
    }
    .header_mobile_menu_white_spaces,
    #header_top_menu.scroll .header_mobile_menu_white_spaces {
        padding-top: 1px;
        background: white
    }

    .index_text_container .header_text_logo {
        display: none
    }

    .header_text {
        margin-top: 0
    }
}

input#searchInput:focus {
    width: 15%;
	transition: all .4s ease;
    z-index: 10000;
    border: 1px solid var(--primary);
    padding: 5px;
}

#searchInput {
    position: absolute;
    right: 62px;
    top: 12px;
    height: 38px;
    width: 0;
    margin: 0;
    border: none;
    padding: 0;
    transition: all .4s ease;
    /*border: 1px solid rgba(0, 152, 187, 0);*/
}

.search-icon {
width: 20px;
height: 20px;
display: block;
margin: 0 auto;
}

.header_mobile_menu {
    display: none;
    margin-bottom: -5px
}

.header_menu_button {
    /*margin-left: 1%;*/
    padding: 15px;
    z-index: 11;
    left: 0;
    transition: all .3s ease;
    /*position: absolute;*/
    background-size: auto auto;
    width: 5%;
    text-align: center;
}

.header_search_button {
    padding: 21px;
width: 5%;
text-align: center;
}

.top_menu_flags {
    height: 100%;
    position: absolute;
    right: 0;
}



header {
    width: 100%;
    min-height: 50px;
}

.index_text_container {
    position: relative;
}

.header_text_container {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
	max-height: calc(85vh - 62px);
	overflow: hidden;
}
.frontpage .header_text_container {
    margin-top: 62px;
}

.header_text_logo {
    position: absolute;
    top: 0;
    display: none;
}

.index_text_container .header_text {
	position: absolute;
	bottom: 50px;
	background-color: none;
	display: block;
	width: 60%;
	padding: 20px 10px;
	left: 50%;
	transform: translate(-50%, 0);
}

@media(max-width:768px) {
    .header_text_container {
        background-attachment: scroll;
        -webkit-background-size: auto 100%;
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
        background-size: auto 100%;
        margin-top: 62px;
    }
    #content-wrapper #content h3 {
    font-size: 18px;
    }
    .header_mobile_menu .button.participate {
display: none;
}
}

.header .header_text_container:last-of-type {
    display: none
}

.header_text_container img {
    width: 100%;
/*
	object-fit: cover;
	-o-object-fit: cover;
	height: calc(60vh - 58px);
	object-position: top;
*/
}

.header_text {
    margin-top: 3.250em;
    margin-top: 30px;
    text-align: center;
    color: #fff;
    width: 100%
}

.header_text h2 {
	color: white;
	margin-right: .25em;
	font-size: 30px;
	line-height: 1.2em;
font-family: 'Literata', serif;
font-weight: bold;
}

.header_text p {
	margin-bottom: 2em;
	font-size: 14pt;
	font-weight: 100;
	-webkit-font-smoothing: antialiased;
	line-height: 1.4em;
}

.header_text p span {
    font-size: 10pt;
    margin: 30px 0;
    margin: 10px 0;
    color: #fff;
    text-align: center;
    text-transform: none
}

.header_text .header_author {
    padding: 1em;
    font-size: 14px;
    font-style: italic;
    color: rgba(255, 255, 255, 0.6);
    font-style: italic;
    text-align: center;
}

.header_text .header_category {
    letter-spacing: .09em
}



.header_text_add_whitespace h3 {
    padding-top: 4em
}


#content {
    font-size: 18px;
    /*flex: 3;*/
}

#content.frontpage {
margin-left: unset;
}

#content h3 {
color: var(--primary);
font-size: 24px;
letter-spacing: .20em;
margin: 1.5em 0;
text-transform: uppercase;
}

.article_podzag_hr,
.article_lead {
    /*margin-left: -30px;*/
}

aside#rightcolumn {
/*flex: 1;*/
/*width: unset;*/
will-change: min-height;
/*margin-left: 10px;*/
/*max-width: 350px;*/
/*padding-left: 20px;*/
}


.posts {
    padding-right: 0
}

#ctrl_panel, #test_ctrl_panel {
    width: 100%;
    text-align: center
}

#ctrl_panel a,
.button {
    background: var(--primary);
    height: 3em;
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.3em;
}

#ctrl_panel #yet {
margin: 40px 0;
}


.post {
    display: inline-block;
    width: 100%
}

.post img {
    width: 100%
}

.post a {
    color: black;
    width: 100%
}

.post h5 {
    width: 100%;
    color: var(--primary);
    margin-top: 15px;
    margin-bottom: 12px;
    font-size: 12px;
    letter-spacing: .25em;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
}

.post span,
.post i {
    display: block;
    width: 100%;
    color: var(--primary);
    font-size: 14px;
    font-size: 10pt
}

.post h2 {
    width: 100%;
    font-weight: bold;
    font-size: 17pt;
    line-height: 24px;
font-family: 'Literata', serif;
font-weight: bold;
margin-bottom: .25em;
}

.post p {
    width: 100%;
    font-size: 15px;
    margin-bottom: 10px;
}

.post .frontpage_podzag {
font-size: 1em;
color: var(--primary);
}

.post span a {
    color: var(--primary)
}



.post_add_spaces {
    width: 100%;
    float: left
}


/*********  SOCIAL GOODSHARE  ***********/

.social-goodshare-line:before {
display: block;
width: 120px;
height: 1px;
margin-bottom: 15px;
content: "";
background: var(--dark);
}

.social-goodshare {
    color: var(--dark);
    line-height: 1em;
    margin-bottom: 5em;
}
.social-goodshare a {
    color: var(--dark);
}

.social-goodshare a:hover {
    color: inherit;
}

.social-goodshare button {
    background: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}
.social-goodshare button:hover {
background: none;
}

.social-goodshare div {
    display: inline-block;
}

.social-goodshare a,
.social-goodshare div,
.social-goodshare button {
    cursor: pointer;
}

.social-goodshare ul {
    display: flex;
    flex-flow: row wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.social-goodshare ul li {
position: relative;
}

.social-goodshare span {
border-width: 0;
outline: none;
background-color: transparent;
font-size: 12px;
line-height: 1;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
padding-left: 5px;
vertical-align: middle;
color: grey;
font-weight: bold;
}

.social-goodshare ul li:before {
position: absolute;
top: 7px;
left: 0;
height: 18px;
content: "";
vertical-align: middle;
border-left: 1px solid rgba(0,0,0,.15);
}

.social-goodshare ul li:first-child:before,
.social-goodshare ul li:nth-child(2):before {
    content: unset;
    display: none;
    }

.social-goodshare button,
.social-goodshare a,
.social-goodshare li div {
padding: 0 15px;
}

@media screen and (max-width: 767px) {
    .social-goodshare ul li:first-child {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    }
    .social-goodshare ul li:nth-child(2) a {
    padding-left: 2px;
    }
}

.social-goodshare li:first-child div,
.social-goodshare li:first-child div span {
padding: 0;
}

.social-goodshare button:hover,
.social-goodshare a:hover,
.social-goodshare li div:hover {
opacity: 0.5;
}

.social-goodshare .icon-share.ok {
width: 9px;
height: 18px;
}

.social-goodshare .icon-share.fb {
width: 16px;
height: 18px;
}

.social-goodshare .icon-share.tg {
width: 19px;
height: 18px;
}

.social-goodshare .icon-share.wa {
width: 18px;
height: 18px;
}

.social-goodshare .icon-share.vk,
.social-goodshare .icon-share.tw {
width: 20px;
height: 18px;
}

/**** end social goodshare ***/


.full_post_social_share .share-social {
margin-bottom: .25em;
display: block;
font-size: 0.85em;
}

.full_post_social_share,
.full_post_banner_RSA {
    margin-top: 2em
}

.full_post_social_share a {
    display: inline-block
}

.social-goodshare ul li:first-child > * {
    padding-left: 0;
}

.popular_articles hr {
    width: 1.5em;
    height: .1em;
    color: var(--primary);
    background: #222;
    border: 0;
    margin: 1em auto 1em 0;
}

.popular_articles h3 {
    color: var(--primary);
    font-size: 24px;
    letter-spacing: .20em;
    margin: 1.5em 0;
}

.popular_articles .post hr {
/*     display: none */
}

.popular_articles .post p {
    line-height: 22px;
    margin: 0;
    margin-bottom: 1.25rem;
/*     color: #000; */
    font-size: 15px;
/*     line-height: 17px; */
    width: 100%
}

.popular_articles .post span {
    color: var(--primary);
    font-size: 14px;
    line-height: 17px;
    margin-top: 15px
}



.full_post {
    line-height: 1.5em;
    padding-left: 0
}

.full_post p {
    margin-bottom: 2em;
}

.full_post_social {
    text-align: center;
    margin-bottom: 20px
}

.full_post_social a {
    display: inline-block
}



figure {
    font-size: .875em;
    font-weight: 400;
    width: 100%;
    text-align: left
}

figure.to_right {
    text-align: right;
    margin-right: 0 !important;
    margin-left: 16px
}

figure.float_right {
    float: right !important;
    margin-right: 0 !important;
    margin-left: 16px
}

figure.to_center {
    text-align: center
}

figcaption span {
    display: block;
    width: 100%
}

figure.inline {
    width: auto;
    display: inline-block;
    float: left;
    margin-top: 0 !important;
    margin-right: 16px
}

figure .photo_name {
    display: block;
    margin-left: .25em;
    margin-top: .5em;
    color: #4e4e4e;
    font-size: .9em
}

figure .photo_autor {
    display: block;
    margin-left: .25em;
    color: #9e8156
}

figure.full_post_img ~ br {
display: none;
}

figure.image img {
    width: 100%
}

figcaption a {
    color: var(--primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    text-align: left;
    margin-left: 30px
}

.full_post_img,
.post_img {
    font-size: .875em;
    font-weight: 400;
    text-align: left;
    width: auto;
    margin: 50px -20px 20px -20px;
}

.inter_post_text .post_video {
/*     max-width: 640px; */
    margin: 50px auto
}

.full_post_img.rigth {
    text-align: right;
    margin-right: 0 !important;
    margin-left: 16px
}

.full_post_img.inline {
    width: auto;
    display: inline-block;
    float: left;
    margin-top: 0 !important;
    margin-right: 16px
}

.inter_post_text .full_post_img span,
.inter_post_text .post_img span,
.inter_post_text .post_video span {
    display: block;
    margin-left: .25em;
    font-size: 14px;
    line-height: 23px
}

.full_post_img .photo_name,
.post_img .photo_name,
.inter_post_text .post_video .photo_name {
    margin-top: .5em;
    color: #4e4e4e
}

.full_post_img .photo_autor,
.post_img .photo_autor,
.inter_post_text .post_video .photo_autor {
    color: #9e8156
}

.inter_post_text .post_img_right {
    float: right;
    text-align: right
}

.inter_post_text .post_img span,
.inter_post_text .post_video span {
    text-align: left !important
}

.inter_post_text .post_img_left {
    float: left;
    text-align: left
}

/*
.h2_blockquote {
margin-left: 20%;
}
*/

@media screen and (min-width: 640px) {
footer .under_hr .third .social {
	width: 66%;
	padding-left: 3%;
}
.mobile-app-links-items {
text-align: left !important;
position: absolute;
bottom: 0;
left: 37%;
}
.bottom_menu {
	display: none
}
}

@media screen and (min-width: 992px) {

#content-wrapper #content {
width: 75%;
}
#content-wrapper aside#rightcolumn {
width: 25%;
}

.full_post_img {
margin-left: 0;
margin-right: 0;
}

.full_post_img.wide {
margin-left: -20%;
margin-right: -40%;
}

.full_post_img.wide img.wide {
width: 100%;
}

.full_post_img.noscale {
margin-right: unset;
margin-left: unset;
}

.full_post_img.noscale img {
margin: 0!important;
}

.inter_post_text .post_img_center {
    float: none;
    text-align: center;
    margin-left: -20%;
    margin-right: -40%;
}

.inter_post_text .noscale .post_img {
margin: 50px 0 20px 0;
}

.inter_post_text .noscale .post_img img {
width: initial;
margin: unset;
}

img.noscale, img.noscale + span,  img.noscale + span + span {
margin-left: 12.5% !important;
margin-right: 25% !important;
width: initial !important;
}

.h2_blockquote {
margin-bottom: 2.5em;
width: 85%;
}

}

.inter_post_text .post_img_right img,
.inter_post_text .post_img_left img,
.inter_post_text .post_img_center img {
    float: none;
    width: 100%;
}

.full_post .right_float_text {
    width: 50%;
    margin-left: 50%;
    margin-bottom: 2.5em;
    font-size: 36px;
    font-weight: 500;
    line-height: 37px;
    margin-top: 54px;
    color: #000
}

.full_post_description {
    margin-top: 3em !important;
    margin-bottom: 3em;
}

.full_post_description span {
    display: inline-block;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    text-align: left
}

.full_post_description a:not(.all-authors) {
    color: var(--primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    text-align: left;
    margin-left: 30px
}

.more_articles {
    margin: 0 auto;
    margin-top: 4em !important
}

.more_articles hr {
    width: 17%;
    height: 1em;
    background: var(--primary);
    margin-bottom: 1em;
    border: 0
}

.more_articles h3 {
    color: var(--primary);
    padding-bottom: 1.62em;
    font-size: 24px;
    letter-spacing: .20em;
    margin-bottom: -1em
}

.more_articles .post hr {
    display: none
}

.post_horizontal_orintation {
    float: left;
    display: block;
    width: auto;
    margin-bottom: 1.4em;
    line-height: 22px
}

.post_horizontal_orintation img {
    float: left;
    margin-right: 1.5vw
}

.post_horizontal_orintation h5 {
    display: none
}

.post_horizontal_orintation h2 {
    color: #000
}

.post_horizontal_orintation span {
    color: var(--primary);
    font-size: 14px
}

.post_horizontal_orintation p {
    color: #000;
    margin-bottom: 0;
    width: auto;
    font-size: 15px;
    line-height: 17px;
    font-weight: 400
}

.post_horizontal_orintation_img {
    float: left;
    width: 30%;
    margin-right: 19px
}

.post.columns.small-12.medium-12.large-4 {
    margin-bottom: 22px
}

.post_horizontal_orintation_description {
    float: left;
    display: inline-block;
    width: 67%
}

.without_img {
    width: auto
}

.full_post_header h5 {
    color: #e6e6e6;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .25em;
    margin-top: 10px;
    text-transform: uppercase;
    padding-top: 5em
}

.about {
color: var(--primary);
font-size: 38px;
font-family: 'Literata', serif;
}

.about hr {
width: 60px;
background: var(--primary);
margin-top: 28px;
margin-bottom: 2em;
border: 0;
}

.about h3 {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 23px;
    text-align: left;
    margin-top: 14px;
    margin-bottom: -4px;
    letter-spacing: .25em;
    text-transform: uppercase
}

.about h1 {
font-weight: normal;
text-align: left;
font-family: 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
}

.about h2 {
    text-transform: uppercase;
    color: var(--primary);
    font-size: 18px;
    line-height: 25px;
    text-align: left;
    margin-bottom: 18px;
    font-weight: 500
}

.about p {
    font-weight: 400;
    line-height: 1.389;
    text-align: left;
    font-size: 18px
}

.about p span {
    display: block;
    color: var(--primary);
    font-weight: 400;
    font-size: inherit
}

.about a {
    color: var(--primary);
    font-size: 20px
}

.about .add_white_spaces {
    margin-top: 3em
}

.about .phone_number {
    font-size: 1.5em;
    display: inline-block;
    color: black;
}

.about .underlined {
    display: block;
    text-decoration: underline;
    font-size: 18px;
    line-height: 35px;
    text-align: left
}

.about .black {
    color: black
}

#about .archive_year {
font-size: 1em;
border-bottom: 1px solid var(--dark);
padding-bottom: .25em;
margin-bottom: 1em;
}


#about-logo .logo-word-eurasian {
    font-size: x-large;
}
#about-logo {
background: url(/img/flags-2.svg) no-repeat 0 100%;
padding-left: 30px;
}
.about_flags {
    height: 4em;
    margin-right: .75em;
    align-self: center;
}
.about-download-mediakit {
margin-bottom: 1em;
}


h4.descr {
    font-size: inherit;
    margin-top: 1em;
}

.img-fluid {
max-width: 100%;
height: auto;
}

.archive h3 {
font-size: 1.5em;
}


.autors {
    max-width: none
}

.autors h2 {
    color: var(--primary);
    font-size: 24px;
    font-weight: 500;
    line-height: 23px
}

.autors ul {
    margin-left: 0;
    margin-bottom: 2em
}

.autors li {
    font-size: 19px;
    font-weight: 300;
    line-height: 30px;
    list-style: none
}

.autors hr {
    margin-top: -10px;
    width: 130px
}

.autors .header {
    margin-bottom: 40px
}

.about.autors a {
    color: black;
    font-size: 19px;
    font-weight: 300;
    line-height: 30px;
    list-style: none;
    font-style: normal
}

.autor_articles {
    max-width: 100%;
    margin-left: 15px
}

.autor_articles h3 {
    margin-left: -2px;
    margin-top: 21px;
    display: inline-block;
    letter-spacing: .25em;
    text-transform: uppercase
}

.autor_articles hr {
    width: 125px
}

.autor_articles a {
    color: var(--primary);
    font-size: 11px;
    font-weight: 500;
    line-height: 23px;
    text-align: left;
    float: right;
    letter-spacing: .25em;
    margin-top: 21px;
    text-transform: uppercase;
    font-style: normal
}

.inter_post_head {
    text-align: center;
    margin: 0 auto;
    margin: 0 80px;
}

.inter_post_head h5 {
    color: var(--secondary);
    font-size: 12px;
    letter-spacing: .25em;
    margin-top: 10px;
    font-weight: 400
}

.inter_post_head h1 {
    color: #000;
    font-size: 68px;
    font-weight: 400;
    line-height: 65px;
    margin-bottom: 21px
}

.inter_post_head p {
    color: var(--secondary);
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
    text-transform: uppercase
}

.inter_post_head span,
.inter_post_head i {
    display: inline-block;
    color: var(--secondary);
    font-size: 14px;
    font-size: 10pt;
    margin-top: 20px;
    text-transform: none;
    letter-spacing: .05em;
}


.inter_post_text {
    color: #000;
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 5em;
}

.inter_post_text p {
    color: #000;
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 1em;
    width: 100%
}

.inter_post_text b {
    font-weight: 400
}

.inter_post_text h3 {
    font-weight: 600;
    font-size: 16pt;
    margin: 15px 0
}

.inter_post_text h2 {
    font-weight: 400;
    font-size: 36px;
    line-height: 37px;
    margin: 2em 0;
    color: #000
}

.inter_post_text img {
    display: block;
    max-width: 100%;
    height: auto;
}

.inter_post_text img[align="middle"] {
    margin: 0 auto
}

.full_post_img {
	margin-top: 3em;
    margin-bottom: 2em;
    font-size: .875em;
    font-weight: 400;
    text-align: left
}

.full_post_img.horizontal img {
    width: 100%
}

.inter_post_text span {
    display: inline-block
}

.inter_post_text_q {
    font-size: 17px !important
}

.inter_post_white_spaces {
    height: 505px
}

.inter_post_bottom_white_spaces {
    height: 90px;
    float: left
}

.inter_post_autor_info {
    font-size: 13px;
    line-height: 20px;
    font-weight: 300
}

.inter_post_autor_info span {
    display: block;
    font-weight: 700;
    margin-top: 34px
}

.inter_post_autor_info img {
    margin-top: 12px
}

.inter_post_text_bottom_white_spaces {
    margin-bottom: 52px
}

figure {
    display: block;
    margin: 0;
    padding: 0;
    text-align: left
}

.to_rigth {
    text-align: right
}

.float_right {
    float: right
}

.float_left {
    float: left
}


.right-ban {
    text-align: center;
    width: 240px;
    margin: 0 15px;
    /*position: absolute;*/
    top: 0;
    right: 0
}

.right-ban img {
    width: 100%
}

.right-ban a {
    color: #bcbebf
}



footer a, footer a:hover {
	color: white;
}

footer a:hover {
	text-decoration: underline;
}

#footer_first_line {
display: flex;
flex-direction: row;
align-items: flex-end;
/*border-bottom: 2px solid white;*/
margin-bottom: 1.5em;
padding-bottom: 1.5em;
font-family: 'Literata' ,serif;
}

.footer_second_line {
font-size: 12px;
display: flex;
position: relative;
}

footer .first {
    flex: 2;
    margin-right: 30px;
}
footer .first a {
line-height: 1rem;
display: inline-block;
margin-right: .5em;
}
footer .first .footer-magazines-descr {
font-size: larger;
margin-bottom: .5em;
display: inline-block;
}

footer .first .magazines-descr {
margin-bottom: 10px;
display: block;
}

footer .first a {
text-decoration: none;
margin: 0 10px;
}

footer .first .footer-logo-evromedia {
float: left;
margin-left: 0;
}

.logo-word-ross, .logo-word-obraz {
font-size: 2em;
line-height: 1em;
}
.logo-word-ross {
text-indent: -1rem;
display: inline-block;
}

footer .first a span {
display: inline-block;
padding: .15em 0;
color: white;
}
footer .mags-footer a {
    display: inline-block;
}
footer .mags-footer {
display: flex;
flex-direction: column;
align-items: flex-start;
}
footer .mag-stroy span {
    background-color: #ca5639;
    box-shadow: -10px 0 0 #ca5639, 10px 0 0 #ca5639;
}
footer .mag-zdrav span {
    background-color: #54aeb4;
    box-shadow: -10px 0 0 #54aeb4, 10px 0 0 #54aeb4;
}
footer .mag-agro span {
    background-color: #e9a83a;
    box-shadow: -10px 0 0 #e9a83a, 10px 0 0 #e9a83a;
}
footer .mag-obraz span {
    background-color: #e39535;
    box-shadow: -10px 0 0 #e39535, 10px 0 0 #e39535;
}
footer .mag-social span {
    background-color: #47959a;
    box-shadow: -10px 0 0 #47959a, 10px 0 0 #47959a;
}
footer .mag-econom span {
    background-color: #285a8a;
    box-shadow: -10px 0 0 #285a8a, 10px 0 0 #285a8a;
}
footer .mag-sevkav span {
    background-color: #54aeb4;
    box-shadow: -10px 0 0 #54aeb4, 10px 0 0 #54aeb4;
}
footer .mag-povol span {
    background-color: #61a4b7;
    box-shadow: -10px 0 0 #61a4b7, 10px 0 0 #61a4b7;
}
footer .mag-sevzap span {
    background-color: #51a798;
    box-shadow: -10px 0 0 #51a798, 10px 0 0 #51a798;
}
footer .mag-nation span {
    background-color: #ac914e;
    box-shadow: -10px 0 0 #ac914e, 10px 0 0 #ac914e;
}


footer .second-magazine {
    flex: 1;
    align-items: auto;
    display: flex;
}
footer .second-app {
    flex: 1;
}
footer .third {
    flex: 1;
text-align: right;
}

.footer_mag a {
    display: flex;
}

.footer_magazine_descr {
    margin-left: .5em;
    margin-right: 1.5em;
}

.footer_magazine_descr a {
text-decoration: underline;
}

footer .social {
    display: flex;
    justify-content: flex-end;
}
footer .social a {
    margin-left: .75em;
}

.footer_app_icon {
width: 100px;
display: block;
margin: 0.5em 0;
}

#footer_union_line {
    font-size: 1.2em;
    margin-top: 1.5em;
    display: block;
}
#footer_phone {
    font-size: 2em;
white-space: nowrap;
}



footer .social img {
display: inline-block;
width: 36px;
}

footer hr {
    background: black;
    color: black;
    height: .188em;
    margin: 0 auto;
    margin-bottom: 1.438em;
    border: 0
}

footer .small_logo {
    margin-right: 30px;
    flex: 2;
}

footer .logo-word-vestnik {
    /*font-size: 30px;*/
}
footer .logo-word-ekonomiki {
    /*font-size: 30px;*/
    line-height: 20px;
}
footer .logo-word-eurasian {
font-size: 14px;
line-height: 24px;
display: block;
margin-top: 3px;
}
.ages_plus {
    border: 1px solid white;
    color: white;
    font-size: 14px;
    padding: 4px;
    margin-bottom: .5em;
}


footer .small_logo img {
    width: 100%;
    height: auto
}

footer .age_round {
    margin-left: 15px;
    margin-bottom: 2px;
    float: left;
    height: 44px;
}

footer .menu {
    display: flex;
    font-size: 18px;
    width: auto;
    justify-content: flex-end;
    flex-wrap: wrap;
    flex: 2;
}

footer .menu a {
    color: white;
    margin-left: 5%;
}

.footer-social-icon {
width: 36px;
height: 36px;
display: inline-block;
}


.mobile-app-links{
	height: 102px;
	position: relative;
}
.mobile-app-links-items{
	font-size: 12px;
	float: right;
	text-align: right;
}
.mobile-app-links-items a{
	text-decoration: underline;
	color:black;
	margin-top: .3em;
	display: inline-block;
}
.mobile-app-links-items a:hover{
	text-decoration: none;
}
.under_hr .third .social{
	position: relative;
	z-index:2;
}

.first img {
margin-bottom: 10px;
}

.under_hr .first {
    display: inline-block;
    width: 55%;
    float: left;
    color: #000;
	font-size: 12px;
}

.under_hr .first p {
    margin: 0;
    font-size: 12px
}

.under_hr .first .spaces {
    height: 3.750em
}

.under_hr .first span {
    font-size: 12px
}

.under_hr .second {
    display: inline-block;
    width: 12%;
    width: 17%;
    float: left
}

.under_hr .second a {
    display: block;
    color: black;
    font-size: 11px;
    text-decoration: underline
}

.under_hr .second .b_link {
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
}

.under_hr .second .spaces {
    height: 2.375em
}

.under_hr .third {
    display: inline-block;
    width: 28%;
    float: right
}

.under_hr .third .mobiles_picture {
	margin-bottom: .25em;
	padding: 0;
	display: inline-block;
}

.under_hr .third img {
    float: right;
    max-width: 100%;
    width: auto
}

.under_hr .third .social {
	display: -webkit-flex;
	display: flex;
	float: right;
	margin-bottom: 1em;
	justify-content: space-between;
	width: 100%;
}
.under_hr .third .social img {
    max-width: 34px;
}

.under_hr .third .social a {
    display: inline-block;
    width: 14%;
    float: right;
}

@media screen and (max-width:1200px) {
    footer .first .footer-logo-evromedia {
        float: none;
    }
    .under_hr .first {
        width: 50%
    }
    .under_hr .second {
        width: 22%
    }
}

@media screen and (max-width:992px) {
    .policy {
        display: block;
    }
    .under_hr .first,
    .under_hr .second {
        float: none;
        width: 50%;
        display: block;
        margin-bottom: 20px
    }
    .under_hr .first .spaces,
    .under_hr .second .spaces {
        height: 10px
    }
    .under_hr .third {
        width: 50%
    }
}

.__no_white_spaces {
    margin: 0;
    padding: 0
}

.row {
    max-width: 100%
}

div.spoiler div.spoiler-title {
    font-size: 12px;
    padding: 4px 7px;
    border-bottom-color: #eae4db;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
    background-image: -webkit-linear-gradient(top, var(--primary), var(--primary));
    background-image: linear-gradient(top, var(--primary), var(--primary));
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

div.spoiler div.spoiler-title div.spoiler-toggle {
    display: inline-block;
    width: 11px;
    height: 11px;
    line-height: 14px;
    margin-left: 4px;
    margin-right: 6px;
    cursor: pointer;
    -webkit-user-modify: read-only
}

div.spoiler div.spoiler-content {
    display: none;
    border: 1px solid #eae4db;
    border-top: 0;
    border-radius: 3px;
    background: none repeat scroll 0 0 #eae4db;
    padding: 4px 10px
}

div.spoiler div.spoiler-content p {
    margin-left: 3%
}

.cd-top {
display: none;
height: 50vh;
width: 6%;
position: fixed;
bottom: 3%;
left: 1%;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: url(/img/arrow-top.svg) no-repeat 18px 97%;
/* visibility: hidden; */
opacity: 0;
-webkit-transition: opacity .5s 0, visibility 0 .3s;
-moz-transition: opacity .5s 0, visibility 0 .3s;
transition: opacity .5s 0, visibility 0 .3s;
cursor: pointer;
background-size: 30px;
padding-left: 18px;
z-index: 100;
}

.cd-top.cd-is-visible {
    display: block;
}

.cd-top.cd-fade-out {
    opacity: .15
}

.cd-top.cd-fade-out:hover {
	opacity: 0.35
}

.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1
}



body.stop-scrolling {
    padding-top: 58px;
    height: 100%;
    overflow: hidden
}



.posts {
    padding-left: 0 !important
}

.post {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0 10px;
    margin-right: -5px;
    margin-bottom: 40px
}

.rightcloumn_inner > a {
display: block;
width: 100%;
margin-bottom: 1em;
}

.rightcloumn_inner > a > img,
#marginal_top_banner > div > a > img {
width: 100%;
}

.rightcloumn_inner > br {
display: none;
}

.banner-bottom,
.banner-bottom .right-ban {
    display: block;
    float: none
}

.inter_post .banner-bottom {
    margin-left: 8.33%;
    float: right;
    margin-top: 28px
}

.inter_post .banner-bottom .right-ban {
    margin: 0
}

.inter_post_text {
    margin-right: 0
}

.wrap-article {
    position: relative
}

.right-ban-bottom {
margin-top: 2em;
margin-bottom: 2em;
}


@media screen and (min-width:768px) {

#content {
width: 66.6666%;
/*margin-left: 30px;*/
}
aside#rightcolumn {
width: 33.3333%;
padding-left: 20px;
}

    .about-download-mediakit {
    display: inline-flex;
    width: 50%;
    padding-right: 1em;
    }

    .index_top_menu.opacity .header_mobile_menu {
/*    border-bottom: 1px solid white;
    border-left: 1px solid white;
    background: none;*/
    }


    .post {
        width: 50%
    }
    .post.double, .post.triple {
	    width: 100%;
    }
    .post.double {
    /*margin-right: -9px;
	padding-right: 14px;*/
    /*padding-right: 10px;*/
	}
    .post.triple {
    /*padding-right: 1.15em;*/
    }
    .header_text_container img {
/* 	height: calc(100vh - 58px); */
    display: block;
	}
    #menu_button.white {
    /*color: white!important;*/
    }
    #top-overlay {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.15);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
}

@media all and (orientation: landscape) and (max-width: 767.8px) {

footer .footer_second_line .first {
min-width: 70%;
}

footer .footer_second_line .second-app {
flex: 1;
order: 5;
display: block;
}

footer .footer_second_line .first,
footer .footer_second_line .second-app {
border-top: 2px solid white;
padding-top: 30px;
border-bottom: none;
padding-bottom: 0;
margin: 30px 0;
}

.post {
width: 50%;
}

#banners-right-column {
width: 49%;
display: inline-block;
margin-right: 1%;
}

.rating-widget {
width: 49%;
display: inline-block;
margin-left: 1%;
}

#aside-column {
display: flex;
}

footer .first {
flex: none;
}

	.header_text_container img {
/* 	height: calc(100vh - 58px); */
	}
	.header_text h2 {
	font-size: 30px;
	line-height: 36px;
	}
	.header_text p {
	font-size: 1em;
	}
	.index_text_container .header_text {
		bottom: 50px;
	}

}

@media screen and (min-width:992px) {
    .index_top_menu.opacity .header_menu_button {
    opacity: 0;
	}
    .index_top_menu.opacity .header_top_menu {
        visibility: visible !important;
        opacity: 1;
        left: 5%;
        padding-top: 0;
        width: auto;
        background: transparent;
        height: 62px;
    }
    .index_top_menu.opacity .header_top_menu dd {
        float: left
    }
    .index_top_menu.opacity .header_top_menu dd a {
        font-size: 16px
    }
    .index_top_menu.opacity .header_top_menu dd a:hover,
    .index_top_menu.opacity .header_top_menu dd a.selected {
        color: #000
    }
    .opacity .small_vestnik_logo {
        opacity: 0
    }
    .post {
        width: 33.33%
    }
    .post.double {
	    width: 66.66%;
    }
    .post.triple {
	    width: 100%;
    }
    .right-ban-check.true .post {
        width: 50%
    }
    .banner-bottom {
        display: none
    }
    .right-ban {
        display: block;
        margin: 0 30px 0 15px;
        margin: 0
    }
    .right-ban.fix {
        position: fixed;
        width: 240px;
        top: 80px;
        right: 30px
    }
    .posts-right-ban {
        margin-right: 285px
    }
    .inter_post_text,
    .__width_fix,
    .right-ban-bottom {
        margin-left: 12.5%;
        margin-right: 25%;
    }
    .test-box.test-result .__width_fix {
	margin-left: auto;
	margin-right: auto;
	}
    .right-ban-check.true {
/*         margin-right: 300px */
    }
    .right-ban-check.true .full_post_img {
/*         margin: 50px -300px 50px -150px */
    }
    .posts.inter_post,
    .posts.posts-index {
        margin-right: 0
    }
}

@media screen and (min-width:1200px) {
    .header_text h2 {
        font-size: 40px;
    }
    .post {
/*         width: 25% */
    }
    .right-ban-check.true .post,
    .popular_articles .post {
        width: 33.33%
    }
    .post_horizontal_orintation {
        width: 100%
    }
/* Нижний баннер в правой колонке
    .right-ban-bottom {
	width: 25%;
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 300px;
	margin: 0 !important;
	}
*/
}

.header_top_menu {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    padding-top: 104px;
    width: 300px;
    background: rgba(23, 23, 22, 0.72);
/*
    height: 57.8vw;
    height: 100vh !important;
*/
    opacity: 1;
    z-index: 10
}

.header_top_menu dd {
    float: none;
    color: #fff;
    font-size: 1.438em;
    margin-right: 0;
    padding-right: 1.5rem;
}

.header_top_menu dd a {
    padding-left: 30px;
    padding-right: 0;
    display: block;
    font-size: 1.3rem;
    margin-bottom: 1.5em;
}

.header_top_menu dd a:hover,
.header_top_menu dd a.selected {
    color: var(--secondary)
}

.header_search_icon_f {
    display: none
}

#header_top_menu:not(.opacity) #nav_menu.nav_menu_showed {
height: 100vh!important;
}

#header_top_menu.opacity #nav_menu dd a {
	font-size: 1rem;
	height: 62px;
    line-height: 62px;
}

.nav_menu_hidden {
    left: -300px;
    opacity: 0;
    margin-right: calc(165px + 5%);
    overflow: hidden;
}

.nav_menu_hidden_h {
    visibility: hidden
}

.header_mobile_menu {
    display: block;
    margin-left: auto;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.4);
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.header_menu_button_showed {
    transform: rotate(90deg);
    left: 218px;
	color: white!important;
}

.header_mobile_menu_white_spaces {
    padding-top: 1px;
    background: white;
    display: none
}

@media screen and (max-width:992px) {
    .right-ban {
        float: right;
        margin: 50px 0 0;
        position: relative
    }
}

@media screen and (max-width:767px) {

.wrap header {
min-height: 1px;
}

#content .about {
margin-left: 0;
}

.contacts-social {
font-size: smaller;
}

    .header_text p {
        margin: 0;
        max-width: none
    }
    .inter_post_head {
        margin: 0 auto
    }
    .inter_post_head h1 {
        font-size: 42px;
        line-height: 46px
    }


#about-logo .logo-word-vestnik,
#about-logo .logo-word-ekonomiki {
font-size: xx-large;
}

#popular_list .post:last-child {
margin-bottom: 30px;
}

footer .first p a {
display: block;
margin-top: 7px; 
}

.other-table {
overflow-x: scroll;
margin-right: -5%;
}

#content-wrapper .other-table th p {
margin: 0;
font-size: small;
}

#content-wrapper .other-table td p {
margin: 0;
font-size: small;
}

#content-wrapper .rating .other-table th {
padding-top: 10px;
}

aside#rightcolumn {
margin: 0;
}

.ages_plus {
font-size: 12px;
font-weight: bold;
order: 3;
position: absolute;
bottom: 0.25em;
}



footer .menu a {margin: 0;}

footer .small_logo {
margin-right: 1em;
order: 1;
padding-bottom: 2.75rem;
}

footer .menu {
flex-direction: column;
text-align: right;
order: 2;
line-height: 2em;
padding-bottom: 1em;
}

footer .first {
flex: 1;
order: 4;
margin: 0;
}

#footer_first_line {
align-items: flex-start;
flex-wrap: wrap;
position: relative;
padding-bottom: 10px;
margin-bottom: 30px;
}

.footer_second_line {
flex-wrap: wrap;
}

footer .second-app {
flex: 4;
order: 3;
display: flex;
justify-content: space-between;
margin: 30px 0;
border-bottom: 2px solid white;
padding-bottom: 30px;
}

footer .second-magazine {
flex: 2;
align-items: auto;
display: flex;
order: 1;
}

footer .footer_app_icon {
    width: auto;
    height: 28px;
}

footer .third {
order: 2;
}

.cd-top {
    width: 8%;
    left: 2%;
    background: url(/img/arrow-top.svg) no-repeat 50% 97%;
    padding: 1%;
background-size: 28px;
}

.post .frontpage_lead {
display: none;
}

#banner-top-frontpage {
    display: none;
}

.header_top_menu dd a {
margin-bottom: 1em;
}

#header_top_menu.opacity #nav_menu dd a {
font-size: 20px;
height: unset;
line-height: unset;
color: white;
}

#header_top_menu.opacity #body-click {
    display: block;
}

.header_top_menu {
height: 100vh;
overflow-y: scroll;
}

.header_menu_button_showed {
left: 242px;
}

.header_menu_button {
padding: 16px 7.5px;
margin: 0;
}

#searchInput {
right: calc(4% + 62px);
outline: 0 solid var(--primary);
}

input#searchInput:focus {
width: 65%;
outline: 10px solid var(--primary);
outline-offset: initial;
}

    .top_menu_flags {
left: 96%;
}

#searchButtonFullRes {
right: 4%;
}

    .inter_post .banner-bottom {
        float: none;
        margin: 20px 0 !important
    }
    .inter_post .banner-bottom .right-ban {
        margin: 0 auto
    }
    .right-ban {
        float: none;
        margin: 20px auto 0
    }

    #content-wrapper {display: block;}

    .index_text_container .header_text {
	width: 100%;
	padding: 10px 5%;
	position: initial;
	margin-top: 0;
	background: none;
	left: unset;
    transform: unset;
    }

	.header_text h2,
	.header_text p {
		color: #222;
	}

	.header_text p {
		font-size: 1em;
	}

	.index_text_container .header_text hr {
	margin-top: 1.5em;
    margin-left: auto;
	}

.logo-word-vestnik, .logo-word-ekonomiki {
font-size: 24px;
line-height: 24pt;
}

.small_vestnik_logo .logo-word-eurasian {
font-size: 14px;
line-height: 10pt;
}
    
    .index_text_container .header_text i {
        display: none
    }
    .inter_post_head {
        margin: 0
    }
    .inter_post_text h2 {
        font-size: 24px;
        line-height: 28px;
        margin-left: 20%;
    }
    .small_vestnik_logo {
        -webkit-background-size: contain;
        background-size: contain;
        padding: 10px 0 10px 20px;
    }
    .inter_post_head h1 {
        font-size: 24px;
        line-height: 26px
    }
    .header_text p {
        max-width: none
    }
    .button.startover {
    padding: 1rem 1rem 1.0625rem;
    }
    #rightcolumn {
    margin-top: 40px;
    }
}

@media screen and (max-width:520px) {

#footer_first_line {
flex-direction: column;
}

#footer_first_line .order_footer {
text-align: center;
border: none;
padding-bottom: 1em;
order: 2;
}

#footer_first_line .menu {
width: 100%;
flex-direction: row;
text-align: left;
justify-content: flex-start;
margin-top: 1em;
}

#footer_first_line .menu a {
padding-right: 1em;
}

#footer_first_line .small_logo {
padding-bottom: 2rem;
}

.footer_second_line .copyright {
position: static;
order: 5;
text-align: left;
margin-top: 2em;
display: block;
}

.footer_second_line .copyright .policy {
    margin-top: 1em;
}

.logo-journal {
display: block;
}

.small_vestnik_logo.frontpage,
.small_vestnik_logo.frontpage h1,
.logo-word-vestnik {
line-height: normal;
font-size: 18px;
}

.header_menu_button, 
#searchButtonFullRes {
width: 50px;
padding: 0;
height: 62px;
display: flex;
align-items: center;
}

.header_menu_button svg, 
#searchButtonFullRes svg {
margin: 0 auto;
}

.small_vestnik_logo {
padding: 0;
margin: 0;
display: flex;
align-items: center;
}


    .header_text h2 {
        font-size: 24px;
        line-height: 28px
    }
    footer .social a {
       margin-left: .5em;
    }
    #footer_phone {
    font-size: 1.75em;
    }

.five-digitals {
float: none;
margin: 0 0 2em;
width: 100%;
max-width: unset;
border-bottom: 2px solid #CE253D;
padding: 10px 0;
}

#content-wrapper .full_post .five-digitals p {
margin-bottom: .5em;
}

#content-wrapper .full_post .five-digitals .header-digits {
margin-bottom: 1.4em;
}

}


@media screen and (max-width:321px) {

.small_vestnik_logo.frontpage h1,
.logo-word-vestnik {
font-size: 1em;
}
    .header_text p {
        display: none
    }
}

.post .post-pic {
/*
    width: 100%;
    height: 290px;
    overflow: hidden
*/
}

.post .post-pic img {
/*
    width: auto;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    max-width: 150%;
    max-height: 150%
*/
}

.row {
    width: auto;
    max-width: none;
    margin: 0 -10px
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 75%
}

.embed-responsive .embed-responsive-item {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

#panel {
    z-index: 160
}



.uppercase {
    text-transform: uppercase;
}


@media(max-width:767px){
/*.search-form{position:absolute;top:58px;left:0;width:100%;height:58px;background-color:var(--primary);transition:all .6s ease;overflow:hidden;padding:0 15px}
.search-form.hidden{height:0}
.search-form input#searchInput{position:static;width:100%;margin:10px 0}
.search-form #searchInput.hidden{height:0}
.post h2 br{display:none}*/
}
@media(max-width:560px){
iframe{width:100% !important;}
.inter_post_text h3 span{font-size:18pt !important}
}

#about .archive {
    display: flex;
}

.archive .row{margin:0 -20px}
.archive .post{padding:0 20px;margin-bottom:50px}
.archive .post .post-pic.magazine{box-shadow:0 0 7px 0 #cecece;border:1px solid #e6e6e6;border-radius:3px;background:white;margin-bottom:25px;max-width:300px}
.archive .post .post-pic img{background:#fff}
.archive .post .post-descr{font-size:14px}
.archive .post .post-descr a{color:white;display: initial;}

.archive .archive-body {
flex: 4;
}

.archive_descr {
margin-left: 30px;
font-size: smaller;
}

.archive_full_img {
margin: 1em 0 1em;
}

.archive h4 {
margin: 1em 0;
}

    
/**********  User-style *********/
#nav_menu a,
.post_add_spaces h5,
.inter_post_head h5,
.upper-text {
    text-transform: uppercase;
}
.mf-ok-text {
color: white;
display: block;
background-color: var(--primary);
padding: 1em;
border-radius: 3px;
margin: 30px 0;
}
.mf-captcha label {
    display: inline;
}

.mf-captcha input {
	margin-left: 0;
	margin-top: 10px;
}


/**********  Front page  *********/

#postContent, #rightcolumn {
display: inline-block;
width: 100%;
}

.rightcloumn_inner > div {
margin-bottom: 1em;
}

.btn-frontpage-advert {
text-align: center;
margin-top: 1em;
font-size: .75em;
}

.btn-frontpage-advert a {
color: darkgrey;
}

.wrap-article {
position: relative;
display: flex;
flex-flow: column;
}

.inter_post_text.right-ban-check {
order: 1;
}



.right-ban-bottom {
order: 3;
}




@media screen and (min-width: 768px) {	

.index_text_container .header_text hr {
	margin: 0 auto;
	color: white;
	background-color: white;
	height: .2em;
	width: 3em;
}

#postContent {
/* width: 66.6%; */
}
#rightcolumn {
width: 33.4%;
vertical-align: top;
padding-left: .7em;
}
}

@media screen and (min-width: 820px) {
	footer .menu {
/* 	width: 60%; */
}
}


@media screen and (min-width: 992px) {

.wrap-article {
display: block;
}


#postContent {
/* width: 75%; */
}
#rightcolumn {
/* width: 25%; */
}
footer .menu {
/* 	width: 65%; */
}
}

/* Sticky ads on frontpage */
.sticky {
  position: fixed;
  z-index: 101;
transform: translate(0, 0);
transform: translate3d(0, 0, 0);
will-change: position, transform;
}
.stop {
  position: relative;
  z-index: 101;
}

.bottom_menu {
list-style: none;
font-size: 18px;
margin: 40px 30px;
}

.bottom_menu h5 {
width: 100%;
color: var(--primary);
margin-top: 15px;
margin-bottom: 12px;
font-size: 12px;
letter-spacing: .25em;
text-transform: uppercase;
font-weight: 400;
}

.bottom_menu li {
display: inline-block;
margin: 0 10px;
}

.bottom_menu li.bottom_menu_first {
	margin-left: 0
}

.bottom_menu li a {
color: #000;
font-weight: bold;
/* color: var(--primary); */
width: 100%;
font-weight: 400;
font-size: 17pt;
line-height: 24px;
}

p.vrezka {
box-shadow: 0 0 0 2px var(--secondary), 0 0 0 4px white, 0 0 0 6px var(--secondary), 0 0 0 8px white, 0 0 0 10px var(--secondary);
margin: 10px;
padding: 15px;
font-size: smaller;
line-height: 1.5em;
font-family: 'Formular', 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
}


.section_magazine_h1 {
font-size: 1.5em;
font-weight: bold;
text-align: left;
text-transform: uppercase;
letter-spacing: .25em;
}

.full_post_img.horizontal img.foto-small {
width: initial;
}

.post .author-pic-article-thumb img {
width: initial;
}

.author-pic-article {
display: inline-block;
}

.plus18 {
display: inline-block;
width: 30px;
margin-left: .55em;
}

.footer_magazine img {
border: 1px solid white;
}

.order_footer {
font-family: 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
flex: 1;
}

.order_footer .button.participate {
background-color: white;
color: var(--primary);
text-decoration: none;
}

.order_footer, footer .menu {
padding-bottom: 30px;
border-bottom: 2px solid white;
}


/********** RATING Color bars ***********/

.rt-bar-1 .progress .meter { background-color: #e1b439;}
.rt-bar-2 .progress .meter { background-color: #2c85ab;}
.rt-bar-3 .progress .meter { background-color: #bc5b96;}
.rt-bar-4 .progress .meter { background-color: #62b037;}
.rt-bar-5 .progress .meter { background-color: #d0372d;}




/***************** Форма заявки *******************/

.order_add {
font-family: 'Formular', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif;
}

.order-zag {
font-size: 2.2rem;
}

.order_add.hidden {
display: none;
}

.order_add .form_label {
color: #929ca6;
font-size: 14px;
font-weight: 400;
line-height: 23px;
text-align: left;
margin-left: .3em;
}

.order_add {
max-width: 480px;
}

.order_add input[type="text"] {
font-size: large;
}

.order_add .form-error-fld:before {
content: '→';
color: red;
}

.order_add .form-error-fld {
background: none;
margin-right: .25em;
}

.order_add .form-required.starrequired {
    display: none;
}

.order_add .errortext {
font-size: small;
display: none;
}

#order-content {
border: 6px solid var(--primary);
}

.order_add input[name="form_text_4"] {
font-family: monospace;
}

.order_add .notetext {
font-size: larger;
color: var(--primary);
margin-bottom: 1em;
display: block;
font-weight: bold;
}

.order_add input[type="submit"] {
margin: 1.5em 0 .5em;
}

.js_success {
font-family: 'Formular', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif;
font-size: x-large;
color: var(--primary);
}

.gallery-more {
width: 100%;
text-align: center;
margin: 2em 0;
}

.arrow-top {
display: block;
width: 25%;
margin: 0 auto;
}

.arrow-top-icon {
width: 40px;
height: 40px;
display: block;
margin: 0 auto;
}



/* End */
/* /local/templates/ruobraz/css/jquery.fancybox.css?158783746617651 */
/* /local/templates/ruobraz/components/bitrix/menu/header_menu/style.css?16939071471678 */
/* /local/templates/ruobraz/components/bitrix/news.list/banner-bottom/style.css?158512415045 */
/* /local/templates/ruobraz/components/bitrix/news.list/banners-right-column/style.css?1587839468205 */
/* /bitrix/components/bitrix/form.result.new/error.css?1585050718163 */
/* /local/templates/ruobraz/styles.css?15880716854703 */
/* /local/templates/ruobraz/template_styles.css?169390731870869 */