body {
    background: #00000008;
}
body .container-header {
    background: radial-gradient(180.95% 180.95% at 50% 50%, #2E59BB 0%,#1b2e5a 100%);
    background: url("../images/header.jpg") no-repeat;
    background-position: top center;
}
body a {
/*    color: #e16728;*/
    color: #2E59BB;
}
.header.container-header .container-nav {
/*    background: #e16728c2;*/
    background: #2E59BB;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    max-width: 100%;
    align-items: center;
    justify-content: center;
}
.grid-child.nav-end-search {
    align-items: center;
    justify-content: space-between;
}
.nav-end-search .form-search input {
    width: 13em;
    max-width: 100%;
}
body .container-header .navbar-brand {
    margin-inline-end: 0;
}
.container-slogan {
   padding: 0 3em;
}
.nav-end-search .form-search .awesomplete {
    width: 100%;
}
.navbar .metismenu.mod-menu .metismenu-item {
    padding: 0.5em 0.5em;
}
.navbar .metismenu-item  a {
    text-transform: uppercase;
        font-size: 0.9em;
}
.container-header nav {
    margin-top: 0;
}
.header .navbar .metismenu-item > .mm-collapse {
    position: absolute;
    z-index: 5;
    top: 100%;
    left: 0;
    display: block;
    font-size: 16px;
     transform: translateY(5px); 
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
}
.header .navbar .metismenu-item:hover > .mm-collapse {
    opacity: 1;
    display: block;
    visibility: visible;
    transform: translateY(0);
}
.header .navbar .metismenu.mod-menu .mm-collapsed  {

}
.container-header .navbar .metismenu>li>a:after, .container-header .metismenu>li>button:before {
    opacity: 0.9;
}
.header .metismenu.mod-menu .mm-toggler:after {
    margin-inline-start: 0.3em;
}
.header .metismenu.mod-menu .mm-toggler:before,
.article-info-term {
    display: none;
}
.article-info {
    display: flex;
    flex-wrap: wrap;
}
.article-info dd {
    margin-right: 0.3em;
    padding-right: 0.3em
    content: '|'
}
.article-info dd:after {
    content: '|';
}
.article-info dd.hits:after {
    content: '';
}
.com-content-category-blog__item.blog-item table,
.com-content-article.item-page table {
    width: 100% !important;
}
.com-content-category-blog__item.blog-item table img,
.com-content-article.item-page img {
    padding: 0 2em 1em 0em;
}
.com-contact .com-contact__container {
    grid-gap: 0.2rem;
}
#main-menu-zp .nav-item a {
    text-decoration: none;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 5px 10px;
    font-weight: 500;
    text-align: left;
    /* padding: 0 0 0; */
    padding-left: 2rem;
    text-transform: uppercase;
    font-size: 0.9em;
    position: relative;
    z-index: 1;
    transition: color 0.3s;
    background: #2E59BB;
    box-shadow: 0px 4px 8px rgb(152 152 152 / 25%);
/*    border: 1px solid #e1672857;*/
    border: 1px solid #2e59bb4a;
    color: #fff;
}
#main-menu-zp .nav-item a.li-house {
    background: #e10913;
}
#main-menu-zp .nav-item a.li-news {
    background: #3ba738;
}
#main-menu-zp .nav-item a.li-vidkrytist {
    background: #642482;
}
#main-menu-zp .nav-item a.li-zno-dpa {
    background: #0e6eb5;
}
#main-menu-zp .nav-item a.li-calendar-days {
    background: #ee8f06;
}
#main-menu-zp .nav-item a:hover {
    color: #2E59BB;
}
#main-menu-zp .nav-item a::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
/*    background: #e16728;*/
    background: #fff;
    transform: scaleX(0);
    transform-origin: left center;
    transition: all 0.3s;
}
#main-menu-zp .nav-item a:hover::before {
    transform: scaleX(1);
}
#main-menu-zp .nav-item > .mod-menu__sub {
    width: 270px;
    padding-left: 0;
    position: absolute;
    z-index: 9999;
    left: 100%;
    top: 6px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    transform: translateX(5px);
/*    border: 1px solid #e1672857;*/
    border: 1px solid #2e59bb4a;
    margin-left: 5px;
}
#main-menu-zp .nav-item:hover > .mod-menu__sub {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}
#main-menu-zp .nav-item > .mod-menu__sub .nav-item {
    margin-bottom: 0px;
    border-bottom: 1px solid #eee;
    padding: 0;
}
#main-menu-zp .nav-item > .mod-menu__sub .nav-item a {
    border: 0;
}
.container-sidebar-left .card {
    padding: 0;
    border: none;
    --card-spacer-y: 0;
    --card-spacer-x: 0;
    --card-title-spacer-y: 0;
    --card-title-color: ;
    --card-subtitle-color: ;
    --card-border-width: 0;
    --card-border-color: auto !important;
    --card-border-radius: 0;
    --card-box-shadow: ;
    --card-inner-border-radius: 0;
    --card-cap-padding-y: 0;
    --card-cap-padding-x: 0;
    --card-cap-bg: 0;
    --card-cap-color: ;
    --card-height: ;
    --card-color: ;
    --card-bg: 0;
    --card-img-overlay-padding: 0;
    --card-group-margin: 0;
    padding: 1rem 0 1rem 0;
}
#main-menu-zp.mod-list li {
    padding: 0.35em 0;
    position: relative;
/*    width: 100%;*/
}
.sidebar-left #main-menu-zp li.active > a {
/*    background: #e16728;*/
    background: transparent;
    color: #2E59BB;
}
.site-grid .blog-item,
.site-grid .com-content-article.item-page,
.com-contact.contact {
    border: 1px solid #e1672857;
    border: 1px solid #2e59bb4a;
    padding: 1.5rem 2rem;
    background: #fff;
}
.slick-prev,
.slick-next {
    z-index: 999;
}
.dd-slider {
/*    width: 764px;*/
/*    height: 280px;*/
    max-width: 100%;
}
.dd-slider .slick-list {
/*    width: 764px;*/
/*    height: 280px;*/
    max-width: 100%;
    overflow: hidden;
}
.dd-slider img {
    width: 986px;
    height: auto;
}
.dd-slider .slick-prev {
    left: 25px;
}
.dd-slider .slick-next {
    right: 25px;
}
.dd-slider.slick-dotted.slick-slider {
    margin-bottom: 0;
}
@media (max-width: 1400px) {
    .navbar .metismenu-item  a {
        font-size: 0.7em;
    }
    .header.container-header .nav-end-search {
        padding: 0.5em 1.5em;
    }
    .navbar .metismenu.mod-menu .metismenu-item {
        padding: 0.5em 0.5em 1em 0.5em;
        align-items: start;
        justify-content: center;
    }
}
@media (min-width: 1200px) {
    body h1 {
        font-size: 1.5rem;
        margin-bottom: 1em;
    }
    body h2 {
        font-size: 1.5rem;
    }
    body .com-contact.contact h2 {
        font-size: 1.3rem; 
    }
    #main-menu-zp .mm-collapsed {
        display: none;
    }
    
}
@media (min-width: 991px) {
    #main-menu-zp .open-menu-arr {

    }
    #main-menu-zp .nav-item a {

    }
}
@media (max-width: 991px) {
    .grid-child nav-end-search {
        width: 90%;
    }
    .nav-end-search .form-search input {
        width: 10em;
    }
    .header.container-header .container-nav {
        justify-content: left;
    }
    .container-header .mod-menu {
        margin-top: 1em;
    }
    .navbar .metismenu.mod-menu .metismenu-item {
        padding: 0.5em;
    }
    .navbar .metismenu-item  a {
        font-size: 0.9em;
    }
    .navbar .metismenu.mod-menu .metismenu-item {
        padding: 0.3em 0.5em 0.3em 0.5em;
        align-items: center;
        justify-content: left;
    }
    .grid-child.nav-end-search {

    }
    .container-slogan {
        padding: 0 2em;
    }
    .container-header .navbar-brand {
        margin-inline-end: 0;
    }
    .sidebar-left #navbar1 {
        align-items: center;
        justify-content: center;
    }
    .header.container-header .container-nav {
        background: #2E59BB;
    }
    #main-menu-zp .nav-item a {
        width: 100%;
    }
    #main-menu-zp .open-menu-arr {
        position: absolute;
        right: 4px;
        top: 9px;
        z-index: 999;
    }
    .open-menu-arr {
        position: absolute;
        display: inline-block;
        width: 41px;
        height: 41px;
        cursor: pointer;
        top: 9px;
        border: 1px solid #2E59BB;
    }
    .nav-item.active .open-menu-arr {
        border: 1px solid #fff;
    }
    .nav-item.active .open-menu-arr span,
    .nav-item.active .open-menu-arr span:before{
        background-color: #fff;
    }
    .open-menu-arr span {
        position: absolute;
        height: 2px;
        width: 16px;
        top: 50%;
        margin-top: -1px;
        left: 50%;
        margin-left: -8px;
        -webkit-transition: background-color 0.3s 0.3s;
        -moz-transition: background-color 0.3s 0.3s;
        transition: background-color 0.3s 0.3s;
        background-color: #2E59BB;
    }
    .open-menu-arr span:before {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #2E59BB;
        -webkit-transform: translateX(0) rotate(90deg);
        -moz-transform: translateX(0) rotate(90deg);
        -ms-transform: translateX(0) rotate(90deg);
        -o-transform: translateX(0) rotate(90deg);
        transform: translateX(0) rotate(90deg);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 0.3s 0.3s;
        -moz-transition: -moz-transform 0.3s 0.3s;
        transition: transform 0.3s 0.3s;
    }
    #main-menu-zp .nav-item > .mod-menu__sub {
        left: 0;
        padding: 0;
        margin: 0;
        top: 53px;
        display: none;
        opacity: 1;
        visibility: visible;
        width: 100%;
        z-index: 99999;
    }
    #main-menu-zp .nav-item > .mod-menu__sub a {
        width: 100%;
        padding-left: 3rem;
    }
    .open-menu-arr.active span:before {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    .container-header .container-nav .container-search, .container-header .container-nav nav {
        margin-top: 0.51em;
        margin-bottom: 0.5em;
    }
    .pagination__wrapper .pagination {
        flex-wrap: wrap;
    }
    .navbar-brand {
        width: 120px;
    }
    .container-slogan {
       width: 420px; 
    }
}
@media (max-width: 800px) {
    .com-content-category-blog__item.blog-item table tr,
    .com-content-article.item-page table tr {
        display: flex;
        flex-wrap: wrap;
    }
    .com-content-category-blog__item.blog-item table tr td,
    .com-content-article.item-page table tr td {
        width: 100% !important;
    }
    .com-content-category-blog__item.blog-item iframe,
    .com-content-article iframe {
        width: 100%;
        height: 300px;
    }
    .navbar-brand {
        width: 120px;
    }
}

@media (max-width: 600px) {
    .nav-end-search .form-search input, .container-search {
        width: 100%;
        max-width: 100%;
    }
    .site-grid .blog-item, .site-grid .com-content-article.item-page, .com-contact.contact {
        padding: 1.5rem 0.8rem;
    }
    h2 {
        font-size: 1.4rem;
    }
    h1 {
        font-size: 1.5rem;
    }
    .navbar-brand {
        width: 100px;
    }
    .container-slogan {
        width: 320px;
        padding: 0 1.6em;
    }
    .grid-child.nav-end-search {
        flex-wrap: wrap;
    }
}
@media (max-width: 600px) {
    body .container-header {
        background: radial-gradient(180.95% 180.95% at 50% 50%, #2b5bc7 0%,#070b12 100%);
    }
    .grid-child.nav-end-search {
        justify-content: center;
    }
}