/* Minification failed. Returning unminified contents.
(91,32): run-time error CSS1046: Expect comma, found '0'
(91,36): run-time error CSS1046: Expect comma, found '/'
 */
/* Move down content because we have a fixed navbar that is 50px tall */
body {
    /*padding-top: 50px;*/
    /*padding-bottom: 20px;*/
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Set widths on the form inputs since otherwise they're 100% wide */
/*input,
select,
textarea {
    max-width: 280px;
}
*/

/* Responsive: Portrait tablets and up */
/*@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

*/







select {
    padding: 5px;
}



.nohov {
    text-decoration: none !important;
}

.card {
    margin-bottom: 8px;
}

.body-content {
    padding-top: 10px;
}



@font-face {
    font-family: VinnytsiaSerif;
    src: url(../fonts/VinnytsiaSerif.eot);
    src: url(../fonts/VinnytsiaSerif.eot) format("embedded-opentype"),url(../fonts/VinnytsiaSerif.woff2) format("woff2"),url(../fonts/VinnytsiaSerif.woff) format("woff"),url(../fonts/VinnytsiaSerif.ttf) format("truetype"),url(../fonts/VinnytsiaSerif.svg#VinnytsiaSerif) format("svg");
}

@font-face {
    font-family: VinnytsiaSansReg;
    src: url(../fonts/VinnytsiaSansReg.eot);
    src: url(../fonts/VinnytsiaSansReg.eot) format("embedded-opentype"),url(../fonts/VinnytsiaSansReg.woff2) format("woff2"),url(../fonts/VinnytsiaSansReg.woff) format("woff"),url(../fonts/VinnytsiaSansReg.ttf) format("truetype"),url(../fonts/VinnytsiaSansReg.svg#VinnytsiaSansReg) format("svg");
}

@font-face {
    font-family: VinnytsiaCity;
    src: url(../fonts/VinnytsiaCity.eot);
    src: url(../fonts/VinnytsiaCity.eot) format("embedded-opentype"),url(../fonts/VinnytsiaCity.woff2) format("woff2"),url(../fonts/VinnytsiaCity.woff) format("woff"),url(../fonts/VinnytsiaCity.ttf) format("truetype"),url(../fonts/VinnytsiaCity.svg#VinnytsiaSansReg) format("svg");
}

@font-face {
    font-family: AlmoniRegular;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/AlmoniRegular/almoni-dl-aaa-400.woff) format("woff");
}

body {
    font-family: VinnytsiaSansReg;
}

.navbar {
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    /*background-color:#fff!important;*/
    height: 80px;
    font-size: 20px;
}


.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.88);
}


.nav-link.active {
    border-bottom-color: #C61A27 !important;
}

@media only screen and (max-width:450px) {
    .nav-link.active {
        border-bottom: 2px solid #C61A27;
        padding-bottom:1px !important;
         height: 30px !important;
    }
}



/*.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
        color: rgba(0, 0, 0, 0.88);
        text-decoration: underline;*/
        /*font-weight: bold;*/
        /*text-underline-position: under;
    }*/
        /*@media (max-width: 768px) {
    .dropdown-menu {*/
        /*width: 300px !important; */
        /*width: 90vw;
        overflow: hidden;
    }
}*/

        .dropdown-menu {
    max-width: 75vw;
    overflow: hidden;
}

.navbar-nav {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}


.filtredgrid {
    margin-top: 20px;
    width: inherit;
    /*background-color: darkgrey;
    border: 1px double orange;*/
    table-layout: fixed;
}

    .filtredgrid > thead {
        background-color: #82b5df;
    }

    .filtredgrid > tbody > tr {
        border-bottom: 1px solid #eeeeee
    }


@media only screen and (max-width:700px) {
    .logo {
        max-height: 48px;
    }
}

@media only screen and (max-width:450px) {
    .logo {
        max-height: 32px;
    }
}

@charset "UTF-8"; /*!
 * Start Bootstrap - Clean Blog v5.0.8 (https://startbootstrap.com/template-overviews/clean-blog)
 * Copyright 2013-2021 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-clean-blog/blob/master/LICENSE)
 */

/*@font-face {
    font-family: VinnytsiaSerif;
    src: url(../fonts/VinnytsiaSerif/VinnytsiaSerif.eot);
    src: url(../fonts/VinnytsiaSerif/VinnytsiaSerif.eot) format("embedded-opentype"),url(../fonts/VinnytsiaSerif/VinnytsiaSerif.woff2) format("woff2"),url(../fonts/VinnytsiaSerif/VinnytsiaSerif.woff) format("woff"),url(../fonts/VinnytsiaSerif/VinnytsiaSerif.ttf) format("truetype"),url(../fonts/VinnytsiaSerif/VinnytsiaSerif.svg#VinnytsiaSerif) format("svg")
}

@font-face {
    font-family: VinnytsiaSansReg;
    src: url(../fonts/VinnytsiaSansReg/VinnytsiaSansReg.eot);
    src: url(../fonts/VinnytsiaSansReg/VinnytsiaSansReg.eot) format("embedded-opentype"),url(../fonts/VinnytsiaSansReg/VinnytsiaSansReg.woff2) format("woff2"),url(../fonts/VinnytsiaSansReg/VinnytsiaSansReg.woff) format("woff"),url(../fonts/VinnytsiaSansReg/VinnytsiaSansReg.ttf) format("truetype"),url(../fonts/VinnytsiaSansReg/VinnytsiaSansReg.svg#VinnytsiaSansReg) format("svg")
}

@font-face {
    font-family: VinnytsiaCity;
    src: url(../fonts/VinnytsiaCity/VinnytsiaCity.eot);
    src: url(../fonts/VinnytsiaCity/VinnytsiaCity.eot) format("embedded-opentype"),url(../fonts/VinnytsiaCity/VinnytsiaCity.woff2) format("woff2"),url(../fonts/VinnytsiaCity/VinnytsiaCity.woff) format("woff"),url(../fonts/VinnytsiaCity/VinnytsiaCity.ttf) format("truetype"),url(../fonts/VinnytsiaCity/VinnytsiaCity.svg#VinnytsiaSansReg) format("svg")
}

*/@font-face {
    font-family: AlmoniRegular;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/AlmoniRegular/almoni-dl-aaa-400.woff) format("woff")
}

body {
    font-size: 16px;
    color: #212529;
    font-family: VinnytsiaSansReg
}

p {
    line-height: 1.5;
    margin: 30px 0
}

    p a {
        text-decoration: underline
    }

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    font-family: VinnytsiaSansReg
}

a {
    color: #212529
}

    a:focus, a:hover {
        color: #0085a1
    }

blockquote {
    font-style: italic;
    color: #868e96
}

.section-heading {
    font-size: 36px;
    font-weight: 700;
    margin-top: 60px
}

.caption {
    font-size: 14px;
    font-style: italic;
    display: block;
    margin: 0;
    padding: 10px;
    text-align: center;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

::-moz-selection {
    color: #fff;
    background: #0085a1;
    text-shadow: none
}

::selection {
    color: #fff;
    background: #0085a1;
    text-shadow: none
}

img::-moz-selection {
    color: #fff;
    background: 0 0
}

img::selection {
    color: #fff;
    background: 0 0
}

img::-moz-selection {
    color: #fff;
    background: 0 0
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

    .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
        max-height: 0
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

    .owl-theme .owl-nav [class*=owl-] {
        color: #fff;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #d6d6d6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px
    }

        .owl-theme .owl-nav [class*=owl-]:hover {
            background: #869791;
            color: #fff;
            text-decoration: none
        }

    .owl-theme .owl-nav .disabled {
        opacity: .5;
        cursor: default
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px
        }

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1
    }

        .owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: #d6d6d6;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity .2s ease;
            border-radius: 30px
        }

        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: #869791
        }

ul.resp-tabs-list {
    margin: 0;
    padding: 0
}

.resp-tabs-list li {
    display: inline-block;
    list-style: none;
    cursor: pointer;
    float: left
}

.resp-tabs-container {
    clear: left
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none
}

.resp-tab-content {
    display: none
}

.resp-tab-active {
    border-bottom: 2px transparent solid
}

.resp-accordion-active, .resp-content-active {
    display: block
}

h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0 solid #c1c1c1;
    margin: 0;
    padding: 10px 15px
}

h2.resp-tab-active {
    border-bottom: 0 solid #c1c1c1 !important;
    margin-bottom: 0 !important;
    padding: 10px 15px !important
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: #00f
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    cursor: pointer;
    float: none
}

.resp-vtabs .resp-tabs-container {
    padding: 0;
    min-height: 250px;
    clear: none
}

.resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word
}

.resp-vtabs li.resp-tab-active {
    position: relative;
    z-index: 1
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9b9797
}

h2.resp-tab-active {
    background: #dbdbdb
}

.resp-easy-accordion h2.resp-accordion {
    display: block
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1
}

    .resp-easy-accordion .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1
    }

.resp-jfit {
    width: 100%;
    margin: 0
}

.resp-tab-content-active {
    display: block
}

@media only screen and (max-width:768px) {
    ul.resp-tabs-list {
        display: none !important
    }

    h2.resp-accordion {
        display: block
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #c1c1c1
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none
    }

    .resp-accordion-closed {
        display: none !important
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:after, .slick-track:before {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(ajax-loader.gif) center center no-repeat
}

@font-face {
    font-family: slick;
    src: url(fonts/slick.eot);
    src: url(fonts/slick.eot?#iefix) format("embedded-opentype"),url(fonts/slick.woff) format("woff"),url(fonts/slick.ttf) format("truetype"),url(fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-next, .slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    transform: translate(0,-50%);
    padding: 0;
    border: none;
    outline: 0
}

    .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
        outline: 0;
        background: 0 0;
        color: transparent
    }

        .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
            opacity: 1
        }

    .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
        opacity: .25
    }

    .slick-next:before, .slick-prev:before {
        font-family: slick;
        font-size: 20px;
        line-height: 1;
        color: #fff;
        opacity: .75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            border: 0;
            background: 0 0;
            display: block;
            height: 20px;
            width: 20px;
            outline: 0;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 5px;
            cursor: pointer
        }

            .slick-dots li button:focus, .slick-dots li button:hover {
                outline: 0
            }

                .slick-dots li button:focus:before, .slick-dots li button:hover:before {
                    opacity: 1
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "•";
                width: 20px;
                height: 20px;
                font-family: slick;
                font-size: 6px;
                line-height: 20px;
                text-align: center;
                color: #000;
                opacity: .25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

        .slick-dots li.slick-active button:before {
            color: #000;
            opacity: .75
        }

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 28px;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            position: relative
        }

    .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 8px;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .select2-container .select2-search--inline {
        float: left
    }

        .select2-container .select2-search--inline .select2-search__field {
            box-sizing: border-box;
            border: none;
            font-size: 100%;
            margin-top: 5px;
            padding: 0
        }

            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none
            }

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

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

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

    .select2-results__option[aria-selected] {
        cursor: pointer
    }

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none
        }

    .select2-search--dropdown.select2-search--hide {
        display: none
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0 5px;
        width: 100%
    }

        .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
            list-style: none
        }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700;
        margin-top: 5px;
        margin-right: 10px;
        padding: 1px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        display: inline-block;
        font-weight: 700;
        margin-right: 2px
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #333
        }

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em
                    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(to bottom,#fff 50%,#eee 100%);
    background-repeat: repeat-x
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: 700;
        margin-right: 10px
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #aaa;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%);
        background-repeat: repeat-x
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0
        }

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: 0 0;
        border: none
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888 transparent;
            border-width: 0 4px 5px 4px
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(to bottom,#fff 0,#eee 50%);
    background-repeat: repeat-x
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(to bottom,#eee 50%,#fff 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #5897fb
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        list-style: none;
        margin: 0;
        padding: 0 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        color: #888;
        cursor: pointer;
        display: inline-block;
        font-weight: 700;
        margin-right: 2px
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555
        }

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

    .mfp-preloader a {
        color: #ccc
    }

        .mfp-preloader a:hover {
            color: #fff
        }

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace
}

    .mfp-close:focus, .mfp-close:hover {
        opacity: 1
    }

    .mfp-close:active {
        top: 1px
    }

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

    .mfp-arrow:active {
        margin-top: -54px
    }

    .mfp-arrow:focus, .mfp-arrow:hover {
        opacity: 1
    }

    .mfp-arrow:after, .mfp-arrow:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent
    }

    .mfp-arrow:after {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px
    }

    .mfp-arrow:before {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: .7
    }

.mfp-arrow-left {
    left: 0
}

    .mfp-arrow-left:after {
        border-right: 17px solid #fff;
        margin-left: 31px
    }

    .mfp-arrow-left:before {
        margin-left: 25px;
        border-right: 27px solid #3f3f3f
    }

.mfp-arrow-right {
    right: 0
}

    .mfp-arrow-right:after {
        border-left: 17px solid #fff;
        margin-left: 39px
    }

    .mfp-arrow-right:before {
        border-left: 27px solid #3f3f3f
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0,0,0,.6);
        background: #000
    }

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0,0,0,.6);
        background: #444
    }

    .mfp-figure small {
        color: #bdbdbd;
        display: block;
        font-size: 12px;
        line-height: 14px
    }

    .mfp-figure figure {
        margin: 0
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        transform: scale(.75)
    }

    .mfp-arrow-left {
        transform-origin: 0
    }

    .mfp-arrow-right {
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.tooltipster-fall, .tooltipster-grow.tooltipster-show {
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1);
    -moz-transition-timing-function: cubic-bezier(.175,.885,.32,1.15);
    -ms-transition-timing-function: cubic-bezier(.175,.885,.32,1.15);
    -o-transition-timing-function: cubic-bezier(.175,.885,.32,1.15)
}

.tooltipster-base {
    display: flex;
    pointer-events: none;
    position: absolute
}

.tooltipster-box {
    flex: 1 1 auto
}

.tooltipster-content {
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    overflow: auto
}

.tooltipster-ruler {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden
}

.tooltipster-fade {
    opacity: 0;
    transition-property: opacity
}

    .tooltipster-fade.tooltipster-show {
        opacity: 1
    }

.tooltipster-grow {
    transform: scale(0,0);
    transition-property: transform;
    -webkit-backface-visibility: hidden
}

    .tooltipster-grow.tooltipster-show {
        transform: scale(1,1);
        transition-timing-function: cubic-bezier(.175,.885,.32,1.15)
    }

.tooltipster-swing {
    opacity: 0;
    transform: rotateZ(4deg);
    transition-property: transform
}

    .tooltipster-swing.tooltipster-show {
        opacity: 1;
        transform: rotateZ(0);
        transition-timing-function: cubic-bezier(.23,.635,.495,2.4)
    }

.tooltipster-fall {
    transition-property: top;
    transition-timing-function: cubic-bezier(.175,.885,.32,1.15)
}

    .tooltipster-fall.tooltipster-initial {
        top: 0 !important
    }

    .tooltipster-fall.tooltipster-dying {
        transition-property: all;
        top: 0 !important;
        opacity: 0
    }

.tooltipster-slide {
    transition-property: left;
    transition-timing-function: cubic-bezier(.175,.885,.32,1.15)
}

    .tooltipster-slide.tooltipster-initial {
        left: -40px !important
    }

    .tooltipster-slide.tooltipster-dying {
        transition-property: all;
        left: 0 !important;
        opacity: 0
    }

@-webkit-keyframes tooltipster-fading {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes tooltipster-fading {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.tooltipster-update-fade {
    -webkit-animation: tooltipster-fading .4s;
    animation: tooltipster-fading .4s
}

@-webkit-keyframes tooltipster-rotating {
    25% {
        transform: rotate(-2deg)
    }

    75% {
        transform: rotate(2deg)
    }

    100% {
        transform: rotate(0)
    }
}

@keyframes tooltipster-rotating {
    25% {
        transform: rotate(-2deg)
    }

    75% {
        transform: rotate(2deg)
    }

    100% {
        transform: rotate(0)
    }
}

.tooltipster-update-rotate {
    -webkit-animation: tooltipster-rotating .6s;
    animation: tooltipster-rotating .6s
}

@-webkit-keyframes tooltipster-scaling {
    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes tooltipster-scaling {
    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

.tooltipster-update-scale {
    -webkit-animation: tooltipster-scaling .6s;
    animation: tooltipster-scaling .6s
}

.tooltipster-sidetip .tooltipster-box {
    background: #565656;
    border: 2px solid #000;
    border-radius: 4px
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 8px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
    margin-right: 8px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
    margin-left: 8px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 8px
}

.tooltipster-sidetip .tooltipster-content {
    color: #fff;
    line-height: 18px;
    padding: 6px 14px
}

.tooltipster-sidetip .tooltipster-arrow {
    overflow: hidden;
    position: absolute
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    height: 10px;
    margin-left: -10px;
    top: 0;
    width: 20px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    right: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    bottom: 0;
    height: 10px;
    margin-left: -10px;
    width: 20px
}

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
    height: 0;
    position: absolute;
    width: 0
}

.tooltipster-sidetip .tooltipster-arrow-background {
    border: 10px solid transparent
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #565656;
    left: 0;
    top: 3px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #565656;
    left: -3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #565656;
    left: 3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #565656;
    left: 0;
    top: -3px
}

.tooltipster-sidetip .tooltipster-arrow-border {
    border: 10px solid transparent;
    left: 0;
    top: 0
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #000
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #000
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #000
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #000
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
    position: relative
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
    left: -10px
}

#mainNav {
    border-bottom: 1px solid #e9ecef;
    background-color: #fff;
    font-family: VinnytsiaSansReg;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99
}

    #mainNav.navbar {
        padding: 4px 10px 0;
        flex-wrap: wrap
    }

@media only screen and (max-width:468px) {
    #mainNav.navbar {
        padding: 13px 10px
    }
}

#mainNav.navbar.sticky {
    padding: 17px 10px 0;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    height: 80px
}

/*@media only screen and (max-width:991px) {
    #mainNav.navbar.sticky {
        padding: 5px 10px 5px
    }
}
*/

@media only screen and (max-width:850px) {
    .nav-link {
        font-size: 16px !important;
    }
}
@media only screen and (max-width:450px) {
    .nav-link {
        font-size: 12px !important;
    }
}









#mainNav.navbar.sticky .navbar-brand span {
    width: 140px;
    font-size: 17px
}

#mainNav.navbar.sticky .navbar-brand img {
    height: 60px;
}

#mainNav.navbar.sticky .menu-lnk {
    display: none
}

#mainNav.navbar.sticky .navbar-nav-group .navBtn {
    margin-bottom: 15px
}

@media only screen and (max-width:991px) {
    #mainNav.navbar.sticky .navbar-nav-group .navBtn {
        margin-bottom: 0
    }
}

#mainNav.navbar.sticky.is-fixed .navbar-nav > li.nav-item {
    margin-left: 32px
}

@media only screen and (max-width:1199px) {
    #mainNav.navbar.sticky.is-fixed .navbar-nav > li.nav-item {
        margin-left: 13px
    }
}

#mainNav.navbar.sticky.is-fixed .navbar-nav > li.nav-item > a {
    font-size: 20px;
    padding-bottom: 25px;
    transition: all .4s ease;
    height: 62px
}

#mainNav .menu-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

#mainNav .menu-lnk {
    font-size: 10px;
    margin-bottom: 0;
    display: inline-block;
    line-height: 1.2
}

    #mainNav .menu-lnk:focus, #mainNav .menu-lnk:hover {
        color: #000;
        text-decoration: none
    }

@media only screen and (min-width:341px) {
    #mainNav .menu-lnk {
        font-size: 13px
    }
}

@media only screen and (min-width:456px) {
    #mainNav .menu-lnk {
        font-size: 18px;
        margin-top: 33px;
        margin-bottom: 0
    }
}

#mainNav .navbar-nav-group {
    display: flex;
    align-items: flex-start
}

    #mainNav .navbar-nav-group .navBtn {
        padding-top: 16px;
        margin-bottom: 30px;
        margin-left: 37px;
        margin-right: 0
    }

@media only screen and (max-width:1199px) {
    #mainNav .navbar-nav-group .navBtn {
        margin-left: 14px
    }
}

@media only screen and (max-width:468px) {
    #mainNav .navbar-nav-group .navBtn {
        margin-bottom: 0
    }
}

#mainNav .navbar-nav-group .navBtn:hover svg path {
    fill: #c72336
}

#mainNav .navbar-brand {
    padding: 0;
    display: flex;
    align-items: center;
    color: #000
}

    #mainNav .navbar-brand img {
        display: block;
        margin-right: 7px
    }

@media only screen and (max-width:468px) {
    #mainNav .navbar-brand img {
        height: 58px
    }
}

#mainNav .navbar-brand span {
    font-size: 25px;
    font-weight: 500;
    display: block;
    line-height: 1;
    width: 160px;
    white-space: normal
}

@media only screen and (max-width:468px) {
    #mainNav .navbar-brand span {
        font-size: 18px;
        width: 130px
    }
}

#mainNav .navbar-toggler {
    font-size: 12px;
    padding: 13px;
    text-transform: uppercase;
    color: #000
}

#mainNav .navbar-nav > li.nav-item > a {
    font-size: 12px;
    color: #000;
    letter-spacing: 1px
}

@media only screen and (min-width:500px) {
    #mainNav {
        border-bottom: 1px solid transparent;
        background: 0 0
    }

        #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
            color: rgba(255,255,255,.8)
        }

        #mainNav .navbar-nav > li.nav-item > a {
            padding: 0
        }

            #mainNav .navbar-nav > li.nav-item > a:focus, #mainNav .navbar-nav > li.nav-item > a:hover {
                color: rgba(255,255,255,.8)
            }
}

@media only screen and (min-width:500px) {
    #mainNav.is-fixed {
        background-color: #fff
    }

        #mainNav.is-fixed > .container {
            align-items: center
        }

        #mainNav.is-fixed .navbar-brand {
            color: #212529;
            margin-top: -15px
        }

        #mainNav.is-fixed .menu-right {
            margin-top: 0
        }

        #mainNav.is-fixed .navbar-nav > li.nav-item {
            margin-left: 40px;
            margin-bottom: -1px
        }

            #mainNav.is-fixed .navbar-nav > li.nav-item:hover > a {
                border-bottom-color: #c61a27
            }

            #mainNav.is-fixed .navbar-nav > li.nav-item > a {
                color: #000;
                font-size: 24px;
                display: inline-block;
                line-height: 1;
                padding-top: 16px;
                padding-bottom: 43px;
                border-bottom: 2px solid transparent;
                transition: all 0s
            }
}

@media only screen and (max-width:1199px) {
    #mainNav.is-fixed .navbar-nav > li.nav-item {
        margin-left: 13px
    }
}

.searchBlock {
    flex: 1 1 100%;
    position: absolute;
    top: 101%;
    right: 0;
    left: 0;
    display: none
}

    .searchBlock .close-search {
        border: none;
        outline: 0;
        position: absolute;
        right: 10px;
        top: 14px;
        padding: 3px 0 3px 14px;
        border-left: 1px solid rgba(0,0,0,.1);
        background: 0 0
    }

    .searchBlock .search-main .search-btn {
        right: 55px;
        top: 16px
    }

    .searchBlock .search-main .search-input {
        padding-right: 166px;
        padding-left: 45px;
        background: #f2f7fb url(../img/icn-search.svg) 12px center no-repeat;
        background-size: 24px 24px
    }

.overly {
    position: fixed;
    z-index: 102;
    background-color: rgba(0,0,0,.4);
    display: block;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box
}

@media only screen and (min-width:992px) {
    .overly {
        display: none
    }
}

.overly.active {
    display: none
}

#sidebar {
    min-width: 300px;
    max-width: 300px;
    background: #32373d;
    color: #fff;
    transition: all .3s;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 103
}

@media only screen and (min-width:992px) {
    #sidebar {
        display: none
    }
}

#sidebar .h6 {
    color: #fff
}

#sidebar.active {
    margin-left: -300px
}

    #sidebar.active .custom-menu .btn.btn-primary:after {
        display: none
    }

#sidebar h1 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 20px
}

    #sidebar h1 .logo {
        color: #fff;
        display: block;
        padding: 10px 30px;
        background: #2f89fc
    }

#sidebar ul.components {
    padding: 0
}

#sidebar ul li {
    font-size: 16px
}

    #sidebar ul li > ul {
        margin-left: 10px
    }

        #sidebar ul li > ul li {
            font-size: 14px
        }

    #sidebar ul li a {
        padding: 15px 30px;
        display: block;
        color: rgba(255,255,255,.6);
        border-bottom: 1px solid rgba(255,255,255,.05)
    }

        #sidebar ul li a span.notif {
            position: relative
        }

            #sidebar ul li a span.notif small {
                position: absolute;
                top: -3px;
                bottom: 0;
                right: -3px;
                width: 12px;
                height: 12px;
                content: '';
                background: red;
                border-radius: 50%;
                font-family: Poppins,Arial,sans-serif;
                font-size: 8px
            }

        #sidebar ul li a:hover {
            color: #fff;
            background: #2f89fc;
            border-bottom: 1px solid #2f89fc
        }

    #sidebar ul li.active > a {
        background: 0 0;
        color: #fff
    }

        #sidebar ul li.active > a:hover {
            background: #2f89fc;
            border-bottom: 1px solid #2f89fc
        }

#sidebar .custom-menu {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 0;
    margin-right: -35px;
    transition: .3s
}

@media only screen and (min-width:992px) {
    #sidebar .custom-menu {
        display: none
    }
}

@media (prefers-reduced-motion:reduce) {
    #sidebar .custom-menu {
        transition: none
    }
}

#sidebar .custom-menu {
    right: 0;
    margin-right: 239px
}

@media only screen and (max-width:420px) {
    #sidebar .custom-menu {
        margin-right: 246px
    }
}

#sidebar.active .custom-menu {
    right: 0;
    margin-right: -61px;
    left: auto
}

@media only screen and (max-width:420px) {
    #sidebar.active .custom-menu {
        margin-right: -54px
    }
}

.burger-menu_button {
    border: none;
    position: relative;
    color: #000;
    width: 40px;
    height: 40px;
    padding: 0;
    outline: 0 !important;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    transition: .4s
}

.burger-menu_lines, .burger-menu_lines::after, .burger-menu_lines::before {
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: #000;
    transition: .4s;
    right: 0
}

.burger-menu_lines {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.burger-menu_lines {
    background-color: transparent
}

    .burger-menu_lines::before {
        content: '';
        top: 0;
        transform: rotate(45deg)
    }

    .burger-menu_lines::after {
        content: '';
        top: 0;
        transform: rotate(-45deg)
    }

#sidebar.active .burger-menu_lines {
    background: #000
}

    #sidebar.active .burger-menu_lines::before {
        content: '';
        top: -6px;
        transform: rotate(0)
    }

    #sidebar.active .burger-menu_lines::after {
        content: '';
        top: 6px;
        transform: rotate(0)
    }

.page-content {
    width: 100%;
    margin-top: 85px;
    padding: 0;
    min-height: 100vh
}

@media only screen and (min-width:449px) {
    .page-content {
        margin-top: 113px
    }
}

@media only screen and (min-width:992px) {
    .page-content {
        margin-top: 142px
    }
}

@media only screen and (max-width:991px) {
    .page-content {
        transition: all .3s
    }
}

.sidebar-inner {
    padding-top: 70px
}

header.masthead {
    margin-bottom: 50px;
    background: no-repeat center center;
    background-color: #868e96;
    background-attachment: scroll;
    position: relative;
    background-size: cover
}

    header.masthead .overlay {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: #212529;
        opacity: .5
    }

    header.masthead .page-heading, header.masthead .post-heading, header.masthead .site-heading {
        padding: 200px 0 150px;
        color: #fff
    }

@media only screen and (min-width:768px) {
    header.masthead .page-heading, header.masthead .post-heading, header.masthead .site-heading {
        padding: 200px 0
    }
}

header.masthead .page-heading, header.masthead .site-heading {
    text-align: center
}

    header.masthead .page-heading h1, header.masthead .site-heading h1 {
        font-size: 50px;
        margin-top: 0
    }

    header.masthead .page-heading .subheading, header.masthead .site-heading .subheading {
        font-size: 24px;
        font-weight: 300;
        line-height: 1.1;
        display: block;
        margin: 10px 0 0;
        font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif
    }

@media only screen and (min-width:768px) {
    header.masthead .page-heading h1, header.masthead .site-heading h1 {
        font-size: 80px
    }
}

header.masthead .post-heading h1 {
    font-size: 35px
}

header.masthead .post-heading .meta, header.masthead .post-heading .subheading {
    line-height: 1.1;
    display: block
}

header.masthead .post-heading .subheading {
    font-size: 24px;
    font-weight: 600;
    margin: 10px 0 30px;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif
}

header.masthead .post-heading .meta {
    font-size: 20px;
    font-weight: 300;
    font-style: italic;
    font-family: Lora,'Times New Roman',serif
}

    header.masthead .post-heading .meta a {
        color: #fff
    }

@media only screen and (min-width:768px) {
    header.masthead .post-heading h1 {
        font-size: 55px
    }

    header.masthead .post-heading .subheading {
        font-size: 30px
    }
}

.post-preview > a {
    color: #212529
}

    .post-preview > a:focus, .post-preview > a:hover {
        text-decoration: none;
        color: #0085a1
    }

    .post-preview > a > .post-title {
        font-size: 30px;
        margin-top: 30px;
        margin-bottom: 10px
    }

    .post-preview > a > .post-subtitle {
        font-weight: 300;
        margin: 0 0 10px
    }

.post-preview > .post-meta {
    font-size: 18px;
    font-style: italic;
    margin-top: 0;
    color: #868e96
}

    .post-preview > .post-meta > a {
        text-decoration: none;
        color: #212529
    }

        .post-preview > .post-meta > a:focus, .post-preview > .post-meta > a:hover {
            text-decoration: underline;
            color: #0085a1
        }

@media only screen and (min-width:768px) {
    .post-preview > a > .post-title {
        font-size: 36px
    }
}

.floating-label-form-group {
    font-size: 14px;
    position: relative;
    margin-bottom: 0;
    padding-bottom: .5em;
    border-bottom: 1px solid #dee2e6
}

    .floating-label-form-group input, .floating-label-form-group textarea {
        font-size: 1.5em;
        position: relative;
        z-index: 1;
        padding: 0;
        resize: none;
        border: none;
        border-radius: 0;
        background: 0 0;
        box-shadow: none !important;
        font-family: Lora,'Times New Roman',serif
    }

        .floating-label-form-group input::-webkit-input-placeholder, .floating-label-form-group textarea::-webkit-input-placeholder {
            color: #868e96;
            font-family: Lora,'Times New Roman',serif
        }

    .floating-label-form-group label {
        font-size: .85em;
        line-height: 1.764705882em;
        position: relative;
        z-index: 0;
        top: 2em;
        display: block;
        margin: 0;
        transition: top .3s ease,opacity .3s ease;
        vertical-align: middle;
        vertical-align: baseline;
        opacity: 0
    }

    .floating-label-form-group .help-block {
        margin: 15px 0
    }

.floating-label-form-group-with-value label {
    top: 0;
    opacity: 1
}

.floating-label-form-group-with-focus label {
    color: #0085a1
}

form .form-group:first-child .floating-label-form-group {
    border-top: 1px solid #dee2e6
}

.footer {
    padding: 30px 0 20px;
    background-color: #000;
    color: #fff
}

@media only screen and (min-width:992px) {
    .footer {
        padding: 50px 0 55px
    }
}

.footer-logo {
    display: inline-flex;
    align-items: flex-end;
    color: #fff;
    font-weight: 400;
    margin-bottom: 30px
}

    .footer-logo:focus, .footer-logo:hover {
        color: #fff;
        text-decoration: none
    }

    .footer-logo a {
        display: inline-block;
        margin-right: 15px
    }

    .footer-logo img {
        margin-right: 15px;
        max-width: 60px;
        height: auto
    }

@media only screen and (min-width:992px) {
    .footer-logo img {
        max-width: 104px
    }
}

.footer-logo .logo-quin {
    display: block;
    margin-right: 20px
}

@media only screen and (min-width:992px) {
    .footer-logo .logo-quin {
        margin-right: 47px
    }
}

.footer-logo span {
    font-size: 20px;
    font-weight: 500;
    display: block;
    line-height: 1;
    width: 130px;
    margin-top: 20px;
    white-space: normal
}

@media only screen and (max-width:620px) {
    .footer-logo span {
        font-size: 25px;
        width: 160px
    }
}

@media only screen and (max-width:340px) {
    .footer-logo span {
        font-size: 21px;
        width: 130px
    }
}

@media only screen and (min-width:992px) {
    .footer-logo span {
        font-size: 34px;
        width: 230px
    }
}

.footer-logo-white {
    display: flex;
    align-items: center
}

.footer-info {
    display: flex;
    padding-top: 20px
}

@media only screen and (min-width:992px) {
    .footer-info {
        padding-top: 40px
    }
}

@media only screen and (max-width:768px) {
    .footer-info {
        flex: 1 1 100%;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 20px
    }
}

.footer-info .footer-logo {
    margin-bottom: 20px
}

    .footer-info .footer-logo + p {
        margin-left: auto
    }

.footer-info p {
    font-size: 14px;
    line-height: 1.4;
    margin: 0 0 15px;
    padding-top: 6px;
    box-sizing: border-box;
    padding-right: 10px
}

@media only screen and (min-width:992px) {
    .footer-info p {
        font-size: 16px;
        line-height: 1.5;
        padding-right: 4%;
        flex: 0 0 25%
    }
}

.footer-info .footer-logo-group {
    display: flex;
    padding-right: 10px;
    margin-right: auto
}

@media only screen and (max-width:768px) {
    .footer-info .footer-logo-group {
        justify-content: center;
        padding-right: 0;
        margin-right: 0
    }
}

.footer-links {
    display: flex;
    align-items: flex-start;
    flex: 1 1 100%;
    margin-bottom: 0;
    flex-wrap: wrap
}

@media only screen and (min-width:621px) {
    .footer-links {
        margin-bottom: 30px
    }
}

.footer-links h3 {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 15px;
    font-weight: 400
}

@media only screen and (min-width:992px) {
    .footer-links h3 {
        font-size: 24px;
        line-height: 1.5;
        margin-bottom: 20px
    }
}

.footer-links .footer-links-item {
    margin-left: 0;
    margin-bottom: 15px;
    flex: 1 1 100%
}

@media only screen and (min-width:568px) {
    .footer-links .footer-links-item {
        width: auto;
        flex: 1;
        padding-right: 0
    }
}

@media only screen and (min-width:621px) {
    .footer-links .footer-links-item {
        width: 160px;
        margin-bottom: 0;
        margin-right: 0
    }
}

@media only screen and (min-width:992px) {
    .footer-links .footer-links-item {
        flex: 0 0 25%;
        padding-right: 20px
    }
}

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

    .footer-links ul li {
        line-height: 1;
        margin-bottom: 10px
    }

@media only screen and (min-width:992px) {
    .footer-links ul li {
        margin-bottom: 15px;
        line-height: 1.5
    }
}

.footer-links ul li a {
    font-size: 14px;
    line-height: 1.3;
    display: inline-block;
    color: #fff
}

    .footer-links ul li a:focus, .footer-links ul li a:hover {
        color: #fff;
        text-decoration: none
    }

@media only screen and (min-width:992px) {
    .footer-links ul li a {
        font-size: 20px;
        line-height: 1.5
    }
}

.message-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.col-12.col-md-6 {
    margin-bottom: 30px
}

footer.bg-dark {
    padding: 30px 0
}

.news-items {
    padding-top: 30px;
    padding-bottom: 30px
}

.list-group .list-group-item {
    margin-bottom: 30px
}

.container__innerpage {
    padding-top: 30px
}

@media only screen and (min-width:677px) and (max-width:841px) {
    .container {
        max-width: 580px
    }
}

.container.slider-content {
    max-width: 1350px
}

@media only screen and (min-width:1400px) {
    .container.slider-content {
        position: relative;
        left: -40px
    }
}

.wrapper {
    overflow: hidden
}

.wrapper-out {
    max-width: 1920px;
    margin: 0 auto
}

    .wrapper-out.art-block {
        background: #95efba
    }

.main-slider {
    width: 100%;
    background-color: #80b5e0;
    margin-bottom: 120px;
    position: relative
}

@media only screen and (max-width:991px) {
    .main-slider {
        margin-bottom: 30px
    }
}

.main-slider .container {
    position: relative
}

.main-slider h1 {
    font-family: VinnytsiaSerif;
    color: #000;
    font-size: 116px;
    font-weight: 400;
    line-height: 1
}

@media only screen and (max-width:1440px) {
    .main-slider h1 {
        font-size: 80px
    }
}

@media only screen and (max-width:991px) {
    .main-slider h1 {
        font-size: 56px
    }
}

.main-slider .main-tag {
    color: #000;
    font-size: 36px;
    margin-top: 70px
}

@media only screen and (max-width:991px) {
    .main-slider .main-tag {
        font-size: 26px;
        margin: 30px 0;
        line-height: 1
    }
}

.main-slider-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative
}

@media only screen and (max-width:991px) {
    .main-slider-content {
        flex-wrap: wrap
    }
}

.main-slider-content .main-desk {
    flex: 1;
    margin-top: 51px;
    position: relative;
    z-index: 2
}

@media only screen and (max-width:991px) {
    .main-slider-content .main-desk {
        flex: 1 1 100%;
        margin-top: 30px
    }
}

.main-slider-content .carousel {
    flex: 0 1 696px;
    height: 480px;
    margin-left: 50px;
    margin-top: 10px;
    position: relative;
    bottom: -80px
}

@media only screen and (max-width:991px) {
    .main-slider-content .carousel {
        flex: 1 1 100%;
        height: auto;
        bottom: 0;
        margin: 0;
        margin: 0 0 30px 0
    }
}

.main-slider-content .carousel img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width:991px) {
    .main-slider-content .carousel img {
        display: block;
        max-width: 100%;
        height: auto;
        -o-object-fit: inherit;
        object-fit: inherit
    }
}

.main-slider-content .carousel .carousel-inner, .main-slider-content .carousel .carousel-item {
    height: 100%
}

.main-slider-content .carousel .carousel-date {
    position: absolute;
    display: block;
    text-align: right;
    left: 0;
    right: 60px;
    bottom: 60px;
    font-size: 72px;
    line-height: 1;
    color: #ffdc00;
    font-weight: 400;
    font-family: VinnytsiaSerif
}

@media only screen and (max-width:768px) {
    .main-slider-content .carousel .carousel-date {
        font-size: 40px;
        right: 30px;
        bottom: 30px
    }
}

.desc-decor-main {
    font-family: VinnytsiaCity;
    color: #fedb2c;
    height: 490px;
    position: absolute;
    font-size: 365px;
    z-index: 1;
    line-height: 1;
    overflow: hidden;
    display: none;
    margin-left: -103px
}

@media only screen and (min-width:992px) {
    .desc-decor-main {
        display: block
    }
}

.desc-decor-main > span {
    display: block;
    margin-top: -95px
}

.inner-content {
    max-width: 894px;
    margin-right: 30px
}

@media only screen and (max-width:991px) {
    .inner-content {
        margin-right: 0
    }
}

.imp-info {
    padding: 24px 0 22px
}

@media only screen and (max-width:991px) {
    .imp-info {
        padding: 15px 0
    }
}

.imp-info h3 {
    font-weight: 400;
    margin-bottom: 15px
}

@media only screen and (max-width:991px) {
    .imp-info h3 {
        margin-bottom: 8px
    }
}

.imp-info .imp-info-link {
    font-size: 32px;
    color: #000
}

    .imp-info .imp-info-link:focus, .imp-info .imp-info-link:hover {
        color: #000;
        text-decoration: none
    }

@media only screen and (max-width:991px) {
    .imp-info .imp-info-link {
        font-size: 24px
    }
}

.imp-info p {
    margin: 0 0 3px 0;
    font-size: 20px;
    color: #000;
    line-height: 1.2
}

@media only screen and (max-width:991px) {
    .imp-info p {
        font-size: 16px;
        line-height: 1
    }
}

.arrow-left, .arrow-right, .long-arrow-left, .long-arrow-right {
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff
}

    .arrow-left.blacks, .arrow-right.blacks, .long-arrow-left.blacks, .long-arrow-right.blacks {
        border-top: 2px solid #000;
        border-left: 2px solid #000
    }

.arrow-right, .long-arrow-right {
    transform: rotate(135deg);
    margin-left: 64px
}

.arrow-left, .long-arrow-left {
    transform: rotate(-45deg)
}

    .long-arrow-left::after, .long-arrow-right::after {
        content: "";
        display: block;
        width: 2px;
        height: 63px;
        background-color: #fff;
        transform: rotate(-45deg) translate(21px,6px);
        left: 0;
        top: 0
    }

    .long-arrow-left.short::after, .long-arrow-right.short::after {
        height: 22px;
        transform: rotate(-45deg) translate(7px,1px)
    }

    .long-arrow-left.blacks::after, .long-arrow-right.blacks::after {
        background-color: #000
    }

.section-blok {
    padding: 30px 0
}

    .section-blok.section-blok--slider {
        overflow: hidden;
        padding: 45px 0 87px
    }

@media only screen and (max-width:991px) {
    .section-blok.section-blok--slider {
        padding: 25px 0 30px
    }
}

@media only screen and (max-width:991px) {
    .section-blok {
        padding: 15px 0
    }
}

.section-blok.art-block {
    position: relative;
    padding-top: 20px;
    padding-bottom: 0
}

    .section-blok.art-block .container .main-content {
        padding-bottom: 0
    }

    .section-blok.art-block .main-content-center {
        display: flex;
        flex-direction: column
    }

        .section-blok.art-block .main-content-center > * {
            position: relative
        }

        .section-blok.art-block .main-content-center:before {
            content: "";
            background: #95efba;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 184px
        }

@media only screen and (max-width:991px) {
    .section-blok.art-block .main-content-center:before {
        bottom: 0
    }
}

.section-blok.art-block .main-content-center .title-main.title-main--bigger, .section-blok.art-block .main-content-center h1.title-main.title-main--bigger {
    margin-top: 16px
}

.section-blok.art-block + .section-blok.art-content {
    padding-top: 0
}

    .section-blok.art-block + .section-blok.art-content .main-content-center {
        margin-top: -165px
    }

@media only screen and (max-width:991px) {
    .section-blok.art-block + .section-blok.art-content .main-content-center {
        margin-top: 0
    }
}

.section-blok.art-block .main-aside {
    position: relative;
    padding-top: 10px
}

.section-blok__authorities {
    padding-top: 0
}

@media screen and (min-width:1200px) {
    .section-blok__authorities .head-block {
        margin-bottom: 0
    }
}

.section-blok__authorities .head-title {
    margin-top: 0;
    margin-bottom: 0
}

.section-blok.search__mainPage {
    padding: 0
}

.section-blok--grad {
    padding: 30px 0;
    position: relative
}

    .section-blok--grad:before {
        content: "";
        top: 0;
        right: 0;
        left: 0;
        height: 200px;
        position: absolute;
        background: linear-gradient(180deg,#f3f3f3 0,#f5f5f5 50%,#fff 100%)
    }

    .section-blok--grad > div {
        position: relative
    }

.decor-project-title {
    margin-top: auto;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 223px;
    display: flex;
    flex-direction: column;
    margin-bottom: 184px
}

@media only screen and (max-width:991px) {
    .decor-project-title {
        margin-bottom: 0;
        height: auto
    }
}

.decor-project-title span {
    color: #80b5e0;
    font-size: 9.25rem;
    line-height: 1;
    font-family: VinnytsiaCity;
    display: block;
    word-break: break-word
}

@media only screen and (max-width:991px) {
    .decor-project-title span {
        font-size: 6.25rem
    }
}

@media only screen and (max-width:481px) {
    .decor-project-title span {
        font-size: 4rem
    }
}

.head-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

@media only screen and (max-width:767px) {
    .head-block {
        flex-wrap: wrap
    }
}

@media only screen and (max-width:457px) {
    .head-block {
        margin-bottom: 20px
    }
}

.head-block .head-title, .head-block h1.head-title {
    margin: 15px 0
}

@media only screen and (max-width:767px) {
    .head-block .head-title {
        flex: 1 1 100%;
        margin-bottom: 20px
    }
}

.head-block .search-lnk {
    margin-left: auto;
    border-right: 2px solid rgba(0,0,0,.1);
    padding: 5px 30px 5px 0;
    margin-right: 30px
}

@media only screen and (max-width:457px) {
    .head-block .search-lnk {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 10px
    }
}

.head-title, h1.head-title {
    margin: 25px 0;
    font-size: 56px;
    line-height: 1.2;
    font-family: VinnytsiaSerif;
    color: #000;
    font-weight: 400
}

.head-title__inner, h1.head-title__inner {
    font-size: 36px;
    font-family: VinnytsiaSansReg;
    line-height: 1.3;
    margin: 10px 0
}

@media only screen and (max-width:991px) {
    .head-title, h1.head-title {
        font-size: 36px
    }
}

.link-more {
    font-size: 24px;
    font-family: VinnytsiaSansReg;
    color: #000;
    font-weight: 400;
    line-height: 1
}

    .link-more:focus, .link-more:hover {
        color: #000;
        text-decoration: none
    }

    .link-more span {
        display: inline-block;
        vertical-align: middle
    }

@media only screen and (max-width:991px) {
    .link-more {
        font-size: 20px
    }
}

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

.img-bl__blue-border {
    border-top: 2px solid #80b5e0
}

.news-data {
    display: block;
    line-height: 1.5;
    font-size: 16px;
    margin: 10px 0;
    font-family: VinnytsiaSansReg;
    color: #000;
    font-weight: 400
}

@media only screen and (max-width:991px) {
    .news-data {
        font-size: 14px;
        line-height: 1
    }
}

.title-middle {
    font-size: 32px;
    color: #000;
    font-weight: 400;
    line-height: 1.3
}

    .title-middle a:focus, .title-middle a:hover {
        color: #000;
        text-decoration: none
    }

@media only screen and (max-width:991px) {
    .title-middle {
        font-size: 24px;
        line-height: 1.2
    }
}

.title-small {
    font-size: 20px;
    color: #000;
    font-weight: 400;
    line-height: 1.4
}

@media only screen and (max-width:991px) {
    .title-small {
        font-size: 16px
    }
}

.title-small a:focus, .title-small a:hover {
    color: #000;
    text-decoration: none
}

.info-block h2.title-info, .title-info {
    font-size: 27px;
    line-height: 1.3;
    color: #000;
    font-weight: 400;
    font-family: VinnytsiaSansReg;
    margin-bottom: 22px
}

    .info-block h2.title-info a:focus, .info-block h2.title-info a:hover, .title-info a:focus, .title-info a:hover {
        color: #000;
        text-decoration: none
    }

@media only screen and (min-width:1200px) {
    .info-block h2.title-info__top, .title-info__top {
        margin-top: 40px
    }
}

.title-bloks {
    font-size: 24px;
    color: #000;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 15px
}

    .title-bloks.title-bloks--sm {
        font-size: 20px;
        margin: 19px 0 10px 0;
        padding-right: 32px;
        position: relative
    }

        .title-bloks.title-bloks--sm .long-arrow-right {
            position: absolute;
            right: 3px;
            top: 7px
        }

    .title-bloks a:focus, .title-bloks a:hover {
        color: #000;
        text-decoration: none
    }

.news-city {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 34px
}

    .news-city .news-city-item {
        flex: 1 1 100%
    }

@media only screen and (min-width:468px) {
    .news-city .news-city-item {
        flex-wrap: nowrap;
        margin-bottom: 0
    }
}

.news-city .news-city-item:first-child {
    margin-right: 0;
    margin-bottom: 20px
}

@media only screen and (min-width:992px) {
    .news-city .news-city-item:first-child {
        flex: 0 1 29.24%;
        margin-right: 4.66%;
        margin-bottom: 0
    }
}

.news-city .news-city-item .news-city-item {
    margin-right: 0;
    margin-bottom: 0
}

.news-city .news-city-item:nth-child(2) {
    flex: 1
}

.news-city .news-city-item:nth-child(3) {
    margin: 10px auto
}

@media only screen and (min-width:992px) {
    .news-city .news-city-item:nth-child(3) {
        flex: 0 0 216px;
        margin-left: 30px
    }
}

.news-city .news-city-item .news-city-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

    .news-city .news-city-item .news-city-list li {
        flex: 0 1 44.44%;
        margin-right: 5.56%;
        margin-bottom: 23px
    }

@media only screen and (max-width:991px) {
    .news-city .news-city-item .news-city-list li {
        flex: 1 1 100%;
        margin-right: 0
    }
}

.news-city-list {
    padding: 0;
    list-style: none;
    margin-bottom: 45px
}

    .news-city-list li {
        margin-bottom: 20px
    }

    .news-city-list .title-small {
        margin: 0 0 4px 0
    }

    .news-city-list .news-data {
        margin-top: 0;
        margin-bottom: 8px
    }

.title-dec {
    font-size: 36px;
    line-height: 1.1;
    color: #000;
    display: block;
    font-weight: 400;
    font-family: VinnytsiaSerif;
    margin-bottom: 20px
}

@media only screen and (max-width:991px) {
    .title-dec {
        font-size: 24px
    }
}

@media only screen and (max-width:991px) {
    .news-city-main {
        max-width: 216px;
        margin: 0 auto 15px
    }
}

.news-city-main .title-dec {
    margin-top: 0;
    margin-bottom: 15px
}

.news-city-main-desc {
    background-color: #fffbe9;
    padding: 10px 15px
}

.search-main {
    position: relative
}

    .search-main .search-input {
        padding-right: 120px
    }

@media only screen and (max-width:540px) {
    .search-main .search-input {
        padding-right: 40px
    }
}

@media only screen and (max-width:412px) {
    .search-main .search-input::-webkit-input-placeholder {
        opacity: 0
    }
}

@media only screen and (max-width:412px) {
    .search-main .search-input::-moz-placeholder {
        opacity: 0
    }
}

@media only screen and (max-width:412px) {
    .search-main .search-input:-ms-input-placeholder {
        opacity: 0
    }
}

.search-main .search-btn {
    position: absolute;
    right: 15px;
    top: 18px;
    outline: 0
}

@media only screen and (max-width:540px) {
    .search-main .search-btn {
        right: 8px
    }
}

@media only screen and (max-width:540px) {
    .search-main .search-btn span {
        display: none
    }
}

.input, .search-input, .select-main .select2-container--default .select2-selection--single {
    background-color: #f2f7fb;
    width: 100%;
    box-sizing: border-box;
    height: 56px;
    padding: 15px 20px 11px;
    line-height: 1;
    border: 0;
    border-bottom: 2px solid #000;
    font-size: 18px;
    color: #000;
    outline: 0
}

.search-btn {
    border: none;
    padding: 0;
    background: 0 0;
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #000
}

    .search-btn img {
        width: 24px;
        content: url(../img/icn-enter-key.svg)
    }

    .search-btn span {
        margin-left: 13px
    }

.services {
    display: flex;
    flex-wrap: wrap;
    margin-left: -3.4%;
    padding-bottom: 1px
}

    .services .services-item {
        margin-left: 3.4%;
        border-bottom: 2px solid #80b5e0;
        flex: 0 1 100%;
        padding-bottom: 15px;
        margin-bottom: 30px
    }

@media only screen and (min-width:468px) {
    .services .services-item {
        flex: 0 1 46.6%
    }
}

@media only screen and (min-width:992px) {
    .services .services-item {
        flex: 0 1 29.9%
    }
}

@media only screen and (min-width:1200px) {
    .services .services-item {
        flex: 0 1 21.6%
    }
}

.services .services-item .img-bl {
    width: 100%;
    height: 200px;
    max-height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: middle
}

.services .services-item .title-bloks {
    padding-top: 20px;
    font-size: 20px;
    margin-bottom: 20px
}

    .services .services-item .title-bloks a {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding-right: 32px;
        position: relative
    }

    .services .services-item .title-bloks .long-arrow-right {
        position: absolute;
        right: 3px;
        top: 7px
    }

.services__second .services-item {
    border-top: 2px solid #80b5e0;
    border-bottom: none
}

    .services__second .services-item .title-bloks, .services__second .services-item p {
        margin-bottom: 15px
    }

.title-main, h1.title-main {
    font-size: 48px;
    line-height: 1.3;
    font-weight: 400;
    font-family: VinnytsiaSerif;
    color: #000;
    margin: 30px auto
}

    .title-main.title-main--big, h1.title-main.title-main--big {
        font-size: 56px
    }

@media only screen and (max-width:991px) {
    .title-main.title-main--big, h1.title-main.title-main--big {
        font-size: 36px
    }
}

@media only screen and (max-width:420px) {
    .title-main.title-main--big, h1.title-main.title-main--big {
        font-size: 30px
    }
}

.title-main.title-main--bigger, h1.title-main.title-main--bigger {
    margin-top: 10px;
    font-size: 64px;
    line-height: 1.1
}

@media only screen and (max-width:991px) {
    .title-main.title-main--bigger, h1.title-main.title-main--bigger {
        font-size: 36px
    }
}

@media only screen and (max-width:420px) {
    .title-main.title-main--bigger, h1.title-main.title-main--bigger {
        font-size: 30px
    }
}

@media only screen and (max-width:991px) {
    .title-main, h1.title-main {
        font-size: 36px
    }
}

@media only screen and (max-width:420px) {
    .title-main, h1.title-main {
        font-size: 30px
    }
}

h2 {
    font-size: 34px;
    line-height: 1.3;
    font-weight: 400;
    font-family: VinnytsiaSerif;
    color: #000;
    margin: 20px 0
}

    h2.title-second {
        font-size: 28px;
        font-family: VinnytsiaSansReg
    }

@media only screen and (min-width:992px) {
    h2.title-second {
        font-size: 36px
    }
}

h3.title-second {
    line-height: 1.3;
    font-weight: 400;
    color: #000;
    margin: 20px 0;
    font-size: 28px;
    font-family: VinnytsiaSansReg
}

@media only screen and (min-width:992px) {
    h3.title-second {
        font-size: 36px
    }
}

@media only screen and (max-width:991px) {
    h2 {
        font-size: 26px
    }
}

.main-content-center {
    flex: 1
}

    .main-content-center h1 {
        margin: 30px auto;
        font-size: 48px;
        line-height: 1.1;
        font-weight: 400;
        font-family: VinnytsiaSerif;
        color: #000
    }

@media only screen and (max-width:991px) {
    .main-content-center h1 {
        font-size: 36px
    }
}

.main-content-center h1.title-main--big {
    font-size: 56px;
    margin: 15px 0 39px
}

@media only screen and (max-width:991px) {
    .main-content-center h1.title-main--big {
        font-size: 36px
    }
}

.main-content-center p {
    margin: 20px auto;
    font-size: 20px;
    line-height: 1.5;
    color: #000;
    font-weight: 400;
    font-family: VinnytsiaSansReg
}

@media only screen and (max-width:991px) {
    .main-content-center p {
        font-size: 16px
    }
}

.main-content-center > div > img {
    max-width: 100%;
    display: block;
    margin: 20px auto
}

.main-content-center.main-content--news-list + .main-aside {
    margin-left: 98px;
    width: 424px;
    flex: 0 1 424px
}

@media only screen and (max-width:1199px) {
    .main-content-center.main-content--news-list + .main-aside {
        margin-left: 50px;
        flex: 0 1 400px
    }
}

.main-content-center.main-content--news-list h2 {
    font-size: 23px;
    margin-top: 0
}

@media only screen and (min-width:992px) {
    .main-content-center.main-content--news-list h2 {
        font-size: 36px
    }
}

@media only screen and (min-width:992px) {
    .main-content-center.main-content--city-admin {
        padding-right: 40px
    }
}

.main-content-center.main-content--city-admin .main-content-inner {
    margin: 0;
    max-width: 696px
}

.main-content-center.main-content--city-admin + .main-aside {
    margin-left: 0;
    width: 424px;
    flex: 0 1 424px
}

@media only screen and (max-width:1199px) {
    .main-content-center.main-content--city-admin + .main-aside {
        flex: 0 1 320px;
        margin-left: 20px
    }
}

.main-content-center.main-content--city-admin + .main-aside .persons {
    margin-top: 170px
}

.main-content-center.main-content--stock .main-content-inner {
    margin: 0;
    max-width: 670px
}

.main-content-center.main-content--stock + .main-aside {
    margin-left: 0;
    width: 424px;
    flex: 0 1 424px
}

.main-content-center.main-content--stock h3 {
    font-size: 27px;
    line-height: 1.3;
    color: #000;
    font-weight: 400;
    font-family: VinnytsiaSansReg
}

.main-content-center > img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 30px auto
}

.main-content-center.align-right > .reg-block, .main-content-center.align-right > div, .main-content-center.align-right > h2, .main-content-center.align-right > p {
    margin-left: 240px
}

@media only screen and (max-width:1199px) {
    .main-content-center.align-right > .reg-block, .main-content-center.align-right > div, .main-content-center.align-right > h2, .main-content-center.align-right > p {
        margin-left: 0
    }
}

.art-content .main-aside {
    margin-left: 90px;
    width: 424px;
    flex: 0 0 424px
}

    .art-content .main-aside > img {
        max-width: 100%
    }

.art-content .title-category {
    margin-bottom: 10px
}

.art-content__second .main-content {
    padding-top: 1px
}

.art-content__second > .container > .title-second {
    margin-top: 0
}

.art-content__second .title-second {
    margin-top: 35px
}

.desc-info {
    display: block;
    font-size: 24px;
    margin: 0 0 30px;
    line-height: 1.5;
    color: #000;
    font-family: VinnytsiaSansReg;
    font-weight: 400
}

@media only screen and (max-width:481px) {
    .desc-info {
        font-size: 20px;
        margin: 0 0 20px;
        line-height: 1.3
    }
}

.link-art {
    font-size: 22px;
    line-height: 1.2;
    color: #000;
    font-family: VinnytsiaSansReg;
    font-weight: 400;
    align-items: flex-start;
    text-decoration: none;
    position: relative
}

    .link-art:focus, .link-art:hover {
        color: #000;
        text-decoration: none
    }

    .link-art span {
        text-decoration: underline;
        margin-right: 20px
    }

    .link-art .icon-external {
        position: relative;
        top: -3px
    }

    .link-art .icon-external, .link-art .long-arrow-right {
        margin-left: 25px
    }

    .link-art .long-arrow-right {
        border-bottom: 0
    }

        .link-art .long-arrow-right.short {
            margin-top: 1px;
            margin-left: 0
        }

.link-art__decor {
    text-decoration: underline
}

.link-art__copy {
    padding-right: 30px;
    display: block
}

    .link-art__copy .icon-copy {
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0
    }

.link-art__show-more {
    padding-right: 0;
    padding-left: 64px;
    display: inline-flex
}

    .link-art__show-more.active .long-arrow-right.short {
        bottom: auto;
        top: 0;
        transform: rotate(-315deg)
    }

    .link-art__show-more .long-arrow-right.short {
        position: absolute;
        right: auto;
        top: auto;
        bottom: 4px;
        left: 0;
        transform: rotate(225deg);
        margin-left: 0
    }

    .link-art__show-more span {
        text-decoration: none;
        border-bottom: 2px solid #ccc;
        line-height: .9
    }

.link-art__show-all {
    padding-right: 0;
    display: inline-flex
}

    .link-art__show-all.active span:first-child {
        transform: rotate(-180deg)
    }

    .link-art__show-all span:first-child {
        margin-right: 40px;
        top: 0;
        width: 24px;
        height: 24px;
        background: url(../img/icn-miniarrow-180.svg)
    }

    .link-art__show-all span:last-child {
        height: 28px;
        text-decoration: none;
        border-bottom: 2px solid #ccc;
        line-height: 28px
    }

.link-art[dir=rtl] {
    font-family: AlmoniRegular;
    font-size: 26px
}

.lnk-language {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

    .lnk-language svg {
        margin-right: 24px
    }

    .lnk-language:last-child {
        margin-bottom: 0
    }

.link-small {
    font-size: 22px;
    line-height: 1;
    color: #000;
    font-family: VinnytsiaSansReg;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    text-decoration: underline
}

    .link-small:focus, .link-small:hover {
        color: #000;
        text-decoration: none
    }

    .link-small:hover {
        text-decoration: none
    }

.list-actions {
    padding: 0;
    list-style: none;
    margin: 30px 0
}

    .list-actions.list-actions--gray {
        margin-top: 64px
    }

        .list-actions.list-actions--gray > li {
            border-top: 2px solid #d0d0d0;
            padding-bottom: 0;
            margin-top: 64px
        }

            .list-actions.list-actions--gray > li:last-child {
                margin-bottom: 0
            }

    .list-actions > li {
        padding: 15px 0 30px;
        border-top: 2px solid #000
    }

        .list-actions > li .title-second {
            margin-top: 19px
        }

        .list-actions > li > .title-bloks--sm {
            margin-top: 4px
        }

.city-bodies {
    display: flex
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .city-bodies {
        flex-wrap: wrap
    }
}

@media only screen and (max-width:842px) {
    .city-bodies {
        flex-wrap: wrap
    }
}

.city-bodies-head {
    flex: 0 1 336px;
    margin-right: 24px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .city-bodies-head {
        flex: 1 1 100%;
        margin-right: 0;
        margin-top: 20px
    }
}

@media only screen and (max-width:842px) {
    .city-bodies-head {
        flex: 1 1 100%;
        margin-right: 0;
        margin-top: 20px
    }
}

.city-bodies-head img {
    display: block;
    margin: auto;
    height: auto;
    max-width: 100%
}

.city-bodies-head .photos__depart .photos-img {
    box-shadow: none;
    flex: 0 0 84px;
    width: 84px;
    height: 84px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 12px
}

.city-bodies-head .photos .photos-not {
    margin-right: 0
}

.city-bodies-head .photos {
    margin-top: 25px
}

.city-bodies-desc {
    flex: 1;
    max-width: 534px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .city-bodies-desc {
        flex: 1 1 100%
    }
}

@media only screen and (max-width:842px) {
    .city-bodies-desc {
        flex: 1 1 100%
    }
}

.city-bodies-desc .link-art {
    margin-top: 10px
}

.city-bodies-desc .list-resources {
    margin-top: 30px;
    margin-bottom: 20px
}

    .city-bodies-desc .list-resources .title-info {
        font-size: 22px
    }

.city-bodies-num {
    display: inline-block;
    color: #80b5e0;
    font-size: 160px;
    line-height: 1;
    font-weight: 400;
    font-family: VinnytsiaSansReg
}

@media only screen and (max-width:842px) {
    .city-bodies-num {
        display: block;
        text-align: center;
        font-size: 120px
    }
}

.city-confirm h4 {
    font-size: 27px;
    line-height: 1.3;
    color: #000;
    font-weight: 400;
    font-family: VinnytsiaSansReg;
    margin-bottom: 24px
}

@media only screen and (max-width:991px) {
    .city-confirm h4 {
        font-size: 26px
    }
}

@media only screen and (max-width:767px) {
    .city-confirm .btn-confirms {
        margin-bottom: 20px
    }
}

.city-confirm p {
    margin: 20px auto;
    font-size: 20px;
    line-height: 1.5;
    color: #000;
    font-weight: 400;
    font-family: VinnytsiaSansReg;
    margin-top: 0
}

@media only screen and (max-width:991px) {
    .city-confirm p {
        font-size: 16px
    }
}

.btn-confirms, a.btn-confirms {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    line-height: 1;
    padding: 20px 20px;
    background-color: #cfd8e0;
    color: #000;
    font-weight: 400;
    margin-right: 30px;
    text-decoration: none
}

@media only screen and (max-width:480px) {
    .btn-confirms, a.btn-confirms {
        margin-right: 10px
    }
}

.btn-confirms span, .btn-confirms svg, a.btn-confirms span, a.btn-confirms svg {
    display: inline-block;
    vertical-align: middle
}

.btn-confirms svg, a.btn-confirms svg {
    position: relative;
    margin-right: 5px
}

.btn-confirms.btn-confirms--active, a.btn-confirms.btn-confirms--active {
    background-color: #000;
    color: #fff
}

    .btn-confirms.btn-confirms--active svg path, a.btn-confirms.btn-confirms--active svg path {
        fill: #fff
    }

.city-btn-group {
    font-size: 0;
    margin-bottom: 10px
}

    .city-btn-group a {
        display: inline-block;
        vertical-align: middle
    }

.info-block {
    padding: 24px 30px 33px;
    border: 1px solid transparent;
    position: relative;
    margin-bottom: 30px
}

    .info-block h2 {
        font-size: 24px;
        line-height: 1.3;
        color: #000;
        font-weight: 400;
        font-family: VinnytsiaSansReg;
        margin-top: 0
    }

    .info-block p {
        font-size: 18px;
        line-height: 1.5;
        color: #000;
        display: block;
        font-weight: 400;
        font-family: VinnytsiaSansReg;
        margin-top: 0
    }

    .info-block.info-block--cloud:before {
        content: " ";
        background: url(../img/corner.png) 0 0 no-repeat;
        width: 58px;
        height: 66px;
        display: block;
        position: absolute;
        top: 60px;
        left: -59px
    }

    .info-block .list-groups--monitor {
        margin-bottom: 0
    }

.info-block__executor {
    margin-top: -43px
}

.info-block__inner {
    margin-bottom: 40px
}

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

    .list-info-link li {
        margin-bottom: 20px;
        position: relative;
        padding-left: 45px
    }

        .list-info-link li:last-child {
            margin-bottom: 0
        }

    .list-info-link .link-art {
        font-size: 20px;
        line-height: 1.4;
        position: static
    }

        .list-info-link .link-art .long-arrow-right {
            margin-left: 0;
            margin-right: 0;
            position: absolute;
            left: 8px;
            top: 4px;
            right: auto
        }

        .list-info-link .link-art.active .long-arrow-right {
            left: 18px
        }

            .list-info-link .link-art.active .long-arrow-right.short:after {
                height: 32px;
                transform: rotate(-45deg) translate(10px,3px)
            }

        .list-info-link .link-art span {
            border-bottom: none;
            text-decoration: none
        }

.main-content-inner {
    max-width: 700px;
    margin: auto
}

.main-content-inner__left {
    margin-left: 0
}

.picture-gerb {
    position: relative
}

    .picture-gerb:before {
        content: '';
        background-image: url(../img/logo-main.png);
        background-repeat: no-repeat;
        background-position: center top;
        position: absolute;
        top: -17px;
        right: -10px;
        bottom: 0;
        opacity: .1;
        background-size: contain;
        width: 450px;
        height: 539px;
        max-width: 100%
    }

@media only screen and (max-width:768px) {
    .picture-gerb:before {
        right: 0
    }
}

.picture-gerb > div {
    position: relative
}

.main-content {
    padding: 1px 0 20px;
    display: flex
}

    .main-content .main-content-inner ol, .main-content .main-content-inner ul:not(.links-group):not(.list-actions):not(.list-resources):not(.resp-tabs-list) {
        margin: 30px 0 15px
    }

        .main-content .main-content-inner ol li, .main-content .main-content-inner ul:not(.links-group):not(.list-actions):not(.list-resources):not(.resp-tabs-list) li {
            font-size: 20px;
            line-height: 1.5;
            color: #000;
            display: block;
            font-weight: 400;
            font-family: VinnytsiaSansReg;
            margin-bottom: 30px;
            position: relative;
            padding-left: 40px
        }

@media only screen and (max-width:481px) {
    .main-content .main-content-inner ol li, .main-content .main-content-inner ul:not(.links-group):not(.list-actions):not(.list-resources):not(.resp-tabs-list) li {
        font-size: 18px
    }
}

.main-content .main-content-inner ul:not(.links-group):not(.list-actions):not(.list-resources):not(.resp-tabs-list) {
    padding: 0
}

    .main-content .main-content-inner ul:not(.links-group):not(.list-actions):not(.list-resources):not(.resp-tabs-list) li:before {
        content: "";
        position: absolute;
        left: 0;
        border: solid #000;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 6px 3px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        margin-top: 5px
    }

.main-content .main-content-inner ol {
    counter-reset: my-awesome-counter;
    list-style: none;
    padding: 0
}

    .main-content .main-content-inner ol > li {
        counter-increment: my-awesome-counter
    }

        .main-content .main-content-inner ol > li:before {
            content: "0" counter(my-awesome-counter) ".";
            font-size: 16px;
            color: rgba(0,0,0,.5);
            line-height: 1.5;
            position: absolute;
            top: 5px;
            left: 0
        }

.main-content__p0 {
    padding: 0
}

.main-content__tab-group .info-block {
    margin-top: 50px
}

.main-content__fixed {
    display: block
}

    .main-content__fixed:after {
        content: "";
        display: table;
        clear: both
    }

    .main-content__fixed .main-aside, .main-content__fixed .main-content-center {
        flex: inherit
    }

@media only screen and (min-width:992px) and (max-width:1199px) {
    .main-content__fixed .main-content-center {
        width: 45%
    }
}

@media only screen and (min-width:1200px) {
    .main-content__fixed .main-content-center {
        width: 64%
    }
}

@media only screen and (min-width:1200px) {
    .main-content__fixed .main-content-center h2.title-info {
        margin-top: 40px
    }
}

.main-content__fixed .main-aside {
    float: right
}

.main-content__fixed .main-content-inner {
    max-width: inherit;
    margin: auto
}

    .main-content__fixed .main-content-inner .main-content-inner .main-content-inner {
        max-width: 700px;
        margin: 0 auto
    }

@media only screen and (min-width:1200px) {
    .main-content__universal .title-info {
        margin-top: 24px
    }
}

@media only screen and (min-width:1200px) {
    .main-content__universal .title-second {
        margin-top: 42px
    }
}

.main-content__universal .city-bodies-head .title-info, .main-content__universal .city-bodies-head .title-second {
    margin-top: 20px
}

.main-content__universal .list-actions {
    margin-bottom: 0
}

    .main-content__universal .list-actions li:last-child {
        padding-bottom: 0;
        margin-bottom: 0
    }

.main-content__universal .list-actions--gray {
    margin-bottom: 64px
}

.main-aside {
    width: 336px;
    flex: 0 1 336px;
    margin-left: 144px
}

@media only screen and (max-width:991px) {
    .main-aside {
        display: none
    }
}

.main-aside > h3 {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 400;
    margin-bottom: 25px
}

.main-aside .list-actions > li {
    margin-bottom: 24px
}

.news-aside-info {
    margin: 20px 0 35px 0;
    padding: 18px 24px 5px;
    background-color: #f2f7fb
}

    .news-aside-info p {
        font-size: 18px;
        line-height: 1.5;
        margin: 0 0 10px 0
    }

.aside-info {
    margin: 0 0 35px 0;
    padding: 25px 32px 1px
}

.aside-info__topImg {
    margin-top: 85px
}

.ImgQuin {
    position: relative;
    margin-bottom: 20px
}

    .ImgQuin > img {
        margin-top: -150px;
        padding-top: 0;
        max-width: 100%;
        height: auto
    }

    .ImgQuin .ImgQuin-exp {
        position: absolute;
        right: -10px;
        bottom: 0
    }

.links-group {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0 -24px 0;
    padding: 0 0 1px 0;
    list-style: none
}

    .links-group li {
        margin-bottom: 24px
    }

        .links-group li:nth-child(2n+1) {
            flex: 0 1 360px
        }

@media only screen and (min-width:992px) and (max-width:1199px) {
    .links-group li {
        flex: 1 1 100%
    }
}

@media only screen and (max-width:842px) {
    .links-group li {
        flex: 1 1 100%
    }
}

.days, .years_ln {
    position: relative;
    margin-bottom: 35px
}

    .days:before, .years_ln:before {
        content: " ";
        height: 2px;
        width: 100%;
        background-color: #000;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 7px
    }

    .days span, .years_ln span {
        position: relative;
        padding: 5px 10px 0 0;
        display: inline-block;
        line-height: 1;
        font-size: 24px;
        text-transform: capitalize;
        background-color: #fff
    }

.tag-gray {
    font-size: 18px;
    line-height: 1.3;
    color: rgba(0,0,0,.6);
    display: inline-block;
    font-weight: 400;
    font-family: VinnytsiaSansReg
}

.tag-gray__sm {
    font-size: 16px;
    color: rgba(0,0,0,.6)
}

.contact-gr {
    margin: 20px 0 10px
}

    .contact-gr > div {
        padding-left: 30px;
        position: relative;
        margin-bottom: 13px
    }

        .contact-gr > div::before {
            content: "";
            width: 23px;
            height: 23px;
            background-size: contain;
            position: absolute;
            left: 0;
            top: 0
        }

.contact-gr__depart > div {
    padding-left: 46px
}

.contact-gr strong {
    font-size: 18px;
    line-height: 1.3;
    color: #000;
    display: block;
    font-weight: 400;
    font-family: VinnytsiaSansReg;
    margin-bottom: 6px
}

.contact-gr .contact-gr-loc::before {
    background: url(../img/loc.svg) 0 0 no-repeat;
    background-size: contain
}

.contact-gr .contact-gr-ph::before {
    background: url(../img/sellphone.svg) 0 0 no-repeat;
    background-size: contain
}

.contact-gr .contact-gr-letter::before {
    background: url(../img/email.svg) 0 0 no-repeat;
    background-size: contain
}

.term-badge {
    margin: 20px 0
}

    .term-badge > a {
        display: inline-block;
        vertical-align: middle;
        margin: 0 8px 8px 0
    }

.badge.badge-secondary, span.badge.badge-secondary {
    border-radius: 0;
    line-height: 1;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .53px;
    color: #000;
    font-weight: 400;
    background-color: #e6f0f9;
    padding: 7px 7px 4px;
    word-break: break-word;
    white-space: normal;
    text-align: left
}

    .badge.badge-secondary span, span.badge.badge-secondary span {
        display: inline;
        font-size: inherit
    }

    .badge.badge-secondary i, span.badge.badge-secondary i {
        display: none
    }

@media only screen and (max-width:499px) {
    .slider-action.owl-carousel {
        padding-right: 20px
    }
}

.slider-action.owl-carousel.owl-theme .owl-dots {
    max-width: 1416px;
    width: 100%;
    display: flex;
    margin-top: 40px;
    justify-content: center;
    padding: 0 250px
}

@media only screen and (min-width:992px) and (max-width:1820px) {
    .slider-action.owl-carousel.owl-theme .owl-dots {
        padding: 0 340px
    }
}

@media only screen and (max-width:991px) {
    .slider-action.owl-carousel.owl-theme .owl-dots {
        padding: 0 20%
    }
}

.slider-action.owl-carousel.owl-theme .owl-dots span {
    display: none
}

.slider-action.owl-carousel.owl-theme .owl-dots .owl-dot {
    height: 2px;
    background-color: #cbaaac;
    flex: 1;
    margin: 5px 0;
    outline: 0;
    border-radius: 0
}

    .slider-action.owl-carousel.owl-theme .owl-dots .owl-dot.active {
        background-color: #000
    }

.slider-action.owl-carousel .owl-stage-outer {
    overflow: inherit
}

.slider-action.owl-carousel .owl-stage {
    display: flex
}

    .slider-action.owl-carousel .owl-stage .owl-item {
        float: none;
        background-color: #fff;
        flex-grow: 0;
        flex-shrink: 0;
        display: flex;
        box-sizing: border-box
    }

        .slider-action.owl-carousel .owl-stage .owl-item > a {
            text-decoration: none
        }

        .slider-action.owl-carousel .owl-stage .owl-item .slider-action-item {
            padding: 21px 28px 31px
        }

@media only screen and (max-width:991px) {
    .slider-action.owl-carousel .owl-stage .owl-item .slider-action-item {
        padding: 15px 20px
    }
}

.slider-action.owl-carousel .owl-stage .owl-item .city {
    margin-top: auto
}

.slider-action.owl-carousel .owl-stage .owl-item .title-small {
    margin-bottom: 30px
}

.slider-action.owl-carousel .slider-images img.img-bl {
    height: 220px;
    max-height: 220px;
    max-width: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.slider-action .slider-action-item {
    display: flex;
    flex-direction: column
}

    .slider-action .slider-action-item > a:focus, .slider-action .slider-action-item > a:hover {
        color: #000;
        text-decoration: none
    }

    .slider-action .slider-action-item .slider-data .data-num {
        line-height: 77px
    }

    .slider-action .slider-action-item .slider-data .slider-data-desc .data-month {
        line-height: 29px
    }

.slider-images {
    margin: 0 -28px 24px
}

@media only screen and (max-width:991px) {
    .slider-images {
        margin: 0 -20px 15px
    }
}

.slider-images img {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto
}

.slider-images__corner {
    position: relative;
    height: 292px;
    display: flex
}

    .slider-images__corner::after, .slider-images__corner:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        right: 0
    }

    .slider-images__corner:before {
        width: 73px;
        height: 73px;
        background-color: #000
    }

    .slider-images__corner:after {
        border: 36px solid transparent;
        border-right: 36px solid #95efba;
        border-bottom: 36px solid #95efba
    }

    .slider-images__corner img, .slider-images__corner img.img-bl {
        max-width: 100%;
        max-height: 100%;
        vertical-align: middle;
        display: inline-block;
        margin: auto;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.slider-data {
    display: flex;
    align-items: flex-start;
    padding-bottom: 10px
}

.data-num {
    font-size: 64px;
    letter-spacing: -.8px;
    line-height: 1;
    font-weight: 400;
    font-family: VinnytsiaSerif;
    color: #000
}

@media only screen and (max-width:991px) {
    .data-num {
        font-size: 40px
    }
}

.data-month {
    font-size: 21px;
    line-height: 1;
    margin-bottom: 10px
}

@media only screen and (max-width:991px) {
    .data-month {
        font-size: 16px;
        margin-bottom: 4px
    }
}

.slider-data-desc {
    margin-left: 17px;
    color: #000
}

.data-clock {
    display: flex;
    align-items: center;
    line-height: 1;
    font-size: 18px
}

@media only screen and (max-width:991px) {
    .data-clock {
        font-size: 14px
    }
}

.data-clock svg {
    position: relative;
    top: -2px;
    margin-right: 10px
}

.city {
    font-size: 16px;
    line-height: 1;
    display: flex;
    align-items: center
}

    .city svg {
        flex: 0 1 20px
    }

    .city span {
        flex: 1;
        margin-left: 8px
    }

.slider-link {
    position: relative;
    z-index: 1
}

@media only screen and (max-width:991px) {
    .slider-link {
        text-align: right;
        padding-top: 10px
    }
}

@media only screen and (max-width:767px) {
    .slider-link {
        text-align: left;
        padding-left: 13px
    }
}

.slider-link .link-more {
    position: absolute;
    right: 17px;
    top: -20px
}

@media only screen and (max-width:991px) {
    .slider-link .link-more {
        position: relative;
        right: auto;
        top: auto
    }
}

.slider-link .link-more .long-arrow-right {
    margin-left: 19px
}

.news-list h2 {
    margin-bottom: 5px
}

.news-list .news-list-group {
    margin-bottom: 20px
}

@media only screen and (min-width:769px) {
    .news-list .news-list-group {
        margin-bottom: 40px
    }
}

@media only screen and (min-width:769px) {
    .news-list .news-list-group .news-city-list {
        margin: 0 -2% 0 0
    }
}

.news-list .news-list-group .news-city-list li {
    float: right
}

@media only screen and (min-width:769px) {
    .news-list .news-list-group .news-city-list li {
        width: 46%;
        margin: 0 4% 30px 0
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .news-list .news-list-group .news-city-list li {
        width: 100%
    }
}

.news-list .news-list-group .news-city-list li:first-child {
    padding-left: 0
}

@media only screen and (min-width:769px) {
    .news-list .news-list-group .news-city-list li:first-child {
        width: 44%;
        margin-right: 6%;
        float: left
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .news-list .news-list-group .news-city-list li:first-child {
        width: 100%
    }
}

.news-list .days {
    margin-bottom: 35px
}

.news-list .img-bl {
    margin-bottom: 15px
}

.news-list .title-middle {
    margin: 10px 0
}

.news-list .news-city-list .title-small {
    margin: 0 0 10px 0
}

.news-list-group {
    overflow: hidden
}

@media only screen and (min-width:769px) {
    .news-list-group {
        margin-bottom: 30px
    }
}

.news-list-group .news-hor .news-data {
    margin-top: 10px
}

.news-list-group .news-hor > a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 8px 0
}

@media only screen and (min-width:769px) {
    .news-list-group .news-city-list {
        margin: 0 -2%
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .news-list-group .news-city-list {
        margin: 0
    }
}

.news-list-group .news-city-list li {
    float: left;
    width: 100%;
    margin: 0 0 20px
}

@media only screen and (min-width:769px) {
    .news-list-group .news-city-list li {
        width: 42%;
        margin: 0 2% 10px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .news-list-group .news-city-list li {
        width: 100%
    }
}

@media only screen and (min-width:769px) {
    .news-list-group .news-city-list li:first-child {
        width: 46%
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .news-list-group .news-city-list li:first-child {
        width: 100%
    }
}

.bread-crumbs {
    display: block;
    margin: 10px 0 5px;
    padding: 0 0 1px 0
}

    .bread-crumbs li a {
        text-decoration: none;
        font-size: 16px;
        color: #000;
        line-height: 1.2;
        display: inline-flex;
        vertical-align: middle
    }

        .bread-crumbs li a:hover span:first-child {
            text-decoration: underline
        }

        .bread-crumbs li a > span:last-child {
            margin: 0 0 0 10px;
            font-size: 20px;
            line-height: 1
        }

    .bread-crumbs li {
        display: inline-block;
        margin: 0 5px 10px 0
    }

        .bread-crumbs li span {
            font-size: 16px;
            color: #000;
            text-decoration: none;
            display: inline-block;
            vertical-align: middle
        }

.list-groups {
    margin: 20px -3%;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0
}

    .list-groups > a {
        text-decoration: none
    }

    .list-groups li, .list-groups > a {
        margin: 0 3% 30px
    }

    .list-groups .title-bloks.title-bloks--sm {
        margin-bottom: 13px
    }

    .list-groups .tag-gray {
        display: block;
        margin-bottom: 10px
    }

    .list-groups.list-groups--border-top li, .list-groups.list-groups--border-top > div {
        border-top: 2px solid #000
    }

    .list-groups.list-groups--border-blue-top li, .list-groups.list-groups--border-blue-top > div {
        border-top: 2px solid #80b5e0
    }

    .list-groups.list-groups--two li, .list-groups.list-groups--two > div {
        flex: 0 1 44%;
        margin: 0 3% 15px
    }

@media only screen and (max-width:580px) {
    .list-groups.list-groups--two li, .list-groups.list-groups--two > div {
        flex: 1 1 100%
    }
}

.list-groups.list-groups--quat {
    margin: 0 -1.5% 35px
}

    .list-groups.list-groups--quat li, .list-groups.list-groups--quat > a {
        flex: 0 1 22%;
        margin: 0 1.5% 35px
    }

@media only screen and (max-width:1199px) {
    .list-groups.list-groups--quat li, .list-groups.list-groups--quat > a {
        flex: 0 1 30.3%;
        margin-bottom: 30px
    }
}

@media only screen and (max-width:991px) {
    .list-groups.list-groups--quat li, .list-groups.list-groups--quat > a {
        flex: 0 1 47%;
        margin-bottom: 30px
    }
}

@media only screen and (max-width:580px) {
    .list-groups.list-groups--quat li, .list-groups.list-groups--quat > a {
        flex: 0 1 100%
    }
}

.list-groups.list-groups--quat.list-groups__progect {
    margin: 0 -.85%
}

@media only screen and (max-width:991px) {
    .list-groups.list-groups--quat.list-groups__progect {
        margin: 0 -1.5%
    }
}

.list-groups.list-groups--quat.list-groups__progect > a, .list-groups.list-groups--quat.list-groups__progect > div, .list-groups.list-groups--quat.list-groups__progect > li {
    flex: 0 1 23.3%;
    margin: 0 .85% 24px
}

@media only screen and (max-width:1199px) {
    .list-groups.list-groups--quat.list-groups__progect > a, .list-groups.list-groups--quat.list-groups__progect > div, .list-groups.list-groups--quat.list-groups__progect > li {
        flex: 0 1 31.6%;
        margin-bottom: 16px
    }
}

@media only screen and (max-width:991px) {
    .list-groups.list-groups--quat.list-groups__progect > a, .list-groups.list-groups--quat.list-groups__progect > div, .list-groups.list-groups--quat.list-groups__progect > li {
        flex: 0 1 47%;
        margin: 0 1.5% 24px
    }
}

@media only screen and (max-width:580px) {
    .list-groups.list-groups--quat.list-groups__progect > a, .list-groups.list-groups--quat.list-groups__progect > div, .list-groups.list-groups--quat.list-groups__progect > li {
        flex: 0 1 100%;
        margin-bottom: 20px
    }
}

.list-groups.list-groups--quat.list-groups__progect .slider-images__corner img, .list-groups.list-groups--quat.list-groups__progect .slider-images__corner img.img-bl {
    max-width: 100%;
    width: 100%
}

.list-groups.list-groups--three li {
    flex: 0 1 27.3%
}

    .list-groups.list-groups--three li:nth-child(1) .title-bloks.title-bloks--sm .long-arrow-right, .list-groups.list-groups--three li:nth-child(2) .title-bloks.title-bloks--sm .long-arrow-right, .list-groups.list-groups--three li:nth-child(3) .title-bloks.title-bloks--sm .long-arrow-right {
        transform: rotate(90deg)
    }

@media only screen and (max-width:991px) {
    .list-groups.list-groups--three li {
        flex: 0 1 44%
    }
}

@media only screen and (max-width:580px) {
    .list-groups.list-groups--three li {
        flex: 0 1 100%
    }
}

.list-groups__actions {
    margin-bottom: 0
}

    .list-groups__actions li {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        padding: 20px 20px
    }

@media only screen and (min-width:992px) {
    .list-groups__actions li {
        padding: 20px 28px
    }
}

.list-groups__actions li > a:focus, .list-groups__actions li > a:hover {
    color: #000;
    text-decoration: none
}

.list-groups__actions li .title-small {
    margin-bottom: 40px
}

.list-groups__actions li .city {
    margin-top: auto
}

.list-groups__progect li, .list-groups__progect > a {
    display: flex;
    flex-direction: column;
    background-color: #95efba;
    padding: 0 20px 20px
}

@media only screen and (min-width:992px) {
    .list-groups__progect li, .list-groups__progect > a {
        padding: 0 28px 20px
    }
}

.list-groups__progect li.simple-item, .list-groups__progect > a.simple-item {
    position: relative;
    padding-top: 20px;
    min-height: 216px
}

.list-groups__progect li.simple-item__corner:after, .list-groups__progect li.simple-item__corner:before, .list-groups__progect > a.simple-item__corner:after, .list-groups__progect > a.simple-item__corner:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0
}

.list-groups__progect li.simple-item__corner:before, .list-groups__progect > a.simple-item__corner:before {
    width: 48px;
    height: 48px;
    background-color: #000
}

.list-groups__progect li.simple-item__corner:after, .list-groups__progect > a.simple-item__corner:after {
    border: 24px solid transparent;
    border-right: 24px solid #fff;
    border-bottom: 24px solid #fff
}

.list-groups__progect li.simple-item__corner .group-items-recital, .list-groups__progect > a.simple-item__corner .group-items-recital {
    padding-right: 20px
}

.list-groups__progect li .title-small, .list-groups__progect > a .title-small {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 30px
}

.list-groups__progect li .group-items-recital, .list-groups__progect > a .group-items-recital {
    margin-top: auto;
    line-height: 1.3;
    word-break: break-word
}

.list-groups__depart .contact-gr {
    margin-left: 50px
}

.list-groups.list-groups--social {
    margin-top: 30px;
    margin-bottom: 0
}

    .list-groups.list-groups--social .group-items-desc a {
        line-height: 1.5
    }

    .list-groups.list-groups--social .group-items-desc .group-items-recital br {
        display: none
    }

@media only screen and (min-width:992px) {
    .block-act {
        padding-right: 40px
    }
}

.persons-head {
    padding: 0 32px 25px;
    background-color: rgba(128,181,224,.2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.persons-img {
    border-radius: 50%;
    margin-top: -60px;
    margin-bottom: 24px;
    box-shadow: 1px 1px 40px rgba(0,0,0,.2)
}

.persons-title {
    font-size: 24px;
    line-height: 1.5;
    color: #000;
    font-weight: 600;
    font-family: VinnytsiaSansReg;
    margin-bottom: 0
}

.persons-name {
    font-size: 20px;
    line-height: 1.3;
    color: #000;
    display: block;
    font-weight: 400;
    font-family: VinnytsiaSansReg;
    margin-bottom: 10px
}

.persons-desc {
    font-size: 16px;
    line-height: 2;
    color: #000;
    display: block;
    font-weight: 400;
    font-family: VinnytsiaSansReg;
    margin: 0
}

.persons-body {
    background-color: #fff;
    border-left: 1px solid rgba(128,181,224,.2);
    border-right: 1px solid rgba(128,181,224,.2);
    border-bottom: 1px solid rgba(128,181,224,.2);
    padding: 10px 32px;
    font-size: 18px;
    line-height: 1.5;
    color: #000;
    display: block;
    font-weight: 400;
    font-family: VinnytsiaSansReg
}

    .persons-body p {
        margin: 15px 0
    }

.photos {
    display: flex;
    margin: 0 0 30px 0;
    align-items: flex-start
}

    .photos .photos-img {
        border-radius: 50%;
        border: 1px solid rgba(0,0,0,.1);
        margin-right: 24px;
        margin-left: 0;
        margin-bottom: 0;
        display: block;
        flex: 0 0 216px;
        height: auto;
        max-width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .photos h2 {
        font-size: 27px;
        line-height: 1.5;
        color: #000;
        font-weight: 400;
        font-family: VinnytsiaSansReg;
        margin-top: 0;
        margin-bottom: 10px
    }

        .photos h2 strong {
            font-size: 36px;
            display: block;
            font-weight: 600
        }

    .photos p {
        font-size: 18px;
        line-height: 1.5;
        color: #000;
        display: block;
        font-weight: 400;
        font-family: VinnytsiaSansReg;
        margin-top: 0;
        margin-bottom: 10px
    }

    .photos.photos--links p {
        margin-bottom: 25px
    }

    .photos.photos--small {
        margin: 23px 0 20px 0
    }

@media only screen and (min-width:1200px) {
    .photos.photos--small {
        margin-bottom: 40px
    }
}

.photos.photos--small p {
    color: rgba(0,0,0,.6);
    line-height: 1.3;
    margin: 0 0 20px 0;
    max-width: 514px
}

.photos.photos--small .photos-desc {
    flex: 1
}

.photos.photos--small .photos-img {
    margin-right: 0;
    height: 148px;
    width: 148px
}

.photos .photos-not {
    margin-right: 35px
}

.photos .photos-desc__wr {
    max-width: 490px;
    margin-top: 10px
}

    .photos .photos-desc__wr p {
        line-height: 1.3
    }

.photos__depart {
    margin-bottom: 0
}

    .photos__depart .photos-img {
        box-shadow: none;
        flex: 0 0 72px;
        width: 72px;
        height: 72px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .photos__depart .photos-desc {
        flex: 1
    }

        .photos__depart .photos-desc p {
            font-size: 16px;
            line-height: 1.5;
            color: rgba(0,0,0,.5);
            display: block;
            font-weight: 400;
            font-family: VinnytsiaSansReg;
            margin-bottom: 0
        }

    .photos__depart h2 {
        font-size: 22px;
        line-height: 1.2
    }

.photos__depart-info {
    margin-bottom: 20
}

    .photos__depart-info .photos-img {
        box-shadow: none;
        flex: 0 0 84px;
        width: 84px
    }

    .photos__depart-info .photos-not {
        margin-right: 12px
    }

    .photos__depart-info .photos-desc {
        flex: 1
    }

        .photos__depart-info .photos-desc p {
            font-size: 16px;
            line-height: 1.5;
            color: rgba(0,0,0,.5);
            display: block;
            font-weight: 400;
            font-family: VinnytsiaSansReg;
            margin-bottom: 0
        }

    .photos__depart-info h2 {
        font-size: 22px;
        line-height: 1.2
    }

    .photos__depart-info .link-art {
        padding-right: 0;
        font-size: 18px;
        color: rgba(0,0,0,.6)
    }

@media screen and (max-width:481px) {
    .photos__city-head {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center
    }
}

@media screen and (max-width:481px) {
    .photos__city-head .photos-img {
        margin-bottom: 15px
    }
}

.tabs-main {
    margin-bottom: 20px !important
}

    .tabs-main > .main-content {
        padding-bottom: 0
    }

    .tabs-main .resp-tabs-list:not(.ver_1) {
        margin-bottom: 30px;
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        position: relative
    }

        .tabs-main .resp-tabs-list:not(.ver_1)::before {
            content: "";
            position: absolute;
            height: 2px;
            bottom: 0;
            right: 0;
            left: 0;
            background-color: #e5e5e5
        }

        .tabs-main .resp-tabs-list:not(.ver_1).TabsSteps {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between
        }

        .tabs-main .resp-tabs-list:not(.ver_1) li {
            padding: 16px 0;
            margin: 0 30px 0 0;
            font-size: 18px;
            line-height: 1;
            text-transform: uppercase;
            letter-spacing: 1.2px;
            color: rgba(0,0,0,.6);
            position: relative;
            font-weight: 400
        }

            .tabs-main .resp-tabs-list:not(.ver_1) li.resp-tab-active, .tabs-main .resp-tabs-list:not(.ver_1) li:hover {
                color: #000;
                border-color: #1770c8;
                padding-bottom: 14px
            }

    .tabs-main p {
        margin-top: 0;
        margin-bottom: 15px
    }

    .tabs-main .resp-tab-content > span {
        font-size: 16px
    }

.resp-tabs-services .container {
    padding-left: 0;
    padding-right: 24px
}

@media screen and (max-width:481px) {
    .resp-tabs-services .container {
        padding-right: 0
    }
}

.search-bl {
    position: relative;
    margin: 13px 0 24px
}

    .search-bl .search-field {
        padding-left: 51px
    }

    .search-bl .search-btn-loop {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 13px
    }

.search-field {
    background-color: #f2f7fb;
    width: 100%;
    outline: 0;
    border: none;
    border-bottom: 2px solid #000;
    height: 60px;
    padding: 14px 20px;
    font-size: 18px;
    box-sizing: border-box
}

.search-btn-loop {
    background: url(../img/icn-search.svg) 0 0 no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    border: none
}

.video-link {
    margin-bottom: 40px;
    display: block
}

    .video-link:focus, .video-link:hover {
        color: #fff;
        text-decoration: none
    }

    .video-link .video-link-body {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 144px;
        background: #000;
        padding: 20px 30px
    }

    .video-link .video-link-head {
        position: relative
    }

.video-link-button {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 70px;
    height: 70px
}

    .video-link-button svg {
        width: 100%;
        height: 100%
    }

.video-link-title {
    font-size: 24px;
    line-height: 1.3;
    color: #fff;
    font-weight: 400;
    font-family: VinnytsiaSansReg;
    margin-bottom: 8px
}

.video-link-data {
    font-size: 16px;
    line-height: 1.5;
    color: rgba(255,255,255,.5);
    display: block;
    font-weight: 400;
    font-family: VinnytsiaSansReg
}

.desk {
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    display: block;
    font-weight: 400;
    font-family: VinnytsiaSansReg;
    margin: 40px 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative
}

    .desk img {
        border: 1px solid red;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: -29px
    }

    .desk div {
        position: relative;
        z-index: 1
    }

.group-items-list {
    display: flex;
    align-items: flex-start
}

.social-icon {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 12px;
    flex: 0 0 56px
}

    .social-icon img {
        width: 24px;
        height: 24px;
        display: block;
        margin: auto
    }

.social-icon__facebook {
    background-color: #1877f2
}

.social-icon__messenger {
    background-color: #1877f2
}

.social-icon__twitter {
    background-color: #29a2f0
}

.social-icon__instagram {
    background: linear-gradient(136deg,#405de6 0,#833ab4 24.98%,#e1306c 50.64%,#f56040 75.69%,#fcaf45 100%)
}

.social-icon__youtube {
    background-color: #fd0018
}

.group-items-recital {
    font-size: 18px;
    line-height: 1.3;
    color: rgba(0,0,0,.6);
    display: block;
    font-weight: 400;
    font-family: VinnytsiaSansReg;
    margin: 0 0 15px;
    word-break: break-word
}

.list-groups--monitor .link-more {
    font-size: 22px;
    display: inline-block;
    margin-bottom: 8px;
    line-height: 1.3
}

.list-groups--monitor .group-items-recital {
    font-size: 16px;
    max-width: 240px;
    display: inline-block
}

.list-groups--monitor .monitor-img {
    margin-right: 12px;
    flex: 0 1 84px;
    width: 84px;
    height: 84px
}

.list-groups--monitor .group-items-desc {
    flex: 1
}

.monitor-img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,.1)
}

.block-strategy {
    background-color: #95efba;
    display: flex;
    margin-bottom: 40px
}

@media screen and (max-width:560px) {
    .block-strategy {
        flex-wrap: wrap
    }
}

.block-strategy__desc {
    padding: 24px 24px
}

.block-strategy__title {
    font-size: 24px;
    line-height: 1.5;
    color: #000;
    font-weight: 400;
    font-family: VinnytsiaSansReg;
    margin-bottom: 20px
}

.block-strategy p {
    font-size: 18px;
    line-height: 1.3;
    color: rgba(0,0,0,.6);
    display: block;
    font-weight: 400;
    font-family: VinnytsiaSansReg
}

@media screen and (max-width:560px) {
    .block-strategy .block-strategy__img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        max-height: 300px;
        display: block;
        margin: auto
    }
}

.title-category {
    font-size: 24px;
    line-height: 1.5;
    color: #000;
    font-weight: 400;
    font-family: VinnytsiaSansReg
}

.public {
    padding: 35px 30px 45px;
    font-size: 16px;
    line-height: 1.5;
    color: rgba(0,0,0,.5);
    display: block;
    font-weight: 400;
    font-family: VinnytsiaSansReg
}

.contact-group li {
    margin-bottom: 20px
}

.btn-main {
    display: block;
    padding: 17px 16px 15px;
    background-color: #000;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    font-family: VinnytsiaSansReg;
    text-align: center;
    border: none;
    outline: 0;
    line-height: 1.3;
    width: 100%
}

    .btn-main:focus, .btn-main:hover {
        color: #fff;
        text-decoration: none
    }

.btn-main__us {
    width: auto;
    padding: 17px 32px 15px
}

.subscribe {
    padding: 40px 30px 30px
}

    .subscribe .title-info {
        margin-bottom: 17px;
        margin-top: 0
    }

    .select-main .select2-container--default .subscribe .select2-selection--single, .subscribe .input, .subscribe .select-main .select2-container--default .select2-selection--single {
        margin-bottom: 30px
    }

.list-resources {
    padding: 0;
    list-style: none;
    margin-bottom: 24px
}

    .list-resources .group-items-recital {
        font-size: 16px
    }

    .list-resources li, .list-resources > div {
        position: relative;
        padding-left: 64px;
        padding-bottom: 10px
    }

        .list-resources li:before, .list-resources > div:before {
            content: "";
            background: url(../img/icn-document.svg) 0 0 no-repeat;
            background-size: contain;
            width: 24px;
            height: 24px;
            position: absolute;
            left: 0;
            top: 0
        }

        .list-resources li:last-child, .list-resources > div:last-child {
            padding-bottom: 0
        }

            .list-resources li:last-child .span, .list-resources > div:last-child .span {
                margin-bottom: 0
            }

        .list-resources li .link-art, .list-resources > div .link-art {
            line-height: 1.2;
            display: inline-block;
            margin-bottom: 8px
        }

.resources-links {
    padding-left: 64px;
    padding-bottom: 10px
}

.sep {
    width: 100%;
    height: 2px;
    background-color: rgba(0,0,0,.1)
}

.sep__white {
    background-color: #fff;
    height: 1px
}

.list-executor {
    padding: 0;
    list-style: none
}

    .list-executor li {
        border-top: 2px solid #000;
        padding: 20px 0;
        margin-bottom: 10px
    }

        .list-executor li:last-child {
            margin-bottom: 0
        }

    .list-executor .link-art {
        padding-right: 40px;
        position: relative;
        text-decoration: none;
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 8px;
        display: block
    }

        .list-executor .link-art span {
            text-decoration: none
        }

    .list-executor .icon-external, .list-executor .long-arrow-right {
        position: absolute;
        top: 8px;
        right: 0
    }

.slider-one-wr {
    width: 100%
}

.progress-one {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 0;
    overflow: hidden;
    background-color: #e5e5e5;
    background-image: linear-gradient(to right,#000,#000);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .4s ease-in-out;
    margin-bottom: 22px
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.slider-one-wr {
    margin: 30px 0
}

@media screen and (min-width:1200px) {
    .slider-one-wr {
        margin-bottom: 40px
    }
}

.slider-one-wr .slick-slide {
    outline: 0
}

.slider-one-wr .slider-one {
    margin-bottom: 24px
}

    .slider-one-wr .slider-one .slick-slide img {
        max-width: 100%;
        width: 100%;
        height: 530px;
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
        margin: auto
    }

@media screen and (max-width:568px) {
    .slider-one-wr .slider-one .slick-slide img {
        height: 300px
    }
}

.slider-two {
    padding: 0 96px
}

    .slider-two .slick-next.slick-arrow::before, .slider-two .slick-prev.slick-arrow::before {
        display: none
    }

    .slider-two .slick-next.slick-arrow::after, .slider-two .slick-prev.slick-arrow::after {
        content: "";
        display: block;
        width: 2px;
        height: 53px;
        background-color: #000;
        transform: rotate(-45deg) translate(18px,6px);
        left: 0;
        top: 0
    }

    .slider-two .slick-next.slick-arrow, .slider-two .slick-prev.slick-arrow {
        border-top: 2px solid #000;
        border-left: 2px solid #000;
        top: 0;
        height: 13px;
        width: 13px
    }

    .slider-two .slick-next.slick-arrow {
        transform: rotate(135deg);
        right: 6px
    }

    .slider-two .slick-prev.slick-arrow {
        transform: rotate(-45deg);
        left: 6px
    }

    .slider-two .slick-slide {
        font-size: 16px;
        line-height: 1.5;
        color: #000;
        display: block;
        font-weight: 400;
        font-family: VinnytsiaSansReg
    }

.responsible-block {
    padding: 30px 30px
}

    .responsible-block .desc-info {
        margin-bottom: 10px
    }

.link-decor {
    font-size: 20px;
    line-height: 1.5;
    color: #000;
    display: inline-flex;
    font-weight: 400;
    font-family: VinnytsiaSansReg;
    text-decoration: underline
}

.public-data {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    display: block;
    font-weight: 400;
    font-family: VinnytsiaSansReg
}

.public-data__inner {
    margin-bottom: 0;
    margin-top: 20px
}

.public-data > div {
    margin: 0 5px 0 0
}

.public-data p {
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    display: block;
    font-weight: 400;
    font-family: VinnytsiaSansReg;
    display: inline;
    margin: 0
}

    .public-data p span {
        font-size: 20px;
        margin-right: 12px;
        display: inline-block
    }

.wmr-pagination {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

    .wmr-pagination .long-arrow-right {
        margin-left: 20px
    }

@media screen and (max-width:767px) {
    .wmr-pagination .long-arrow-right {
        margin-left: 0
    }
}

.wmr-pagination .long-arrow-left {
    margin-right: 20px
}

@media screen and (max-width:767px) {
    .wmr-pagination .long-arrow-left {
        margin-right: 0
    }
}

.wmr-pagination a:not(.wmr-prev):not(.wmr-next):not(.wmr-dots) {
    display: inline-block;
    padding: 13px 11px 10px;
    text-align: center;
    vertical-align: middle;
    color: #000;
    font-size: 16px;
    line-height: 1;
    font-family: VinnytsiaSansReg;
    text-decoration: none;
    margin: 0 3px
}

@media screen and (max-width:420px) {
    .wmr-pagination a:not(.wmr-prev):not(.wmr-next):not(.wmr-dots) {
        margin: 0;
        padding: 10px 8px 7px;
        font-size: 13px
    }
}

.wmr-pagination a:not(.wmr-prev):not(.wmr-next):not(.wmr-dots).active, .wmr-pagination a:not(.wmr-prev):not(.wmr-next):not(.wmr-dots):hover {
    color: #fff;
    background-color: #82b5df;
    text-decoration: none
}

.wmr-pagination a.wmr-dots {
    display: inline-block;
    flex: 1;
    height: 2px;
    background-color: rgba(0,0,0,.2)
}

.wmr-pagination a.wmr-next:hover, .wmr-pagination a.wmr-prev:hover {
    color: #000
}

.wmr-pagination a.wmr-prev {
    margin-right: 25px
}

@media screen and (max-width:767px) {
    .wmr-pagination a.wmr-prev span:last-child {
        display: none
    }
}

.wmr-pagination a.wmr-next {
    margin-left: auto
}

@media screen and (max-width:767px) {
    .wmr-pagination a.wmr-next span:first-child {
        display: none
    }
}

.date-item {
    display: flex;
    align-items: flex-start;
    border-bottom: 2px solid rgba(0,0,0,.1);
    padding-bottom: 25px;
    margin-bottom: 25px
}

@media (max-width:767px) {
    .date-item {
        flex-wrap: wrap;
        justify-content: center
    }
}

@media (min-width:769px) {
    .date-item {
        padding-bottom: 40px;
        margin-bottom: 45px
    }
}

.date-item .date-item-desk {
    flex: 1
}

@media (max-width:767px) {
    .date-item .date-item-desk {
        flex: 1 1 100%
    }
}

.date-item .date-item-desk .bull {
    color: #ccc;
    font-size: 16px;
    margin-right: 10px
}

.date-item .date-item-desk svg {
    margin-right: 10px
}

.days-calendar {
    width: 156px;
    height: 156px;
    padding: 0 5px;
    box-sizing: border-box;
    flex: 0 1 156px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-image: url(../img/call-point.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: rgba(128,181,224,.2);
    margin-right: 84px
}

@media (max-width:1199px) {
    .days-calendar {
        margin-right: 50px
    }
}

@media (max-width:767px) {
    .days-calendar {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 30px
    }
}

.days-calendar .data-num {
    margin-top: 5px;
    width: 100%
}

.days-calendar .data-month {
    font-weight: 400;
    margin-bottom: 0;
    font-size: 22px;
    width: 100%;
    line-height: 1.2
}

.days-calendar__large {
    width: 184px;
    height: 184px;
    line-height: 1;
    flex: 1 1 184px;
    background-image: url(../img/call-point2.png)
}

    .days-calendar__large .data-num {
        font-size: 96px
    }

    .days-calendar__large .data-month {
        font-size: 24px
    }

@media (max-width:767px) {
    .days-calendar__large {
        margin-bottom: 0
    }
}

.date-item-days {
    font-size: 18px;
    display: flex;
    margin-bottom: 10px
}

    .date-item-days .data-clock {
        font-size: 22px;
        margin-right: 10px
    }

@media (max-width:480px) {
    .date-item-days .data-clock {
        font-size: 18px
    }
}

.date-item-days > span {
    color: rgba(0,0,0,.6);
    text-transform: capitalize
}

.date-item-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

@media (max-width:1199px) {
    .date-item-title {
        flex-wrap: wrap
    }
}

.date-item-title > div {
    flex: 1
}

@media (max-width:1199px) {
    .date-item-title > div {
        flex: 1 1 100%;
        margin-bottom: 25px
    }
}

.date-item-title > .link-art {
    margin-right: 64px;
    margin-left: 88px
}

@media (max-width:1199px) {
    .date-item-title > .link-art {
        margin-right: 0;
        margin-left: 0
    }
}

.date-item-title .title-info {
    margin-bottom: 6px
}

@media (max-width:480px) {
    .date-item-title .title-info {
        font-size: 20px
    }
}

.date-item-title .public-data {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

    .date-item-title .public-data p span {
        font-size: 18px;
        margin-left: 10px;
        margin-right: 0
    }

    .date-item-title .public-data > p {
        margin-bottom: 8px
    }

.reg-block {
    background-color: #e6f0f9;
    padding: 20px 32px 32px;
    margin-top: 30px;
    margin-bottom: 35px
}

@media (max-width:420px) {
    .reg-block {
        padding: 18px 18px 18px
    }
}

.reg-block .search-input {
    margin-bottom: 24px
}

.date-head {
    display: flex;
    align-items: flex-start
}

@media (max-width:767px) {
    .date-head {
        flex-wrap: wrap
    }
}

.date-head-item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 184px;
    margin-top: 30px;
    margin-right: 56px;
    text-align: center
}

@media (max-width:767px) {
    .date-head-item {
        margin-right: 0;
        width: 100%;
        flex: 1 1 100%;
        margin-top: 0;
        margin-bottom: 25px
    }
}

.date-head-item .data-clock {
    font-size: 20px
}

@media (max-width:767px) {
    .date-head-item .data-clock {
        justify-content: center
    }
}

.date-head-title {
    flex: 1
}

.date-head-d {
    font-size: 18px;
    line-height: 1.3;
    color: rgba(0,0,0,.6);
    display: block;
    font-weight: 400;
    font-family: VinnytsiaSansReg;
    text-transform: capitalize;
    padding: 0 5px;
    margin: 24px 0 10px
}

.link-side {
    padding: 0 0 16px 0;
    border-top: 2px solid #80b5e0
}

    .link-side .title-bloks.title-bloks--sm {
        margin-bottom: 8px
    }

    .link-side .tag-gray {
        margin-bottom: 15px
    }

.map-side {
    margin-bottom: 25px
}

.map-linsk {
    padding: 0;
    list-style: none;
    padding-bottom: 1px;
    margin-bottom: 15px
}

    .map-linsk li {
        margin-bottom: 24px;
        padding-left: 50px;
        position: relative
    }

        .map-linsk li::before {
            content: " ";
            background: url(../img/icn-location-fullcolor.svg) center no-repeat;
            width: 24px;
            height: 24px;
            position: absolute;
            top: 2px;
            left: 0
        }

.steps-main {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 25px -12px 15px
}

    .steps-main::before {
        content: "";
        height: 2px;
        background-color: rgba(0,0,0,.1);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

    .steps-main .steps-item {
        background-color: #fff;
        position: relative;
        width: 48px;
        height: 24px;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer
    }

    .steps-main .steps-item__check {
        background-image: url(../img/icn-check.svg)
    }

    .steps-main .steps-item__play {
        background-image: url(../img/icn-play.svg)
    }

    .steps-main .steps-item__empty {
        background-image: url(../img/icn-circle.svg);
        width: 24px
    }

    .steps-main .steps-item__more {
        background-image: url(../img/icn-elipsis.svg)
    }

.icon-copy {
    background: url(../img/icon-сopy.svg) center no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block
}

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

    .list-info li {
        margin-bottom: 24px
    }

        .list-info li:last-child {
            margin-bottom: 0
        }

    .list-info .group-items-recital {
        margin-bottom: 8px
    }

    .list-info .link-art {
        margin-bottom: 8px
    }

.ChildVerticalTab {
    display: flex !important;
    align-items: flex-start
}

    .ChildVerticalTab ul.resp-tabs-list {
        width: 216px;
        flex: 0 0 216px;
        margin-right: 24px;
        border-right: 2px solid #e6f0f9
    }

        .ChildVerticalTab ul.resp-tabs-list li {
            padding: 0 24px 0 0;
            margin-right: 0;
            margin-bottom: 22px;
            font-size: 20px;
            line-height: 1.2;
            border-right: 2px solid transparent;
            margin-right: -2px;
            border-bottom: 0
        }

            .ChildVerticalTab ul.resp-tabs-list li.resp-tab-active {
                border-color: #1770c8 !important;
                color: #1770c8
            }

            .ChildVerticalTab ul.resp-tabs-list li:last-child {
                margin-bottom: 0
            }

    .ChildVerticalTab h3 {
        font-size: 27px;
        line-height: 1.3;
        color: #000;
        font-weight: 400;
        font-family: VinnytsiaSansReg;
        margin-bottom: 15px
    }

.contentWrMiddle {
    max-width: 700px
}

.form-main {
    margin: 35px 0
}

    .form-main .form-item {
        margin-bottom: 32px
    }

    .form-main .form-label {
        font-size: 22px;
        line-height: 1.2;
        color: #000;
        display: block;
        font-weight: 400;
        font-family: VinnytsiaSansReg;
        margin-bottom: 5px
    }

    .form-main .tag-gray {
        margin-bottom: 5px
    }

    .form-main .btn-main {
        max-width: 336px
    }

@media (max-width:767px) {
    .form-main .btn-main {
        margin: auto;
        font-size: 19px
    }
}

.form-main .list-groups.list-groups--two {
    margin: 0;
    display: flex;
    justify-content: space-between
}

    .form-main .list-groups.list-groups--two > div {
        flex: 0 1 48%;
        margin: 0
    }

@media (max-width:580px) {
    .form-main .list-groups.list-groups--two > div:first-child {
        margin-bottom: 32px
    }
}

.form-main .select-main .select2-container--default textarea.select2-selection--single, .form-main textarea.input, .select-main .select2-container--default .form-main textarea.select2-selection--single {
    resize: none;
    height: 196px;
    border-bottom: none;
    border-top: 2px solid #000
}

.block-sort {
    margin: 30px 0;
    max-width: 320px
}

.select-main .select2-container {
    width: 100% !important;
    display: block;
    overflow: hidden
}

.select-main .select2-container--default .select2-selection--single {
    border-radius: 0
}

    .select-main .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding-left: 0;
        padding-right: 20px;
        line-height: 1.8
    }

@media (max-width:767px) {
    .select-main .select2-container--default .select2-selection--single .select2-selection__rendered {
        white-space: normal
    }
}

.select-main .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto
}

    .select-main .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #000 transparent transparent transparent;
        border-width: 8px 6px 0 6px;
        height: 0;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

.select-main .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #000 transparent;
    border-width: 0 6px 8px 6px
}

.select-main__white .select2-container--default .select2-selection--single {
    background: 0 0;
    padding: 0 0 10px 0;
    border-bottom-color: rgba(0,0,0,.1);
    font-size: 20px;
    color: #000;
    height: 40px
}

    .select-main__white .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding-right: 0;
        padding-left: 28px
    }

    .select-main__white .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: -2px;
        left: 0;
        right: auto;
        width: auto;
        height: auto
    }

.select2-container--default .selDrop .select2-results__option {
    padding: 10px 20px;
    border-bottom: 1px solid #e5e5e5
}

    .select2-container--default .selDrop .select2-results__option:last-child {
        border-bottom: none
    }

.select2-container--default .selDrop .select2-results__option--highlighted[aria-selected] {
    background-color: #e6f0f9;
    color: #000
}

.warning-bl {
    background-color: #fff8d5;
    display: flex;
    padding: 20px 24px;
    margin: 40px 0
}

    .warning-bl h4 {
        font-size: 20px;
        line-height: 1.2;
        color: #000;
        font-weight: 400;
        font-family: VinnytsiaSansReg;
        margin-bottom: 12px
    }

    .warning-bl a {
        font-size: 18px;
        line-height: 1.3;
        color: #000;
        display: inline-block;
        font-weight: 400;
        font-family: VinnytsiaSansReg;
        text-decoration: underline
    }

    .warning-bl .warning-img {
        flex: 0 0 24px;
        margin-right: 24px
    }

    .warning-bl .warning-txt {
        flex: 1
    }

.form-item .tag-gray a {
    color: rgba(0,0,0,.5);
    text-decoration: underline
}

.switchCyrcle {
    display: flex
}

.switchCyrcle-txt {
    flex: 1;
    margin-top: 6px
}

.switchCyrcle-btn {
    width: 56px;
    height: 32px;
    margin-right: 24px;
    flex-shrink: 0;
    cursor: pointer
}

    .switchCyrcle-btn > input[type=checkbox] {
        display: none
    }

        .switchCyrcle-btn > input[type=checkbox]:checked + .switch-background {
            background-color: #3aa32b;
            border-color: #3aa32b
        }

            .switchCyrcle-btn > input[type=checkbox]:checked + .switch-background:before {
                transform: translateX(24px);
                background-color: #fff
            }

    .switchCyrcle-btn .switch-background {
        width: 100%;
        height: 100%;
        display: flex;
        overflow: hidden;
        border-radius: 30%/50%;
        -webkit-backdrop-filter: blur(2em);
        backdrop-filter: blur(2em);
        transition: background-color 128ms ease-out;
        border: 2px solid #000;
        box-sizing: border-box
    }

        .switchCyrcle-btn .switch-background:before {
            content: "";
            background-color: rgba(0,0,0,.2);
            width: 16px;
            height: 16px;
            margin: 6px;
            border-radius: 50%;
            transition: transform 128ms ease-out
        }

.galRow {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2%
}

    .galRow .galRow-link {
        width: 23%;
        margin-bottom: 25px;
        margin-left: 2%;
        display: inline-block
    }

@media screen and (max-width:1199px) {
    .galRow .galRow-link {
        width: 31%;
        margin-bottom: 18px
    }
}

@media screen and (max-width:481px) {
    .galRow .galRow-link {
        width: 48%;
        margin-bottom: 11px
    }
}

@media screen and (max-width:420px) {
    .galRow .galRow-link {
        width: 100%;
        margin-bottom: 20px
    }
}

@media screen and (min-width:482px) and (max-width:842px) {
    .galRow .galRow-link {
        margin-bottom: 11px
    }
}

@media screen and (min-width:991px) and (max-width:1200px) {
    .galRow .galRow-link {
        margin-bottom: 11px
    }
}

.galRow .galRow-link img {
    display: block;
    max-width: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (min-width:482px) and (max-width:842px) {
    .galRow .galRow-link img {
        height: 140px
    }
}

@media screen and (min-width:991px) and (max-width:1200px) {
    .galRow .galRow-link img {
        height: 140px
    }
}

.icon-zoom {
    background: url(../img/icn-zoom.svg) center no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 7px;
    vertical-align: middle;
    margin-top: -4px
}

.search-results {
    padding: 0 12px 16px;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: 100%
}

    .search-results > ul {
        padding: 0;
        list-style: none;
        background-color: #fff;
        box-shadow: 0 5px 10px rgba(0,0,0,.2);
        max-height: 500px;
        overflow-y: auto
    }

        .search-results > ul > li {
            padding: 18px 20px 5px;
            border-bottom: 2px solid #e2ecf5
        }

            .search-results > ul > li .search-tab-item {
                display: flex;
                flex-wrap: wrap;
                align-items: center
            }

                .search-results > ul > li .search-tab-item i {
                    font-style: normal;
                    font-size: 12px;
                    line-height: 1;
                    color: #9da4ab;
                    display: inline-block;
                    font-weight: 700;
                    font-family: VinnytsiaSansReg;
                    border: 2px solid #9da4ab;
                    margin: 0 4px;
                    border-radius: 8px;
                    padding: 5px 7px 3px
                }

                .search-results > ul > li .search-tab-item span {
                    font-size: 16px;
                    line-height: 1.3;
                    color: rgba(0,0,0,.5);
                    display: inline-block;
                    font-weight: 400;
                    font-family: VinnytsiaSansReg;
                    margin-bottom: 8px
                }

@media screen and (max-width:700px) {
    .search-results > ul > li .search-tab-item span {
        font-size: 14px
    }
}

.search-results > ul > li a {
    font-size: 18px;
    line-height: 1.3;
    color: #000;
    display: inline-block;
    font-weight: 400;
    font-family: VinnytsiaSansReg;
    margin-bottom: 4px
}

@media screen and (max-width:700px) {
    .search-results > ul > li a {
        font-size: 14px
    }
}

.search-results > ul > li a strong {
    display: inline-block;
    padding: 2px 0 0;
    background-color: #fedb2c;
    font-weight: 400
}

.search-results > ul > li a:hover strong {
    text-decoration: underline
}

.search-results > ul > li:first-child a {
    font-size: 20px;
    margin-bottom: 10px;
    margin-right: 15px
}

@media screen and (max-width:700px) {
    .search-results > ul > li:first-child a {
        font-size: 16px
    }
}

.search-results .bread-crumbs {
    margin: 0
}

    .search-results .bread-crumbs li, .search-results .bread-crumbs li a, .search-results .bread-crumbs li span {
        color: rgba(0,0,0,.5)
    }

        .search-results .bread-crumbs li a {
            margin-bottom: 0
        }

.search.search-inner-page {
    padding: 40px 0
}

.search-services .title-info {
    margin-top: 0;
    font-size: 24px
}

.search-services.section-blok {
    padding-top: 20px;
    padding-bottom: 25px
}

.category-link.list-groups.list-groups--quat {
    margin-bottom: 0;
    margin-top: 40px
}

    .category-link.list-groups.list-groups--quat > a, .category-link.list-groups.list-groups--quat > li {
        padding: 24px 0 15px;
        border-top: 2px solid rgba(0,0,0,.1);
        margin-bottom: 0
    }

.event-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 40px
}

    .event-list > li {
        padding: 15px 0 5px;
        border-bottom: 2px solid rgba(0,0,0,.1);
        margin-bottom: 0
    }

        .event-list > li .head-title {
            margin-bottom: 30px
        }

.event-art {
    display: flex;
    padding-right: 35px;
    justify-content: space-between
}

@media screen and (max-width:1199px) {
    .event-art {
        flex-wrap: wrap;
        justify-content: center;
        padding-right: 0
    }
}

.event-art .mg-bl {
    width: 100%;
    height: 200px;
    max-height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: middle
}

.event-art .event-item {
    flex: 0 0 312px;
    margin-left: 45px;
    margin-bottom: 40px
}

@media screen and (max-width:1199px) {
    .event-art .event-item {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media screen and (max-width:991px) {
    .event-art .event-item {
        flex: 0 0 45%;
        margin-left: 2.5%;
        margin-right: 2.5%
    }
}

@media screen and (max-width:479px) {
    .event-art .event-item {
        flex: 0 1 312px;
        margin-left: auto;
        margin-right: auto
    }
}

.event-art .event-item > p:not(.group-items-recital) {
    font-size: 24px;
    line-height: 1.5;
    color: #000;
    display: block;
    font-weight: 400;
    font-family: VinnytsiaSansReg;
    margin: 0 0 15px
}

@media screen and (max-width:991px) {
    .event-art .event-item > p:not(.group-items-recital) {
        font-size: 20px;
        line-height: 1.3
    }
}

.event-art .event-item:first-child {
    flex: 1;
    margin-left: 0
}

@media screen and (max-width:1199px) {
    .event-art .event-item:first-child {
        flex: 1 1 100%;
        margin-right: 0
    }
}

@media screen and (max-width:991px) {
    .event-art .event-item:first-child {
        flex: 1 1 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width:479px) {
    .event-art .event-item:first-child {
        flex: 1 1 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.event-art .event-item .title-bloks {
    padding-top: 20px;
    font-size: 20px
}

    .event-art .event-item .title-bloks a {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding-right: 32px;
        position: relative
    }

    .event-art .event-item .title-bloks .long-arrow-right {
        position: absolute;
        right: 3px;
        top: 7px
    }

@media (min-width:1200px) {
    .container {
        max-width: 1446px
    }
}

/*edit*/
/*@media screen and (max-width:633px) {
    #mainNav .navbar-brand {
        margin-left: 60px
    }
}*/

/*@media screen and (max-width:420px) {
    #mainNav .navbar-brand {
        margin-left: 54px
    }
}*/

.authorities {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5.3%
}

@media screen and (max-width:841px) {
    .authorities {
        margin-left: 0
    }
}

.authorities__item {
    padding-top: 28px;
    padding-bottom: 30px;
    border-top: 2px solid #000;
    flex: 0 1 28%;
    margin-left: 5.3%
}

@media screen and (max-width:1199px) {
    .authorities__item {
        flex: 0 1 44.7%
    }
}

@media screen and (max-width:841px) {
    .authorities__item {
        flex: 1 1 100%;
        margin-left: 0
    }
}

@media screen and (min-width:1200px) {
    .authorities__item:nth-child(1), .authorities__item:nth-child(2), .authorities__item:nth-child(3) {
        border-top: 0
    }
}

.authorities__item .title-second {
    line-height: 1.1;
    margin-top: 0
}

    .authorities__item .title-second span {
        font-size: 27px
    }

@media screen and (max-width:841px) {
    .authorities__item .title-second span {
        font-size: 19px
    }
}

.authorities__item > .info-block {
    padding-top: 40px
}

.authorities p {
    font-size: 16px
}

@media only screen and (min-width:992px) {
    .authorities p {
        font-size: 20px
    }
}

.authorities img {
    height: 256px;
    max-width: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.authorities .link-item {
    margin-bottom: 20px
}

.authorities .title-bloks.title-bloks--sm {
    margin-top: 20px;
    margin-bottom: 13px
}

.authorities .authorities-art .list-groups, .authorities .authorities-art .list-resources {
    margin: 30px 0;
    border-bottom: 2px solid rgba(0,0,0,.1)
}

    .authorities .authorities-art .list-groups li, .authorities .authorities-art .list-resources li {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px
    }

.authorities .tag-gray {
    min-height: 30px
}

.authorities .list-resources.list-groups--border-top li, .authorities .list-resources.list-groups--border-top > div {
    border-top: 2px solid #000
}

    .authorities .list-resources.list-groups--border-top li:before, .authorities .list-resources.list-groups--border-top > div:before {
        top: 25px
    }

.photos-not {
    position: relative
}

    .photos-not .info-c {
        position: absolute;
        right: 5px;
        bottom: 10px
    }

.info-c {
    background-color: #ffdc00;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: 1px 1px 10px #ffdc00;
    cursor: pointer;
    font-size: 24px;
    line-height: 1.5;
    color: #000;
    display: block;
    font-weight: 400;
    font-family: VinnytsiaSansReg;
    border-radius: 50%
}

.tooltipster-base .tooltipster-content {
    padding: 13px 12px 10px;
    background-color: #000;
    font-size: 18px;
    line-height: 1;
    color: #fff;
    display: block;
    font-weight: 400;
    font-family: VinnytsiaSansReg
}

@media only screen and (max-width:481px) {
    .tooltipster-base .tooltipster-content {
        font-size: 14px
    }
}

.tooltipster-base .tooltipster-box {
    position: relative
}

    .tooltipster-base .tooltipster-box::after {
        content: "";
        position: absolute;
        left: 10px;
        top: 100%;
        border: 10px solid transparent;
        border-left: 10px solid #000;
        border-top: 10px solid #000
    }

.tabs-filter {
    position: relative
}

    .tabs-filter .dropdownFilter {
        position: absolute;
        bottom: 0;
        right: 0;
        background: 0 0;
        border: none;
        outline: 0;
        display: flex;
        justify-content: center;
        padding-bottom: 15px;
        border-bottom: 2px solid;
        width: 56px;
        cursor: pointer
    }

@media screen and (max-width:768px) {
    .tabs-filter .dropdownFilter {
        position: inherit;
        margin-left: auto
    }
}

.tabs-filter .resp-tabs-list {
    padding-right: 60px
}

.tabs-filter div.dropdownFilter > div.list {
    position: absolute;
    background-color: #fff;
    width: 250px;
    border-radius: 0 0 3px 3px;
    display: none;
    top: 100%;
    right: 0;
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

    .tabs-filter div.dropdownFilter > div.list > div.item {
        padding: 11px 24px;
        cursor: pointer
    }

        .tabs-filter div.dropdownFilter > div.list > div.item.selected {
            font-weight: 700
        }

        .tabs-filter div.dropdownFilter > div.list > div.item:hover {
            background-color: #53a1d6;
            color: #fff
        }

.tabs-filter div.dropdownFilter.open > div.list {
    display: block
}

h2.resp-accordion {
    margin: 0;
    padding: 15px 15px;
    border: 0;
    border-bottom: 1px solid #ebebeb;
    background-color: #f7f7f7 !important;
    font-size: 15px
}

    h2.resp-accordion:hover {
        box-shadow: 0 0 15px rgba(0,0,0,.2);
        background-color: #fff;
        opacity: .7
    }

@media screen and (max-width:768px) {
    .resp-tab-content .main-content {
        padding-bottom: 10px
    }
}

@media screen and (max-width:768px) {
    .resp-tab-content.resp-tab-content-active {
        border-bottom: 2px solid #1877f2
    }
}

@media screen and (max-width:768px) {
    .resp-tab-content {
        padding-top: 20px
    }
}

.resp-tab-content .photos.photos--small {
    margin-bottom: 20px
}

@media screen and (min-width:1200px) {
    .depart .photos.photos--small {
        margin-bottom: 40px
    }
}

.innerNews {
    padding-top: 24px
}

    .innerNews .bread-crumbs {
        margin-top: 0
    }

    .innerNews .main-content {
        padding: 1px 0
    }

    .innerNews .public-data {
        margin-bottom: 20px
    }

    .innerNews .main-aside {
        padding-top: 9px
    }

    .innerNews .news-aside-info {
        margin-bottom: 40px
    }

    .innerNews .main-aside > h3 {
        font-size: 27px;
        line-height: 1.3;
        font-weight: 400;
        margin-bottom: 8px
    }

@media screen and (min-width:769px) {
    .innerNews .main-content-inner.second {
        padding-bottom: 20px
    }
}

.pageList .search {
    padding-top: 10px
}

    .pageList .search .title-info {
        margin-top: 5px;
        margin-bottom: 15px
    }

.innerEvent .main-content-center.align-right > .reg-block, .innerEvent .main-content-center.align-right > div, .innerEvent .main-content-center.align-right > h2 {
    margin-left: auto;
    margin-right: 0
}

.innerEvent .date-head {
    display: block
}

.innerEvent .date-head-item {
    float: left;
    margin-top: 9px
}

.innerEvent .title-main.title-main--big, .innerEvent h1.title-main.title-main--big {
    margin-top: 25px;
    margin-bottom: 5px
}

.innerEvent .bread-crumbs {
    margin-top: 0
}

@media screen and (min-width:1200px) {
    .markdown-body {
        margin-bottom: 40px
    }
}

@media screen and (min-width:1200px) {
    .section-blok.art-content .head-title, .section-blok.art-content h1.head-title {
        margin-bottom: 35px
    }
}

@media screen and (min-width:1200px) {
    .section-blok.art-content .title-main h2.title-second {
        margin-bottom: 35px
    }
}

.list-groups.list-groups__depart {
    margin-top: 24px;
    margin-bottom: 0
}

.list-groups.list-groups--two.list-groups--social > div, .list-groups.list-groups--two.list-groups--social > li, .list-groups.list-groups--two.list-groups__depart > div, .list-groups.list-groups--two.list-groups__depart > li {
    flex: 0 1 33%;
    margin-bottom: 10px
}

@media only screen and (max-width:580px) {
    .list-groups.list-groups--two.list-groups--social > div, .list-groups.list-groups--two.list-groups--social > li, .list-groups.list-groups--two.list-groups__depart > div, .list-groups.list-groups--two.list-groups__depart > li {
        flex: 1 1 100%
    }
}

@media screen and (min-width:1200px) {
    .main-content-center.assistants {
        margin-top: 40px
    }
}

.main-content-center.assistants .info-block h2.title-info, .main-content-center.assistants .title-info {
    margin-bottom: 14px
}

.main-content-center.assistants p {
    margin-bottom: 13px
}

.main-content-center.assistants .persons-title {
    font-weight: 400;
    margin-bottom: 14px
}

.search-lnk {
    font-size: 24px;
    font-family: VinnytsiaSansReg;
    color: #000;
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center
}

    .search-lnk:focus, .search-lnk:hover {
        color: #000;
        text-decoration: none
    }

    .search-lnk span {
        display: inline-block;
        vertical-align: middle
    }

    .search-lnk svg {
        position: relative;
        top: -1px;
        margin-right: 12px
    }

@media only screen and (max-width:991px) {
    .search-lnk {
        font-size: 20px
    }
}

.main-content--city-admin > .inner-content > .title-second {
    margin-top: 0
}

@media screen and (min-width:1200px) {
    .main-content--city-admin > .inner-content > .title-second {
        margin-bottom: 40px
    }
}

.desc-info.city-admin {
    max-width: 696px
}

@media screen and (min-width:1200px) {
    .desc-info.city-admin {
        margin-bottom: 40px
    }
}

.projectPage {
    padding-bottom: 0
}

@media screen and (min-width:1200px) {
    .projectPage .title-second {
        margin-bottom: 40px
    }
}

.projectPage + .art-content__second .title-second {
    margin-top: 15px
}

@media screen and (min-width:1200px) {
    .projectPage .main-aside .info-block {
        margin-top: 30px
    }
}

@media only screen and (max-width:768px) {
    .ChildVerticalTab .title-bloks, .ChildVerticalTab .title-info {
        padding-left: 10px;
        padding-right: 10px
    }
}

.ChildVerticalTab h2.title-info {
    font-size: 24px
}

.ChildVerticalTab .list-groups.list-groups--two.list-groups__depart > div.depart-group-main .photos__depart .photos-img {
    width: 148px;
    height: 148px
}

.ChildVerticalTab .list-groups.list-groups--two.list-groups__depart {
    justify-content: space-between;
    margin: 20px 0
}

    .ChildVerticalTab .list-groups.list-groups--two.list-groups__depart > div {
        flex: 0 1 48%;
        margin-bottom: 10px;
        word-break: break-word;
        margin: 0 0 30px
    }

@media only screen and (max-width:1300px) {
    .ChildVerticalTab .list-groups.list-groups--two.list-groups__depart > div {
        flex: 1 1 100%
    }
}

@media only screen and (max-width:768px) {
    .ChildVerticalTab .list-groups.list-groups--two.list-groups__depart > div {
        padding-left: 10px;
        padding-right: 10px
    }
}

.ChildVerticalTab .list-groups.list-groups--two.list-groups__depart > div .photos__depart .photos-img {
    width: 84px;
    height: 84px;
    margin-right: 15px
}

.ChildVerticalTab .list-groups.list-groups--two.list-groups__depart > div.depart-group-main {
    width: 100%;
    flex: 1 1 100%;
    margin-bottom: 0
}

.ChildVerticalTab .list-groups.list-groups--two.list-groups__depart > div .contact-gr > div {
    white-space: nowrap
}

.btn {
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 0;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif
}

.btn-primary {
    background-color: #0085a1;
    border-color: #0085a1
}

    .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
        color: #fff;
        background-color: #00657b !important;
        border-color: #00657b !important
    }

.btn-lg {
    font-size: 16px;
    padding: 25px 35px
}