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;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
            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: #fff;
    opacity: 0;
    -webkit-transition-duration: inherit;
            transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
            transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
            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;
    -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
    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;
    -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    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;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    z-index: 99994
}

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

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    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 {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
            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;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

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

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    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%
}

.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
}

.fancybox-button {
    background: none;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color .2s;
    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
}

.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;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0;
            transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    z-index: 99998
}

.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
}

.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)
}

.fancybox-caption {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .85)), color-stop(50%, rgba(255, 255, 255, .3)), color-stop(65%, rgba(255, 255, 255, .15)), color-stop(75.5%, rgba(255, 255, 255, .075)), color-stop(82.85%, rgba(255, 255, 255, .037)), color-stop(88%, rgba(255, 255, 255, .019)), to(rgba(255, 255, 255, 0)));
    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
}

.fancybox-loading {
    -webkit-animation: fancybox-rotate 1s linear infinite;
            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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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));
        }
    }
}

.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;
    -webkit-transition: all .2s;
    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%
}

.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;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
            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;
    -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    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
}

@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)
    }
}

.navbar {
    margin-top: 62px;
    background-color: var(--secondary);
    padding: 0 5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row
}

.navbar .nav-item {
    padding: .75em 1rem;
    color: #fff;
    font-family: 'Formular', 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.1em
}

header .navbar .nav-item {
    white-space: nowrap
}

header .navbar {
    overflow-x: scroll
}

header .navbar::-webkit-scrollbar {
    display: none
}

#nav_menu dd a:hover {
    color: inherit
}

.wrap.frontpage .navbar .nav-item:first-child {
    background-color: var(--primary)
}

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

.navbar .nav-item:hover {
    background-color: #006d76
}

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 {
    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
    }

    #nav_menu dd a {
        font-size: .85em;
        padding: .5em 31px .5em 31px;
        margin: 0
    }
}

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

.top-banner {
    width: 100%;
    height: auto;
    display: block
}

.top-banner-wrapper {
    margin-bottom: 2rem
}

#banner-top-frontpage {
    margin: 0 5%
}

.bottom-banner {
    width: 100%;
    height: auto
}

.right-column-banner {
    margin-bottom: 1em
}

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

.rating-widget-header {
    background-color: var(--primary);
    color: #fff;
    padding: 1rem 2rem .5rem 1rem
}

.rating-widget-header h2 {
    color: inherit;
    font-size: 1em;
    font-weight: bold;
    margin: 0
}

.rating-widget-metrics {
    font-size: smaller
}

.rating-widget .progress {
    background-color: unset;
    margin: 0
}

.rating-widget-body {
    background-color: var(--table);
    padding: 1rem 1rem 2rem;
    position: relative
}

.rating-widget-body .rating-source {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    font-size: x-small
}

td.rating-widget-number {
    vertical-align: baseline;
    font-weight: bold;
    padding-right: .5em
}

.rating-widget-table .rt-digit {
    width: 10%
}

.rating-widget-table .rt-name {
    width: 60%
}

.rating-widget-table .rt-number {
    width: 10%
}

td.rating-widget-digit {
    vertical-align: baseline;
    font-size: larger;
    white-space: nowrap;
    padding-left: 1rem;
    text-align: right;
    display: block;
    width: 100%
}

td.rt-bar {
    vertical-align: baseline
}

.rating-widget-name {}

.rating-widget .empty-pad {
    height: 1em
}

.widget-chart {
    display: block;
    width: 120px;
    height: 120px;
    margin-bottom: 1rem
}

.widget-itog {
    font-size: large;
    text-align: right;
    position: absolute;
    right: 0;
    top: 0
}

.rating-widget .rt-itog {
    font-size: xx-large
}

.rating-widget .rt-summary {
    position: relative
}

.form-error-fld {
    display: block;
    float: left;
    height: 13px;
    width: 15px;
    background-repeat: no-repeat;
    background-image: url(/otocaps-health-journal/img/icon_warn.gif)
}

:root {
    --primary: #02b2b7;
    --secondary: #004b53;
    --light: #ededed;
    --dark: #b2b2b2;
    --table: #f0f8f9
}

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

hr {
    width: 30px;
    height: 3px;
    color: var(--primary);
    background: var(--primary);
    border: 0;
    margin: .75em auto .5em 0
}

body[contenteditable="true"] {
    font-family: 'Literata', 'PT Serif', 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: 'Formular', 'Open Sans', Helvetica, Roboto, Arial, sans-serif
}

body[contenteditable="true"] h2 {
    font-weight: 400;
    font-size: 30px;
    line-height: 37px;
    color: #000
}

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: .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;
    -webkit-box-shadow: none;
            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: var(--primary);
    color: #fff;
    padding: 10px 24px;
    border: none;
    line-height: 30px
}

#FormOrder .errortext {
    color: var(--primary) !important
}

#FormOrder hr {
    width: 110px;
    height: 1em;
    background: var(--primary);
    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
}

b,
strong {
    font-family: 'Formular', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif;
    font-weight: bold
}

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

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.other-table .table-responsive::before {
    content: "Таблицу можно прокрутить ↔";
    color: var(--primary);
    margin: 1em 0;
    display: inline-block
}

.table-responsive>.table-bordered {
    border: 0
}

.colored {
    margin: 1.5em -20px;
    padding: 20px;
    background-color: rgba(203, 239, 240, .69);
    font-family: 'Formular', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 11pt;
    line-height: 1.5
}

.colored p {
    margin-bottom: 1em
}

.colored *:first-child {
    margin-top: 0;
    padding-top: 0
}

.colored p:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

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

ul {
    margin-left: 1.4rem
}

ul li {
    margin-bottom: 1rem
}

:root {
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: 'Formular', '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
}

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: 'Literata', 'PT Serif', serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    position: relative
}

#breadcrumbs {
    margin: 0 5%
}

#content-wrapper {
    margin: 3rem 5% 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap
}

footer {
    background: var(--secondary);
    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: #fff;
    font-family: 'Formular', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif
}

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: -.5em
}

sub {
    bottom: -.25em
}

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

#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 {
    -webkit-box-sizing: content-box;
            box-sizing: content-box
}

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"] {
    -webkit-box-sizing: border-box;
            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;
    -webkit-box-sizing: content-box;
            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
}

.policy {
    display: block;
    margin-top: 3em;
    font-size: 10px
}

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

p[align="JUSTIFY"] {
    text-align: left
}

#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 -.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%
}

.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
    }
}

button,
.button,
.btn {
    -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;
    font-family: 'Formular', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif
}

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

.button.button-sm {
    text-transform: unset;
    padding: .5rem 1rem .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;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .75);
    display: block;
    font-size: .875rem;
    height: 2.3125rem;
    margin: 0 0 1rem 0;
    padding: .5rem;
    width: 100%;
    -webkit-box-sizing: border-box;
            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
}

textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    margin: 0;
    -webkit-box-shadow: none;
            box-shadow: none
}

textarea.form-control:focus,
input[type="text"].form-control:focus,
input[type="password"].form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
            box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

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

input[type="submit"].btn.btn-primary {
    margin-top: 20px
}

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 {}

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,
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 Neue', 'Arial', sans-serif
}

h1,
h2,
h3 {
    font-weight: 600
}

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
}

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;
        -webkit-box-shadow: none !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;
    height: 1rem
}

.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
}

.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)
}

.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;
    transition: opacity .3s;
    text-align: center;
    font-family: 'Formular', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif;
    margin-right: auto;
    color: #fff
}

.small_vestnik_logo h1 {
    margin: 0;
    line-height: 62px;
    font-size: inherit
}

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

.small_vestnik_logo.frontpage h1 {
    font-size: inherit;
    line-height: 62px;
    color: #fff;
    margin: 0
}

.button.participate {
    border: 1px solid #fff;
    font-family: 'Formular', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif;
    outline: none
}

.button.participate:hover,
.button.participate:focus {
    background-color: unset
}

.logo_footer,
.logo_footer:hover {
    text-decoration: none;
    display: inline-block
}

.small_vestnik_logo:hover {
    color: #fff;
    text-decoration: none
}

.logo-word-vestnik,
.logo-word-ekonomiki {
    font-size: 34px;
    color: #fff
}

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

.logo-word-vestnik {
    font-weight: normal;
    line-height: 62px
}

.logo-journal {
    font-size: .6em
}

.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
}

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

.header_menu_icon {
    background-position: center
}

.wrap {
    margin: 0 auto;
    width: 100%;
    min-height: 100%;
    overflow: hidden
}

.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 {
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: translateX(240px) rotate(90deg);
            transform: translateX(240px) rotate(90deg)
}

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

#menu-left {
    width: 300px;
    height: 507px;
    background: rgba(33, 29, 24, .8);
    color: #fff !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: #fff !important;
    font-size: 12pt;
    text-transform: uppercase
}

.active_left_menu {
    -webkit-transition-duration: .4s;
            transition-duration: .4s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: translateX(300px);
            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: 90px;
        width: 300px;
        background: rgba(23, 23, 22, .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 {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
        left: 228px
    }

    .header_mobile_menu_white_spaces,
    #header_top_menu.scroll .header_mobile_menu_white_spaces {
        padding-top: 1px;
        background: #fff
    }

    .index_text_container .header_text_logo {
        display: none
    }

    .header_text {
        margin-top: 0
    }
}

input#searchInput:focus {
    width: 25%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 10000;
    padding: 10px
}

#searchInput {
    position: absolute;
    right: 66px;
    top: 11px;
    height: 40px;
    width: 0;
    margin: 0;
    border: none;
    padding: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 16px;
    font-family: 'Formular', 'Open Sans', Helvetica, Roboto, Arial, sans-serif
}

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

.search-list b {
    color: var(--primary)
}

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

.header_menu_button {
    padding: 15px;
    z-index: 11;
    left: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-size: auto auto;
    width: 5%;
    text-align: center;
    color: #fff;
    opacity: 0
}

.header_menu_button.white {
    opacity: 1
}

.header_menu_button:hover {
    color: #fff
}

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

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

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

.index_text_container {
    position: relative
}

.header_text_container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    max-height: 90vw;
    overflow: hidden;
    position: relative
}

.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%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0)
}

@media (max-width:768px) {
    .header_text_container {
        background-attachment: scroll;
        background-size: auto 100%;
        margin-top: 62px;
        max-height: unset
    }

    #content-wrapper #content h3 {
        font-size: 18px
    }

    .first .footer-logo-evromedia {
        float: none
    }
}

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

.header_text_container img {
    width: 100%
}

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

.header_text h2 {
    color: #fff;
    margin-right: .25em;
    font-size: 30px;
    line-height: 1.2em
}

.header_text p {
    margin-bottom: 1em;
    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, .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
}

#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 {}

aside#rightcolumn {
    will-change: min-height
}

.posts {
    padding-right: 0
}

#ctrl_panel,
#test_ctrl_panel,
#ctrl_panel_search {
    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
}

.frontpage-articles {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.3em;
    font-weight: normal;
    letter-spacing: .3em;
    margin-bottom: 2em
}

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

.post img {
    width: 100%;
    display: block
}

.post a {
    color: #000;
    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: 'Formular', '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
}

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

.post .frontpage_podzag {
    font-size: 1em
}

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

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

.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;
    overflow: hidden;
    margin-bottom: 4em;
    margin-top: 1em;
    font-family: 'Formular', 'Open Sans', Helvetica, Roboto, Arial, sans-serif
}

.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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.social-goodshare ul li {
    position: relative
}

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

.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: gray;
    font-weight: bold
}

.social-goodshare .fb_iframe_widget span {
    padding: 0
}

.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 {
    display: none
}

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

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

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

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

.social-goodshare .icon-share.tg,
.social-goodshare .icon-share.wa {
    width: 17px;
    height: 17px
}

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

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

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

.full_post_social_share a {
    display: inline-block
}

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

.popular_articles .post hr {}

.popular_articles .post p {
    line-height: 22px;
    margin: 0;
    margin-bottom: 1.25rem;
    font-size: 15px;
    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
}

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

figure .photo_name,
figure .photo_autor {
    font-family: 'Formular', 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
    font-size: .9em;
    line-height: 1.5em
}

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 {
    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
}

@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: 30px;
    height: 3px;
    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: #000;
    max-width: 83%;
    font-size: 18px;
    overflow: hidden
}

.about hr {
    width: 110px;
    height: 1em;
    background: var(--primary);
    margin-top: 28px;
    margin-bottom: 27px;
    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-size: 1.5em;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: .25em
}

.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: #000
}

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

.about .black {
    color: #000
}

#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 {
    font-family: 'Formular', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 2em
}

.about_flags {
    height: 4em;
    margin-right: .75em;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        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: #000;
    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
}

.sans-text {
    font-family: 'Formular', 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
    font-size: smaller
}

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;
    top: 0;
    right: 0
}

.right-ban img {
    width: 100%
}

.right-ban a {
    color: #bcbebf
}

footer a,
footer a:hover {
    color: #fff
}

footer a:hover {
    text-decoration: underline
}

#footer_first_line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    border-bottom: 2px solid #fff;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em
}

#footer_first_line .menu {
    font-family: 'Literata', 'PT Serif', serif
}

.footer_second_line {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

footer .first {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
    margin-right: 2em
}

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-right: 20px
}

.footer-logo-evromedia {
    float: left
}

.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: #fff
}

footer .mags-footer a {
    display: inline-block
}

footer .mags-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start
}

footer .mag-stroy span {
    background-color: #ca5639;
    -webkit-box-shadow: -10px 0 0 #ca5639, 10px 0 0 #ca5639;
            box-shadow: -10px 0 0 #ca5639, 10px 0 0 #ca5639
}

footer .mag-zdrav span {
    background-color: #54aeb4;
    -webkit-box-shadow: -10px 0 0 #54aeb4, 10px 0 0 #54aeb4;
            box-shadow: -10px 0 0 #54aeb4, 10px 0 0 #54aeb4
}

footer .mag-agro span {
    background-color: #e9a83a;
    -webkit-box-shadow: -10px 0 0 #e9a83a, 10px 0 0 #e9a83a;
            box-shadow: -10px 0 0 #e9a83a, 10px 0 0 #e9a83a
}

footer .mag-obraz span {
    background-color: #e39535;
    -webkit-box-shadow: -10px 0 0 #e39535, 10px 0 0 #e39535;
            box-shadow: -10px 0 0 #e39535, 10px 0 0 #e39535
}

footer .mag-social span {
    background-color: #47959a;
    -webkit-box-shadow: -10px 0 0 #47959a, 10px 0 0 #47959a;
            box-shadow: -10px 0 0 #47959a, 10px 0 0 #47959a
}

footer .mag-econom span {
    background-color: #285a8a;
    -webkit-box-shadow: -10px 0 0 #285a8a, 10px 0 0 #285a8a;
            box-shadow: -10px 0 0 #285a8a, 10px 0 0 #285a8a
}

footer .mag-sevkav span {
    background-color: #54aeb4;
    -webkit-box-shadow: -10px 0 0 #54aeb4, 10px 0 0 #54aeb4;
            box-shadow: -10px 0 0 #54aeb4, 10px 0 0 #54aeb4
}

footer .mag-povol span {
    background-color: #61a4b7;
    -webkit-box-shadow: -10px 0 0 #61a4b7, 10px 0 0 #61a4b7;
            box-shadow: -10px 0 0 #61a4b7, 10px 0 0 #61a4b7
}

footer .mag-sevzap span {
    background-color: #51a798;
    -webkit-box-shadow: -10px 0 0 #51a798, 10px 0 0 #51a798;
            box-shadow: -10px 0 0 #51a798, 10px 0 0 #51a798
}

footer .mag-nation span {
    background-color: #ac914e;
    -webkit-box-shadow: -10px 0 0 #ac914e, 10px 0 0 #ac914e;
            box-shadow: -10px 0 0 #ac914e, 10px 0 0 #ac914e
}

footer .second-magazine {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: auto;
        -ms-flex-align: auto;
            align-items: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

footer .second-app {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1
}

footer .third {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: right
}

.footer_mag a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

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

.footer_magazine_descr a {
    text-decoration: underline
}

footer .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end
}

footer .social a {
    margin-left: .75em
}

.footer_app_icon {
    width: 100px;
    display: block;
    margin: .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: #000;
    color: #000;
    height: .188em;
    margin: 0 auto;
    margin-bottom: 1.438em;
    border: 0
}

footer .small_logo {
    margin-right: 2em;
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2
}

footer .ages_18 {
    display: inline-block
}

.footer-participate {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1
}

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

footer .logo-word-vestnik {}

footer .logo-word-ekonomiki {
    line-height: 20px
}

footer .logo-word-eurasian {
    font-size: 14px;
    line-height: 24px;
    display: block;
    margin-top: 3px
}

.ages_plus {
    color: #fff;
    font-size: 12px;
    margin-bottom: .5em;
    text-align: center;
    padding-left: .1em
}

.hexagon {
    position: relative;
    width: 30px;
    height: 17.32px;
    margin: 8.66px 0;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff
}

.hexagon:before,
.hexagon:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 21.21px;
    height: 21.21px;
    -webkit-transform: scaleY(.5774) rotate(-45deg);
    transform: scaleY(.5774) rotate(-45deg);
    background-color: inherit;
    left: 3.3934px
}

.hexagon:before {
    top: -10.6066px;
    border-top: solid 1.4142px #fff;
    border-right: solid 1.4142px #fff
}

.hexagon:after {
    bottom: -10.6066px;
    border-bottom: solid 1.4142px #fff;
    border-left: solid 1.4142px #fff
}

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

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

footer .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    width: auto;
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2
}

footer .menu a {
    color: #fff;
    margin-left: 4%
}

.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: #000;
    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: #000;
    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-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    margin-bottom: 1em;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            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) {
    .under_hr .first {
        width: 50%
    }

    .under_hr .second {
        width: 22%
    }
}

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

    .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-gradient(linear, left top, left bottom, from(var(--primary)), to(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(/otocaps-health-journal/fonts/arrow-top.svg) no-repeat 18px 97%;
    opacity: 0;
    -webkit-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: .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%
    }

    aside#rightcolumn {
        width: 33.3333%;
        padding-left: 20px
    }

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

    .index_top_menu.opacity .header_mobile_menu {}

    .post {
        width: 50%
    }

    .post.double,
    .post.triple {
        width: 100%
    }

    .post.double {}

    .post.triple {}

    .header_text_container img {
        display: block
    }

    #menu_button.white {}

    #top-overlay {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .15);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5)));
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(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 {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
                order: 5;
        display: block
    }

    footer .footer_second_line .first,
    footer .footer_second_line .second-app {
        border-top: 2px solid #fff;
        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: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    footer .first {
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none
    }

    .header_text_container img {}

    .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: 1;
        z-index: -1
    }

    .index_top_menu.opacity .header_top_menu {
        visibility: visible !important;
        opacity: 1;
        left: 12%;
        padding-top: 0;
        width: auto;
        background: transparent;
        height: 64px
    }

    .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 {}

    .right-ban-check.true .full_post_img {}

    .posts.inter_post,
    .posts.posts-index {
        margin-right: 0
    }
}

@media screen and (min-width:1200px) {
    .header_text h2 {
        font-size: 40px
    }

    .post {}

    .right-ban-check.true .post,
    .popular_articles .post {
        width: 33.33%
    }

    .post_horizontal_orintation {
        width: 100%
    }
}

.header_top_menu {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    padding-top: 90px;
    width: 300px;
    background: rgba(23, 23, 22, .72);
    opacity: 1;
    z-index: 10
}

.header_top_menu dd {
    float: none;
    color: #fff;
    margin: 0
}

.header_top_menu dd a {
    display: block;
    font-size: 1.3rem;
    font-family: 'Formular', 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
    padding: 1em 30px
}

.header_top_menu dd a:hover,
.header_top_menu dd a.selected {}

.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(4% + 40px);
    overflow: hidden
}

.nav_menu_hidden_h {
    visibility: hidden
}

.header_mobile_menu {
    display: block;
    margin-left: auto;
    -webkit-box-shadow: 0 0 12px 0 rgba(50, 50, 50, .4);
    box-shadow: 0 0 12px 0 rgba(50, 50, 50, .4);
    background-color: var(--primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.header_menu_button_showed {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    left: 218px;
    color: #fff !important
}

.header_mobile_menu_white_spaces {
    padding-top: 1px;
    background: #fff;
    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: 2em
    }

    #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;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        top: .25em;
        right: 0
    }

    footer {
        padding-left: 7%;
        padding-right: 5%
    }

    .footer-participate {
        text-align: center
    }

    .footer-participate .button.participate {
        display: inline-block;
        margin: 1em 0 2em
    }

    footer .menu a {
        margin: 0;
        padding-right: 20px
    }

    footer .small_logo {
        margin-right: 1em;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        padding-bottom: 2.75rem
    }

    footer .menu {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        line-height: 2em;
        padding-bottom: 1em;
        text-align: left;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start
    }

    footer .first {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
                order: 4;
        margin: 0
    }

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

    .footer_second_line {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap
    }

    footer .second-app {
        -webkit-box-flex: 4;
            -ms-flex: 4;
                flex: 4;
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 30px 0;
        border-bottom: 2px solid #fff;
        padding-bottom: 30px
    }

    footer .second-magazine {
        -webkit-box-flex: 2;
            -ms-flex: 2;
                flex: 2;
        -webkit-box-align: auto;
            -ms-flex-align: auto;
                align-items: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1
    }

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

    footer .third {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2
    }

    .cd-top {
        width: 8%;
        left: 2%;
        background: url(/otocaps-health-journal/fonts/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: unset;
        height: unset;
        line-height: unset
    }

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

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

    .header_menu_button_showed {
        left: 242px
    }

    .button.participate {
        display: none
    }

    #header_top_menu.order_show .button.participate {
        display: block
    }

    #header_top_menu.order_show .small_vestnik_logo {
        display: none
    }

    .header_menu_button {
        padding: 16px 7.5px;
        margin: 0;
        width: 62px;
        min-width: 62px;
        opacity: 1
    }

    #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 {
        width: 62px;
        min-width: 62px;
        height: 62px
    }

    .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;
        margin: 1.5em 8% 0
    }

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

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

    .header_text p {
        font-size: 1em
    }

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

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

    .small_vestnik_logo h1 {
        line-height: unset
    }

    .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 {
        background-size: contain;
        padding: 10px 0;
        width: 100%
    }

    .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) {
    #content.frontpage {
        margin-bottom: 2em
    }

    .news {
        border: unset
    }

    .header_text h2 {
        font-size: 24px;
        line-height: 28px
    }

    footer .social a {
        margin-left: .5em
    }

    #footer_phone {
        font-size: 1.75em
    }

    .logo-journal {
        display: block
    }

    #order-content {
        height: 100%
    }

    .social-goodshare ul li:first-child {
        width: 100%;
        margin-bottom: 1em
    }

    .social-goodshare ul li:nth-child(2) a {
        padding-left: 0
    }
}

.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
}

.relative {
    position: relative
}

.center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.uppercase {
    text-transform: uppercase
}

@media screen and (min-width:521px) and (max-width:1099px) {

    .logo-word-vestnik,
    .logo-word-ekonomiki {
        font-size: 24px
    }
}

@media screen and (max-width:321px) {
    .header_text p {
        display: none
    }
}

@media (max-width:400px) {
    .small_vestnik_logo {
        margin: 0
    }

    .logo_footer .logo-word-ross,
    .logo_footer .logo-word-obraz {
        font-size: 1.8em
    }

    .logo-word-vestnik,
    .logo-word-ekonomiki {
        line-height: 18px;
        display: block
    }

    .logo-journal {
        line-height: 12px
    }
}

@media (max-width:560px) {
    iframe {
        width: 100% !important
    }

    .inter_post_text h3 span {
        font-size: 18pt !important
    }
}

#about .archive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.archive .row {
    margin: 0 -20px
}

.archive .post {
    padding: 0 20px;
    margin-bottom: 50px
}

.archive .post .post-pic.magazine {
    -webkit-box-shadow: 0 0 7px 0 #cecece;
            box-shadow: 0 0 7px 0 #cecece;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    background: #fff;
    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: #fff;
    display: initial
}

.archive .archive-body {
    -webkit-box-flex: 4;
        -ms-flex: 4;
            flex: 4
}

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

.archive_full_img {
    margin: 1em 0 1em
}

.archive h4 {
    margin: 1em 0
}

#nav_menu a,
.post_add_spaces h5,
.inter_post_head h5,
.upper-text {
    text-transform: uppercase
}

.mf-ok-text {
    color: #fff;
    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
}

#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: #a9a9a9
}

.wrap-article {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column
}

.inter_post_text.right-ban-check {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1
}

.right-ban-bottom {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3
}

@media screen and (min-width:768px) {
    #banner-top-frontpage-mobile {
        display: none
    }

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

    #postContent {}

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

@media screen and (min-width:820px) {
    footer .menu {}
}

@media screen and (min-width:992px) {
    .wrap-article {
        display: block
    }

    #postContent {}

    #rightcolumn {}

    footer .menu {}
}

.sticky {
    position: fixed;
    z-index: 101;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-transform: translate3d(0, 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;
    width: 100%;
    font-weight: 400;
    font-size: 17pt;
    line-height: 24px
}

p.vrezka {
    padding: 15px;
    font-size: smaller;
    line-height: 1.5em;
    border: 12px solid #ffe600
}

.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
}

.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
}

a.arrow-top:hover {
    color: var(--secondary)
}

.wrapper {
    margin: 3rem 5%
}

.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
}

#banner-bottom {
    margin-top: 2em
}

.yandex-ads {
    margin: 3rem 0
}

.text-sm {
    font-size: .9em
}

.text-muted {
    opacity: .5
}