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

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

body {
    margin: 0;
    padding: 0;
    min-width: 300px;
    font-family: 'e-Ukraine', sans-serif;
    font-weight: 400;
    color: #000;
    background: #f5f5f5
}

body.modal-open {
    overflow-y: hidden !important
}

main {
    padding-top: 80px
}

h1 {
    font-size: 56px;
    line-height: 67px;
    font-weight: normal
}

h2 {
    font-size: 38px;
    line-height: 40px;
    font-weight: normal
}

h3 {
    font-size: 28px;
    line-height: 32px;
    font-weight: normal
}

h4 {
    font-size: 24px;
    line-height: 28px;
    font-weight: normal
}

h5 {
    font-size: 20px;
    line-height: 24px;
    font-weight: normal
}

h6 {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal
}

@media screen and (max-width:768px) {
    h1 {
        font-size: 46px;
        line-height: 52px
    }

    h2 {
        font-size: 34px;
        line-height: 38px
    }
}

@media screen and (max-width:480px) {
    h1 {
        font-size: 32px;
        line-height: 38px
    }

    h2 {
        font-size: 28px;
        line-height: 32px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0
}

a {
    color: #000
}

a:hover,
a:focus {
    color: #000
}

a[data-mce-href] {
    border-bottom: 2px solid
}

a[data-mce-href]:hover {
    border-color: transparent
}

.d-flex {
    display: flex
}

.d-flex::before,
.d-flex::after {
    content: none
}

.d-block {
    display: block !important
}

.align-items-center {
    align-items: center
}

.justify-content-between {
    justify-content: space-between
}

.oveflow-hidden {
    overflow: hidden !important
}

.page-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.main {
    flex-grow: 1
}

.page-m-t {
    margin-top: 50px
}

.page-m-b {
    margin-bottom: 120px
}

.section-offset {
    padding: 80px 0
}

.section-offset_lg {
    padding: 120px 0
}

.mt-offset.mb-offset {
    max-width: 1680px;
    margin: 0 auto;
    background: #fff;
    margin-top: -80px;
    min-height: calc(100% + 80px)
}

.mt-offset {
    padding-top: calc(50px + 80px)
}

.mb-offset {
    padding-bottom: 50px
}

.overheader {
    padding-top: 80px;
    margin-top: -80px;
    z-index: 2;
    position: relative
}

.bg-dirty {
    background: #ece9e5
}

.bg-greeny {
    background: #E7EEF3 !important
}

.bg-lighty {
    background: #E7EEF3 !important
}

.bg-white {
    background: #fff !important
}

.bg-black {
    background: #000 !important
}

.bg-transparent {
    background: transparent !important
}

.stretch {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.stretch::before,
.stretch::after {
    content: none
}

.btn-primary {
    display: inline-block;
    padding: 12px 28px;
    border-radius: 40px;
    border: 2px solid #fff;
    background: transparent;
    font-size: 13px;
    color: #fff;
    transition: all .2s
}

.btn-primary:hover {
    background: #fff;
    color: #000;
    border-color: #fff;
    transition: all .2s
}

.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:active:hover {
    background: #000;
    border-color: #000;
    color: #fff
}

.btn-primary:focus {
    background: inherit;
    color: inherit
}

.btn-primary--inverse {
    color: #000;
    border-color: #000;
    transition: all .2s
}

.btn-primary--inverse:hover {
    background: #000;
    color: #fff;
    border-color: #000;
    transition: all .2s
}

.btn-primary--black {
    color: #fff;
    background: #000;
    border-color: #000;
    transition: all .2s
}

.btn-primary--black:hover {
    background: transparent;
    color: #000;
    border-color: #000;
    transition: all .2s
}

.breadcrumbs {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    margin-bottom: 12px
}

.breadcrumbs li {
    display: flex;
    align-items: center;
    padding-right: 20px;
    line-height: 32px;
    position: relative
}

.breadcrumbs li a,
.breadcrumbs li span {
    display: inline-flex;
    align-items: center;
    height: 100%;
    font-size: 11px;
    opacity: .5
}

.breadcrumbs li a:hover,
.breadcrumbs li span:hover {
    text-decoration: underline
}

.breadcrumbs li:not(:last-child):after {
    content: '|';
    position: absolute;
    top: 1px;
    right: 8px;
    display: inline-flex;
    align-items: center;
    height: 100%;
    opacity: .5
}

.breadcrumbs li:last-child span {
    display: inline-block;
    vertical-align: middle;
    pointer-events: none;
    max-width: 39.8vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: auto
}

.page-title {
    font-size: 56px;
    line-height: 1.1;
    margin-left: -4px
}

.page-search {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%
}

.page-search input {
    display: block;
    padding: 12px 24px;
    padding-right: 45px;
    border-radius: 40px;
    height: 48px;
    border: 0;
    color: #000;
    background: #E7EEF3;
    box-shadow: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.page-search input:focus {
    box-shadow: none
}

.page-search input::placeholder {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px
}

.page-filter_block {
    width: 48px;
    margin-left: 15px;
    display: none
}

.page-filter_btn {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #000;
    background-color: transparent;
    box-shadow: none
}

.page-filter_btn:focus {
    outline: none
}

.dataset-filter__close {
    display: none
}

@media screen and (max-width:992px) {
    .page-filter_block {
        display: block
    }

    .page-search {
        width: 95%
    }

    .dataset__filters {
        display: none;
        left: -100%;
        position: fixed;
        animation: left-out .5s
    }

    .dataset__filters.show-filter {
        position: fixed;
        display: block;
        left: 0;
        right: 30%;
        width: 70%;
        bottom: 0;
        top: 0;
        overflow-y: scroll;
        background-color: #fff;
        padding: 15px;
        border-right: 1px solid #ccc;
        margin: 0;
        z-index: 99;
        animation: left-in .5s
    }

    .show-filter_back {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 98;
        transition: all .2s ease
    }

    .show-filter_back .dataset-filter__close {
        display: block;
        position: absolute;
        left: 72%;
        top: 15px;
        border-radius: 50%;
        background-color: #000;
        border: 2px solid #000;
        width: 40px;
        height: 40px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center
    }
}

@keyframes left-in {
    from {
        left: -100%
    }

    to {
        left: 0
    }
}

@keyframes left-out {
    from {
        left: 0
    }

    to {
        left: -100%
    }
}

.pagination__container {
    text-align: center
}

.pagination {
    display: flex;
    align-items: center;
    margin-top: 50px
}

.pagination .pagination__prev {
    margin-right: auto
}

.pagination .pagination__prev.disabled {
    pointer-events: none
}

.pagination .pagination__next {
    margin-left: auto
}

.pagination .pagination__next.disabled {
    pointer-events: none
}

.pagination .pagination__arrow {
    display: none
}

.pagination .pagination__text {
    font-size: 13px !important;
    display: flex;
    align-items: center
}

.pagination .pagination__text.left img {
    margin-right: 15px
}

.pagination .pagination__text.right img {
    margin-left: 15px
}

.pagination li {
    display: inline-block
}

.pagination li a,
.pagination li>span {
    cursor: pointer;
    padding: 0 8px;
    min-width: 32px;
    height: 32px;
    background: transparent;
    border: 2px solid transparent;
    border-radius: 100px;
    color: #000;
    margin-right: 5px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center
}

.pagination li a:hover,
.pagination li>span:hover,
.pagination li a:focus,
.pagination li>span:focus {
    color: #000;
    background: transparent;
    border-color: #ccc
}

.pagination li a[aria-label="Next"],
.pagination li>span[aria-label="Next"],
.pagination li a[aria-label="Previous"],
.pagination li>span[aria-label="Previous"] {
    display: flex;
    align-items: center;
    border-color: transparent;
    padding: 0;
    border: 0
}

.pagination li a[aria-label="Next"] span,
.pagination li>span[aria-label="Next"] span,
.pagination li a[aria-label="Previous"] span,
.pagination li>span[aria-label="Previous"] span {
    font-size: 20px
}

.pagination li a[aria-label="Next"]:hover,
.pagination li>span[aria-label="Next"]:hover,
.pagination li a[aria-label="Previous"]:hover,
.pagination li>span[aria-label="Previous"]:hover {
    border-color: transparent;
    background: transparent;
    color: #000
}

.pagination li a[aria-label="Next"],
.pagination li>span[aria-label="Next"] {
    padding-right: 0;
    border-right: 0
}

.pagination li a[aria-label="Next"] span,
.pagination li>span[aria-label="Next"] span {
    margin-left: 10px
}

.pagination li a[aria-label="Previous"],
.pagination li>span[aria-label="Previous"] {
    padding-left: 0;
    border-left: 0
}

.pagination li a[aria-label="Previous"] span,
.pagination li>span[aria-label="Previous"] span {
    margin-right: 10px
}

.pagination li>span {
    border: 0
}

.pagination li>span:hover {
    pointer-events: none;
    background: transparent
}

.pagination li.active a {
    background: transparent;
    color: #000;
    border-color: #000;
    pointer-events: none
}

.dataset__content .tui-pagination .tui-page-btn {
    width: auto;
    padding: 8px 6px;
    font-family: 'e-Ukraine'
}

.dataset__content .tui-pagination .tui-first,
.dataset__content .tui-pagination .tui-prev,
.dataset__content .tui-pagination .tui-next,
.dataset__content .tui-pagination .tui-last {
    padding: 0 10px
}

.dataset__content .tui-pagination .tui-prev-is-ellip,
.dataset__content .tui-pagination .tui-next-is-ellip {
    padding: 1px 6px
}

.media {
    display: flex;
    align-items: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    border-radius: 5px
}

.media-left {
    margin-right: 15px
}

.media-object {
    max-width: 150px
}

@media screen and (min-width:1680px) {
    .page-layout {
        max-width: 1680px;
        margin: 0 auto;
        padding: 0 80px
    }

    .page-layout.low-padding {
        padding: 0 32px
    }
}

@media screen and (max-width:1680px) {
    .page-layout {
        max-width: 100%;
        padding: 0 64px
    }

    .page-layout.low-padding {
        padding: 0 32px
    }
}

@media screen and (max-width:1200px) {
    .pagination {
        position: relative;
        padding-left: 30px;
        padding-right: 30px;
        flex-wrap: wrap;
        justify-content: center
    }

    .pagination .pagination__prev {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .pagination .pagination__next {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .pagination .pagination__text {
        display: none
    }

    .pagination .pagination__arrow {
        display: inline-block
    }
}

@media screen and (max-width:991px) {
    .page-layout {
        padding: 0 32px
    }

    .page-layout.low-padding {
        padding: 0 16px
    }

    .section-offset {
        padding: 50px 0
    }

    .mt-offset.mb-offset>.m-b-lg {
        margin-bottom: 0
    }

    .breadcrumbs {
        margin-bottom: 0
    }

    .page-title {
        margin-top: 12px;
        margin-bottom: 30px;
        font-size: 42px;
        line-height: 51px
    }

    .page-search input::placeholder {
        font-size: 16px
    }
}

@media screen and (max-width:768px) {
    .page-layout {
        padding: 0 16px
    }

    .section-offset {
        padding: 35px 0
    }

    .mt-offset {
        padding-top: calc(25px + 80px)
    }

    .mb-offset {
        padding-bottom: 25px
    }
}

@media screen and (max-width:440px) {
    .page-layout {
        max-width: 100%
    }
}

@media print {
    .bg-greeny {
        background: #fff !important
    }
}

.in-process {
    background: #E7EEF3;
    padding: 30px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center
}

.in-process img {
    margin-right: 20px
}

.in-process h1 {
    font-size: 30px
}

.panel-group {
    margin-bottom: 0
}

.collapse-heading {
    padding: 45px 0 47px;
    display: flex
}

.collapse-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.collapse-title[aria-expanded="true"] .svg-plus {
    display: block
}

.collapse-title[aria-expanded="true"] .svg-minus {
    display: none
}

.collapse-title[aria-expanded="false"] .svg-plus {
    display: none
}

.collapse-title[aria-expanded="false"] .svg-minus {
    display: block
}

.collapse-panel {
    border-bottom: 2px solid #000
}

.collapse-panel:first-child {
    border-top: 2px solid #000
}

.collapse-inner {
    padding-bottom: 52px
}

a:after {
    content: "" !important
}

@media print {
    a[href^="http"]:after {
        content: " (" attr(href) ")"
    }
}

.flex-wrap {
    flex-wrap: wrap
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.d-none {
    display: none !important
}

@media (min-width:992px) {
    .d-md-block {
        display: block !important
    }
}

@keyframes granimate {

    0%,
    100% {
        background-position: 0 25%
    }

    25%,
    75% {
        background-position: 50% 50%
    }

    50% {
        background-position: 100% 100%
    }
}

.text-white {
    color: #fff
}

.label {
    display: inline-block;
    white-space: break-spaces;
    padding: .3em .6em
}

.tg-bot-btn {
    position: fixed;
    z-index: 1020;
    bottom: 108px;
    right: 18px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #17a2b8;
    cursor: pointer;
    box-shadow: 0 3px 5px rgba(51, 51, 51, 0.5);
    animation-name: tg-bot-btn_anim;
    animation-duration: .15s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out
}

.tg-bot-btn svg {
    fill: #fff;
    width: 36px
}

@keyframes tg-bot-btn_anim {
    from {
        right: 0;
        transform: translateX(100%)
    }

    to {
        right: 18px;
        transform: translateX(0)
    }
}

.page-reestr .nav.nav-tabs .nav-item {
    margin-right: 25px
}

.page-reestr .nav.nav-tabs .nav-item.active .nav-link {
    border-bottom: 2px solid #000;
    opacity: 1
}

.page-reestr .nav.nav-tabs .nav-link {
    color: #000;
    opacity: .5;
    border: none;
    border-radius: unset;
    border-bottom: 2px solid transparent;
    background-color: transparent;
    padding: 10px 0
}

.page-reestr .nav.nav-tabs .nav-link:hover {
    opacity: 1;
    border-bottom: 2px solid #000
}

.page-reestr .page-layout.object-top {
    padding-bottom: 0
}

.page-reestr .proj-content {
    padding-top: 65px;
    padding-bottom: 10px
}

@font-face {
    font-family: 'e-Ukraine';
    src: url('/assets/style/fonts/e-ukraine/e-Ukraine-Thin.eot');
    src: local('e-Ukraine Thin'), local('e-Ukraine-Thin'), url('/assets/style/fonts/e-ukraine/e-Ukraine-Thin.eot?#iefix') format('embedded-opentype'), url('/assets/style/fonts/e-ukraine/e-Ukraine-Thin.woff') format('woff'), url('/assets/style/fonts/e-ukraine/e-Ukraine-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'e-Ukraine';
    src: url('/assets/style/fonts/e-ukraine/e-Ukraine-UltraLight.eot');
    src: local('e-Ukraine Ultra Light'), local('e-Ukraine-Ultra-Light'), url('/assets/style/fonts/e-ukraine/e-Ukraine-UltraLight.eot?#iefix') format('embedded-opentype'), url('/assets/style/fonts/e-ukraine/e-Ukraine-UltraLight.woff') format('woff'), url('/assets/style/fonts/e-ukraine/e-Ukraine-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: 'e-Ukraine';
    src: url('/assets/style/fonts/e-ukraine/e-Ukraine-Light.eot');
    src: local('e-Ukraine Light'), local('e-Ukraine-Light'), url('/assets/style/fonts/e-ukraine/e-Ukraine-Light.eot?#iefix') format('embedded-opentype'), url('/assets/style/fonts/e-ukraine/e-Ukraine-Light.woff') format('woff'), url('/assets/style/fonts/e-ukraine/e-Ukraine-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'e-Ukraine';
    src: url('/assets/style/fonts/e-ukraine/e-Ukraine-Regular.eot');
    src: local('e-Ukraine Regular'), local('e-Ukraine-Regular'), url('/assets/style/fonts/e-ukraine/e-Ukraine-Regular.eot?#iefix') format('embedded-opentype'), url('/assets/style/fonts/e-ukraine/e-Ukraine-Regular.woff') format('woff'), url('/assets/style/fonts/e-ukraine/e-Ukraine-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'e-Ukraine';
    src: url('/assets/style/fonts/e-ukraine/e-Ukraine-Medium.eot');
    src: local('e-Ukraine Medium'), local('e-Ukraine-Medium'), url('/assets/style/fonts/e-ukraine/e-Ukraine-Medium.eot?#iefix') format('embedded-opentype'), url('/assets/style/fonts/e-ukraine/e-Ukraine-Medium.woff') format('woff'), url('/assets/style/fonts/e-ukraine/e-Ukraine-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'e-Ukraine-head';
    src: url('/assets/style/fonts/e-ukraine/e-UkraineHead-Light.eot');
    src: local('e-Ukraine-head Light'), local('e-Ukraine-head-Light'), url('/assets/style/fonts/e-ukraine/e-UkraineHead-Light.eot?#iefix') format('embedded-opentype'), url('/assets/style/fonts/e-ukraine/e-UkraineHead-Light.woff') format('woff'), url('/assets/style/fonts/e-ukraine/e-UkraineHead-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'e-Ukraine-head';
    src: url('/assets/style/fonts/e-ukraine/e-UkraineHead-Regular.eot');
    src: local('e-Ukraine-head Regular'), local('e-Ukraine-head-Regular'), url('/assets/style/fonts/e-ukraine/e-UkraineHead-Regular.eot?#iefix') format('embedded-opentype'), url('/assets/style/fonts/e-ukraine/e-UkraineHead-Regular.woff') format('woff'), url('/assets/style/fonts/e-ukraine/e-UkraineHead-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'e-Ukraine-head';
    src: url('/assets/style/fonts/e-ukraine/e-UkraineHead-Bold.eot');
    src: local('e-Ukraine-head Bold'), local('e-Ukraine-head-Bold'), url('/assets/style/fonts/e-ukraine/e-UkraineHead-Bold.eot?#iefix') format('embedded-opentype'), url('/assets/style/fonts/e-ukraine/e-UkraineHead-Bold.woff') format('woff'), url('/assets/style/fonts/e-ukraine/e-UkraineHead-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal
}

.temp-beta {
    text-transform: uppercase;
    font-size: 13px;
    background: #E7EEF3;
    border-radius: 5px;
    padding: 3px 5px;
    color: #000
}

.header {
    background: transparent;
    z-index: 3;
    position: absolute;
    left: 0;
    right: 0
}

.header__wrapper {
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid transparent
}

.header-border {
    position: relative;
    padding: 15px 0
}

.header-border:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    height: 2px;
    background: #000
}

.header__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.header__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 60px 0
}

.header__logo {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin-right: 20px
}

.header__logo img {
    margin-right: 0;
    height: 48px;
    width: 48px;
    transition: all .4s
}

.header__logo h2 {
    font-family: 'e-Ukraine-head';
    font-size: 12px;
    line-height: 16px;
    width: 230px;
    transition: all .4s;
    margin-left: 11px
}

.header__logo h2 .label {
    font-size: 10px
}

.template-home .header__logo {
    opacity: 0;
    visibility: hidden;
    position: absolute
}

.header__nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
}

.header__nav-item:not(:last-child) .header__nav-link {
    margin-right: 32px
}

.header__nav-item.home .header__nav-link:hover:after {
    display: none
}

.header__nav-link {
    color: #000;
    display: inline-flex;
    align-items: center;
    position: relative;
    transition: all .2s;
    font-size: 13px;
    line-height: 16px
}

.header__nav-link:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -7px;
    width: 100%;
    background: #000;
    height: 2px;
    transition: opacity .4s;
    opacity: 0
}

.header__nav-link:not(.no-hover):hover {
    color: #000
}

.header__nav-link:not(.no-hover):hover:after {
    transition: opacity .4s;
    opacity: 1
}

.header__nav-link i {
    font-size: 24px
}

.header__nav-link img {
    width: 22px
}

.header__search {
    padding: 30px 0;
    background: #E7EEF3
}

.header__search-wrapper {
    display: flex
}

.header__search-btn {
    color: #000;
    font-size: 24px;
    padding-right: 50px
}

.header__search-field {
    flex-grow: 1;
    position: relative
}

.header__search-field input {
    width: 100%;
    height: 100%;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding-right: 50px;
    padding-left: 30px;
    border-radius: 100px;
    color: #000
}

.header__search-field input::placeholder {
    color: #000;
    opacity: .5;
    font-size: 16px
}

.header__search-field i {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    color: #000;
    font-size: 18px
}

.header__search-button {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    opacity: .5;
    background: transparent;
    box-shadow: none;
    border: 0;
    height: 42px;
    width: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.header__search-button:hover {
    opacity: .8
}

.header__search-button:focus {
    outline: none
}

.header--sticky {
    position: fixed;
    left: 0;
    width: 100%;
    background: #fff;
    color: #000;
    z-index: 99;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    visibility: hidden;
    opacity: 0;
    top: -100px;
    transition: all .4s
}

.header--sticky.show {
    visibility: visible;
    opacity: 1;
    top: 0;
    transition: all .4s
}

.header--sticky .header-wrapper {
    display: flex;
    padding: 20px 0;
    align-items: center;
    justify-content: space-between
}

.header--sticky .header__logo img {
    margin-right: 15px
}

.header--sticky .header__logo h2 {
    font-size: 14px;
    font-weight: 300;
    color: #000;
    display: flex;
    align-items: center;
    margin-right: 30px
}

.header--sticky .header__nav {
    flex-grow: 1
}

.header--sticky .header__nav-item {
    display: flex;
    align-items: center
}

.header--sticky .header__nav-link {
    color: #000;
    padding-bottom: 0;
    position: relative
}

.header--sticky .header__nav-link:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    background: #000;
    height: 2px;
    transition: all .4s
}

.header--sticky .header__nav-link:hover,
.header--sticky .header__nav-link:focus {
    color: #000
}

.header--sticky .header__nav-link:hover:after,
.header--sticky .header__nav-link:focus:after {
    width: 100%;
    transition: all .4s
}

.header--sticky .header__user-nav {
    margin-left: auto
}

.header--sticky .header__log-in i {
    display: none
}

.header--mobile {
    display: none;
    width: 100%;
    padding: 20px 32px;
    position: fixed;
    top: 80px;
    bottom: 0;
    left: 0;
    background: #E7EEF3;
    z-index: 1005;
    opacity: 0;
    visibility: hidden
}

.header--mobile.opened {
    opacity: 1;
    visibility: visible;
    left: 0
}

.header__nav-m {
    flex-grow: 1
}

.header__nav-m>h2 {
    font-size: 24px;
    margin: 10px 0;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center
}

.header__nav-m .header__nav-list {
    display: flex;
    flex-direction: column
}

.header__nav-m .header__nav-link {
    width: 100%;
    color: #000;
    margin: 0;
    margin-bottom: 16px;
    padding: 10px 0;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between
}

.header__nav-m .header__nav-link:hover:after {
    display: none
}

.header__nav-m .header__nav-link:focus span {
    text-decoration: underline
}

.header__nav-m .header__nav-link span {
    font-size: 13px
}

.header__user-nav-m {
    border-top: 2px solid #000;
    padding: 24px 0
}

.header__user-nav-m .btn {
    width: 100%;
    padding: 16px 28px
}

@media screen and (min-width:1200px) {
    .header__burger {
        display: none
    }
}

@media screen and (max-width:1200px) {
    .header--mobile {
        display: flex;
        flex-direction: column
    }

    .header--mobile.opened+.header {
        background: #E7EEF3
    }

    .header--mobile.opened+.header .header__wrapper {
        border-bottom: 2px solid #000;
        height: calc(100% - 2px);
        padding-bottom: 13px
    }

    .header--mobile.opened+.header .header-border:after {
        display: none
    }

    .header--mobile.opened+.header .header__logo {
        opacity: 1;
        visibility: visible;
        position: relative;
        margin: 0
    }

    .header--mobile.opened+.header .header__logo h2 {
        left: 61px;
        top: 0;
        opacity: 1;
        visibility: visible
    }

    .header__burger {
        width: 24px;
        height: 24px;
        padding: 0;
        position: relative;
        margin-left: auto;
        transform: rotate(0deg);
        transition: .5s ease-in-out;
        cursor: pointer;
        background: transparent;
        border: 0;
        order: 1
    }

    .header__burger:focus {
        outline: none
    }

    .header__burger span {
        display: block;
        position: absolute;
        height: 3px;
        width: 24px;
        background: #000;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out
    }

    .header__burger span:nth-child(1) {
        top: 4px;
        transform-origin: left center
    }

    .header__burger span:nth-child(2) {
        top: 10px;
        transform-origin: left center
    }

    .header__burger span:nth-child(3) {
        top: 16px;
        transform-origin: left center
    }

    .header__burger.open span:nth-child(1) {
        transform: rotate(45deg);
        top: 2px;
        left: 3px
    }

    .header__burger.open span:nth-child(2) {
        width: 0%;
        opacity: 0
    }

    .header__burger.open span:nth-child(3) {
        transform: rotate(-45deg);
        top: 19px;
        left: 3px
    }

    .header {
        height: 80px
    }

    .header .page-layout,
    .header .header__wrapper {
        height: 100%
    }

    .header .header__top {
        flex-wrap: wrap;
        padding: 30px 0;
        padding-bottom: 20px
    }

    .header .header__logo {
        margin: 0
    }

    .header__user-nav {
        display: none
    }

    .header__nav-list {
        display: none
    }

    .header--sticky .header__burger {
        order: 2;
        margin-left: 20px;
        height: 50px;
        width: 50px;
        background: #eee;
        border-radius: 5px
    }

    .header--sticky .header__burger i {
        font-size: 22px;
        margin-left: 0
    }
}

@media screen and (max-width:991px) {
    .header--mobile {
        padding: 20px 16px
    }
}

@media screen and (max-width:768px) {
    header {
        overflow-x: visible;
        min-height: auto
    }
}

@media screen and (max-width:500px) {
    .header .header__top {
        padding: 15px 0
    }

    .header .header__logo img {
        margin-right: 15px
    }

    .header .header__logo h2 {
        font-size: 11px;
        width: 190px
    }

    .header .header__logo h2 .label {
        font-size: 7px
    }

    .header .header__search-btn {
        padding-right: 15px;
        font-size: 18px
    }

    .header--sticky .header__wrapper h2 {
        margin-right: 15px
    }

    .header--sticky .header__log-in {
        border-radius: 5px;
        width: 50px;
        height: 50px;
        padding: 0;
        display: inline-flex;
        justify-content: center;
        align-items: center
    }

    .header--sticky .header__log-in span {
        display: none
    }

    .header--sticky .header__log-in i {
        display: inline-block;
        font-size: 18px
    }
}

@media screen and (max-width:400px) {
    .header__logo h2 .label {
        font-size: 7px
    }
}

.header__nav-item.active>.header__nav-link::after {
    transition: opacity .4s;
    opacity: 1
}

.ecabinet,
.map-obj,
.construct {
    display: flex;
    flex-direction: column
}

.ecabinet .container,
.map-obj .container,
.construct .container {
    display: flex;
    flex-grow: 1
}

.ecabinet .row,
.map-obj .row,
.construct .row {
    width: calc(100% + 15px)
}

.ecabinet__left-part,
.map-obj__left-part,
.construct__left-part {
    height: 100%;
    display: flex;
    flex-direction: column
}

.ecabinet__left-part.half,
.map-obj__left-part.half,
.construct__left-part.half {
    max-width: 80%;
    margin: 0 auto
}

.ecabinet__left-part h3,
.map-obj__left-part h3,
.construct__left-part h3 {
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 36px;
    flex-grow: 1
}

.ecabinet__left-part .text-left,
.map-obj__left-part .text-left,
.construct__left-part .text-left {
    align-self: flex-end;
    width: 100%
}

.ecabinet__info,
.map-obj__info,
.construct__info {
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap
}

.ecabinet__info h3,
.map-obj__info h3,
.construct__info h3 {
    margin-bottom: 40px
}

.ecabinet__info p,
.map-obj__info p,
.construct__info p {
    font-size: 20px
}

.ecabinet__info p span:first-child,
.map-obj__info p span:first-child,
.construct__info p span:first-child {
    font-weight: 400
}

.ecabinet__info p span:last-child,
.map-obj__info p span:last-child,
.construct__info p span:last-child {
    font-weight: 200
}

.ecabinet__right-part,
.map-obj__right-part,
.construct__right-part {
    min-height: 450px;
    height: 100%;
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff
}

.ecabinet__right-part p,
.map-obj__right-part p,
.construct__right-part p {
    font-size: 36px
}

.ecabinet__right-part.full-width p,
.map-obj__right-part.full-width p,
.construct__right-part.full-width p {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.ecabinet__title,
.map-obj__title,
.construct__title {
    align-self: flex-start;
    margin-bottom: 15px;
    padding: 10px 0;
    position: relative;
    color: rgba(0, 0, 0, 0.5)
}

.ecabinet__title::after,
.map-obj__title::after,
.construct__title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #C3AAB2 0%, #99EECC 57.66%, #80C0C8 76.7%, #4B8BFA 100%)
}

.faq__row .faq__col {
    margin-bottom: 51px
}

.faq__row .faq__col:first-child .faq__item {
    padding-left: 0
}

.faq__row .faq__col:last-child .faq__item {
    padding-right: 0
}

.faq__title {
    margin-bottom: 60px
}

.faq__title h2 {
    font-size: 56px;
    line-height: 67px
}

.faq__subtitle {
    margin-bottom: 27px;
    padding: 0 0 10px 0;
    position: relative;
    color: rgba(0, 0, 0, 0.5)
}

.faq__subtitle::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #C3AAB2 0%, #99EECC 57.66%, #80C0C8 76.7%, #4B8BFA 100%)
}

.faq__subtitle h4 {
    font-size: 16px
}

.faq__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.faq__list-item {
    padding: 0 0 20px 0;
    font-size: 18px;
    line-height: 28px;
    text-decoration-skip-ink: none
}

.faq__list-item:last-child {
    padding-bottom: 0
}

.faq__list-link:hover {
    text-decoration: underline
}

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

    .ecabinet .xs-mt,
    .map-obj .xs-mt,
    .construct .xs-mt {
        margin-top: 30px
    }

    .map-obj__left-part.half {
        max-width: 100%
    }

    .xs-order {
        order: 1
    }

    .faq__row .faq__col {
        margin-bottom: 30px
    }

    .faq__row .faq__col .faq__item {
        padding: 0
    }
}

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

    .ecabinet__right-part,
    .map-obj__right-part,
    .construct__right-part {
        min-height: 350px
    }
}

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

    .ecabinet__right-part,
    .map-obj__right-part,
    .construct__right-part {
        min-height: 250px
    }

    .ecabinet__info h3,
    .map-obj__info h3,
    .construct__info h3 {
        font-size: 28px
    }
}

.template-home {
    background: #f5f5f5
}

.dark-overlay {
    position: relative
}

.dark-overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    z-index: 1
}

.intro {
    padding-top: calc(80px + 108px);
    padding-bottom: 150px
}

.intro__wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.intro__top {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 30px
}

.intro__block {
    max-width: 300px;
    text-align: left;
    display: flex;
    align-items: center
}

.intro__block img {
    margin-right: 15px;
    min-width: 65px;
    width: 65px
}

.intro__block span {
    font-size: 15px;
    font-family: 'e-Ukraine-head'
}

.intro__main-title {
    font-size: 56px;
    line-height: 60px;
    font-weight: normal;
    letter-spacing: -0.02px;
    width: 100%
}

.intro__search {
    margin-top: 43px
}

.intro__search-field {
    width: 554px;
    height: 48px
}

.intro__search-field input {
    background: #fff;
    height: 100%
}

.intro__search-tips {
    display: block;
    padding-top: 10px;
    padding-left: 24px;
    font-size: 11px;
    text-align: left
}

.intro__search-tips a {
    text-decoration: underline
}

.objects__item {
    position: relative
}

.objects__item p {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    opacity: .5;
    margin: 0
}

.objects__link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.objects__link:hover~.objects__text {
    text-decoration: underline
}

.objects__link:hover~.objects__text span.icon {
    opacity: 1
}

.objects__image {
    margin-bottom: 25px;
    height: 260px
}

.objects__image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.objects__text {
    display: block;
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 32px;
    position: relative;
    padding-right: 50px;
    font-weight: 400;
    text-decoration-skip-ink: none;
    letter-spacing: -0.02em
}

.objects__text span.icon {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 34px;
    font-weight: 200;
    opacity: 0;
    transition: all .3s
}

.services ul {
    padding: 0;
    list-style: none
}

.services .service-tab__item {
    text-decoration-skip-ink: none
}

.services .service-tab__item:hover .service-title {
    text-decoration: underline
}

.services .service-tab__item:hover .service-title span {
    opacity: 1;
    text-decoration: none
}

.services .service-title {
    padding-right: 35px;
    position: relative
}

.services .service-title span {
    font-size: 34px;
    font-weight: 200;
    opacity: 0;
    transition: all .3s;
    position: absolute;
    top: 0;
    right: 0
}

.services__title {
    margin-bottom: 60px;
    font-size: 56px;
    line-height: 67px
}

.faq--mobile {
    display: none
}

.faq--mobile .card:last-child {
    border-bottom: 2px solid #000
}

.faq--mobile .faq__btn-collapse {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    padding: 16px 0;
    padding-right: 10px;
    color: #000;
    width: 100%;
    text-align: left;
    white-space: normal
}

.faq--mobile .faq__btn-collapse:hover {
    text-decoration: none
}

.faq--mobile .faq__btn-collapse:focus {
    outline: none;
    text-decoration: none
}

.faq--mobile .faq__btn-collapse:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background: #000
}

.faq--mobile .faq__btn-collapse .arrow-up {
    display: none
}

.faq--mobile .faq__btn-collapse:not(.collapsed) .arrow-up {
    display: inline-block
}

.faq--mobile .faq__btn-collapse:not(.collapsed) .arrow-down {
    display: none
}

.faq--mobile .faq__btn-collapse:not(.collapsed):after {
    background: linear-gradient(90deg, #2833D0 .01%, #7179EF 17.19%, #BF98C6 48.44%, #F1ACAC 100%)
}

.faq--mobile .faq__list-item {
    padding-bottom: 16px
}

.faq--mobile .faq__list-item:last-child {
    padding-bottom: 24px
}

.faq--mobile .faq__list-link {
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    font-weight: 300
}

@media screen and (max-width:991px) {
    .objects__item {
        margin-bottom: 25px
    }

    .faq__title {
        margin-bottom: 40px
    }

    .faq__title h2 {
        font-size: 42px;
        line-height: 51px
    }
}

@media screen and (max-width:768px) {
    .intro__main-title {
        font-size: 42px
    }

    .faq--mobile {
        display: block
    }

    .faq__row {
        display: none
    }
}

@media screen and (max-width:580px) {
    .intro {
        padding-top: calc(80px + 15px);
        padding-bottom: 50px
    }

    .intro__top {
        flex-direction: column;
        padding-bottom: 0
    }

    .intro__top .intro__block {
        margin-bottom: 25px
    }

    .intro__top .intro__block img {
        margin-right: 0
    }

    .intro__main-title {
        width: 100%;
        font-size: 28px;
        line-height: 32px
    }

    .intro__block {
        margin-bottom: 20px
    }

    .intro__search {
        width: 100%
    }

    .intro__search input::placeholder {
        font-size: 13px
    }

    .intro__search-field {
        width: 100%
    }

    .services__title {
        font-size: 32px
    }

    .faq__title h2 {
        font-size: 28px;
        line-height: 32px
    }

    .objects__item {
        padding-bottom: 16px;
        border-bottom: 2px solid #000
    }

    .objects__item p {
        font-size: 10px;
        line-height: 14px
    }

    .objects__text {
        font-size: 16px;
        line-height: 20px
    }
}

.stats {
    padding-top: 80px
}

.stats__item {
    display: flex;
    flex-direction: column
}

.stats__value {
    display: flex;
    align-items: center;
    font-size: 38px;
    line-height: 40px
}

.stats__value .icon {
    height: 40px;
    margin-right: 16px
}

.stats__value .val {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.stats__desc {
    margin-top: 25px;
    font-size: 16px;
    line-height: 24px
}

@media (max-width:991px) {
    .stats__item {
        margin-bottom: 30px
    }
}

.footer {
    background: #000;
    color: #fff;
    padding: 72px 0;
    font-weight: 200
}

.footer a {
    color: #fff
}

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

.footer__left-part {
    padding-right: 50px
}

.footer__info {
    display: flex;
    margin-bottom: 26px
}

.footer__info:nth-child(3) {
    align-items: center
}

.footer__info .intro__block {
    max-width: 250px
}

.footer__info .intro__block:not(:last-child) {
    padding-right: 10px
}

.footer__info .intro__block img {
    min-width: 48px;
    width: 48px;
    height: 48px
}

.footer__info .intro__block span {
    font-size: 12px
}

.footer__logo {
    display: none;
    margin-right: 16px;
    width: 48px
}

.footer__social {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    margin-bottom: 24px
}

.footer__social-item:not(:last-child) {
    margin-right: 15px
}

.footer__social-item .footer__social-link {
    border: 2px solid #fff;
    border-radius: 10px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s
}

.footer__social-item .footer__social-link i {
    color: #fff;
    font-size: 19px;
    transition: all .2s
}

.footer__social-item .footer__social-link:hover {
    text-decoration: none;
    background: #fff;
    transition: all .2s
}

.footer__social-item .footer__social-link:hover i {
    color: #000;
    transition: all .2s
}

.footer__text {
    font-family: e-Ukraine;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px
}

.footer__text a {
    border-bottom: 1px solid #fff
}

.footer__text a:hover {
    text-decoration: none;
    border-bottom: 0
}

.footer__right-part {
    height: 100%;
    padding-left: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.footer__contacts {
    margin-bottom: 24px;
    display: flex;
    flex-wrap: wrap
}

.footer__contacts-item {
    margin-bottom: 24px
}

.footer__contacts-item:first-child {
    width: 50%
}

.footer__contacts-item:not(:first-child) {
    width: 50%;
    margin-bottom: 10px
}

.footer__contacts-item p {
    margin: 0;
    font-family: e-Ukraine;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    padding-right: 15px
}

.footer__contacts-item p:first-child {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 4px
}

.footer__copyrights p:first-child {
    font-weight: 500;
    font-family: e-Ukraine;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    color: #FFFFFF
}

.footer__copyrights p:last-child {
    font-family: e-Ukraine;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 150%;
    color: #FFFFFF;
    opacity: .5
}

@media screen and (max-width:1500px) {
    .footer__contacts-item:not(:first-child) {
        width: 50%
    }
}

@media screen and (max-width:1200px) {
    .footer__social {
        justify-content: center
    }

    .footer__right-part {
        position: relative;
        flex-direction: row;
        flex-wrap: wrap;
        padding-left: 0
    }
}

@media screen and (max-width:768px) {
    .footer__left-part {
        padding-right: 0
    }
}

@media screen and (max-width:650px) {
    .footer__contacts {
        position: static;
        width: 100%
    }

    .footer__contacts-item:first-child {
        width: 50%;
        padding-right: 15px
    }

    .footer__contacts-item:nth-child(2) {
        width: 50%
    }

    .footer__social {
        padding-left: 0
    }

    .footer__social-item .footer__social-link {
        width: 40px;
        height: 40px
    }

    .footer__social-item .footer__social-link i {
        font-size: 22px
    }

    .footer__copyrights {
        padding-left: 0
    }
}

@media screen and (max-width:480px) {
    .footer {
        padding: 35px 0
    }

    .footer__left-part {
        display: flex;
        flex-direction: column
    }

    .footer__info {
        margin-bottom: 16px
    }

    .footer__info:first-child {
        order: -3;
        flex-wrap: wrap
    }

    .footer__info:nth-child(2) {
        order: -2
    }

    .footer__info:last-child {
        order: -1
    }

    .footer__info:nth-last-child(2) {
        margin-bottom: 0
    }

    .footer__info:nth-last-child(3) {
        align-items: flex-start
    }

    .footer__info .intro__block:last-child {
        margin-bottom: 0
    }

    .footer__info .footer__logo {
        display: block
    }

    .footer__right-part {
        margin-top: 24px
    }

    .footer__contacts-item:first-child {
        width: 100%;
        padding-right: 0;
        margin-bottom: 16px
    }

    .footer__contacts-item:nth-child(2) {
        width: 100%
    }

    .footer__contacts-item:not(:first-child) {
        width: 100%;
        margin-bottom: 16px
    }

    .footer__contacts-item:last-child {
        margin-bottom: 0
    }

    .footer__social {
        margin-top: 0
    }
}

.mt-offset {
    margin-top: 50px
}

.mb-offset {
    margin-bottom: 50px
}

.dataset__tools {
    display: flex;
    background: #E7EEF3;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px
}

.search-form-group {
    flex-grow: 1;
    margin-right: 20px;
    display: flex;
    margin-bottom: 0
}

.search_input {
    border-radius: 100px;
    margin-right: 15px
}

.search_input:focus {
    color: #333
}

.css_search_button {
    color: #000;
    padding: 0 15px;
    border: 1px solid #000;
    border-radius: 0
}

.order-form-group {
    display: flex;
    align-items: center
}

.order-form-group .dropdown-menu {
    left: auto;
    right: 0;
    padding: 0;
    border-radius: 5px;
    border: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
}

.order-form-group .dropdown-menu a {
    cursor: pointer;
    padding: 10px 15px;
    color: #000;
    background: #fff;
    transition: all .2s
}

.order-form-group .dropdown-menu a:hover {
    color: #fff;
    background: #000;
    transition: all .2s
}

.filter-sort {
    margin-top: 38px;
}

.label-sort {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #8C8E91;
}

.btn-sort {
    border: none;
    background-color: transparent;
    padding: 5px 0;
    text-align: left;
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #000 !important;
    text-overflow: ellipsis;
}

.dropdown-sort {
    border-bottom: 2px solid #000;
}

.placeholder-sort {
    opacity: 0.5;
    font-weight: 300;
}

.sort-dropdown-menu {
    width: 100%;
}

.opendata__top {
    margin-bottom: 36px
}

.opendata__top h2 {
    font-size: 28px;
    margin-left: -2px;
    margin-bottom: 7px
}

.opendata__top p {
    margin: 0;
    font-size: 20px;
    opacity: .5
}

.datasets__list {
    padding: 2px
}

.dataset__item {
    margin: 2px;
    position: relative
}

.dataset__item:not(:first-child) {
    margin-top: 20px
}

.dataset__item:after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(180deg, #F1ACAC 0, #BF98C6 50%, #7179EF 70%, #2833D0 100%);
    z-index: 1
}

.dataset__item-top {
    display: flex;
    align-items: center;
    padding: 26px 50px 0px 64px;
    position: relative;
    z-index: 3;
    background: #fff
}

.dataset__item-top .opendata__link {
    position: relative
}

.dataset__item-top .opendata__link img {
    width: 24px;
    height: 24px;
    position: absolute;
    left: -37px
}

.dataset__item-top .opendata__icon {
    min-width: 50px;
    width: 50px;
    margin-right: 10px
}

.dataset__item-top .opendata__icon img {
    width: 100%;
    margin: 0
}

.dataset__item-top .opendata__name {
    font-size: 20px;
    line-height: 24px
}

.dataset__label {
    color: #fff;
    display: inline-block;
    font-size: 11px;
    letter-spacing: -0.02em;
    line-height: 18px;
    padding: 0 5px;
    text-transform: uppercase
}

.dataset__label_success {
    background: #15cf74;
    color: #fff
}

.dataset__label_danger {
    background: #ff3a44;
    color: #fff
}

.dataset__label_warning {
    background: #FFD600;
    color: #000
}

.dataset__label_muted {
    background: #DADADA;
    color: #000
}

.dataset__label-wrap {
    margin-bottom: 17px
}

.dataset__item-middle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 50px 0 64px;
    background: #E7EEF3;
    position: relative;
    z-index: 3;
    background: #fff
}

.dataset__item-bottom {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 30px 50px 30px 64px;
    position: relative;
    z-index: 4;
    background: #fff
}

.dataset__item-bottom .open>.dropdown-toggle.btn-primary {
    background: #fff;
    border-color: #000;
    border-radius: 0;
    color: #000;
    padding: 0 26px;
    height: 56px
}

.dataset__item-bottom .open .dropdown-menu {
    top: calc(100% - 4px);
    border-radius: 0;
    border: 2px solid #000;
    border-top: 0;
    min-width: 1px;
    width: calc(100% - 20px);
    max-width: 100%;
    text-align: center;
    padding-bottom: 15px
}

.dataset__item-bottom .open .dropdown-menu img {
    width: 110px;
    height: 110px
}

.dataset__item-bottom .open .dropdown-menu a:hover span {
    text-decoration: underline
}

.dataset__item-bottom .open .dropdown-menu a img {
    width: 24px;
    height: 24px
}

.dataset__item-bottom .open .dropdown-menu.a2a_kit {
    padding: 5px 0;
    width: 100%;
    border-color: transparent
}

.dataset__item-bottom .btn {
    display: flex;
    align-items: center;
    border: 2px solid #000;
    padding: 0 26px;
    height: 56px
}

.dataset__item-bottom .btn:hover img {
    filter: invert(1)
}

.dataset__item-bottom .btn:nth-child(2) {
    padding: 10px 25px
}

.dataset__item-bottom .btn-primary--inverse:focus {
    background: #000;
    color: #fff
}

.dataset__item-share .dropdown:hover .dataset__item-share-icon.dropdown-toggle {
    background: transparent
}

.dataset__item-share .dataset__item-share-icon {
    height: 56px;
    width: 56px;
    border-radius: 50%;
    border: 2px solid #000;
    display: flex;
    align-items: center;
    justify-content: center
}

.dataset__item-share .dataset__item-share-icon:hover {
    background: #000 !important
}

.dataset__item-share .dataset__item-share-icon:hover img {
    filter: invert(1)
}

.dataset__item-share .dataset__item-share-icon:hover svg path {
    fill: #fff
}

.dataset__item-share .dataset__item-share-icon:before {
    color: #000;
    display: none
}

.dataset__item-share .dropdown.open .dataset__item-share-icon {
    border-radius: 0
}

.dataset__item-share .dropdown.open .dataset__item-share-icon:hover {
    background: transparent !important
}

.dataset__item-share .dropdown.open .dataset__item-share-icon:hover svg path {
    fill: #000
}

.dataset__item-share .dropdown.open .dropdown-menu {
    border: 2px solid #000;
    border-top: 0;
    width: calc(100% - 4px);
    box-shadow: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 15px
}

.dataset__item-share .dropdown.open .dropdown-menu:before {
    display: none
}

.dataset__left .m-b-sm {
    margin-bottom: 15px
}

.dataset__left .m-b-sm:last-child {
    margin-bottom: 0
}

.dataset__left>div>span:first-child {
    display: block;
    opacity: .5;
    font-size: 13px
}

.dataset__left>div>span:last-child {
    font-weight: 300
}

.permits-doc-table {
    font-size: 14px
}

.permits-doc-table thead tr th {
    background: #E6EBE6;
    vertical-align: middle;
    text-align: center;
    font-weight: 500
}

.permits-doc-table tbody tr td {
    border-color: #E6EBE6;
    vertical-align: middle;
    font-weight: 300
}

.permits-doc-table tbody tr td a {
    height: 100%;
    display: inline-block;
    color: #0075B2;
    text-decoration: underline
}

.permits-doc-table tbody tr td a:hover {
    color: #0c79f8
}

@media screen and (max-width:991px) {
    .dataset__tools {
        flex-wrap: wrap
    }

    .template-permits_doc_old .range-form-group {
        display: none
    }

    .template-permits_doc_old .search-form-group {
        width: auto;
        flex-grow: 1
    }

    .opendata__top {
        position: relative;
        padding-right: 50px
    }
}

@media screen and (max-width:768px) {
    .opendata__top {
        padding-right: 0;
        margin-bottom: 24px
    }

    .opendata__top h2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px
    }

    .opendata__top p {
        font-size: 16px;
        line-height: 20px
    }

    .dataset__item-top {
        padding: 15px 15px 0 15px
    }

    .dataset__item-top .opendata__name {
        font-size: 18px;
        line-height: 22px;
        word-break: break-word
    }

    .dataset__item-top .opendata__link img {
        display: none
    }

    .dataset__item-middle {
        padding: 15px 15px 0 15px
    }

    .dataset__left>div span:first-child {
        font-size: 12px;
        line-height: 16px
    }

    .dataset__left>div span:last-child {
        font-size: 13px;
        line-height: 18px
    }

    .dataset__item-bottom {
        padding: 15px
    }
}

@media screen and (max-width:600px) {
    .dataset__item-bottom .btn-primary--black {
        display: none
    }
}

@media screen and (max-width:380px) {
    .dataset__item-top {
        margin-bottom: -1px
    }

    .dataset__item-middle {
        margin-bottom: -1px
    }
}

.dataset__item-bottom {
    padding: 26px 54px 32px 64px
}

@media (max-width:768px) {
    .dataset__item-bottom {
        padding: 22px 16px 30px
    }
}

.dataset__item-bottom .btn {
    min-width: 150px;
    width: auto;
    height: auto;
    padding: 14px 26px;
    border-radius: 40px;
    font-size: 16px;
    line-height: 24px
}

.dataset__item-bottom .btn img {
    margin-right: 10px
}

@media (max-width:768px) {
    .dataset__item-bottom .btn {
        padding: 10px 22px;
        font-size: 14px;
        line-height: 22px
    }
}

.dataset__item-bottom .btn:hover img {
    filter: none
}

.dataset__item-bottom .btn.dropdown-toggle:hover {
    background: #fff;
    color: #000
}

.dataset__item-bottom .btn-primary--inverse:focus,
.dataset__item-bottom .btn-primary--inverse:active {
    outline: none;
    background: none;
    color: #000
}

.dataset__item-bottom .btn-primary--inverse:focus:hover img,
.dataset__item-bottom .btn-primary--inverse:active:hover img {
    filter: none
}

.dataset__item-bottom .open>.btn:hover img {
    filter: none
}

.dataset__item-bottom .open .dropdown-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% - 24px);
    margin: 0;
    padding: 10px 26px 20px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1)
}

.dataset__item-bottom .open .dropdown-menu img {
    width: 100%;
    height: auto
}

.dataset__item-bottom .open .dropdown-menu a {
    display: flex;
    font-size: 12px;
    line-height: 24px
}

.dataset__item-bottom .open>.dataset__item-share-icon:hover img {
    filter: none
}

.share-button {
    margin: 0;
    padding: 0;
    outline: none;
    box-shadow: none;
    border: none;
    transition: none;
    transform: none;
    flex-shrink: 0;
    display: inline-block;
    width: 56px;
    height: 56px;
    user-select: none;
    position: relative
}

.share-button__list {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 56px;
    height: 100%;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    border: 2px solid #000;
    border-radius: 40px;
    background: #fff;
    transition: all .3s ease;
    overflow: hidden
}

.share-button__icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-right: 16px;
    cursor: pointer
}

.share-button__icon img {
    max-width: 100%;
    opacity: 0;
    transform: scale(0)
}

.share-button__icon:first-child {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.share-button__icon:first-child img {
    opacity: 1;
    transform: scale(1)
}

.share-button:not(.open):hover .share-button__list {
    background: #000
}

.share-button:not(.open):hover .share-button__icon img {
    filter: invert(1)
}

.share-button.open .share-button__list {
    width: 176px
}

.share-button.open .share-button__icon img {
    opacity: 1;
    transform: scale(1);
    transition: all .3s ease
}

.share-button.open .share-button__icon:nth-child(2) img {
    transition-delay: .1s
}

.share-button.open .share-button__icon:nth-child(3) img {
    transition-delay: .2s
}

.share-button.open .share-button__icon:nth-child(4) img {
    transition-delay: .3s
}

@media (max-width:768px) {
    .share-button {
        width: 48px;
        height: 48px
    }

    .share-button .share-button__list {
        width: 48px
    }

    .share-button__icon:first-child {
        width: 44px;
        height: 44px
    }
}

@media (max-width:420px) {
    .share-button .share-button__list {
        flex-direction: column
    }

    .share-button.open .share-button__list {
        width: 48px;
        height: 176px
    }

    .share-button__icon {
        margin-right: 0;
        margin-bottom: 16px
    }
}

.share-button.a2a_default_style a {
    padding: 0
}

@media (max-width:768px) {
    .dataset__item-bottom .open>.dropdown-toggle.btn-primary {
        height: 48px;
        padding: 10px 22px
    }
}

.template-permits_doc_old .datatable-tools .row>.col-sm-1 {
    display: none
}

.template-permits_doc_old .el-input-group {
    border: none;
    border-bottom: 2px solid #000
}

.template-permits_doc_old input.el-input__inner {
    color: #000;
    border: none;
    border-radius: unset;
    background-color: transparent;
    padding-left: 0
}

.template-permits_doc_old .el-button {
    border: none;
    border-radius: unset;
    background-color: transparent;
    padding: 12px 0 12px 20px
}

.template-permits_doc_old .el-input-group__append,
.el-input-group__prepend {
    border: none;
    border-radius: unset;
    background-color: unset;
    padding-right: 15px
}

.template-permits_doc_old .el-icon-circle-close.el-input__icon {
    width: 18px;
    position: relative;
    cursor: pointer
}

.template-permits_doc_old .el-icon-circle-close.el-input__icon::before {
    content: "";
    width: 13px;
    height: 2px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: rotate(-45deg)
}

.template-permits_doc_old .el-icon-circle-close.el-input__icon::after {
    content: "";
    width: 13px;
    height: 2px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: rotate(45deg)
}

.template-permits_doc_old .filter-type-date .btn i {
    display: none
}

.template-permits_doc_old .filter-type-date .filter-type-date {
    display: none
}

.template-permits_doc_old .tui-grid-cell-content a {
    color: #000;
    text-decoration: underline
}

.template-permits_doc_old .tui-grid-border-line.tui-grid-border-line-top {
    border-top: 1px solid transparent
}

.template-permits_doc_old .tui-grid-btn-filter {
    background: unset
}

.template-permits_doc_old .vs__dropdown-toggle .vs__search {
    color: #ccd4da
}

.template-permits_doc_old .filter-simple-block .vs__dropdown-toggle .vs__selected {
    line-height: 2.2
}

.template-permits_doc_old .filter-simple-block .vs__dropdown-toggle .vs__selected {
    max-width: 150px;
    padding-bottom: 3px;
    line-height: 2.2
}

.template-permits_doc_old .filter-simple-block .vs__dropdown-toggle {
    height: 33px
}

.template-permits_doc_old .filter-type-date .el-date-editor {
    height: 33px
}

.template-permits_doc_old .vs__filter-type-date {
    height: 31px
}

.template-permits_doc_old .el-date-editor .el-range__icon {
    display: none
}

.template-permits_doc_old .el-date-editor .el-range__close-icon {
    display: none
}

.template-permits_doc_old .filter-type-date .el-date-editor {
    max-width: 220px;
    display: flex;
    justify-content: space-between
}

.template-permits_doc_old .filter-type-date {
    border: none;
    width: 200px
}

.template-permits_doc_old .el-date-editor .el-range-input {
    width: 67%;
    border-bottom: 2px solid #000
}

.template-permits_doc_old .el-date-editor .el-range-input:nth-child(2) {
    text-align: left
}

.template-permits_doc_old .el-date-editor .el-range-input:nth-child(4) {
    text-align: right
}

.template-permits_doc_old .filter-type-date .el-date-editor {
    height: 31px;
    max-width: 100%
}

.template-permits_doc_old .tui-grid-content-area {
    border-left: 1px solid #eee
}

.template-permits_doc_old .tui-grid-content-area {
    border-left: 1px solid #eee
}

.template-permits_doc_old .tui-grid-rside-area .tui-grid-header-area,
.tui-grid-rside-area .tui-grid-summary-area {
    margin-right: 0
}

.template-permits_doc_old .tui-grid-body-area {
    min-height: auto !important;
    height: auto !important
}

.template-permits_doc_old .tui-grid-lside-area .tui-grid-body-area {
    height: auto
}

.template-permits_doc_old .el-range-editor--small .el-range-separator {
    line-height: 31px;
    font-size: 16px
}

.template-permits_doc_old .el-date-editor .el-range-separator {
    padding: 0 0px;
    line-height: 32px
}

.template-permits_doc_old .el-input__suffix {
    right: -8px
}

.template-permits_doc_old .tui-grid-layer-state {
    height: auto !important
}

.template-permits_doc_old .tui-grid-scrollbar-y-inner-border {
    height: auto !important
}

@media screen and (max-width:1520px) {
    .template-permits_doc_old .filter-simple-block:first-child {
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .template-permits_doc_old .datatable-tools .row>.col-sm-11 {
        width: 100%
    }
}

@media screen and (max-width:992px) {
    .template-permits_doc_old .filter-item-block {
        width: 48%
    }

    .template-permits_doc_old .filter-type-date .el-date-editor {
        width: 48%
    }
}

@media screen and (max-width:480px) {
    .template-permits_doc_old .filter-item-block {
        width: 100%
    }

    .template-permits_doc_old .filter-type-date .el-date-editor {
        max-width: 100%
    }
}

.dataset__item-bottom .btn.m-r-md {
    margin-right: 24px;
    border: 2px solid #000;
    border-radius: 50px;
    padding: 10px 5px;
    display: flex;
    justify-content: center;
    height: 56px;
    transition: border-radius 0s;
}

@media (max-width:768px) {
    .dataset__item-bottom .btn.m-r-md {
        margin-right: 16px;
        height: 48px;
    }
}

.page-layout .dropdown-toggle {
    width: 85%
}

.template-permits_doc_old .el-icon-arrow-down {
    display: inline-block !important;
    font-family: FontAwesome !important;
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.template-permits_doc_old .el-icon-arrow-down:before {
    content: "\f0d7"
}

.template-permits_doc_old .datatable-tools .pull-right,
.template-permits_doc_old .datatable-tools .pull-left {
    float: unset !important
}

.template-permits_doc_old .datatable-tools .inline-filter__inner {
    width: 100%
}

.template-permits_doc_old .datatable-tools .d-flex.pull-left {
    width: 100%
}

.template-permits_doc_old .datatable-tools .d-flex.pull-left>[data-v-11] {
    width: 100%
}

.template-permits_doc_old .datatable-tools .d-flex.pull-left>[data-v-11] .inline-filter__inner .el-search {
    min-width: unset
}

.template-permits_doc_old [data-column-name="#"] {
    display: none
}

.template-map .map-config-wrap {
    height: calc(100vh - 74px)
}

.template-map .map {
    height: calc(100vh - 74px) !important
}

#map-toolbar {
    top: 0
}

.map-legend-content {
    height: 100%;
    max-height: 60vh
}

.map-obj-info-wrap div[role=content] {
    padding: 15px !important
}

.map-obj-info-wrap div[role=content] h5 {
    margin: 10px 0
}

.show-chosen-layers {
    background: #000;
    color: #fff;
    top: 50px
}

.show-chosen-layers:hover,
.show-chosen-layers:focus,
.show-chosen-layers:active,
.show-chosen-layers:focus:active {
    border-color: #000;
    top: 50px;
    display: block;
    background: #fff;
    color: #000
}

.map-footer {
    bottom: 5px;
    background: #FFF4D7;
    height: 50px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    font-family: e-Ukraine;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    color: #000;
    padding: 0 30px
}

.map-footer .logo-footer {
    float: none
}

.map-footer span {
    padding-left: 8px;
    font-family: e-Ukraine;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    color: #000
}

.map-footer__info {
    display: flex;
    align-items: center
}

#map-toolbar {
    width: unset;
    position: static
}

.map-footer__tool .btn-default {
    height: 100%;
    width: 50px;
    background: transparent;
    border: none;
    padding: 15px 0;
    text-align: center
}

.map-footer__tool .btn-default:hover {
    background: rgba(255, 229, 161, 0.55);
    box-shadow: none
}

.map-footer__tool .btn-default:focus {
    background: rgba(255, 229, 161, 0.55);
    box-shadow: none
}

.panel-legend {
    display: none
}

.jarviswidget>header {
    color: #000;
    border: none;
    background: #fff
}

.jarviswidget>div {
    border: none
}

.widget-body-toolbar,
.smart-form.widget-body-toolbar {
    background: #eee;
    border: none
}

.map-layers-group-item .map-layer-level-2 .tast-layer-gr>.task {
    background: #fff;
    border: none
}

.map-layers-group-item .map-layer-level-2 .tast-layer-gr.level-1>.task>.task-title {
    font-family: e-Ukraine;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px
}

.map-layers-group-item .map-layer-level-2 .tast-layer-gr.level-1>.task>.task-title .fa {
    display: none
}

.map-layers-group-item.map-layers-left-panel {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1)
}

.map-layers-group-item .right-controls input {
    display: none
}

.map-layers-group-item .right-controls .fa.fa-sun-o {
    display: none
}

.map-layers-group-item .map-layer-level-2 .tast-layer-gr.level-1>.task>.legend_layer {
    border-radius: 50%
}

.checkbox label::before {
    border-radius: 0;
    border: 2px solid #000
}

.map-layers-group-item .map-layer-level-2 .tast-layer-gr>.task .action-checkbox {
    margin-right: 6px;
    top: 10px !important
}

.map-layers-group-item .map-layer-level-2 .tast-layer-gr.level-1>.task {
    padding: 12px 10px;
    padding-left: 32px
}

.jarviswidget-ctrls .button-icon.tooltip-info {
    display: none
}

.widget-body-toolbar .btn {
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    border-radius: 0;
    padding: 7px 10px;
    border: none
}

.widget-body-toolbar .btn .btn-label {
    display: none
}

.widget-body-toolbar .btn:hover {
    border: none
}

.leaflet-tooltip-pane .leaflet-tooltip {
    white-space: normal;
    min-width: 400px
}

.template-map .alert-warning {
    top: 100px !important
}

.map-obj-info-wrap header {
    border-bottom: 1px solid #eee
}

.map-obj-info-wrap header h2 strong {
    font-weight: 400
}

.map-obj-info-wrap header .widget-icon,
.map-obj-info-wrap header .button-icon {
    height: 34px
}

.map-obj-info-wrap .label {
    white-space: normal;
    display: inline-block
}

.map-obj-info-wrap .table {
    border: 0
}

.map-obj-info-wrap .table tbody tr td {
    border: 0
}

.map-obj-info-wrap .table tbody tr td:first-child {
    font-weight: 500;
    padding-left: 0
}

.map-obj-info-wrap .table tbody tr td:last-child {
    font-weight: 300;
    padding-right: 0
}

.map-obj-info-wrap .table tbody tr td a {
    display: block;
    color: #000;
    text-decoration: underline;
    padding: 0;
    padding-bottom: 15px
}

.map-obj-info-wrap .table tbody tr td a:hover {
    opacity: .5
}

.map-obj-info-wrap .table tbody tr td a h6 {
    font-size: 13px;
    line-height: 16px;
    text-align: center
}

.map-obj-info-wrap .table tbody tr:not(:first-child) td {
    border-top: 2px solid #E7EEF3
}

.baseLayerChange {
    position: absolute;
    z-index: 999;
    left: 10px;
    bottom: 80px
}

.baseLayerChange .btn-layer-change {
    background-color: #fff;
    padding: 10px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1)
}

.dropdown-menu-maps {
    border: none;
    border-radius: 0;
    left: auto;
    top: -110px;
    width: 300px
}

.action-map {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px
}

.action-map .action-checkbox {
    width: 49%
}

.action-map .action-checkbox input {
    display: none
}

.action-map .action-checkbox input:checked~label span {
    background-color: #ccc
}

.action-map .action-checkbox .checkbox>label {
    padding: 0 5px;
    height: 20px;
    font-size: 11px;
    width: 100%
}

.action-map .action-checkbox label:before,
.action-map .action-checkbox label:after {
    display: none
}

.action-map .action-checkbox .map-preview {
    height: 30px;
    width: 100%;
    display: block
}

.action-map .action-checkbox .layer-map-caption {
    padding: 1px 5px;
    display: block;
    background-color: #f5f5f5;
    font-size: 12px
}

@media screen and (max-width:810px) {
    .show-chosen-layers {
        left: 10px;
        top: 14px;
        border-color: #000
    }

    .show-chosen-layers:hover,
    .show-chosen-layers:focus,
    .show-chosen-layers:active {
        left: 15px;
        top: 0;
        border-color: #000
    }

    .map-layers-group-item.map-layers-left-panel {
        width: calc(100vw - 20px) !important;
        top: 0
    }

    .layer-library {
        left: 10px !important;
        right: 10px !important;
        width: calc(100vw - 20px) !important;
        z-index: 1001
    }

    .layer-library .jarviswidget .block-body {
        height: calc(100vh - 250px)
    }

    .map-obj-info-wrap {
        top: 134px !important;
        left: 10px !important;
        right: 10px !important;
        width: calc(100vw - 20px) !important;
        z-index: 1000
    }

    .map-obj-info-wrap div[role=content] {
        height: calc(100vh - 250px)
    }

    .map-inner-wrap .map-obj-info-wrap {
        top: 54px !important
    }
}

.map-inner-wrap input.form-control {
    width: 56% !important
}

@media screen and (max-width:480px) {
    .map-footer {
        padding: 0 15px
    }

    .map-footer__info .logo-footer {
        display: none
    }

    .map-footer__info span {
        font-size: 11px;
        line-height: 14px;
        padding-left: 0
    }

    .map-footer__tool {
        min-width: 40%
    }

    .map-footer__tool .jarviswidget {
        display: flex
    }

    .map-footer__tool .btn-default {
        width: auto;
        flex-grow: 1
    }
}

.map-obj-info-wrap {
    top: 130px
}

.map-obj-info-wrap .section-title-1 {
    padding: 0;
    color: #000
}

.map-inner-wrap .map-obj-info-wrap {
    top: 50px
}

.map-obj-info-wrap div[role=content] div[role=content] {
    padding: 0 !important
}

.map-obj-info-wrap div[role=content] div[role=content] div[role=content] {
    padding: 0 !important
}

.map-layers-group-item.map-layers-left-panel {
    top: 14px;
    width: 418px
}

.map-block__search.input-group,
.map-search-custom .input-group {
    width: 436px
}

@media (max-width:810px) {

    .map-block__search.input-group,
    .map-search-custom .input-group {
        width: 100vw
    }
}

.map-block__search.input-group .form-control,
.map-search-custom .input-group .form-control {
    font-size: 12px;
    padding: 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

[class*="template-map"] .header {
    background: #fff
}

[class*="template-map"] .header .page-layout {
    max-width: initial;
    padding: 0 10px
}

[class*="template-map"] .header-border {
    border: none
}

[class*="template-map"] .header-border::after {
    display: none
}

.h100 {
    height: 100%
}

.m-xs {
    margin: 5px
}

.m-sm {
    margin: 10px
}

.m-md {
    margin: 20px
}

.m-lg {
    margin: 30px
}

.m-xl {
    margin: 50px
}

.m-n {
    margin: 0 !important
}

.m-l-none {
    margin-left: 0
}

.m-l-xs {
    margin-left: 5px
}

.m-l-sm {
    margin-left: 10px
}

.m-l {
    margin-left: 15px
}

.m-l-md {
    margin-left: 20px
}

.m-l-lg {
    margin-left: 30px
}

.m-l-xl {
    margin-left: 40px
}

.m-l-n-xxs {
    margin-left: -1px
}

.m-l-n-xs {
    margin-left: -5px
}

.m-l-n-sm {
    margin-left: -10px
}

.m-l-n {
    margin-left: -15px
}

.m-l-n-md {
    margin-left: -20px
}

.m-l-n-lg {
    margin-left: -30px
}

.m-l-n-xl {
    margin-left: -40px
}

.m-t-none {
    margin-top: 0
}

.m-t-xxs {
    margin-top: 1px
}

.m-t-xs {
    margin-top: 5px
}

.m-t-sm {
    margin-top: 10px
}

.m-t {
    margin-top: 15px
}

.m-t-md {
    margin-top: 20px
}

.m-t-lg {
    margin-top: 30px
}

.m-t-xl {
    margin-top: 40px
}

.m-t-n-xxs {
    margin-top: -1px
}

.m-t-n-xs {
    margin-top: -5px
}

.m-t-n-sm {
    margin-top: -10px
}

.m-t-n {
    margin-top: -15px
}

.m-t-n-md {
    margin-top: -20px
}

.m-t-n-lg {
    margin-top: -30px
}

.m-t-n-xl {
    margin-top: -40px
}

.m-r-none {
    margin-right: 0
}

.m-r-xxs {
    margin-right: 1px
}

.m-r-xs {
    margin-right: 5px
}

.m-r-sm {
    margin-right: 10px
}

.m-r {
    margin-right: 15px
}

.m-r-md {
    margin-right: 20px
}

.m-r-lg {
    margin-right: 30px
}

.m-r-xl {
    margin-right: 40px
}

.m-r-n-xxs {
    margin-right: -1px
}

.m-r-n-xs {
    margin-right: -5px
}

.m-r-n-sm {
    margin-right: -10px
}

.m-r-n {
    margin-right: -15px
}

.m-r-n-md {
    margin-right: -20px
}

.m-r-n-lg {
    margin-right: -30px
}

.m-r-n-xl {
    margin-right: -40px
}

.m-b-none {
    margin-bottom: 0
}

.m-b-xxs {
    margin-bottom: 1px
}

.m-b-xs {
    margin-bottom: 5px
}

.m-b-sm {
    margin-bottom: 10px
}

.m-b {
    margin-bottom: 15px
}

.m-b-md {
    margin-bottom: 20px
}

.m-b-lg {
    margin-bottom: 30px
}

.m-b-xl {
    margin-bottom: 40px
}

.m-b-n-xxs {
    margin-bottom: -1px
}

.m-b-n-xs {
    margin-bottom: -5px
}

.m-b-n-sm {
    margin-bottom: -10px
}

.m-b-n {
    margin-bottom: -15px
}

.m-b-n-md {
    margin-bottom: -20px
}

.m-b-n-lg {
    margin-bottom: -30px
}

.m-b-n-xl {
    margin-bottom: -40px
}

.m-b-title {
    margin-bottom: 51px
}

.datasets__view .ibox-content {
    margin: 0;
    padding: 0;
    opacity: .2;
    transition: all .15s ease
}

.template-permits_doc_old .datasets__view .ibox-content {
    margin: 0;
    padding: 0;
    opacity: 1;
    transition: all .15s ease
}

.opendata__doc {
    height: 100%;
    background: #E7EEF3;
    padding: 30px;
    border-radius: 5px
}

.opendata__icon img {
    display: block;
    width: 30%;
    margin: 0 auto;
    margin-bottom: 30px
}

.opendata__filename {
    padding: 0 30px;
    padding-top: 20px;
    border-top: 2px solid #fff;
    margin: 0 -30px;
    margin-top: 20px
}

.opendata__filename a:hover {
    text-decoration: underline
}

.opendata__accordion {
    margin-top: 61px
}

.accordion .card {
    border-bottom: 2px solid #000
}

.accordion .card:first-child {
    border-top: 2px solid #000
}

.accordion .card-title {
    width: 90%
}

.accordion .btn-link {
    width: 100%;
    text-align: left;
    color: #000;
    padding: 40px 0;
    font-size: 26px;
    font-weight: 500;
    white-space: normal;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background: transparent;
    transition: all .2s
}

.accordion .btn-link[aria-expanded="false"]:hover {
    background: #000;
    transition: all .2s;
    text-decoration: none
}

.accordion .btn-link[aria-expanded="false"]:hover span {
    color: #fff;
    margin-left: 24px;
    transition: all .3s;
    text-decoration: none
}

.accordion .btn-link[aria-expanded="false"]:hover .arrow {
    padding-right: 20px
}

.accordion .btn-link[aria-expanded="false"]:hover svg {
    fill: #fff;
    color: #fff;
    right: 25px;
    transition: all .2s ease
}

.accordion .btn-link[aria-expanded="false"]:hover svg path,
.accordion .btn-link[aria-expanded="false"]:hover svg rect {
    fill: #fff;
    color: #fff
}

.accordion .btn-link:focus {
    outline: none
}

.accordion .btn-link span {
    display: inline-block;
    margin-left: 0;
    transition: all .3s;
    padding-right: 50px
}

.accordion .btn-link svg {
    position: absolute;
    transition: all .2s ease;
    top: 50%;
    right: 0;
    font-size: 28px;
    transform: translateY(-50%)
}

.accordion .btn-link.collapsed .fa-minus {
    display: none
}

.accordion .btn-link.collapsed .fa-plus {
    display: inline-block
}

.accordion .btn-link .fa-minus {
    display: inline-block
}

.accordion .btn-link .fa-plus {
    display: none
}

.accordion .card-body {
    padding: 30px 0
}

.accordion .card-body a {
    font-size: 20px;
    font-weight: 200
}

.accordion .card-body a:hover {
    text-decoration: underline
}

@media screen and (max-width:991px) {
    .opendata .opendata__col:first-child {
        margin-bottom: 30px
    }
}

@media screen and (max-width:768px) {
    .opendata__accordion .btn-link {
        font-size: 20px;
        padding: 30px 0
    }

    .opendata__accordion .btn-link span {
        margin-left: 20px
    }

    .opendata__accordion .card-body a {
        font-size: 16px
    }

    .accordion .btn-link[aria-expanded="false"]:hover span {
        color: #000
    }

    .accordion .btn-link[aria-expanded="false"]:hover svg {
        filter: invert(0);
    }
}

@media screen and (max-width:440px) {
    .accordion .card-header .btn-link span {
        font-size: 16px
    }

    .accordion .card-header .btn-link i {
        right: 10px;
        font-size: 24px
    }
}

.register__item {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    min-height: 400px;
    height: 100%;
    position: relative
}

.register__item:hover .register__link {
    opacity: 1;
    visibility: visible;
    transition: all .4s
}

.register__item.disabled {
    pointer-events: none;
    color: #aaa
}

.register__item.disabled .register__logo img {
    filter: invert(.7)
}

.register__link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    color: #fff;
    font-weight: 400;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    transition: all .4s
}

.register__link:hover {
    color: #fff
}

.register__item-top {
    padding: 20px
}

.register__info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.register__item-bottom {
    flex-grow: 1;
    padding: 20px;
    background: #E7EEF3
}

.register__item-bottom h4 {
    font-size: 22px
}

.register__item-bottom .total {
    display: inline-block;
    margin-top: 10px;
    color: #aaa;
    font-size: 36px
}

@media screen and (max-width:500px) {
    .register__link {
        visibility: visible
    }
}

.register .accordion .card-header .btn-link {
    padding: 47px 0 49px;
    padding-right: 25px
}

.register .accordion .card-header .btn-link span {
    font-size: 28px;
    line-height: 32px;
    font-weight: 400
}

.register .accordion .card-header .btn-link:focus {
    text-decoration: none
}

.register .accordion .card-body p a {
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 25px;
    border-bottom: 1px solid #fff;
    transition: all 0s
}

.register .accordion .card-body p a:hover {
    text-decoration: none;
    border-bottom: 1px solid #000
}

.register .accordion .card-body p a.disabled {
    opacity: .5;
    pointer-events: none
}

@media screen and (max-width:991px) {
    .register .accordion .card-header .btn-link {
        padding: 32px 0 34px
    }

    .register .accordion .card-header .btn-link span {
        font-size: 22px;
        line-height: 26px
    }
}

@media screen and (max-width:768px) {
    .register .accordion .card-header .btn-link {
        padding: 23px 0 27px
    }

    .register .accordion .card-header .btn-link:hover {
        background: transparent;
        padding: 23px 0 27px;
        color: #000
    }

    .register .accordion .card-header .btn-link:hover span {
        margin-left: 0
    }

    .register .accordion .card-header .btn-link:hover svg,
    .register .accordion .card-header .btn-link:hover path,
    .register .accordion .card-header .btn-link:hover rect {
        fill: #000;
        color: #000;
        right: 0
    }

    .register .accordion .card-header .btn-link span {
        font-size: 16px;
        line-height: 18px
    }

    .register .accordion .card-header .btn-link svg {
        width: 14px;
        height: 14px
    }

    .register .accordion .card-body p {
        margin: 0
    }

    .register .accordion .card-body p a {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 16px
    }
}

.template-permits_doc_old .datatable-tools {
    margin-bottom: 25px
}

.template-permits_doc_old .ibox-content {
    border-top: 0;
    padding-left: 0;
    padding-right: 0
}

.template-permits_doc_old .grid table {
    font-size: 13px !important;
    font-family: 'e-Ukraine' !important
}

.template-permits_doc_old .grid table th {
    background: #E7EEF3
}

.template-permits_doc_old .tui-grid-cell {
    border-color: #E7EEF3;
    border-width: 2px
}

.template-permits_doc_old .tui-grid-cell-content a {
    color: #008def
}

.template-permits_doc_old .tui-grid-cell-content a:hover {
    color: #23527c;
    text-decoration: underline
}

.template-permits_doc_old .tui-grid-header-area {
    border-color: #E7EEF3;
    padding: 10px 0;
    background: #e7eef3
}

.template-permits_doc_old .tui-grid-layer-state {
    top: 49px !important
}

.template-permits_doc_old .object-table thead tr th {
    padding: 10px 5px
}

.template-permits_doc_old .object-table tbody tr td {
    padding: 10px 5px
}

.template-permits_doc_old .dataset__content .tui-pagination .tui-page-btn {
    padding: 8px 12px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 50%;
    margin-right: 5px;
    font-size: 13px
}

.template-permits_doc_old .dataset__content .tui-pagination .tui-page-btn:hover {
    border-color: #ccc
}

.template-permits_doc_old .dataset__content .tui-pagination .tui-page-btn.tui-is-selected {
    border-color: #000;
    color: #000
}

.interface__fixed-panel.open .ibox-title {
    background-color: #fff;
    border-bottom: 2px solid #e7eaec;
    padding: 15px;
    min-height: 48px
}

.interface__fixed-panel.open .ibox-content {
    background-color: #fff;
    padding: 15px
}

.login-template {
    display: flex;
    flex-wrap: wrap;
    height: 100%
}

.login-template .header .page-layout {
    background: #E7EEF3
}

.login-template .header__log-in {
    background: transparent;
    color: #000
}

.login-layout {
    background: #E7EEF3;
    height: 100%;
    padding-bottom: 35px
}

.login__title {
    margin-bottom: 56px
}

.login-btn__gov-id {
    height: 92px;
    width: 352px;
    margin-bottom: 24px;
    padding: 15px;
    color: #000;
    border: 2px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px #fff;
    border-radius: 4px;
    font-size: 12px;
    text-align: center;
    transition: background-color 250ms cubic-bezier(.4, 0, .2, 1) 0ms, box-shadow 250ms cubic-bezier(.4, 0, .2, 1) 0ms, border 250ms cubic-bezier(.4, 0, .2, 1) 0ms;
    letter-spacing: -0.02em;
    cursor: pointer
}

.login-btn__gov-id:hover {
    background: #fff
}

.login-btn__text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    white-space: nowrap;
    padding-right: 4px;
    text-transform: initial;
    letter-spacing: -0.02em
}

.login__auth {
    display: flex;
    flex-direction: column;
    align-items: center
}

.login__text {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    max-width: 336px;
    margin: 0 auto;
    margin-bottom: 24px
}

.login__no-ecp {
    color: #000;
    opacity: .5;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    text-decoration: underline
}

.login__no-ecp:hover {
    opacity: 1
}

@media screen and (max-width:480px) {
    .login__title {
        margin-bottom: 36px
    }

    .login__title h1 {
        font-size: 28px;
        line-height: 32px
    }

    .login-btn__gov-id {
        flex-direction: column;
        padding: 15px 30px;
        width: auto;
        background: #fff
    }

    .login-btn__text {
        padding-right: 0;
        padding-bottom: 5px
    }

    .login__text {
        max-width: 240px
    }
}

.page-tab-nav {
    padding: 80px 0;
    background: #E7EEF3
}

.page-tab-nav .nav-item:not(:last-child) {
    margin-right: 15px
}

.page-tab-nav .nav-item a {
    padding-left: 0;
    padding-right: 0;
    box-shadow: none;
    border: 0;
    border-bottom: 2px solid transparent;
    color: #000
}

.page-tab-nav .nav-item a:hover,
.page-tab-nav .nav-item a:focus {
    background: transparent;
    color: #000
}

.page-tab-nav .nav-item.active a {
    color: #000;
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #000
}

.page-tab-nav .nav-item.active a:hover,
.page-tab-nav .nav-item.active a:focus {
    pointer-events: none;
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #000
}

.help__accordion .card-header .btn {
    padding: 20px 0;
    font-size: 22px
}

.help__accordion .card-body {
    padding: 15px 0
}

@media screen and (max-width:991px) {
    .page-tab-nav .nav-item {
        width: 49%;
        text-align: center;
        margin-bottom: 10px
    }

    .page-tab-nav .nav-item:not(:last-child) {
        margin-right: 0
    }

    .page-tab-nav .nav-link {
        display: inline-block
    }
}

@media screen and (max-width:600px) {
    .page-tab-nav .nav-item {
        width: 100%
    }

    .page-tab-nav .nav-item:last-child {
        margin-bottom: 0
    }
}

.help__faq .nav-tabs {
    border-bottom: 0;
    margin-bottom: 50px
}

.help__faq .nav-tabs .nav-item .nav-link {
    border: 0;
    background: transparent;
    opacity: .5;
    padding: 10px 0;
    margin-right: 25px
}

.help__faq .nav-tabs .nav-item .nav-link:hover {
    background: transparent;
    opacity: 1
}

.help__faq .nav-tabs .nav-item.active .nav-link {
    color: #000;
    opacity: 1;
    position: relative
}

.help__faq .nav-tabs .nav-item.active .nav-link:after {
    content: '';
    height: 2px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.help__accordion .btn:focus {
    text-decoration: none
}

.object-qr-print {
    display: none
}

@media print {
    .object-qr-print {
        display: block
    }

    .object-qr-print img {
        max-width: 50px
    }

    .object-categories {
        display: none
    }

    .object-tabs-print .tab-content>.tab-pane {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important
    }

    .history-card__box {
        page-break-inside: avoid
    }
}

.row.relative {
    position: relative
}

.row.relative .col-sm-9 {
    padding-right: 64px
}

.row.relative .col-xs-12 .col-xs-12 {
    padding: 0
}

.object-aside-sticky {
    position: sticky;
    top: 68px
}

.object-top {
    margin-top: calc(-80px + -80px);
    padding-top: calc(80px + 80px);
    padding-bottom: 50px
}

.object-top.with-map {
    padding-bottom: 100px
}

.object-top-actions {
    display: flex;
    justify-content: space-between
}

.object-top-actions h2 {
    flex-grow: 1;
    padding-right: 20px
}

.object-top-actions-title {
    flex-grow: 1;
    padding-right: 20px
}

.obj-top-buttons {
    display: flex;
    flex-direction: column;
    position: relative
}

.obj-top-buttons .btn {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    border: 2px solid transparent;
    border-bottom: 0;
    transition: all 0s
}

.obj-top-buttons .btn:hover span:after {
    opacity: 1
}

.obj-top-buttons .btn:active {
    box-shadow: none
}

.obj-top-buttons .btn span {
    font-size: 12px;
    position: relative
}

.obj-top-buttons .btn span:after {
    content: '';
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    background: #000;
    opacity: 0
}

.obj-top-buttons .btn[aria-expanded=true] {
    background: #fff;
    border: 2px solid #000;
    border-bottom: 0;
    border-radius: 0;
    transition: all 0s;
    justify-content: center
}

.obj-top-buttons .btn[aria-expanded=true]:hover span:after {
    display: none
}

.obj-top-buttons .btn[aria-expanded=true] span {
    font-size: 16px
}

.obj-top-buttons.open .dropdown-menu {
    display: flex
}

.obj-top-buttons .dropdown-menu {
    top: calc(100% - 3px);
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 0;
    border: 2px solid #000;
    border-top: 0;
    min-width: 1px;
    width: auto;
    max-width: 100%;
    text-align: center;
    padding-bottom: 15px;
    flex-direction: column
}

.obj-top-buttons .dropdown-menu img {
    width: 110px;
    height: 110px;
    margin-left: auto;
    margin-right: auto
}

.obj-top-buttons .dropdown-menu a:hover span {
    text-decoration: underline
}

.obj-top-buttons .dropdown-menu a img {
    width: 24px;
    height: 24px
}

.obj-qr-code {
    position: relative
}

.with-map {
    margin-bottom: 340px;
    position: relative
}

.object-map-col {
    position: absolute;
    bottom: -440px;
    left: 15px;
    right: 15px
}

.object-map {
    position: relative;
    margin-bottom: 0
}

.object-map .map-obj-info-wrap div[role=content] h5 {
    font-size: 14px;
    margin: 5px 0
}

.object-map .map-obj-info-wrap header strong {
    font-weight: 500
}

.object-map .map-obj-info-wrap .jarviswidget-ctrls .button-icon {
    border: 0;
    background: transparent
}

.object-map .map-obj-info-wrap .jarviswidget-ctrls .button-icon i {
    font-size: 16px
}

.object-map .map-obj-info-wrap .jarviswidget-ctrls .button-icon:hover i {
    opacity: .5
}

.object-title-map {
    display: none;
    padding: 10px 20px;
    background: #E7EEF3;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11
}

.object-map-icon {
    display: inline-block;
    margin-right: 10px
}

.object-title {
    font-size: 28px;
    margin-bottom: 30px
}

.object-title.small {
    text-align: left
}

.object-title.small .object-sep {
    font-size: 18px;
    font-weight: 400
}

.object-buttons {
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.object-buttons>div,
.object-buttons .btn-primary {
    width: 100%
}

.object-info .text-center {
    text-align: left;
    margin: 25px 0
}

.object-info-item {
    display: flex;
    padding: 20px 0;
    border-radius: 0;
    border-top: 2px solid #E7EEF3
}

.object-info-item:last-child {
    border-bottom: 2px solid #E7EEF3
}

.object-info_left {
    width: 40%;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    padding-right: 20px
}

.object-info_left a {
    text-decoration: underline
}

.object-info_left a:hover {
    opacity: .5
}

.object-info_right {
    width: 60%;
    font-weight: 300;
    font-size: 13px;
    line-height: 16px
}

.object-info_right a {
    color: #000;
    text-decoration: underline
}

.object-info_right a:hover {
    color: #777
}

.object-table {
    border: 0;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 0
}

.object-table thead tr,
.object-table tfoot tr {
    background: #E7EEF3
}

.object-table thead tr th,
.object-table tfoot tr th {
    vertical-align: middle;
    font-weight: 400;
    padding: 20px 15px;
    border: 2px solid #E7EEF3
}

.object-table thead tr .btn,
.object-table tfoot tr .btn {
    font-weight: 500;
    font-size: 13px
}

.object-table thead tr .btn:hover,
.object-table tfoot tr .btn:hover {
    text-decoration: underline;
    opacity: 1;
    color: #000
}

.object-table thead tr .btn:focus,
.object-table tfoot tr .btn:focus {
    text-decoration: underline
}

.object-table thead tr .btn:active,
.object-table tfoot tr .btn:active {
    box-shadow: none
}

.object-table tbody tr td {
    padding: 20px 15px;
    border: 2px solid #E7EEF3;
    vertical-align: middle;
    overflow-wrap: break-word;
    word-break: break-word
}

.object-table tbody tr td a:not(.btn-primary) {
    text-decoration: underline
}

.object-table tbody tr td a:not(.btn-primary):hover {
    opacity: .5
}

.object-table .label {
    display: inline-block;
    margin: 3px 0;
    white-space: normal
}

.object-table .btn-read {
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
    text-decoration: underline;
    padding: 0 !important
}

.object-table .btn-read:hover {
    opacity: .5
}

.object-info__ul-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    font-size: 13px
}

.object-info__ul-list>li {
    padding-left: 1.5em;
    position: relative
}

.object-info__ul-list>li:before {
    content: '-';
    position: absolute;
    left: 0
}

.object-no-info-wrap:not(:only-child):last-child {
    display: none
}

.object-no-info {
    font-size: 13px;
    line-height: 16px;
    opacity: .3
}

.info-list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 10px
}

.info-list span {
    width: 30%;
    display: inline-block;
    margin-bottom: 7px;
    opacity: .5
}

.info-list a {
    width: 70%
}

.object-categories-title {
    margin-bottom: 24px
}

.object-categories-title h4 {
    font-size: 20px
}

.object-categories-links a {
    display: block;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px
}

.object-categories-links a:hover {
    text-decoration: underline
}

.object-categories-links a.disabled {
    pointer-events: none;
    opacity: .5
}

table.fancytree-ext-table.fancytree-container {
    font-family: 'e-Ukraine';
    border-color: #E7EEF3
}

table.fancytree-ext-table.fancytree-container .fancytree-node {
    padding-left: 0 !important
}

table.fancytree-ext-table.fancytree-container .fancytree-icon {
    display: none
}

table.fancytree-ext-table.fancytree-container .fancytree-ico-c .fancytree-expander {
    display: none
}

table.fancytree-ext-table.fancytree-container .fancytree-title {
    margin-left: 0;
    padding: 0
}

table.fancytree-ext-table.fancytree-container thead tr th {
    vertical-align: middle;
    font-family: 'e-Ukraine';
    font-weight: 400;
    border: 2px solid #E7EEF3;
    background: #E7EEF3;
    padding: 20px 15px
}

table.fancytree-ext-table.fancytree-container tbody tr td {
    font-family: 'e-Ukraine';
    font-size: 13px;
    border: 2px solid #E7EEF3;
    background: #fff
}

@media print {
    .object-top.with-map {
        padding-top: 0;
        padding-bottom: 50px
    }
}

@media screen and (max-width:1200px) {
    .object-buttons {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .object-buttons .btn.btn-primary {
        margin-right: auto;
        width: auto
    }

    .object-top-actions h2 {
        font-size: 28px;
        line-height: 30px
    }
}

@media screen and (max-width:991px) {
    .table-responsive-lg {
        min-height: .01%;
        overflow-x: auto
    }

    .object-top.with-map {
        padding-bottom: 32px
    }

    .object-top-actions {
        margin-top: 10px;
        flex-direction: column
    }

    .object-top-actions h2 {
        order: -1;
        margin-bottom: 32px
    }

    .object-top-actions-title {
        margin-bottom: 32px
    }

    .obj-top-buttons {
        align-items: flex-start;
        align-self: flex-start
    }

    .obj-top-buttons .btn {
        width: auto;
        margin-bottom: 0
    }

    .obj-top-buttons .btn svg {
        width: 24px;
        margin-right: 10px
    }

    .with-map {
        margin-bottom: 0
    }

    .with-map+.page-layout .object-map-col {
        margin-top: 0
    }

    .row.relative {
        display: flex;
        flex-wrap: wrap
    }

    .row.relative .col-md-9,
    .row.relative .col-sm-9 {
        padding-right: 15px
    }

    .row.relative .col-md-9 [class^=col-],
    .row.relative .col-sm-9 [class^=col-] {
        padding: 0
    }

    .object-map-col {
        position: static;
        margin-bottom: 32px;
        order: -1
    }

    .object-map {
        margin-bottom: 0;
        margin: 0 -32px
    }

    .object-map .map {
        height: 350px !important
    }

    .object-title-map {
        display: none
    }

    .object-categories {
        margin-bottom: 70px
    }
}

@media screen and (max-width:768px) {
    .object-top-actions h2 {
        font-size: 28px;
        line-height: 32px;
        margin-top: 12px;
        padding-right: 0
    }

    .object-top-actions-title {
        margin-top: 12px;
        padding-right: 0
    }

    .object-map {
        margin: 0 -16px
    }

    .object-aside-sticky {
        order: -1;
        position: static
    }

    .object-info-item {
        flex-direction: column
    }

    .object-info_left {
        width: 100%;
        margin-bottom: 10px
    }

    .object-info_right {
        width: 100%
    }

    .info-list a {
        width: auto;
        flex-grow: 1
    }

    .object-tree-table .table tbody tr td {
        white-space: normal
    }
}

@media screen and (max-width:480px) {
    .object-top-actions h2 {
        font-size: 22px;
        line-height: 26px
    }

    .object-title {
        font-size: 24px
    }
}

@keyframes modal-appear {
    0% {
        opacity: 0;
        margin-top: -50px
    }

    100% {
        opacity: 1;
        margin-top: 0
    }
}

.proj-modal-overlay {
    background: rgba(0, 0, 0, 0.8);
    z-index: 998;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.proj-modal {
    max-width: 750px;
    min-width: 400px;
    background: #fff;
    padding: 80px 50px 80px 80px;
    position: fixed;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    overflow: hidden;
    animation: modal-appear .4s ease
}

.proj-modal-header {
    margin-bottom: 30px;
    padding-right: 70px
}

.proj-modal-header h2 {
    font-size: 38px;
    line-height: 40px;
    font-weight: 400
}

.proj-modal-close {
    position: absolute;
    top: 40px;
    right: 50px;
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #777
}

.proj-modal-close:hover {
    opacity: .5
}

.proj-modal-close:focus {
    outline: none
}

.proj-modal-close:hover {
    color: #000
}

.proj-modal-content {
    min-height: 100px;
    max-height: 60vh;
    overflow-y: auto;
    font-weight: 300
}

@media screen and (max-width:991px) {
    .proj-modal {
        padding: 50px 30px 50px 50px;
        width: 90%;
        min-width: 1px
    }

    .proj-modal-content {
        min-height: 1px
    }
}

@media screen and (max-width:768px) {
    .proj-modal-header h2 {
        font-size: 32px;
        line-height: 36px
    }
}

@media screen and (max-width:440px) {
    .proj-modal {
        padding: 35px 25px 35px 35px
    }

    .proj-modal-header h2 {
        font-size: 28px;
        line-height: 32px
    }

    .proj-modal-close {
        right: 25px
    }

    .proj-modal-close img {
        width: 30px
    }

    .proj-modal-content {
        font-size: 13px
    }
}

.doc-versions {
    display: flex;
    flex-wrap: wrap
}

.doc-versions__item {
    display: block;
    margin: 0;
    padding: 0;
    margin-right: 46px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
    color: #ACACAC
}

.doc-versions__item.active {
    color: inherit;
    border-bottom: 2px solid #000
}

@media (max-width:768px) {
    .doc-versions__item {
        font-size: 18px;
        line-height: 28px;
        margin-right: 24px;
        margin-bottom: 10px
    }
}

.main-service-link a:hover {
    text-decoration: underline
}

.service-order .btn-primary {
    font-size: 18px;
    padding: 16px 32px
}

#services_tab .nav-item {
    margin-right: 0
}

#services_tab .nav-item.active .service-tab__item .service-title svg {
    opacity: 1;
    transition: all .5s ease
}

#services_tab .nav-item.active .service-tab__item .service-title span {
    text-decoration: underline;
    transition: all .5s ease
}

#services_tab .nav-item.active .nav-link {
    border-color: transparent;
    color: #000;
    position: relative
}

#services_tab .nav-link {
    width: 100%
}

#services_tab .nav-link:hover {
    border-color: transparent
}

#services_tab .nav-link img {
    max-width: 25px;
    margin-right: 10px
}

.service-tab__item {
    border-top: 2px solid #000;
    padding-top: 19px
}

.service-tab__item .nav-link {
    display: block
}

.service-tab__item:hover .service-title svg {
    opacity: 1;
    transition: all .5s ease
}

.service-tab__item:hover .service-title span {
    text-decoration: underline;
    transition: all .5s ease
}

#services_tab_content {
    padding-bottom: 80px
}

#services_tab_content .register__group {
    padding: 10px;
    margin-bottom: 20px;
    background: #E7EEF3;
    border-radius: 5px
}

.services__link-block h6 {
    display: block;
    padding: 12px 0;
    padding-left: 0;
    transition: all .3s
}

.service-title {
    display: flex;
    justify-content: space-between
}

.service-title svg {
    opacity: 0;
    width: 23.64px;
    height: 23.64px;
    transition: all .5s ease
}

.service-text {
    font-size: 16px;
    margin-top: 25px;
    line-height: 24px
}

.analytics__card {
    height: 100%;
    padding-right: 10px;
    padding-top: 38px;
    padding-bottom: 62px;
    text-align: left;
    display: flex;
    align-items: center;
    position: relative
}

.analytics__card.greeny {
    background: #E7EEF3
}

.analytics__card-subsystem {
    background: #E6EBE6
}

.analytics__card-count {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px
}

.analytics__card-count img {
    width: 28px;
    height: 28px
}

.analytics__card-icon {
    position: absolute;
    right: 2px;
    top: 2px;
    bottom: 2px;
    width: 200px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.analytics__card-icon i {
    font-size: 55px
}

.analytics__card-info h5 {
    font-size: 16px
}

.analytics__card-value {
    margin-left: 16px;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 0;
    font-weight: normal
}

.analytics__card-caption {
    margin: 0
}

.analytics-tab-nav {
    display: flex;
    flex-direction: column;
    border-radius: 5px
}

.analytics-tab-nav .nav-link {
    display: inline-block;
    color: #000000;
    opacity: .5;
    text-align: left;
    font-weight: 300;
    font-size: 16px;
    padding-right: 34px;
    line-height: 24px
}

.analytics-tab-nav .nav-link:hover {
    color: #000
}

.analytics-tab-nav .nav-link:not(:last-child) {
    margin-bottom: 20px
}

.analytics-tab-nav .nav-link.active {
    color: #000;
    opacity: 1;
    position: relative
}

.analytics-tab-nav .nav-link.active span {
    border-bottom: 1px solid #000;
    padding-bottom: 1px
}

.analytics-tab-nav .nav-link.active:after {
    content: '->';
    font-size: 20px;
    position: absolute;
    right: 5px;
    top: 0
}

.analytics-tab-content {
    padding-left: 70px
}

.analytics-tab-content .tab-pane {
    display: block;
    height: 0;
    overflow: hidden
}

.analytics-tab-content .tab-pane.active {
    height: auto
}

.analytics-tab-content .analytics-pane-title {
    margin-left: -2px
}

.analytics__block {
    margin-bottom: 61px
}

.analytics__img-value {
    display: flex
}

.analytics__img-value img {
    width: 28px;
    height: 28px;
    margin-right: 8px
}

.analytics__img-value div[_echarts_instance_]>div:last-child {
    white-space: normal !important;
    max-width: 400px !important
}

.analytics__img-value svg g:first-of-type path+g text {
    fill: #000
}

.analytics__subcaption {
    display: inline-block;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 30px;
    color: #000;
    margin-left: -2px
}

.analytics__value {
    font-family: e-Ukraine;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px
}

.analytics__subitem-title {
    background: #E7EEF3;
    padding: 10px
}

.analytics__echart-title {
    font-size: 20px;
    padding-top: 0;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 47px
}

.analytics__chart .google-visualization-tooltip {
    width: auto !important;
    height: auto !important
}

.analytics__chart .google-visualization-tooltip .google-visualization-tooltip-item-list {
    margin: 0
}

.analytics__chart .google-visualization-tooltip .google-visualization-tooltip-item-list .google-visualization-tooltip-item {
    margin: 5px 0;
    padding: 0 5px
}

@media screen and (max-width:1200px) {
    .analytics-nav-wrapper br {
        display: none
    }

    .analytics-nav-wrapper .nav-link:not(:last-child) {
        margin-bottom: 16px;
        width: 49%
    }

    .analytics-nav-wrapper .nav-link:after {
        display: none
    }

    .analytics-tab-content {
        padding-left: 0;
        margin-top: 50px
    }

    .analytics__subcaption {
        margin-bottom: 10px
    }
}

@media screen and (max-width:768px) {
    .analytics-nav-wrapper br {
        display: block
    }

    .analytics-nav-wrapper .nav-link:not(:last-child) {
        margin-bottom: 16px;
        width: auto
    }

    .analytics-nav-wrapper .nav-link:after {
        display: block
    }

    .analytics__card {
        padding-top: 12px;
        padding-bottom: 20px
    }

    .analytics__card.last {
        padding-bottom: 48px
    }
}

.calculator-form .onoffswitch-inner__on {
    background-color: #0c79f8;
    font-weight: 500
}

.calculator-form .onoffswitch-inner__off {
    font-weight: 500
}

.calculator-form .ibox-content {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -8px
}

.calculator-form .row {
    margin: 0 -25px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap
}

.calculator-form .form-group.n-m {
    padding: 50px 25px;
    border-radius: 5px;
    margin-bottom: 0
}

.calculator-form .form-group.n-m div {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.calculator-form .form-group.n-m h2 {
    font-size: 28px;
    line-height: 32px;
    font-weight: 400
}

.calculator-form .form-group.n-m:first-of-type {
    padding-top: 0
}

.calculator-form .has-error .form-control {
    box-shadow: none
}

.calculator-form .form-group {
    padding: 0 25px
}

.calculator-form .form-group label:not(.onoffswitch-label) {
    position: relative;
    font-weight: 400;
    font-size: 13px;
    padding-right: 15px;
    margin-bottom: 0;
    /*opacity: 0;*/
    top: 1px;
    transition: all .3s;
    display: inline !important;
}

.form-group input::placeholder{
    color:white !important;
}
.form-group input[disabled="disabled"]::placeholder{
    color:black !important;
}

.calculator-form .form-group.changed label:not(.onoffswitch-label) {
    opacity: .5;
    top: 0
}

.calculator-form .form-group[data-fieldname="work_type"] label:not(.onoffswitch-label),
.calculator-form .form-group[data-fieldname="object_type"] label:not(.onoffswitch-label),
.calculator-form .form-group[data-fieldname="linear_obj_type"] label:not(.onoffswitch-label) {
    opacity: .5;
    top: 0
}

.calculator-form .form-group[data-fieldname="iscultural"] label,
.calculator-form .form-group[data-fieldname="is_environment_impact"] label,
.calculator-form .form-group[data-fieldname="is_environment_impact_2"] label,
.calculator-form .form-group[data-fieldname="iscoverage"] label,
.calculator-form .form-group[data-fieldname="isrisk"] label,
.calculator-form .form-group[data-fieldname="isrefuge"] label,
.calculator-form .form-group[data-fieldname="issecret"] label {
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
    font-weight: 300;
    opacity: 1;
    top: 0
}

.calculator-form .form-group input {
    height: auto;
    padding: 5px 0;
    border: 0;
    border-bottom: 2px solid #000;
    color: #000;
    box-shadow: none;
    font-size: 16px;
    line-height: 24px;
    border-radius: 0;
}

.calculator-form .form-group input::placeholder {
    color: #000;
    font-weight: 400;
    opacity: .5
}

.calculator-form .form-group .select2-primary .select2-choice {
    border: 0;
    border-bottom: 2px solid #000;
    border-radius: 0;
    color: #000;
    padding: 5px 0;
    font-size: 16px
}

.calculator-form .form-group .select2-primary .select2-choice .select2-chosen {
    max-width: 100%
}

.calculator-form .form-group .select2-primary .select2-allowclear label:not(.onoffswitch-label) {
    opacity: .5;
    top: 0
}

.calculator-form .form-group .help-block:not([data-error]) {
    font-size: 12px;
    background: #FFF4D7;
    border-radius: 2px;
    padding: 4px 8px;
    margin-top: 8px;
    color: #000
}

.calculator-form .form-group .help-block[data-error] {
    font-size: 12px;
    /*background: #b94a48;*/
    border-radius: 2px;
    padding: 0;
    margin-top: 8px; 
    color: #be0300;
}

.calculator-form .form-group .select2-chosen {
    max-width: 430px
}

.calculator-form .form-group .select2-dropdown-open .select2-choice {
    border-color: #000
}

.calculator-form .form-group .select2-search-choice-close,
.calculator-form .form-group .select2-arrow b {
    height: 100%
}

.calculator-form .form-group .select2-search-choice-close:before,
.calculator-form .form-group .select2-arrow b:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.calculator-form .onoffswitch-label,
.calculator-form .onoffswitch-switch {
    border-color: #0c79f8
}

.calculator-form .onoffswitch-inner:before {
    background-color: #0c79f8
}

.calculator-form .modal-error {
    overflow-y: auto
}

.calculator-form .form-actions_wrap {
    margin-top: 20px
}

.calculator-form .form-actions_wrap .text-right {
    text-align: center
}

.calculator-form .btn-primary {
    border: 1px solid #000;
    border-radius: 40px;
    background: #000;
    color: #fff;
    font-size: 16px;
    padding: 16px 40px;
    margin-top: 50px;
    margin-bottom: 50px
}

.calculator-form .btn-primary span {
    display: none
}

.calculator-form .btn-primary:hover {
    background: transparent;
    color: #000
}

.calculator-form .btn-primary:focus {
    color: #fff;
    outline: none;
    background: #000
}

.select2-drop-active {
    border-color: #000
}

.select2-drop-active .select2-highlighted {
    background: #000
}

.select2-results {
    margin: 0;
    margin-top: 10px
}

.select2-results li:not(:last-child) {
    border-bottom: 1px solid #eee
}

.calculator-result {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2
}

.calculator-result:after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    z-index: 1;
    background: linear-gradient(180deg, #F1ACAC 0, #BF98C6 50%, #7179EF 70%, #2833D0 100%)
}

.calculator-result .result {
    padding: 10px 40px;
    min-height: 250px;
    z-index: 2;
    background: #fff;
    position: relative
}

.calculator-result .result tr:last-child th,
.calculator-result .result tr:last-child td {
    border-bottom: 2px solid #E7EEF3
}

.calculator-result .result th,
.calculator-result .result td {
    width: 50%;
    font-size: 13px;
    padding: 20px 0;
    border-top: 2px solid #E7EEF3
}

.calculator-result .result th {
    font-weight: 400
}

.calculator-result .result td {
    font-weight: 300
}

.calculator-result-header {
    background: #fff;
    padding: 30px 40px;
    position: relative;
    z-index: 2
}

.calculator-result-header h2 {
    font-size: 28px;
    line-height: 32px;
    font-weight: 400
}

@media screen and (max-width:991px) {
    .calculator-form .row {
        margin: 0 -15px
    }

    .calculator-form .row .col-sm-6 {
        width: 100%
    }

    .calculator-form .row .col-sm-6 .panel-body {
        padding: 0
    }

    .calculator-form .form-group {
        padding: 0 15px
    }

    .calculator-form .form-group.n-m {
        width: 100%;
        padding: 50px 15px;
        padding-bottom: 32px
    }
}

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

    .calculator-form .form-group label[for=c1_iscultural],
    .calculator-form .form-group label[for=c1_iscoverage],
    .calculator-form .form-group label[for=c1_isrisk],
    .calculator-form .form-group label[for=c1_isrefuge],
    .calculator-form .form-group label[for=c1_issecret] {
        font-weight: 300;
        font-size: 13px;
        line-height: 18px
    }

    .calculator-form .form-group input {
        font-size: 13px;
        line-height: 18px
    }

    .calculator-form .form-group .select2-primary .select2-choice {
        font-size: 13px
    }

    .calculator-form .form-group .help-block {
        font-size: 11px
    }

    .calculator-form .form-actions_wrap {
        margin-left: -20px;
        margin-right: -20px
    }

    .calculator-result-header {
        padding: 16px
    }

    .calculator-result-header h2 {
        font-size: 20px;
        line-height: 24px
    }

    .calculator-result .result {
        padding: 22px 16px;
        padding-bottom: 38px
    }

    .select2-results .select2-result-label {
        font-size: 13px
    }
}

@media screen and (max-width:480px) {
    .calculator-form .form-group.n-m h2 {
        font-size: 22px
    }

    .calculator-form .form-actions_wrap .btn-primary {
        padding: 13px 0;
        width: 100%;
        font-size: 14px
    }
}

.convector-form {
    position: relative
}

.convector-form .form-inner_wrap form {
    padding: 0;
    display: flex;
    flex-direction: column
}

.convector-form .form-inner_wrap .form-group {
    padding: 0
}

.convector-form .dz-message {
    max-width: 550px
}

.convector-form .dz-message strong {
    font-weight: 400
}

.convector-form .dz-message span {
    text-decoration: underline
}

.convector-form .dropzone {
    border: 2px dashed #808080;
    border-radius: 2px;
    z-index: 4;
    background-color: transparent
}

.convector-form .dropzone.dz-started {
    background: #E7EEF3
}

.convector-form .dz-preview {
    height: 140px;
    background: #fff
}

.convector-form .dz-preview .dz-details {
    height: 100%;
    display: flex;
    flex-direction: column
}

.convector-form .dz-preview .dz-details-info {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.convector-form .dz-preview .dz-details-info i.fa {
    font-size: 30px
}

.convector-form .dz-preview .dz-details-info img {
    max-height: 80px;
    margin-bottom: 5px
}

.convector-form .modal-error {
    order: 1;
    overflow-y: auto !important;
    text-align: center;
    border: 0;
    margin-top: 0 !important;
    padding-top: 0
}

.convector-form .form-actions_wrap {
    order: 2
}

.convector-form .form-actions_wrap .text-right {
    text-align: center
}

.convector-form .form-actions_wrap .fa-file-o {
    display: none
}

.convector-form .btn-primary {
    padding: 16px 40px;
    border-radius: 40px;
    font-size: 16px;
    line-height: 24px;
    background: #000;
    border: 1px solid #000
}

.convector-form .btn-primary:hover {
    color: #000;
    background: #fff
}

.convector-form .btn-primary:focus {
    color: #fff;
    outline: none;
    background: #000
}

.template-search_in_registers .ibox-content {
    padding: 0
}

.template-search_in_registers .form-group label {
    position: relative;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    margin: 0;
    opacity: 0;
    top: 15px;
    transition: all .1s
}

.template-search_in_registers .form-group.changed label {
    opacity: .5;
    top: 0
}

.template-search_in_registers .form-group[data-fieldname="type_search"] label {
    opacity: .5;
    top: 0
}

.template-search_in_registers .form-group[data-fieldname="obj_house_number"],
.template-search_in_registers .form-group[data-fieldname="obj_addr_city"],
.template-search_in_registers .form-group[data-fieldname="obj_street_name"] {
    margin-left: 50%
}

.template-search_in_registers .form-group[data-fieldname="obj_addr_region"] label,
.template-search_in_registers .form-group[data-fieldname="obj_addr_city"] label,
.template-search_in_registers .form-group[data-fieldname="obj_street_name"] label,
.template-search_in_registers .form-group[data-fieldname="obj_house_number"] label {
    opacity: .5;
    top: 0
}

.template-search_in_registers .form-group[data-fieldname="obj_addr_region"] input::placeholder,
.template-search_in_registers .form-group[data-fieldname="obj_addr_city"] input::placeholder,
.template-search_in_registers .form-group[data-fieldname="obj_street_name"] input::placeholder,
.template-search_in_registers .form-group[data-fieldname="obj_house_number"] input::placeholder {
    opacity: 0
}

.template-search_in_registers .form-control,
.template-search_in_registers .select2-choice {
    color: #000;
    border: 0;
    border-bottom: 2px solid #000;
    border-radius: 0;
    padding: 5px 0;
    box-shadow: none;
    font-size: 16px;
    line-height: 18px
}

.template-search_in_registers .form-control:focus,
.template-search_in_registers .select2-choice:focus {
    border-color: #000;
    outline: none;
    box-shadow: none
}

.template-search_in_registers .help-block {
    font-size: 12px
}

.template-search_in_registers .select2-dropdown-open .select2-choice {
    border-color: #000
}

.template-search_in_registers .form-actions_wrap {
    margin-top: 35px
}

.template-search_in_registers .form-actions_wrap .btn-primary {
    background: #000;
    border-color: #000;
    display: inline-flex;
    align-items: center
}

.template-search_in_registers .form-actions_wrap .btn-primary:hover {
    background: transparent;
    color: #000;
    border-color: #000
}

.template-search_in_registers .form-actions_wrap .btn-primary:hover .fa-file-o {
    filter: brightness(0)
}

.template-search_in_registers .form-actions_wrap .btn-primary:focus {
    color: #fff;
    outline: none
}

.template-search_in_registers .form-actions_wrap .btn-primary:focus:hover {
    color: #000
}

.template-search_in_registers .form-actions_wrap .btn-primary.disabled {
    pointer-events: none
}

.template-search_in_registers .form-actions_wrap .btn-primary .fa-file-o {
    width: 17px;
    margin-right: 5px;
    content: url('/tpl/module/ecabinet/images/search-o.svg');
    transition: all .2s
}

.template-search_in_registers .form-actions_wrap .btn-primary .fa-file-o:before {
    display: none
}

.template-search_in_registers .form-horizontal {
    overflow: visible !important
}

.template-search_in_registers .select2-results li {
    font-size: 12px
}

.template-search_in_registers .vs__selected-options {
    padding: 0
}

.template-search_in_registers .vs__dropdown-toggle {
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid #000;
    min-height: 32px;
    padding-bottom: 0
}

.template-search_in_registers .vs__search,
.template-search_in_registers .vs__search:focus,
.template-search_in_registers .vs__selected {
    color: #000;
    font-size: 12px;
    min-height: 22px;
    padding: 0;
    margin: 0
}

.template-search_in_registers .v-select.vs--open .vs__dropdown-toggle {
    border-color: #000
}

.template-search_in_registers .vs__actions {
    padding: 4px 6px 4px 3px
}

.template-search_in_registers .vs__dropdown-menu {
    border-color: #000
}

.template-search_in_registers .vs__dropdown-menu li {
    font-size: 12px
}

.template-search_in_registers .vs__dropdown-menu li:hover {
    background: #000;
    color: #fff
}

.template-search_in_registers .vs__dropdown-menu .vs__dropdown-option--highlight {
    background: #000
}

.template-search_in_registers .help__accordion .card-header {
    padding: 10px 0
}

.template-search_in_registers .help__accordion .table th {
    font-weight: 500
}

.search__result-title {
    font-size: 38px;
    line-height: 40px;
    padding-top: 50px;
    border-top: 2px solid #E7EEF3;
    margin-top: 50px
}

.search__result-content .nav-pills {
    display: flex;
    flex-direction: column
}

.search__result-content .nav-link {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 19px
}

.search__result-content .nav-link:hover .text {
    opacity: .5
}

.search__result-content .nav-link.active .text {
    text-decoration: underline
}

.search__result-content .nav-link .count {
    display: inline-block;
    margin-left: 15px;
    opacity: .5
}

.search__result-link {
    display: inline-block;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px
}

.search__result-link:hover {
    text-decoration: underline;
    color: #000
}

.search__pane-wrapper {
    margin-bottom: 50px;
    padding-bottom: 30px;
    border-bottom: 2px solid #000
}

.search__pane-wrapper .text-left:last-child .search__result-link {
    margin-bottom: 0
}

.search__pane-title h3 {
    display: inline-block;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    opacity: .5;
    margin-bottom: 37px
}

.search__pane-title h3:after {
    position: absolute;
    bottom: -5px;
    left: 0;
    content: '';
    height: 2px;
    width: 100%;
    background: linear-gradient(90deg, #2833D0 0%, #7179EF 17.19%, #BF98C6 48.44%, #F1ACAC 100%)
}

.search__pane-title+.text-left:last-child .search__result-link {
    margin-bottom: 0
}

.search--mobile {
    display: none
}

@media screen and (max-width:768px) {
    .search--desktop {
        display: none
    }

    .search--mobile {
        display: block
    }

    .template-search_in_registers .form-group[data-fieldname="obj_house_number"],
    .template-search_in_registers .form-group[data-fieldname="obj_addr_city"],
    .template-search_in_registers .form-group[data-fieldname="obj_street_name"] {
        margin-left: 0
    }

    .template-search_in_registers .form-control,
    .template-search_in_registers .select2-choice {
        font-size: 12px;
        line-height: 16px
    }
}

.template-faq .faq--mobile .faq__btn-collapse:not(.collapsed):after {
    background: #000
}

.faq__row:last-child .faq__content {
    border-bottom: 0
}

.faq__category {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    opacity: .5;
    padding-bottom: 10px;
    position: relative
}

.faq__category:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, #2833D0 .01%, #7179EF 17.19%, #BF98C6 48.44%, #F1ACAC 100%);
    height: 2px
}

.faq__content {
    margin-bottom: 40px;
    border-bottom: 2px solid #000
}

.faq__link {
    display: inline-block;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 40px
}

.faq__link:hover {
    text-decoration: underline
}

.faq__body {
    padding-right: 120px
}

.faq__body>* {
    font-size: 18px !important;
    line-height: 28px !important
}

.faq__aside-title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 25px
}

.faq__aside-link {
    display: block;
    padding-top: 15px;
    margin-bottom: 35px;
    border-top: 2px solid #000;
    font-size: 16px;
    line-height: 24px
}

.faq__aside-link:hover {
    text-decoration: underline
}

@media screen and (max-width:1200px) {
    .faq__body {
        padding-right: 0;
        margin-bottom: 50px
    }
}

@media screen and (max-width:991px) {
    .faq__page-title {
        font-size: 38px;
        line-height: 52px;
        margin-top: 10px
    }
}

@media screen and (max-width:768px) {
    .faq__page-title {
        font-size: 28px;
        line-height: 32px;
        margin-top: 10px
    }

    .faq__body>* {
        font-size: 16px !important;
        line-height: 24px !important
    }

    .faq__aside-link {
        margin-bottom: 22px
    }
}

@media screen and (max-width:480px) {
    .faq__page-title {
        font-size: 22px;
        line-height: 26px;
        margin-top: 10px
    }

    .faq__body>* {
        font-size: 13px !important;
        line-height: 18px !important
    }

    .faq__aside-link {
        font-size: 13px;
        line-height: 18px
    }
}

.functions__item {
    min-height: 250px;
    border: 2px solid #E7EEF3;
    padding: 20px;
    display: flex;
    flex-direction: column
}

.functions__item:hover {
    border-color: #000
}

.functions__title {
    font-size: 28px;
    line-height: 32px;
    font-weight: 400
}

.functions__sep {
    flex-grow: 1
}

.functions__link {
    display: inline-block
}

@media print {
    .object-tree-table-print {
        max-width: 100%;
        overflow: initial
    }

    .object-tree-table-print table {
        table-layout: fixed !important
    }

    .object-tree-table-print table * {
        white-space: normal !important;
        word-break: break-word !important
    }
}

.news-page {
    margin-bottom: 0;
    padding-bottom: 0
}

.news-more-btn {
    display: flex;
    justify-content: center;
    margin: 15px 0 80px
}

.news-more-btn button {
    outline: none;
    border: none;
    box-shadow: none;
    display: block;
    width: calc(100% / 3);
    border-radius: 40px;
    color: #fff;
    text-align: center;
    padding: 16px 25px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    background-image: linear-gradient(217deg, rgba(255, 0, 0, 0.8), rgba(255, 0, 0, 0) 70.71%), linear-gradient(127deg, rgba(0, 0, 255, 0.8), rgba(0, 0, 255, 0) 70.71%), linear-gradient(336deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%);
    background-size: 200% 300%;
    animation: 10s infinite granimate;
    transition: .2s ease-in-out;
    position: relative;
    z-index: 1
}

.news-more-btn button::before {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: -1px;
    top: -1px;
    margin: auto;
    opacity: 1;
    visibility: visible;
    z-index: -1;
    border-radius: 40px;
    background-color: #000;
    transition: .2s ease-in-out
}

.news-more-btn button:hover {
    background-color: transparent;
    color: #fff
}

.news-more-btn button:hover::before {
    opacity: 0;
    visibility: hidden
}

.news-more-btn button:hover,
.news-more-btn button:focus,
.news-more-btn button:active,
.news-more-btn button:active:hover,
.news-more-btn button:active:focus {
    outline: none;
    border: none;
    box-shadow: none
}

@media (max-width:991px) {
    .news-more-btn button {
        width: 100%;
        max-width: 300px
    }
}

@media (max-width:768px) {
    .news-more-btn button {
        font-size: 13px;
        line-height: 20px;
        padding: 14px 25px
    }
}

.news-pager {
    display: block;
    width: 100%;
    margin-top: 15px;
    padding: 0 30px
}

.news-pager .pagination__container {
    display: block;
    width: 100%;
    padding: 35px 0;
    border-top: 2px solid #000
}

.news-pager .pagination {
    border-radius: 0;
    margin: 0;
    padding: 0
}

.news-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 80px;
    border-bottom: 2px solid #000
}

.news-item__img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
    margin-bottom: 20px
}

.news-item__title {
    display: block;
    width: 100%;
    margin-bottom: 25px;
    font-size: 20px;
    line-height: 24px;
    height: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 4
}

.news-item__title:hover {
    text-decoration: underline
}

.news-item__date {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 16px;
    opacity: .5
}

@media (max-width:991px) {
    .news-item {
        margin-bottom: 40px
    }
}

@media (max-width:575px) {
    .news-item {
        margin-bottom: 30px
    }

    .news-item__img {
        height: 170px;
        margin-bottom: 15px
    }

    .news-item__title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px;
        height: auto
    }

    .news-item__date {
        font-size: 10px;
        line-height: 14px
    }
}

.news-single {
    margin-bottom: 0;
    padding-bottom: 0
}

.news-single__date {
    font-size: 12px;
    line-height: 16px;
    opacity: .5
}

.news-single__img {
    display: block;
    max-width: 100%;
    margin-bottom: 60px
}

.news-single__content {
    font-family: 'e-Ukraine', sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400
}

.news-single__content a:not(.btn) {
    text-decoration: underline
}

.news-single__content p:not(:last-child) {
    margin-bottom: 30px
}

.aside {
    display: flex;
    flex-direction: column
}

.aside .widget {
    margin-bottom: 50px
}

.aside .widget:last-child {
    margin-bottom: 0
}

.aside .widget-share {
    margin-bottom: 100px
}

.widget {
    display: block;
    width: 100%
}

.widget__title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 25px
}

.widget-share {
    display: flex;
    flex-direction: column;
    border-bottom: 2px solid #000
}

.widget-share .widget__title {
    margin-bottom: 15px
}

.widget-share__icons {
    display: flex;
    margin-bottom: 20px
}

.widget-share__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    margin-right: 12px;
    padding: 6px;
    border: 2px solid #000;
    border-radius: 10px
}

.widget-share__icon img {
    max-width: 100%
}

.widget-share.a2a_default_style a {
    padding: 6px
}

.widget-news {
    display: block;
    width: 100%
}

.widget-news__item {
    display: block;
    width: 100%;
    border-top: 2px solid #000;
    padding-bottom: 25px
}

.widget-news__date {
    font-size: 12px;
    line-height: 16px;
    opacity: .5;
    margin: 15px 0 10px
}

.widget-news__title {
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin: 10px 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px
}

.last-news {
    display: block;
    width: 100%;
    padding: 60px 0;
    background: #E7EEF3
}

.last-news__blocktitle {
    font-size: 56px;
    line-height: 56px;
    margin-top: 20px;
    margin-bottom: 60px;
    font-weight: 400
}

.last-news__item {
    display: block;
    width: 100%;
    border-top: 2px solid #000
}

.last-news__date {
    font-size: 12px;
    line-height: 16px;
    opacity: .5;
    margin: 15px 0
}

.last-news__title {
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin: 15px 0 55px;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px
}

.last-news__item_first {
    border: none
}

.last-news__item_first .last-news__date {
    margin-bottom: 10px
}

.last-news__item_first .last-news__title {
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    margin: 10px 0 20px;
    font-size: 28px;
    font-weight: 400;
    line-height: 32px;
    width: calc(100% - 10%)
}

.last-news__img {
    display: block;
    width: calc(100% - 12.5%);
    height: 280px;
    object-fit: cover;
    margin-bottom: 15px
}

.last-news__more {
    display: flex;
    justify-content: flex-end;
    padding: 15px 0 60px
}

.last-news__more-link {
    position: relative;
    margin-right: 40px
}

.last-news__more-link::after {
    content: '';
    position: absolute;
    right: -40px;
    top: 0px;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-image: url(./module/ecabinet/images/pag_right.svg);
    filter: invert(1);
    transition: .2s ease-in-out
}

.last-news__more-link:hover::after {
    right: -45px
}

.last-news_bg-black {
    background: #000;
    color: #fff
}

.last-news_bg-black .last-news__more-link {
    color: #fff
}

.last-news_bg-black .last-news__title {
    color: #fff
}

.last-news_bg-black .last-news__title:hover {
    text-decoration: underline
}

.last-news_bg-black .last-news__item {
    border-top-color: #fff
}

@media (max-width:991px) {
    .last-news {
        padding: 25px 0 10px
    }

    .last-news_bg-black {
        padding: 60px 0
    }

    .last-news__blocktitle {
        margin-top: 15px;
        margin-bottom: 30px;
        font-size: 26px;
        line-height: 26px
    }

    .last-news__more {
        padding: 15px 0 30px
    }

    .last-news__more-link {
        font-size: 13px;
        line-height: 25px
    }

    .last-news__img {
        width: 100%;
        height: 250px
    }
}

@media (max-width:768px) {
    .last-news_bg-black {
        padding: 25px 0 10px
    }

    .last-news__date {
        font-size: 10px;
        line-height: 14px
    }

    .last-news__title {
        margin: 10px 0 30px;
        font-size: 13px;
        line-height: 18px
    }

    .last-news__item_first .last-news__title {
        font-size: 16px;
        line-height: 20px;
        max-width: 100%;
        width: 100%;
        margin-bottom: 40px
    }

    .last-news__img {
        height: 220px
    }

    .last-news__more {
        padding: 15px 0 0px
    }

    .last-news__more-link {
        display: block;
        height: 25px
    }

    .last-news__more-link::after {
        width: 16px;
        height: 16px;
        top: 50%;
        margin-top: -8px
    }

    .last-news__more-link span {
        display: none
    }
}
body > span.select2-hidden-accessible {

    display: none!important;
}