@font-face {
    font-family: 'DniproCity';
    src: url('../../fonts/DniproCity-Bold.eot');
    src: local('DniproCity Bold'), local('DniproCity-Bold'),
        url('../../fonts/DniproCity-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/DniproCity-Bold.woff') format('woff'),
        url('../../fonts/DniproCity-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

* {
    outline: none !important;
}

html.menu-show {
    overflow: hidden;
}

body {
    font-family: 'DniproCity';
    font-weight: 400;
    color: black;
    font-size: 16px;
    line-height: normal;
    overflow-x: hidden;
    /*min-width: 320px;*/
}

body.gray section,
body.gray header>div,
body.gray footer {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}

img {
    max-width: 100%;
    /*height: auto !important;*/
}

svg path {
    transition: .3s ease;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

ol {
    padding: 0;
    margin: 0;
}

a {
    transition: .3s ease;
    text-decoration: none !important;
    color: black;
}

/*body div:not(.eye-color-item) > a:hover {*/
a:hover {
    color: var(--hover);
}

button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    box-shadow: none;
    outline: none;
    color: inherit;
}

.btn:focus,
.btn.focus {
    box-shadow: none;
}

section {
    padding-top: 38px;
    padding-bottom: 38px;
}

section.gray {
    background-color: var(--section)
}

main.home-page {
    max-width: 100vw;
    overflow: hidden;
    overflow-x: hidden;
}

.section-title {
    display: inline-block;
    color: black;
    font-size: 52px;
    font-weight: 700;
}

a.section-title:hover {
    color: var(--hover);
}

@media (min-width: 1200px) {
    .container {
        max-width: 1080px;
    }
}

[data-show-more-container] {
    height: 0;
    opacity: 0;
    transition: opacity .3s ease;
}

:root {
    --blue: #0174C8;
    --light-blue: #0174C880;
    --hover: #003C94;
    --gray: #ECEEEF;

    /*--border: rgba(19, 99, 174, .1);*/
    /*--hover: #F8D129;*/
    --darck: #333;
    --black: black;
    /*--darck-blue: #2C3449;*/
    /*--gray-light: #6D758D46;*/
    /*--link: #1363AE;*/
    /*--link-light: #F6F8FA;*/
    /*--footer: #2B2C3A;*/
    /*--body: #E7EBEE;*/
    /*--section: #F6F8FA;*/
}






.trimtext-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.trimtext-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.trimtext-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}







header {
    position: relative;
    /*background-color: #FBFBFD;*/
    z-index: 10;
}

.logo {
    color: var(--hover);
    font-weight: 400;
    margin-right: 40px;
}

.logo img,
.logo svg {
    width: auto;
}

.logo svg {
    margin-bottom: 4px;
}

.logo b {
    font-size: 26px;
}

.header-bg-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    cursor: pointer;
    z-index: 1001;
}

.header-menu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.top-header {
    position: relative;
    display: flex;
    align-items: center;
    color: #0174C8;
    background: var(--gray);
    height: 100%;
    padding: 14px 0;
}

.top-header a {
    color: var(--blue);
}


.top-header .old-site {
    border-bottom: 1px solid;
    line-height: normal;
}


.top-header-list button {
    padding: 0 36px 0 0;
}

.top-header-list ul {
    white-space: nowrap;
}

.top-header-list ul:not(:last-child) {
    padding: 0 20px 0 0;
}

.top-header-list .lang-list li:not(:last-child) a {
    padding: 0 16px 0 0;
}

.bottom-header {
    background-color: #FBFBFD;
}

.lang-list li {
    display: flex;
    align-items: center;
}

.lang-list li a {
    opacity: .5;
}

.lang-list li a.active {
    opacity: 1 !important
}

.lang-list li a:hover {
    opacity: 1 !important
}

.social-list a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .7
}

.social-list a:hover {
    opacity: 1
}

.social-list li:not(:last-child) {
    padding-right: 6px;
}

.weather {
    display: flex;
    align-items: center;
}

.weather span {
    padding-left: 5px;
}








.nav-header {
    /*padding: 15px 0;*/
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}

.nav-header > ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    justify-content: space-between;
    width: 100%;
}

.nav-header li > a,
.nav-header li > .dropdown-block {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
}

.nav-header > ul > li:not(:last-child) > a,
.nav-header > ul > li:not(:last-child) > .dropdown-block {
    margin-right: 7px;
}

.nav-header li > a,
.nav-header li > .dropdown-block a,
.nav-header li > .dropdown-block .dropdown-link {
    font-size: 15px;
    color: black;
    white-space: nowrap;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: transparent !important;
}

.nav-header .dropdown-menu li > a:active {
    background: transparent;
    color: var(--blue);
}

.nav-header li > a:visited,
.nav-header li > a:focus,
.nav-header li > .dropdown-block a:visited,
.nav-header li > .dropdown-block a:focus {
    color: black;
}

.nav-header li:hover > a,
.nav-header li:hover > .dropdown-block a,
.nav-header li.active > a,
.nav-header li.active > .dropdown-block a {
    color: var(--hover) !important;
}

.nav-header .dropdown-block .dropdown-link svg {
    transition: .3s ease;
}

.nav-header li:hover > .dropdown-block .dropdown-link svg path,
.nav-header li.active > .dropdown-block .dropdown-link svg path {
    stroke: var(--hover);
}

.nav-header li.active > .dropdown-block .dropdown-link {
    transform: rotateX(180deg);
}

.nav-header li.has-submenu.active > .dropdown-block .dropdown-link {
    transform: rotateY(180deg);
}

.nav-header > ul > li > .dropdown-block::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: transparent;
    transition: .3s ease;
}

.nav-header > ul > li.active > .dropdown-block:after {
    background-color: var(--hover);
}

.nav-header .dropdown-block .dropdown-link {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: inherit;
    padding-left: 5px;
    padding-right: 5px;
    min-width: 17px;
    width: 17px;
    transition: .3s ease;
    box-sizing: content-box;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .nav-header > ul > li > a, .nav-header > ul > li > .dropdown-block {
        margin-right: 2px;
    }
    .nav-header .dropdown-block .dropdown-link {
        min-width: 14px;
        width: 14px;
        height: 14px;
    }
    .nav-header li > .dropdown-block a {
        font-size: 14px;
    }
}





.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 282px;
    /*max-height: calc(100vh - 160px);*/
    /*overflow-y: auto;*/
    margin: 0;
    padding: 0;
    /*transform: translateX(calc((-282px/3)));*/
    /*display: flex;*/
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 0;
    border: none;
    box-shadow: 0 2px 6px rgba(34, 44, 72, 0.13);
    z-index: 999;
}

.dropdown-menu.right {
    left: auto;
    right: 0;
}

.dropdown-container {
    position: relative;
    padding: 20px 0;
}

.dropdown-menu .dropdown-block {
    padding: 0 20px;
}

.dropdown-menu li > a,
.dropdown-menu li .dropdown-block a,
.dropdown-menu li .dropdown-block .dropdown-link {
    font-size: 14px;
    display: flex;
    white-space: normal;
    background-color: transparent;
    position: relative;
}

.dropdown-menu li > a {
    width: 100%;
    padding: 12px 32px 12px 32px;
}

.dropdown-menu li .dropdown-block a {
    width: 100%;
    padding: 12px 12px 12px 12px;
}

.dropdown-menu li .dropdown-block .dropdown-link {
    padding: 12px 12px 12px 12px;
}

.dropdown-menu > ul > li a:visited,
.dropdown-menu > ul > li a:active {
    color: var(--hover);
    background-color: transparent;
}

.dropdown-menu > ul > li:hover > a {
    color: var(--hover) !important;
    background-color: transparent;
}

.dropdown-menu > ul > li a:visited > svg path,
.dropdown-menu > ul > li a:active > svg path {
    stroke: var(--hover);
}

.dropdown-menu > ul > li:hover > a > svg path {
    stroke: var(--hover) !important;
}

.nav-header .dropdown-menu > ul > li a:visited,
.nav-header .dropdown-menu > ul > li a:active {
    color: black;
    background-color: transparent;
}

.nav-header .dropdown-menu > ul > li:hover > a {
    color: var(--hover) !important;
    background-color: transparent;
}

.nav-header .dropdown-menu > ul > li a:visited > svg path,
.nav-header .dropdown-menu > ul > li a:active > svg path {
    stroke: black;
}

.nav-header .dropdown-menu > ul > li:hover > a > svg path {
    stroke: var(--hover) !important;
}

.header-menu .has-submenu {
    position: relative;
}

.megasubmenu {
    /*display: none;*/
    position: absolute;
    top: 0;
    left: 100%;
    /*min-height: 100%;*/
    /*bottom: 0;*/
    /*min-height: -webkit-fill-available;*/
    /*max-height: calc(100vh - 160px);*/
    /*overflow-y: auto;*/
    width: 100%;
    padding: 20px 0;
    margin: 0;
    /*display: flex;*/
    flex-direction: column;
    background-color: var(--gray);
    border-radius: 0;
    transition: box-shadow .3s ease, opacity .3s ease, visibility .3s ease;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 2px 6px rgba(34, 44, 72, 0.13);
}

.megasubmenu.left-position {
    left: auto;
    right: 100%;
}

.megasubmenu li > a:hover,
.megasubmenu li > .dropdown-block:hover {
    color: var(--blue);
}

.megasubmenu .megasubmenu {
    left: 100%;
    z-index: -1;
}

.megasubmenu .megasubmenu.active {
    z-index: 1;
}

.megasubmenu .megasubmenu.left-position {
    left: -100%;
    right: auto;
}










/* search */

.search-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px 15px;
    background: #eceeef;
}

.search-form {
    position: relative;
    height: 100%;
}

input,
input.form-control,
.search-form input {
    color: black;
    height: 100%;
    padding: 8px 36px 8px 13px;
    width: 100%;
    border: none;
}

.search-form .search-btn {
    position: absolute;
    top: 0;
    right: 45px;
    bottom: 0;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    border: none;
    border-left: 1px solid var(--gray)
}

.search-form .remove-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    border: none;
    border-left: 1px solid var(--gray)
}

/* search END */



/* redesign search  */

.search-container {
    display: none;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    bottom: auto; 
    padding: 15px 15px;
    background: #fff;
    z-index: 1;
}

.gsc-control-cse {
    padding: 0 !important;
}

form.gsc-search-box {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    position: relative !important;
}

table.gsc-search-box, .gsc-search-box table {
    margin: 0 !important;
    min-width: 0;
    max-width: calc(100vw - 30px);
}

table.gsc-search-box td.gsc-input {
    padding: 0 !important;
    border: none !important;
}

table.gsc-search-box .gsc-input-box {
    border-radius: 0;
    padding: 0;
}

.gsib_a {
    padding: 0 !important;
    height: 50px !important;
}

.gsc-input-box {
    border:  none !important;
}

.gsc-search-button {
    padding: 0 !important;
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    background: #0174C8 !important;
    border: none !important;
}

input.gsc-input {
    padding: 0 16px !important;
}

td.gsib_b {
    padding: 0 !important;
    /* width: 50px; */
}

div.gsst_b {
    width: 50px !important;
    height: 50px !important;
    text-align: center !important;
    line-height: 50px !important;
}

a.gsst_a {
    /* display: flex !important; */
    /* align-items: center !important; */
    /* justify-content: center !important; */
    width: 100% !important;
    height: 100% !important;
    line-height: 50px;
}

.gsst_a .gscb_a {
    color:  #0174C8 !important;
    line-height: 50px;
}

.gsst_a:hover .gscb_a, .gsst_a:focus .gscb_a {
    color: #003C94 !important;
}

/* redesign search END */

/* header END */










/* main-section */

.main-section {
    position: relative;
    padding: 0;
    height: calc(100vh - 119px);
}

.main-section-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.main-section-bg {
    z-index: -1;
    pointer-events: none;
}
/*.main-section-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .61);
    background-color: black;
    z-index: 1
}*/

#my-video{
    width:100vw;
    height:100%;
}


.opacity-90 {
    opacity: .9;
}


.opacity-80 {
    opacity: .8;
}


.opacity-70 {
    opacity: .7;
}


.opacity-60 {
    opacity: .6;
}


.opacity-50 {
    opacity: .5;
}


.opacity-40 {
    opacity: .4;
}


.opacity-30 {
    opacity: .3;
}


.opacity-20 {
    opacity: .2;
}


.opacity-10 {
    opacity: .1;
}

.main-section-img img,
.main-section-img iframe,
.main-section-img video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.main-section-block {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 840px;
    color: #fff;
    text-align: center;
}

.main-section-title {
    position: relative;
    font-size: 72px;
    font-weight: 700;
    z-index: 1;
}

.main-section-text {
    position: relative;
    font-size: 23px;
    z-index: 1;
}

.main-section-search {
    position: relative;
    border-radius: 50px;
    margin-top: 43px;
    margin: 40px auto;
    width: 512px;
    max-width: calc(100vw - 50px);
    overflow: hidden;
}

.main-section-search input {
    width: 100%;
    height: 45px;
    border: none;
    padding: 8px 45px 8px 20px;
    font-size: 16px;
}

input::-webkit-input-placeholder, .main-section-search input::-webkit-input-placeholder {
    color: #989898;
}

input::-moz-placeholder, .main-section-search input::-moz-placeholder {
    color: #989898;
}

input:-ms-input-placeholder, .main-section-search input:-ms-input-placeholder {
    color: #989898;
}

input::-ms-input-placeholder, .main-section-search input::-ms-input-placeholder {
    color: #989898;
}

input::placeholder,
.main-section-search input::placeholder {
    color: #989898;
}

.main-section-search .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* google search */
.main-section-search table {
    max-width: 100%;
    min-width: auto;
}

.main-section-search .gsc-search-button-v2 svg {
    max-width: 16px;
    fill: #0174c8;
}

.main-section-search .gsc-search-button:hover .gsc-search-button-v2 svg {
    fill: #003C94;
}

.main-section-search .gsc-search-button {
    background: #eceeef !important;
}

.main-section-search .gsc-input-box {
    padding: 0 0 0 5px;
}
/* main-section END */











.section-title {
    margin-bottom: 30px;
}

.sidebar-list li {
    margin-bottom: 16px;
}

.sidebar-list li a {
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    color: black;
}










span.date {
    display: block;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    color: #717175;
    white-space: nowrap;
}

.review {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow: hidden;
}

.review span:first-child {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.review span:not(:first-child) {
    padding-left: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.date+.review {
    padding-left: 13px;
    white-space: nowrap;
}

.review,
.label {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    color: #717175;
}

.sea-more {
    /*margin: 0 auto;*/
    /*display: inline-block;*/
    text-align: center;
    display: inline-flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    /*width: 100%;*/
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0em;
    text-align: left;
    padding: 13px 0;
    color: black;
}

.sea-more > span {
    padding-right: 8px;
}

.sea-more svg {
    max-width: 25px;
}

.sea-more:hover svg path {
    fill: var(--hover);
}














.sea-all-link {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
    color: var(--link);
}

.sea-all-link:hover {
    color: var(--hover);
}

.section-slider .sea-all-link {
    font-weight: 500;
}

.section-title .sea-all-link,
.block-title .sea-all-link {
    width: auto;
}







.block-title > span {
    display: block;
    width: calc(100% - 80px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.block-title .sea-all-link {
    padding-top: 5px;
}

.section-title .sea-all-link img,
.block-title .sea-all-link img {
    padding-left: 10px;
}

.actual-block {
    margin-bottom: 30px;
}

.actual-item {
    display: block;
    color: black;
}

.actual-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: left;
    padding: 16px 0 8px;
}

.actual-text {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
    padding-bottom: 20px;
}

.actual-description {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.actual-description span {
    /*display: block;*/
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
    padding-bottom: 2px;
    color: var(--gray);
}

.actual-description>span {
    white-space: nowrap;
}











/* servises */

.servises-list {
    overflow: hidden;
    /*margin: 0 -15px -16px 0;*/
}

.servises-block {
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;   
}

@media (min-width: 1200px){
    .servises-block {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/*.servises-block:not(:nth-child(5n+5)):not(:last-child) .servises-item:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 15px;
    width: 1px;
    background-color: #0B2F4D;
    opacity: .2
}*/

@media (min-width: 1200px){
    .servises-block:not(:nth-child(5n+5)):not(:last-child) .servises-item:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 15px;
        width: 1px;
        background-color: #0B2F4D;
        opacity: .2
    }
}

/*@media (max-width: 1199px){
    .servises-block .servises-item:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 15px;
        width: 1px;
        background-color: #0B2F4D;
        opacity: .2
    }
}*/

@media (min-width: 768px) and (max-width:  1199px){
    .servises-block:not(:nth-child(4n+4)):not(:last-child) .servises-item:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 15px;
        width: 1px;
        background-color: #0B2F4D;
        opacity: .2
    }
}

@media (min-width: 576px) and (max-width:  767px){
    .servises-block:not(:nth-child(3n+3)):not(:last-child) .servises-item:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 15px;
        width: 1px;
        background-color: #0B2F4D;
        opacity: .2
    }
}

@media(max-width:  575px){
    .servises-block:not(:nth-child(2n+2)):not(:last-child) .servises-item:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 15px;
        width: 1px;
        background-color: #0B2F4D;
        opacity: .2
    }
}

.servises-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    padding: 0 15px 15px 15px;
    color: black;
}

.servises-item .servises-img {
    display: flex;
    align-items: center;
    width: 56px;
    height: 56px;
}

.servises-item .servises-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}


.servises-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0em;
    /*text-align: left;*/
    padding-top: 16px;
}

/* servises END */










/* news */

.section-news {
    padding-top: 36px;
    padding-bottom: 53px;
    margin-bottom: 0;
    background: #F7F7F7;
}

.news-container {
    border-radius: 20px;
    background-color: #fff;
    padding: 28px;
}

.news-link {
    display: block;
    color: inherit;
}

.news-link:hover .news-title {
    color: var(--hover);
}

.news-img {
    overflow: hidden;
    position: relative;
}

.news-video video {
    width: 100% !important;
    height: 100% !important;
    border-radius: 10px;
    /*max-height: 650px;*/
    max-height: 367px;
    z-index: 1;
}

.news-video .video-icon {
    opacity: 1;
    transition: opacity .3s ease;
    z-index: 2;
    pointer-events: none;
}

.news-video:hover .video-icon {
    /*opacity: 1;*/
}

.news-video:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 4px;
    background-color: #00000040;
    opacity: 0;
    transition: .3s ease;
    border-radius: 10px;
    pointer-events: none;
    z-index: 1;
}

.news-video:not(.video-pause):after {
    opacity: .3;
}

.news-video .video-icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    /*transition: .3s ease;*/
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    /*background-color: #33333340;*/
    border-radius: 20px;
    /*background-image: url(../img/icon/play.svg), url(~/Content/img/icon/play.svg); */
    background-image: url(/Content/img/icon/play.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.news-video.video-pause .video-icon:after {
    background: #ffffffcc;
    border-radius: 20px;
    opacity: .3;
}

.news-video .video-icon span {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transition: opacity .3s ease;
    transform: translate(-115%, -50%);
    width: 64px;
    height: 64px;
    background: #ffffffcc;
    width: 6px;
    height: 22px;
    border-radius: 4px;
}

.news-video:not(.video-pause) .video-icon span {
    opacity: 0;
}

.news-video.video-pause .video-icon span {
    /*opacity: 1;*/
}

.news-video.video-pause .video-icon {
    opacity: 0;
}

.news-video.video-pause:hover .video-icon {
    opacity: .8;
}

.news-video.video-pause .video-icon span:first-child {
    transform: translate(50%, -50%);}

.news-video.video-pause .video-icon span:last-child {
    /*margin-right: 5px;*/
}

.news-video:hover .video-icon {
    opacity: 1;
}











.news-img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.news-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    padding: 24px 0 16px;
}

.news-description {
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    width: 100%;
}

.news-sidebar-list {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.news-sidebar-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}

.news-sidebar-list li {
    margin-bottom: 8px;
}

.news-sidebar-list li a {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    font-size: 16px;
    color: inherit;
}

.news-sidebar-list li a:hover {
    color: var(--hover);
}

.news-sidebar-list li .news-date {
    padding-right: 16px;
    min-width: 48px;
}

.news-sidebar .btn-blue {
    display: block;
}

/* news END */








.btn-blue {
    color: #fff;
    background: var(--blue);
    padding: 12px 20px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 6px;
    text-align: center;
}

.btn-blue:hover {
    color: #fff !important;
    background: var(--hover);
}










/* covid */

.covid-left-block {
    position: relative;
    display: block;
    height: 100%;
    color: black;
    padding: 20px;
    border-radius: 20px;
    overflow: hidden;
    /*background-color: #D9E4F5;*/
}

.covid-left-block:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #D9E4F5;
    z-index: -1;
    pointer-events: none;
}

.covid-left-block:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /*background-image: url(../img/covid-bg.png), url(~/Content/img/covid-bg.png);*/
    background-image: url(/Content/img/covid-bg.png);
    background-size: 247px;
    background-position: bottom right;
    background-repeat: no-repeat;
    z-index: -1;
    pointer-events: none;
}

.covid-left-title {
    font-size: 24px;
    font-weight: 700;
    z-index: 2
}

.covid-block {
    position: relative;
    height: 100%;
    padding: 20px;
    border: 2px solid transparent;
    border-radius: 20px;
    background-color: #fff;
    background-clip: padding-box;
    /*overflow: hidden;*/
}

.covid-block:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(105.09deg, #E95E5E 2.57%, #5F76B1 42.6%, #625FE4 99.85%);
    pointer-events: none;
    border-radius: 20px;
    z-index: -1
}

.covid-title {
    font-size: 33px;
    font-weight: 700;
    color: black;
    margin-bottom: 25px;
}

.covid-text {
    font-size: 20px;
    font-weight: 700;
    color: black;
    margin-bottom: 5px;
}

.covid-info {
    color: #3D546F;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 20px;
}

.covid-right-block {
    position: relative;
    display: block;
    height: 100%;
    padding: 20px;
    border-radius: 20px;
    background: linear-gradient(0deg, #D9E4F5, #D9E4F5), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
}

.covid-right-title {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    font-size: 36px;
    font-weight: 700;
    color: black;
    margin-bottom: 16px;
}

.covid-right-title:hover >  svg path {
    fill: var(--hover);
}

.covid-right-link {
    display: block;
    font-size: 19px;
    text-decoration: underline !important;
    color: black;
    margin-bottom: 12px;
}

/* covid END */











/* cnap */

.section-cnap {
    /*padding-top: 180px;*/
    /*padding-bottom: 120px;*/
    padding-top: 40px;
    padding-bottom: 40px;
}

.cnap-container {
    position: relative;
    /*background-image: url(../img/cnap-bg.jpg), url(~/Content/img/cnap-bg.jpg);*/
    background-image: url(/Content/img/cnap-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    padding: 62px 50px;
}

.cnap-container > img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 49%;
    /*object-fit: cover;*/
}

.cnap-title {
    display: inline-block;
    color: black;
    font-size: 62px;
    font-weight: 700;
    line-height: 76px;
    margin-bottom: 29px;
}

.cnap-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -16px;
}

.cnap-list a {
    display: inline-block;
    font-size: 17px;
    color: black;
    padding: 12px 24px;
    margin-left: 16px;
    margin-bottom: 16px;
    border-radius: 26px;
    background-color: #fff;
}

.cnap-list a:hover {
    color: var(--hover);
}

.cnap-all {
    display: inline-block;
    font-size: 18px;
    color: #fff !important;
    padding: 12px 24px;
    border-radius: 26px;
    border: 1px solid var(--blue);
    background-color: var(--blue);
}

.cnap-all:hover {
    border-color: var(--hover);
    background-color: var(--hover);
}

/* cnap END */












/* media */

.online > span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #EA2626;
}

.online > span {
    margin-right: 17px;
    position: relative;
}

.media-container {
    overflow: hidden;
}

.media-list {
    padding: 0 !important;
}

.media-block {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.media-title {
    position: relative;
    display: inline-block;
    font-size: 36px;
    /*line-height: 41px;*/
    font-weight: 700;
    letter-spacing: 0.01em;
    color: black;
    text-align: left;
    margin-bottom: 28px;
    width: 100%;
}

.media-text {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.media-item {
    display: block;
    color: black;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.media-img {
    height: 185px;
    min-height: 185px;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
}

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

.media-img iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.media-name {
    font-size: 28px;
    font-weight: 700;
    padding: 20px 0 0;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    /* height: 100%; */
}

.media-description {
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 100%;
    margin-top: auto;
}

.media-item.video-item .media-img,
.media-item.online-item .media-img {
    position: relative;
}

.media-item.video-item .media-img:before,
.media-item.online-item .media-img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .4;
    border-radius: 16px;
}

.media-item.video-item .media-img:after,
.media-item.online-item .media-img:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transition: .3s ease;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    /*background-image: url(../img/icon/play.svg), url(~/Content/img/icon/play.svg);*/
    background-image: url(/Content/img/icon/play.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.media-item.video-item:hover .media-img:after,
.media-item.online-item:hover .media-img:after {
    transform: translate(-50%, -50%) scale(1.2);
}

.media-item-link {
    display: inline-block;
    font-size: 18px;
    padding: 12px 28px;
    margin-top: 20px;
    color: black;
    border: 1px solid black;
    border-radius: 50px;
    transition: .3s ease;
}

.media-item-link:hover {
    color: #fff !important;
    border-color: black;
    background-color: black;
}

/* media END */











/* project */

.section-project {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #E7EEF3;
}

.project-item {
    display: block;
    color: black;
}

.project-item:hover svg path {
    fill: var(--hover);
}

.project-img {
    height: 185px;
    border-radius: 10px;
    overflow: hidden;
}

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

.project-name {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-size: 23px;
    letter-spacing: 0.01em;
    padding: 20px 0 12px;
}

.project-name svg {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
}
/* project END */












/* budget */

.section-budget {
    padding-top: 72px;
    padding-bottom: 72px;
}

.budget-title {
    font-size: 62px;
    font-weight: 700;
    margin-bottom: 26px;
}

.budget-list {
    display: flex;
    flex-direction: column;
}

.budget-list a {
    display: block;
    color: black;
    margin-bottom: 11px;
    text-decoration: underline !important;
}

.budget-list a:hover {
    color: var(--hover);
}

.budget-img {
    border-radius: 10px;
}

.budget-img img {
    width: 100%;
}

/* budget END */














/* info */

.section-info {
    padding: 48px 0 72px;
    background: #DFF4FC;
}

.info-block {
    padding-bottom: 48px;
    border-bottom: 1px solid black;
    margin-bottom: 16px;
}

.info-title {
    display: inline-block;
    font-size: 52px;
    line-height: 54px;
    font-weight: 700;
    /*width: 100%;*/
    color: black;
}

a.info-title{
    border-bottom: 1px solid;
}

a.info-title:hover {
    color: var(--hover);
    border-color: transparent;
}

.info-list {
    overflow: hidden;
    margin: 0 -16px -16px -16px;
}

.info-item {
    /*height: 100%;*/
    margin-bottom: 16px;
    align-items: stretch;
}

.info-link {
    position: relative;
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #0A0A0A;
    padding-left: 0;
    padding: 17px 30px 17px 58px;
}

.modal-list .info-link {
    padding: 17px 30px 17px 30px;
}

.info-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 40px;
    height: 40px;
}

.info-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.info-name {
    font-size: 16px;
    font-weight: 400;
}

.section-info .sea-more {
    font-size: 16px;
    margin-top: 20px;
    padding: 12px 28px;
    color: black;
    border-radius: 36px;
    /*border: 1px solid black;*/
    text-align: center;
}

.section-info .sea-more.active,
.section-info .sea-more:hover {
    color: var(--blue) !important;
    /*border-color: var(--blue);*/
    /*background-color: var(--blue);*/
}

/* info END */












/* footer */
footer {
    background-color: black;
    color: #ffffff;
}

.footer-menu {
    padding: 40px 0 60px;
}

.footer-menu-list {
    -moz-columns: 5;
         columns: 5
}

.footer-menu-list a {
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 16px;
    opacity: .7;
}

.footer-menu-list a:hover {
    color: #fff;
    opacity: 1;
}

.footer {
    padding: 60px 0;
    border-top: 1px solid #373737;
    border-bottom: 1px solid #373737;
}

footer .logo {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 234px;
    margin-bottom: 32px;
}

footer .logo img,
footer .logo svg {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}

footer .logo .logo-text {
    font-size: 21px;
    line-height: 24px;
    color: #fff;
}

footer .logo:hover .logo-text {
    color: #fff;
}

.footer-map-btn {
    /*width: 210px;*/
    max-width: 100%;
    padding: 14px 60px;
    white-space: normal;
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
    transition: .3s ease;
}

.footer-map-btn:hover {
    color: black;
    border-color: #fff;
    background-color: #fff;
}

.footer-title {
    font-size: 24px;
    line-height: 25px;
    font-weight: 700;
    margin-bottom: 12px;
}

.footer-contacts {
    max-width: 300px;
}

.footer-contacts li {
    margin: 4px 0;
}

.footer-contacts p,
.footer-contacts a {
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0em;
    color: #fff;
    padding-right: 5px;
    margin-bottom: 4px;
}

.footer-contacts a:hover {
    color: #fff !important;
    opacity: .7;
}

.footer-contacts p > a {
    margin-bottom: 0;
}

.footer-social {
    display: flex;
    flex-direction: row
}

.footer-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff !important;
    opacity: 1;
}

.footer-social li:not(:last-child) {
    padding-right: 14px;
}

.footer-social a img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}

.footer-social a:hover {
    border-color: var(--hover);
    background-color: var(--hover);
}

.footer-bottom {
    margin-top: 33px;
    padding: 12px 0 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0 16px;
}

.footer-copirater {
    width: 420px;
    max-width: calc(100% - 30px);
}

.footer-bottom span {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: #C7C7C7;
    transition: .3s ease;
}

.footer-bottom .btn-top img {
    -webkit-filter: brightness(.8) invert(1);
            filter: brightness(.8) invert(1);
    transition: .3s ease;
}

.footer-bottom .btn-top:hover img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}

.footer-bottom a span {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    /*text-align: right;*/
    color: #C7C7C7;
}

.footer-bottom a:hover span {
    color: #fff;
}

/* footer */













.modal-title {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    color: black;
    padding: 10px 15px 0 15px;
    margin-bottom: 0;
}

.modal-list b {
    display: block;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color: black;
    margin-bottom: 16px;
}

.modal-list ul {
    width: 100%;
    border-bottom: 1px solid rgba(109, 117, 141, 0.3);
    margin-bottom: 36px;
}

.modal-list li {
    padding-bottom: 12px;
}

.modal-list li a {
    display: block;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: black;
}

.modal-list li a:hover {
    color: var(--hover);
}

.modal-list ul ul {
    padding: 12px 0 0 15px;
    margin-bottom: 0;
    border: none;
}

.modal-list ul ul li {
    padding-bottom: 7px;
}

.modal-list ul ul li:last-child {
    padding-bottom: 0;
}

.modal-list ul ul li a {
    font-size: 15px;
}













/* breadcrumbs */
.section-top-title + .breadcrumbs {
    padding-left: 25px;
}

.breadcrumbs {
    background: #FBFBFD;
    margin: 0 !important;
}


.breadcrumbs-container ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.breadcrumbs.bcAfter .breadcrumbs-container ul {
    justify-content: flex-start;
}

.breadcrumbs-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
    font-size: 16px;
    color: #929292;
}

.breadcrumbs-item a {
    position: relative;
    display: inline-block;
    padding: 0 12px 0 0;
    margin-right: 12px;
    color: inherit;
}

.breadcrumbs-item a:hover {
    color: var(--hover);
}

.breadcrumbs-item:not(:last-child) a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #929292;
    transition: .3s ease;
}


.breadcrumbs-item span {
    pointer-events: none;
    /*opacity: .7;*/
}

@media (min-width: 992px) {
    .section-top-title + .breadcrumbs .breadcrumbs-item:nth-last-child(n+2):not(:nth-child(1)):not(:nth-child(1)) a {
        max-width: 85px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }


    .section-top-title + .breadcrumbs .breadcrumbs-item:last-child span {
        max-width: 210px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

.breadcrumbs-item.breadcrumbs-trip a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 200px;
}

.bcAfter {
    position: relative
}

.bcAfter::after {
    display: block;
    content: "...";
    color: inherit;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 20px;
    text-align: center;
    font-size: 15px;
    background-color: #FBFBFD 
}
/* breadcrumbs END */








/* eyeModal */

.eye-header-block {
    display: inline-flex;
    align-items: baseline;
}

#eyeModal .modal-dialog {
    width: 380px;
    max-width: 100vw;
    margin-left: auto;
    margin-right: auto;
}

.eye-block-size, .eye-block-reset {
    display: inline-block;
    line-height: normal;
}

.eye-block-size ul, .eye-block-reset ul {
    display: flex;
    align-items: baseline;
    padding-right: 12px;
}

.eye-block-colors ul {
    flex-wrap: wrap;
}

.eye-block-colors {
    margin: -3px;
}

.eye-color-item a {
    font-size: 20px;
    min-width: 36px;
    height: 36px;
    width: 36px;
    margin: 4px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eye-size-item:nth-child(1) {
    font-size: 60px;
}

.eye-size-item:nth-child(2) {
    font-size: 40px;
}

.eye-size-item:nth-child(3) {
    font-size: 22px;
}

.eye-size-item:nth-child(4) {
    font-size: 12px;
}

@media (max-width: 575px){
    .eye-color-item {
        width: calc(100%/8);
    }

    .eye-color-item a {
        min-width: calc(100% - 7px);
        height: 34px;
        width: calc(100% - 7px);
    }
}

@media (max-width: 400px){
    .eye-color-item a {
        font-size: 16px;
        min-width: calc(100% - 4px);
        height: calc(100vw/10 - 4px);
        width: calc(100% - 4px);
        margin: 2px;
    }
}

/* eyeModal END */










/* pagination */
.pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 33px;
}

.pagination-list {
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
}

.pagination-prev,
.pagination-next {
    border: 1px solid #E7EBEE;
    box-sizing: border-box;
    position: relative;
    background-color: transparent;
    transition: .3s ease;
}

.pagination-prev:after,
.pagination-next:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    width: 15px;
    transform: translate(-50%, -50%);
    height: 26px;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    transition: .3s ease;
}

.pagination-prev:hover,
.pagination-next:hover {
    background-color: #E7EBEE;
}

.pagination-prev:after {
    /*background-image: url(../img/icon/big-chevron-left-light.svg), url(~/Content/img/icon/big-chevron-left-light.svg);*/
    background-image: url(/Content/img/icon/big-chevron-left-light.svg);
}

.pagination-prev:hover:after {
    /*background-image: url(../img/icon/big-chevron-left.svg), url(~/Content/img/icon/big-chevron-left.svg);*/
    background-image: url(/Content/img/icon/big-chevron-left.svg);
}

.pagination-next:after {
    /*background-image: url(../img/icon/big-chevron-right-light.svg), url(~/Content/img/icon/big-chevron-right-light.svg);*/
    background-image: url(/Content/img/icon/big-chevron-right-light.svg);
}

.pagination-next:hover:after {
    /*background-image: url(../img/icon/big-chevron-right.svg), url(~/Content/img/icon/big-chevron-right.svg);*/
    background-image: url(/Content/img/icon/big-chevron-right.svg);
}

.pagination-item {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    /*padding: 11px 15.5px;*/
    color: var(--gray);
}

.pagination-list .pagination-item {
    margin: 0 2px;
}

.pagination-list .pagination-item.active {
    pointer-events: none;
}

.pagination-list .pagination-item.active,
.pagination-list .pagination-item:hover {
    color: var(--blue);
    background-color: #E7EBEE;
}

span.pagination-item {
    pointer-events: none;
}

/* pagination */















.section-top {
    padding: 24px 0 24px;
    margin: 0 !important;
    background-color: #FBFBFD;
    border-top: 1px solid #EDEDED;
}

.section-top-block {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.section-top-title {
    font-weight: 700;
    font-size: 42px;
    color: black;
}









/* sidebar */

.category-title {
    font-size: 28px;
    line-height: 26px;
    font-weight: 700;
    padding-bottom: 14px;
    margin-bottom: 16px;
    border-bottom: 2px solid black;
}

.category-list {
    margin-bottom: 40px;
    /*max-width: 290px;*/
}

.category-list>ul {
    margin-bottom: 20px;
}

.category-list li .category-link {
    display: flex;
    align-items: stretch;
    justify-content: space-between;

    /*color: var(--blue);*/
}

.category-list li a {
    display: block;
    /*font-size: 18px;*/
    font-size: 16px;
    font-weight: 700;
    padding: 8px 0 8px;
    /*color: black;*/
}

.category-list li.active a {
    color: var(--hover);
    pointer-events: none;
}

.category-list li .category-link.active a {
    color: var(--hover);
    /*pointer-events: none;*/
}

.category-list li .category-link button {
    transition: .3s ease;
}

.category-list li .category-link svg {
    height: 24px;
    opacity: .4;
    transition: .3s ease;
}

.category-list li .category-link.active button {
    transform: rotate3d(1, 0, 0, 180deg);
}

.category-list li .category-link.active svg {
    opacity: 1
}

.category-list li .category-link.active svg path {
    stroke: #0679D4;
}

.category-list li .category-link:hover a {
    color: var(--hover)
}

.category-list li .category-link:hover svg {
    opacity: 1
}

.category-list li .category-link:hover svg path {
    stroke: var(--hover);
}

.category-list>ul>li>a,
.category-list ul li a.dropdown-link {
    position: relative;
    font-weight: 600;
    /*padding-right: 18px;*/
}

.category-list ul li a.dropdown-link:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    width: 10px;
    height: 7px;
    bottom: 0;
    /*background-image: url(../img/icon/chevron-down-gray.svg), url(~/Content/img/icon/chevron-down-gray.svg);*/
    background-image: url(/Content/img/icon/chevron-down-gray.svg);
    background-repeat: no-repeat;
}

.category-list ul ul li a {
    font-size: 16px;
    line-height: 16px;
    padding: 6px 8px 6px 16px;
    /*padding-left: 12px;*/
}

.category-list ul ul ul li a {
    font-weight: 400;
    color: #444;
}

.category-list ul ul ul li a:hover {
    color: var(--hover);
}

.category-list ul ul li:last-child a {
    padding-bottom: 12px;
}

.category-list ul li a.dropdown-link.active {
    color: var(--blue);
}

.category-list ul li a.dropdown-link.active:after {
    /*background-image: url(../img/icon/chevron-top-blue.svg), url(~/Content/img/icon/chevron-top-blue.svg);*/
    background-image: url(/Content/img/icon/chevron-top-blue.svg);
}

.dropdown-category-menu {
    display: none;
    padding: 8px 0 0;
    margin-bottom: 8px;
    background: #FBFBFD;
    border-top: 2px solid var(--blue);
}

.dropdown-category-menu .dropdown-category-menu {
    border: none;
    padding: 0 0 0 12px;
}

.dropdown-category-menu a.dropdown-link {
    border-bottom: 1px solid #6D758D4d;
    padding: 12px 18px 12px 12px;
}

.dropdown-category-submenu {
    border-bottom: 1px solid #6D758D4d;
    display: none;
}

.category-list ul li a.dropdown-link.active+.dropdown-category-menu,
.category-list ul li a.dropdown-link.active+.dropdown-category-submenu {
    display: block;
}

.dropdown-category-menu ul li a {
    padding: 12px 0 8px 12px;
}

/* sidebar END */











.content-block {
    font-weight: 400;
    font-size: 16px;
    /*line-height: 19px;*/
    color: black;
}

.content-block p {
    margin-bottom: 10px
}

/*.content-title ~ p a,*/
/*.content-title ~ a,*/
.content-block a {
    /*display: inline-block;*/
    color: var(--blue);
}

.content-block a:hover {
    color: var(--hover);
}

.content-text p a:hover,
.content-block p > a:hover,
.content-block a.bs-link:hover {
    text-decoration: underline !important; 
}

.content-title {
    font-weight: 700;
    font-size: 40px;
    color: black;
    margin-bottom: 20px;
}

.content-title ~ p {
    margin-bottom: 28px;
}

.content-title.small-title {
    font-size: 28px;
}

.content-title.small-title ~ p {
    margin-bottom: 16px;
}

.content-description,
.parser-page {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: black;
}

.parser-page h2,
.parser-page h3,
.parser-page h4,
.parser-page h5,
.parser-page h6 {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: black;
}

.content-date {
    font-size: 18px;
    color: #868686;
    margin-top: 20px;
    /*text-align: right;*/
}

.content-image-list {
    overflow-x: hidden;
    margin-bottom: 12px;
}

.image-list-link {
    display: block;
    width: 100%;
    margin-bottom: 16px;
    text-align: center;
}

.image-list-img img {
    border: 1px solid var(--blue);
    border-radius: 10px;
    transition: .3s ease;
}

.image-list-link:hover .image-list-img img {
    border-color: var(--hover);
}

.image-list-name {
    padding-top: 8px;
    font-size: 16px;
    color: #494D50;
}

.image-list-link:hover .image-list-name {
    color: var(--hover);
}














/* new */
.new-title {
    padding-bottom: 20px;
    margin-bottom: 16px;
    border-bottom: 1px solid #E7EBEE;
}

.new-title h1 {
    font-family: e-Ukraine;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 8px;
}

.new-description {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 24px;
    margin-bottom: 8px;
    border-bottom: 1px solid #E7EBEE;
    width: 100%;

}

.new-description h2,
.new-description h3 {
    font-size: inherit;
    font-weight: 600;
    margin-bottom: 16px;
}

.new-description p {
    font-size: 14px;
    margin-bottom: 12px;
}













.social-container {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    padding: 15px 14px;
    background-color: #F6F8FA;
    color: var(--gray);
    margin-bottom: 30px;
}

.social-container .social-list a {
    border-color: var(--gray);
    opacity: 1
}

.social-container .social-list a:hover {
    border-color: var(--blue);
    background-color: var(--blue);
}

.social-container .social-list a img {
    transition: .3s ease;
    -webkit-filter: brightness(.7) grayscale(1);
            filter: brightness(.7) grayscale(1);
}

.social-container .social-list a:hover img {
    -webkit-filter: none;
            filter: none;
}

.print-block {
    cursor: pointer;
    color: var(--gray);
}

.print-block img {
    transition: .3s ease;
}

.print-block:hover img {
    -webkit-filter: brightness(.7) grayscale(1);
            filter: brightness(.7) grayscale(1);
}

.new-btn {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    padding: 13px 28px;
    /* identical to box height */

    letter-spacing: 0.002em;
    text-transform: uppercase;
    color: var(--gray);
    border: 1px solid #6D758D;
    box-sizing: border-box;
    border-radius: 1px;
}

.new-btn:hover {
    color: #fff !important;
    background-color: var(--blue);
    border-bottom: 1px solid var(--blue);
}

/* new */







/* person */
.person-item {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #E7EBEE;
}

.person-img {
    text-align: center;
}

.person-img img:not([src]) {
    width: 240px;
    height: 240px;
    display: block;
}

.person-img img:not([src]):before {
    content: "";
    position: absolute;
    background-image: url(/Content/img/default-user-icon.jpg);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}


.person-title {
    padding-bottom: 8px;
    margin-bottom: 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
    /*border-bottom: 1px solid #E7EBEE;*/
}

.person-title h1 {
    font-family: e-Ukraine;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 8px;
}

.person-description {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    color: var(--gray);
    border-top: 1px solid #E7EBEE;
}

.person-tabs {
    font-size: inherit;
    /*font-weight: 600;*/
    /*padding: 25px;*/
    margin-bottom: 16px;
    margin-top: 32px;
    /*background-color: var(--section);*/
}

.person-tabs .nav-tabs {
    display: flex;
    flex-direction: column;
}

.person-tabs .nav-link {
    font-size: inherit;
    font-weight: 600;
    font-size: 15px;
    /*margin-bottom: 16px;*/
    border: none;
    color: var(--darck)
}

.person-tabs .nav-item .nav-link.active {
    background-color: var(--blue);
    color: #fff !important;
}



.person-tabs .tab-content {
    font-size: inherit;
    /*font-weight: 600;*/
    padding: 25px;
    margin-bottom: 16px;
    margin-top: 32px;
    background-color: var(--section);
    font-size: 14px;
    margin-bottom: 12px;
    color: var(--darck-blue)
}

.person-tabs .tab-content h2 {
    font-family: e-Ukraine;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 16px;
}

.person-tabs .tab-content ol {
    padding-left: 15px;
}

.person-tabs .tab-content ol ul {
    margin-top: 12px;
}

.person-tabs .tab-content ul li {
    list-style: circle;
    margin-left: 20px;
}

.person-tabs .tab-content li {
    margin-bottom: 12px;
}

.person-form {
    font-size: inherit;
    font-weight: 600;
    padding: 25px;
    margin-bottom: 16px;
    margin-top: 32px;
    background-color: var(--section);
    font-size: 14px;
    margin-bottom: 12px;
}
/* person */









/* accordion */

.accordion-list {
    margin-bottom: 20px;
}

.accordion-list>ol {
    counter-reset: list1;
}

.accordion-list>ol li {
    list-style-type: none;
}

.accordion-list>ol li .accordion-title:before {
    counter-increment: list1;
    content: counter(list1);
}

.accordion-list>ol ol {
    counter-reset: list2;
}

.accordion-list>ol ol>li .accordion-name:before {
    counter-increment: list2;
    content: counter(list1) "."counter(list2);
}

.accordion-list ul li:before {
    display: none;
}

.accordion-title {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 16px;
}

.accordion-title:before {
    padding-right: 12px;
}

.accordion-item-list {
    padding: 0;
    margin-bottom: 24px;
}

.accordion-item-list>li {
    position: relative;
    border-radius: 4px;
    background: #F6F7F9;
    border: 1px solid transparent;
    transition: .3s ease;
}

.accordion-item-list>li:hover {
    border-color: #7E96B9;
}

.accordion-item-list>li:not(:last-child) {
    margin-bottom: 8px;
}

.accordion-name {
    position: relative;
    font-weight: 700;
    font-size: 17px;
    padding: 24px;
    cursor: pointer;
    color: var(--hover);
}

ol .accordion-name {
    padding-left: 62px;
}

.accordion-name:before {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

.accordion-toggle {
    padding-right: 58px !important;
}

.accordion-toggle:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(270deg);
    width: 15px;
    height: 15px;
    bottom: 0;
    /*background-image: url(../img/icon/big-chevron-left.svg), url(~/Content/img/icon/big-chevron-left.svg);*/
    background-image: url(/Content/img/icon/big-chevron-left.svg);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    transition: .3s ease;
}

.accordion-item-list li.active>.accordion-toggle:after {
    /*background-image: url(../img/icon/chevron-down.svg);*/
    transform: translateY(-50%) rotate(90deg);
}

.accordion-body {
    display: none;
    padding: 24px;
    padding-top: 0;
    font-size: 16px;
    line-height: 19px;
    /*border-top: 1px solid rgba(109, 117, 141, 0.3);*/
}

.accordion-body p:last-child {
    margin-bottom: 0
}

.accordion-body a {
    color: var(--hover);
}

.accordion-item-list li.active>.accordion-body {
    display: block;
}

.accordion-body .content-download-list {
    padding: 0;
    margin: 0;
    border: none;
}

/* accordion END */


/* accordion-plus */

.plus-accordion-list > ul > li > .accordion-toggle:after {
    right: 20px;
    transform: translateY(-50%) rotate(0);
    width: 18px;
    height: 18px;
    bottom: 0;
    /*background-image: url(../img/icon/plus.svg), url(~/Content/img/icon/plus.svg);*/
    background-image: url(/Content/img/icon/plus.svg);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    transition: .3s ease;
}

.plus-accordion-list > ul > li.active > .accordion-toggle:after {
    transform: translateY(-50%) rotate(0);
    /*background-image: url(../img/icon/minus.svg), url(~/Content/img/icon/minus.svg);*/
    background-image: url(/Content/img/icon/minus.svg);
}

.plus-accordion-list .accordion-item-list li {
    background-color: transparent;
    border: none;
    margin-bottom: 0;
}

.plus-accordion-list > .accordion-item-list > li {
    margin-bottom: 10px;
}

.plus-accordion-list>.accordion-item-list>li>.accordion-name {
    background: #F6F7F9;
    border: 1px solid #F6F7F9;
    border-radius: 4px;
    font-size: 17px;
    transition: .3s ease;
}

.plus-accordion-list .accordion-item-list .accordion-name {
    color: #0174C8;
    font-size: 16px;
}

.plus-accordion-list .accordion-item-list li:hover .accordion-name,
.plus-accordion-list .accordion-item-list li.active .accordion-name {
    border-color: #0174C8;
}

.plus-accordion-list .accordion-list-title > a,
.plus-accordion-list .accordion-item-list .accordion-list-title .accordion-name {
    display: block;
    padding: 12px 24px;
    font-weight: 400;
    color: #0174C8;
    font-size: 16px;
    transition: .3s ease;
}

.plus-accordion-list .accordion-body {
    margin: 10px 0 16px;
    padding: 0;
    background: #F9FAFB;
    border: 1px solid #E3E7ED;
    border-radius: 4px;
}

.plus-accordion-list .accordion-body .accordion-body {
    margin: 0;
    border: none;
    border-radius: 0;
}

.plus-accordion-list .accordion-item-list .accordion-item-list {
    margin-bottom: 0;
}

.plus-accordion-list .accordion-item-list .accordion-item-list li {
    border-bottom: 1px solid #E3E7ED;
    border-radius: 0;
}

.plus-accordion-list .accordion-item-list .accordion-item-list li:last-child,
.plus-accordion-list .accordion-item-list .accordion-item-list li.active {
    border-bottom: none;
}

.plus-accordion-list .accordion-body a:hover {
    color: var(--hover);
    text-decoration: underline !important;
}

.plus-accordion-list .accordion-item-list .accordion-item-list li:hover .accordion-name,
.plus-accordion-list .accordion-item-list .accordion-item-list li.active .accordion-name {
    color: #003C94;
    background: #EDF0F2;
    box-shadow: 0 1px 0 0 var(--blue);
}

.plus-accordion-list .accordion-body .accordion-body a {
    padding: 12px 16px 12px 32px;
}

.plus-accordion-list .accordion-toggle + .accordion-body .accordion-body {
    border-bottom: 1px solid #E3E7ED;
}
/* accordion-pus END */









/* table */

.content-table-list {
    overflow: hidden;
    overflow-x: auto;
}

.content-table-list table,
.content-table-list ul {
    display: table;
    width: 100%;
    min-width: 510px;
}

.content-table-list li {
    display: table-row;
}

.content-table-list thead th,
.content-table-list li.content-list-title span {
    background: #F6F7F9;
    box-shadow: inset 0 -1px 0 #E6E7E9;
}

.content-table-list li.content-list-title span a {
    padding-top: 4px;
    font-weight: 400;
    text-decoration: underline !important;
}

.content-table-list li.content-list-title span:first-child {
    white-space: nowrap;
}

.content-table-list thead th,
.content-table-list tbody td,
.content-table-list li span,
.content-table-list > .colspan {
    display: table-cell;
    font-size: 15px;
    font-weight: normal;
    padding: 16px 8px;
    color: #444;
    box-shadow: inset 0 -1px 0 #E6E7E9;
}

.content-table-list > .colspan {
    display: block;
    width: 100%;
}

.content-table-list > .colspan + ul > li:first-child {
    visibility: hidden;
}

.content-table-list > .colspan + ul > li:first-child span {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 0;
}

.content-table-list thead th.gray,
.content-table-list tbody td.gray,
.content-table-list li span.gray {
    color: var(--gray);
}

.content-table-list thead th.bold,
.content-table-list tbody td.bold,
.content-table-list li span.bold {
    font-weight: 700;
}

.content-table-list thead th.active,
.content-table-list tbody td.active,
.content-table-list li span.active {
    color: var(--blue);
}

.content-table-list li span a {
    display: inherit;
    word-wrap: break-word;
    word-break: break-word;
    color: var(--blue);
}

.content-table-list li span a:hover {
    color: var(--hover);
    text-decoration: underline !important;
}

/* table END */


/* dropdown table */

.accordion-list .content-table-list .content-list-title span {
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
}

.accordion-list .content-table-list .content-list-title + li span {
    box-shadow: inset 0 -1px 0 #E6E7E9;
}
/* dropdown table END */









.search-group {
    position: relative;
    background-color: #EDF2F7;
    padding: 8px;
    border-radius: 30px;
    margin-bottom: 28px;
}

div[class*='col-'].search-group {
    border-radius: 50px 0 0 50px;
}

div[class*='col-'].search-group + div[class*='col-'].search-group {
    border-radius: 0 50px 50px 0;
}

.search-group .input-group-item {
    position: relative;
}

.search-group .input-datepicker,
.search-group .input-daterange {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.search-group .row .row .input-daterange {
    margin-bottom: 1rem;
}

.search-group .row .row .input-daterange,
.search-group .input-datepicker {
    min-width: 100%;
    width: 100%;
}

.search-group .input-daterange {
    margin-right: 12px;
    /*min-width: 253px;*/
    /*width: 253px;*/
}

.search-group .input-group-addon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    z-index: 4;
    /*pointer-events: none;*/
}

.search-group form {
    width:  100%;
}

/*input.form-control,*/
.search-group input,
.search-group select {
    color: #000;
    font-size: 16px;
    line-height: 19px;
    background-color: #fff;
    border-radius: 50px !important;
    border: none !important;
    padding: 12.5px 12.5px 12.5px 12.5px;
    width: 100%;
    height: auto;
    border: none;
    box-shadow: none !important;
}

.search-group .input-search input {
    padding-right: 46px;
}

.search-group .input-search input,
.search-group .input-group-addon + input {
    padding-left: 46px;
}

.input-group-item input {
    padding: 12.5px 12.5px 12.5px 12.5;
    text-align: center;
}

.input-group-item .input-group-addon + input {
    padding-left: 20px;
}

.search-group input::-webkit-input-placeholder {
    color: #9FA5B2;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
}

.search-group input::-moz-placeholder {
    color: #9FA5B2;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
}

.search-group input:-ms-input-placeholder {
    color: #9FA5B2;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
}

.search-group input::-ms-input-placeholder {
    color: #9FA5B2;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
}

.search-group input::placeholder {
    color: #9FA5B2;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
}

.input-group input + .input-group-addon {
    left: auto;
    right: 15px;
}

.input-group input:valid + .input-group-addon .remove-btn {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.input-group input:placeholder-shown + .input-group-addon .remove-btn {
    opacity: 0;
    visibility: hidden;
}

.input-group .remove-btn:hover svg path {
    stroke: red;
}

.search-group select {
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;

    /*background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
    background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
    background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
    background-repeat: no-repeat;*/
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat calc(100% - 20px) #fff;
    background-size: 12px;
}

.search-group select:focus {
    /*background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
    background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
    background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
    background-repeat: no-repeat;
    border-color: green;
    outline: 0;*/
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_up.png) no-repeat calc(100% - 20px) #fff;
    background-size: 12px;
}

.datepicker {
    border: none !important;
    width: 306px !important;
    border-radius: 16px !important;
    /*background-color: #252F46;*/
    z-index: 1050 !important;
    color: #444 !important;
}

.datepicker .datepicker--nav {
    border: none;
    padding: 26px 20px 10px;
}

.datepicker .datepicker--nav-title {
    position: relative;
    color: #000;
    font-size: 15px;
}

.datepicker .datepicker--nav-title i {
    color: #000;
}

.datepicker .datepicker--nav-title:hover {
    background-color: transparent;
}

.datepicker .datepicker--nav-action:hover {
    background-color: transparent;
}

.datepicker .datepicker--days-names {
    margin: 10px 0 15px;
}

.datepicker .datepicker--day-name {
    font-size: 13px;
    padding: 8px;
    color: #444444;
    opacity: .6;
}

.datepicker .datepicker--content {
    padding: 0 20px 24px;
}

.datepicker .datepicker--cell {
    border: 1px solid transparent;
}

.datepicker .datepicker--cell:not(.datepicker--cell-month):not(.datepicker--cell-year) {
    color: #444;
    width: 38px;
    height: 32px;
    font-size: 16px;
    line-height: 16px;
    transition: .3s ease;
}

.datepicker .datepicker--cells-months,
.datepicker .datepicker--cells-years {
    display: flex;
    justify-content: space-between;
}

.datepicker .datepicker--cell-month,
.datepicker .datepicker--cell-year {
    color: #444;
    width: 56px;
    height: 39px;
    font-size: 16px;
    line-height: 16px;
    transition: .3s ease;
}


.datepicker .datepicker--cell.-focus- {
    background-color: transparent;
}

.datepicker .datepicker--cell.-current- {
    background-color: #0174C840;
}

.datepicker .datepicker--cell:hover {
    border: 1px solid #0174C8;
    border-radius: 4px;
}

.datepicker .datepicker--cell.-disabled-,
.datepicker .datepicker--cell.-other-month- {
    color: #444444;
    opacity: .3;
    display: flex;
    cursor: default;
}

.datepicker .datepicker--cell.-weekend-:not(.-other-month-).-disabled- {
    color: rgba(133, 133, 133, 0.5);
}

.datepicker .datepicker--cell.-selected- {
    background-color: #0174C8;
    color: #fff !important;
    border-radius: 4px;
}

.datepicker .datepicker--cell.-range-to- {
    border-radius: 0 4px 4px 0;
}

.datepicker .datepicker--cell.-range-from- {
    border-radius: 4px 0 0 4px
}

.datepicker .datepicker--cell.-in-range- {
    background-color: #0174C840;
    border-radius: 0;
}

.datepicker .datepicker--cell.-range-from-.-range-to-.-current-.-selected- {
    border-radius: 4px;
}

.datepicker .-other-month- {
    display: none;
}

.datepicker.-current-::after,
.datepicker .datepicker--pointer {
    display: none;
}










/* honorary-persons */

.honorary-persons-page .content-title ~ p {
    margin-bottom: 8px;
}

.person-list {
    padding-top: 20px;
    margin-top: 12px;
    border-top: 1px solid rgba(68, 68, 68, .4);
}

.person-list-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(68, 68, 68, .4);
}

.person-list-name {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.person-list-img {
    min-width: 200px;
    width: 200px;
    /*height: 320px;*/
}

.person-list-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.person-list-description {
    padding-left: 28px;
    font-size: 16px;
    line-height: 19px;
}

.person-list-description p:last-child {
    margin: 0
}

/* honorary-persons END */











/* chairman */

.chairman-page .content-title ~ p {
    margin-bottom: 8px;
}

.chairman-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding-bottom: 20px;
}

.chairman-name {
    font-size: 32px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}

.chairman-info-item {
    padding-top: 10px;
    margin-bottom: 20px;
    border-top: 1px solid rgba(68, 68, 68, .4);
}

.chairman-info-title {
    margin-bottom: 10px;
}

/* chairman END */


/* deputy-chairman */

.deputy-chairman-list:nth-child(n+3){
    margin-top: 48px;
}

.deputy-chairman-info-item:last-child {
    border-bottom: none;
}

/* deputy-chairman END */











/* links-block */

.links-block-item {
    margin: 12px 0px;
}

.links-block-item a:not(.video-link) {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    color: var(--blue);
    padding: 22.5px 60px 22.5px 20px;
    border-radius: 4px;
    background: #F9FAFB;
    border: 1px solid #F9FAFB;
}

.links-block-item a svg {
    position: absolute;
    top: 50%;
    right: 23.5px;
    transform: translateY(-50%);
}

.links-block-item a:not(.video-link):hover {
    color: var(--hover);
    border-color: #7E96B9;
}

.links-block-item a:hover svg path {
    opacity: 1;
    stroke: var(--hover);
}

/* links-block END */










/* deputy-list */

.deputy-list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: -12px;
}

.deputy-item {
    width: calc(50% - 6px);
    margin-bottom: 12px;
    display: flex;
}

.deputy-link {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    padding: 12px;
    color: #000;
    background: #F9FAFB;
    border-radius: 10px;
    border: 1px solid #F9FAFB;
}

.deputy-img {
    min-width: 102px;
    width: 102px;
    height: 102px;
    border-radius: 4px;
    overflow: hidden;
}

.deputy-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
}

.deputy-info {
    width: 100%;
    padding-left: 12px;
}

.deputy-name {
    font-size: 19px;
    line-height: 19px;
    font-weight: 700;
    margin-bottom: 5px;
    transition: .3s ease;
}

.deputy-text {
    font-size: 14px;
    color: #444;
}

.deputy-link:hover {
    border-color: #7E96B9;
}

.deputy-link:hover .deputy-name {
    color: var(--hover);
}


@media (max-width: 991px) and (min-width: 768px){
    .deputy-item {
        width: 100%;
    }
}

@media (max-width: 575px){
    .deputy-item {
        width: 100%;
    }
}

/* deputy-list END */









/* video-list */

.video-list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    /*margin-bottom: -12px;*/
}

.video-item {
    width: 100%;
    margin-bottom: 12px;
    /*display: flex;*/
}

.video-link {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 12px;
    color: #000;
    background: #F9FAFB;
    border-radius: 10px;
    border: 1px solid #F9FAFB;
}

.video-img {
    min-width: 248px;
    width: 248px;
    min-height: 130px;
    height: 130px;
    border-radius: 4px;
    overflow: hidden;
}

.video-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
}

.video-info {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding-left: 12px;
}

.video-date {
    /*display: inline;*/
    /*width: auto;*/
    font-size: 17px;
    line-height: 17px;
    font-weight: 700;
    padding: 6px 10px;
    border-radius: 4px;
    color: #fff;
    background-color: #59A7D3;
}

.video-name {
    color: #000;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 5px;
    flex-basis: 100%;
    transition: .3s ease;
}

.video-text {
    font-size: 18px;
    line-height: 18px;
    color: #444;
}

.video-link:hover {
    border-color: #7E96B9;
}

.video-link:hover .video-name {
    color: var(--hover);
}

@media (max-width: 991px) and (min-width: 768px){
    .video-link {
        flex-direction: column;
    }
    .video-img {
        width: 100%;
        min-height: 248px;
        height: 248px;
        margin-bottom: 10px;
    }
    .video-date {
        position: absolute;
        left: 10px;
        top: -48px;
        /*margin-top: -50px;*/
        /*margin-bottom: 20px;*/
    }
}

@media (max-width: 575px){
    .video-link {
        flex-direction: column;
    }
    .video-img {
        width: 100%;
        min-height: 50vw;
        height: 50vw;
        margin-bottom: 10px;
    }
    .video-date {
        position: absolute;
        left: 10px;
        top: -48px;
        font-size: 16px;
        line-height: normal;
    }
    .video-name {
        font-size: 18px;
        line-height: 18px;
    }
    .video-text {
        font-size: 15px;
        line-height: 15px;
    }
}

/* video-list END */











/* single-video */

.video-item-input {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ADADAD;
    border-radius: 7px;
}

.video-item-input input {
    padding: 21px 166px 21px 16px;
    background-color: transparent;
}

.video-item-links {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.video-item-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #F9FAFB;
    border-radius: 6px;
    margin-right: 12px;
}

.video-item-links a:hover svg path:first-child {
    fill: var(--blue);
}

.video-item-links a:hover svg path:nth-child(2) {
    stroke: var(--blue);
}

.single-video-link {
    margin-top: 10px;
}

.single-video-link a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 17px;
    line-height: 23px;
    color: var(--blue);
    padding: 18.5px 62px 18.5px 16px;
    border-radius: 4px;
    background: #F9FAFB;
}

.single-video-link a svg {
    position: absolute;
    top: 50%;
    right: 23.5px;
    transform: translateY(-50%);
}

.single-video-link a:hover {
    color: var(--hover);
    border-color: #7E96B9;
}

.single-video-link a:hover svg path {
    opacity: 1;
    stroke: var(--hover);
}
/* single-video END */







.tooltip {
    display: none;
    position:absolute;
    background-color:#eceeef;
    border: 1px solid #0174c8;
    font-size: smaller;
    padding:4px;
    width: auto;
    padding: 4px 10px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); 
    opacity: 1;
}

.tooltip:after {
    content: "";
    position: absolute;
    top: calc(100% - 4px);
    left: 50%;
    width: 10px;
    height: 10px;
    transform: translateX(-50%) rotate(
135deg);
    background-color: #eceeef;
    border: 1px solid #0174c8;
    border-width: 1px 1px 0 0;
    z-index: 1;
}
























header + div {
    padding: 15px 0 25px;
}

.page-content table {
    margin-bottom: 15px;
}

.page-content:not(:last-child) {
    margin-bottom: 15px;
}

.content-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: black;
}

.content-text p {
    margin-bottom: 12px;
}

.page-content {
    margin-bottom: 20px;
    overflow-x: auto;
}

.section-budget .page-content,
.section-project .page-content {
    margin-bottom: 0;
}

.page-content ul:not(.list-unstyled) {
    list-style: disc;
    padding-left: 25px;
    margin-bottom: 10px;
}

.page-content ul li {
    margin-bottom: 5px;
}

.page-content ol {
    list-style: decimal;
    padding-left: 25px;
    margin-bottom: 10px;
}

.page-content ol li {
    margin-bottom: 5px;
}

.content-image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

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

.cms-content {
    margin-bottom: 16px;
}

.cms-content .content-text img[style*='float:left'],
.cms-content .content-text img[style*='float: left'] {
    margin: 15px 20px 15px 0;
}

.cms-content .content-text img[style*='float:right'],
.cms-content .content-text img[style*='float: right'] {
    margin: 15px 0 15px 20px;
}

.cms-content .content-text img:not([href*='facebook']),
.cms-content .content-text img:not([href*='instagram']),
.cms-content .content-text img:not([href*='twitter']) {
    margin: 0 !important;
}

.content-collapse {
    position: relative;
    padding: 0;
    background-color: #F6F7F9;
    border-radius: 6px;
}

.collapse {
    display: none;
    overflow-x: auto;
}

.collapse.in,
.collapse.show {
    display: block;
}

.collapse-block {
    padding: 24px;
    border-top: 1px solid #E3E7ED;
}

.collapse-block > table {
    margin: -25px -24px -24px -24px;
}

.collapse p:last-child {
    margin-bottom: 0
}

.content-collapse .title {
    position: relative;
    font-weight: bold;
    font-size: 17px;
    line-height: 19px;
    padding: 24px;
}

.content-collapse .title a {
    display: block;
    margin-right: 16px;
}

.content-collapse .title .fa {
    display: block;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    width: 18px;
    cursor: pointer;
}

.content-collapse .title a,
.content-collapse .title .fa {
    color: var(--blue);
    transition: .3s ease;
}

.content-collapse .title:hover a, 
.content-collapse .title:hover .fa,
.content-collapse .title a[aria-expanded="true"],
.content-collapse .title a[aria-expanded="true"] ~ .fa { 
    color: var(--hover);
}

.content-collapse .title a[aria-expanded="true"] ~ .fa { 
    transform: translateY(-50%) rotateX(180deg);
}

table {
    width: 100% !important;
    /*min-width: 600px;*/
    border-collapse: collapse;
}

thead th td {
    background: #F6F7F9;
}

tbody th td,
tbody tr td {
    font-size: 15px;
    font-weight: normal;
    padding: 16px 8px;
    color: #444;
    /*box-shadow: inset 0 -1px 0 #E6E7E9;*/
    border-color: #e6e7e9;
}

.cms-article-header {
    margin-bottom: 16px;
}

.cms-article-header h1 {
    font-size: 28px;
    line-height: 28px;
    font-weight: bold;
    color: #000;
}

.cms-article-date {
    font-size: 18px;
    color: #868686;
    /*margin-top: 20px;*/
}

.cms-sidebar-menu,
.cms-simple-menu {
    /*padding: 15px 15px 15px 0;*/
    background: #fff;
}

.cms-simple-menu ~ .cms-article-item {
    margin-bottom: 5px;
}

.cms-sidebar-menu .title,
.cms-simple-menu .title {
    display: inline-block;
    margin: 2px 0 15px 0;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--blue);
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    width: 100%;
}

.cms-sidebar-menu ul,
.cms-simple-menu ul {
    display: block;
    padding: 00;
    margin: 0;
}

.cms-sidebar-menu ul li,
.cms-simple-menu ul li {
    display: block;
}

.cms-sidebar-menu ul li a,
.cms-sidebar-menu ul li > span,
.cms-simple-menu ul li a,
.cms-simple-menu ul li > span {
    display: block;
    padding: 9px 12px;
    color: #2C6AA7;
    text-decoration: none !important;
    transition: all ease .1s;
}

.cms-sidebar-menu ul li a:visited,
.cms-sidebar-menu ul li > span:visited,
.cms-simple-menu ul li a:visited,
.cms-simple-menu ul li > span:visited {
    color: #2C6AA7;
    text-decoration: none !important;
}

.cms-sidebar-menu ul li a:hover,
.cms-sidebar-menu ul li > span:hover,
.cms-simple-menu ul li a:hover,
.cms-simple-menu ul li > span:hover {
    color: #fff;
    text-decoration: none !important;
}

.cms-sidebar-menu ul li a:active,
.cms-sidebar-menu ul li > span:active,
.cms-simple-menu ul li a:active,
.cms-simple-menu ul li > span:active {
    color: #fff;
    text-decoration: none !important;
}

.cms-sidebar-menu ul li a:focus,
.cms-sidebar-menu ul li > span:focus,
.cms-simple-menu ul li a:focus,
.cms-simple-menu ul li > span:focus {
    color: #fff;
    text-decoration: none !important;
}

.cms-sidebar-menu ul li a:hover,
.cms-sidebar-menu ul li a:active,
.cms-sidebar-menu ul li a.cur,
.cms-sidebar-menu ul li > span:hover,
.cms-sidebar-menu ul li > span.cur,
.cms-simple-menu ul li a:hover,
.cms-simple-menu ul li a:active,
.cms-simple-menu ul li a.cur,
.cms-simple-menu ul li > span:hover,
.cms-simple-menu ul li > span.cur {
    background: var(--blue);
}

.cms-sidebar-menu ul li a.cur,
.cms-sidebar-menu ul li > span.cur,
.cms-simple-menu ul li a.cur,
.cms-simple-menu ul li > span.cur {
    color: #fff;
}








.cms-simple-menu ul li.dropdown .dropdown-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cms-simple-menu ul li.dropdown:hover > .dropdown-block > a,
.cms-simple-menu ul li.dropdown:hover > .dropdown-block > .dropdown-link svg path {
    color: #fff;
    stroke: #fff;
}

.cms-simple-menu ul li.dropdown.active > .dropdown-block > a,
.cms-simple-menu ul li.dropdown.active > .dropdown-block > .dropdown-link  svg path {
    color: var(--blue);
    stroke: var(--blue);
    color: #fff;
    stroke: #fff;
}


.cms-simple-menu ul li.dropdown .dropdown-block:hover {
    background-color: var(--blue);
    color: #fff;
}

.cms-simple-menu ul li.dropdown .dropdown-block > .dropdown-link {
    height: 34px;
    min-width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.cms-simple-menu ul li.dropdown > .dropdown-block:hover > .dropdown-link svg path {
    stroke: #fff;
}

.cms-simple-menu ul li.dropdown .dropdown-block > a:hover {
    background: transparent;
}

.cms-simple-menu ul li.dropdown .dropdown-menu {
    position: static;
    width: 100%;
    box-shadow: none;
    background-color: #F9FAFB;
    border: 1px solid #E3E7ED;
    /*     border-radius: 0 0 4px 4px; */
    overflow: hidden;
}

.cms-simple-menu ul li.dropdown {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.cms-simple-menu ul li.dropdown .dropdown-menu li > a:hover,
.cms-simple-menu ul li.dropdown .dropdown-menu li > a:visited {
    background: transparent;
}

.cms-simple-menu ul li.dropdown.active > .dropdown-block {
    background-color: var(--blue);
}

.cms-simple-menu ul li.dropdown .dropdown-menu .dropdown-block {
    padding: 0;
}

.cms-simple-menu ul li.dropdown .dropdown-menu .dropdown-block:hover {
    background-color: transparent;
}

.cms-simple-menu ul li.dropdown .dropdown-menu .dropdown-block:hover > a[href] {
    color: var(--blue);
}

.cms-simple-menu ul li.dropdown .dropdown-menu .dropdown-block:hover > a,
.cms-simple-menu ul li.dropdown .dropdown-menu .active .dropdown-block > a,
.cms-simple-menu ul li.dropdown .dropdown-menu .dropdown-block:hover > .dropdown-link svg path,
.cms-simple-menu ul li.dropdown .dropdown-menu .active .dropdown-block > .dropdown-link svg path {
    color: #003c94;
    stroke: #003c94;
}

.cms-simple-menu ul li.dropdown .dropdown-menu .active .dropdown-block {
    box-shadow: 0 1px 0 #003c94;
}

.cms-simple-menu ul li.dropdown .dropdown-menu .dropdown-block > .dropdown-link svg {
    width: 7px;
    height: 10px;
}

.cms-simple-menu ul li.dropdown .dropdown-menu .dropdown-block:hover, .cms-simple-menu ul li.dropdown .dropdown-menu .active .dropdown-block {
    background-color: #EDF0F3;
}

.cms-simple-menu ul li.dropdown .dropdown-menu .megasubmenu li:hover a {
    color: var(--hover);
}







.slide-gallery img {
    max-width: 100%;
}








.btn {
    padding: 12px 28px;
    border-radius: 50px;
}

.btn-default {
    color: #000;
    background-color: #fff;
    border-color: #000;
    border-radius: 6px;

}

.btn-default:focus,.btn-default.focus {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-default:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-default:active,.btn-default.active,.open>.btn-default.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-default:active:hover,.btn-default:active:focus,.btn-default:active.focus,.btn-default.active:hover,.btn-default.active:focus,.btn-default.active.focus,.open>.btn-default.dropdown-toggle:hover,.open>.btn-default.dropdown-toggle:focus,.open>.btn-default.dropdown-toggle.focus {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled.focus,.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default.focus {
    background-color: #EDF2F7;
    border-color: gray;
}

.btn-default .badge {
    color: #ddd;
    background-color: #000;
}

.btn-primary {
    color: #fff;
    background-color: #0174C8;
    border-color: #0174C8;
    border-radius: 6px;
}

.btn-primary:focus,.btn-primary.focus {
    color: #fff;
    background-color: #003C94;
    border-color: #003C94;
}

.btn-primary:hover {
    color: #fff;
    background-color: #003C94;
    border-color: #003C94;
}

.btn-primary:active,.btn-primary.active,.open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #003C94;
    border-color: #003C94;
}

.btn-primary:active:hover,.btn-primary:active:focus,.btn-primary:active.focus,.btn-primary.active:hover,.btn-primary.active:focus,.btn-primary.active.focus,.open>.btn-primary.dropdown-toggle:hover,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: #335866;
    border-color: #003C94;
}

.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled.focus,.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary.focus {
    background-color: #EDF2F7;
    border-color: gray;
}

.btn-primary .badge {
    color: #003C94;
    background-color: #fff;
}





/* bs-datepicker */

.datepicker .datepicker--nav {
    border: none;
    padding: 26px 20px 10px;
}

.datepicker .datepicker--nav-title {
    position: relative;
    color: #000;
    font-size: 15px;
}

.datepicker table tr td i {
    color: #000;
}

.datepicker .datepicker--nav-title:hover {
    background-color: transparent;
}

.datepicker .datepicker--nav-action:hover {
    background-color: transparent;
}

.datepicker .datepicker--days-names {
    margin: 10px 0 15px;
}

.datepicker .datepicker--day-name {
    font-size: 13px;
    padding: 8px;
    color: #444444;
    opacity: .6;
}

.datepicker .datepicker--content {
    padding: 0 20px 24px;
}

.datepicker .datepicker--cell {
    border: 1px solid transparent;
}

.datepicker .datepicker--cell:not(.datepicker--cell-month):not(.datepicker--cell-year) {
    color: #444;
    width: 38px;
    height: 32px;
    font-size: 16px;
    line-height: 16px;
    transition: .3s ease;
}

.datepicker .datepicker--cells-months,
.datepicker .datepicker--cells-years {
    display: flex;
    justify-content: space-between;
}

.datepicker .datepicker--cell-month,
.datepicker .datepicker--cell-year {
    color: #444;
    width: 56px;
    height: 39px;
    font-size: 16px;
    line-height: 16px;
    transition: .3s ease;
}

.datepicker .datepicker--cell.-focus- {
    background-color: transparent;
}

.datepicker .datepicker--cell.-current- {
    /*color: #fff;*/
    /*text-decoration: underline;*/
    background-color: #0174C840;
    /*border: 1px solid #0174C8;*/
    /*box-sizing: border-box;*/
    /*border-radius: 4px;*/
}

.datepicker .datepicker--cell:hover {
    /*color: #fff;*/
    border: 1px solid #0174C8;
    border-radius: 4px;
}

.datepicker .datepicker--cell.-disabled-,
.datepicker .datepicker--cell.-other-month- {
    color: #444444;
    opacity: .3;
    display: flex;
    cursor: default;
}

.datepicker .datepicker--cell.-weekend-:not(.-other-month-).-disabled- {
    color: rgba(133, 133, 133, 0.5);
}

.datepicker .datepicker--cell.-selected- {
    background-color: #0174C8;
    color: #fff !important;
    border-radius: 4px;
}

.datepicker .datepicker--cell.-range-to- {
    border-radius: 0 4px 4px 0;
}

.datepicker .datepicker--cell.-range-from- {
    border-radius: 4px 0 0 4px
}

.datepicker .datepicker--cell.-in-range- {
    background-color: #0174C840;
    border-radius: 0;
}

.datepicker .datepicker--cell.-range-from-.-range-to-.-current-.-selected- {
    border-radius: 4px;
}

.datepicker .-other-month- {
    display: none;
}

.datepicker.-current-::after,
.datepicker .datepicker--pointer {
    display: none;
}

/* bs-datepicker END */




/* widgets */

.widget-icon-category {
    display: block;
    text-align: center;
    padding: 22px 12px 24px;
    /*margin-bottom: 12px;*/
    font-size: 20px;
    line-height: 19px;
    cursor: pointer;
    height: 100%;
    /*min-height: 210px;*/
    color: #0174C8;
    border: 1px solid transparent;
    border-radius: 12px;
    text-decoration: none !important;
    transition: .3s ease;
    background-color: #fbfbfd;
}

.widget-icon-category:hover,
.widget-icon-category:focus,
.widget-icon-category:active,
.widget-icon-category:visited {
    color: #003C94;
    border-color: #003C94;
    /*box-shadow: 10px 10px 10px rgba(50,50,50,.5);*/
}

.widget-icon-category img {
    display: block;
    margin: 0 auto 16px auto;
    width: 70px;
    height: 70px;
}

.widget-icon-container {
    margin-bottom: -35px;
}

/* widgets END */



#divResultSearch {
    margin: 25px 0;
}




button[onclick],
button[onclick]:visited,
button[onclick]:active {
    /*color: var(--blue);*/
}

button[onclick]:hover {
    /*color: var(--hover);*/
}

.gsc-results-wrapper-overlay {
    /*width: calc(100vw - 50px);*/
    /*height: calc(100vh - 50px);*/
    /*left: 25px;*/
    /*top: 25px;*/
    position: fixed;
    width: 100vw !important;
    height: 100vh !important;
    left: 0 !important;
    top: 0 !important;
}





/* widget accordion */

.cms-widget {
    margin-bottom: 15px;
}

.cms-widget .cms-accordion-item {
    position: relative;
}

.cms-widget .cms-accordion-item .item {
    position: relative;
    padding: 24px;
    margin-bottom: 12px;
    border-radius: 6px;
    background: #F6F7F9;
    /*color: #0174C8;*/
    transition: .3s ease;
}

.cms-widget > .cms-accordion-item > .item {
    border: 1px solid transparent;
}

.cms-widget .cms-accordion-item .link-btn {
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    padding: 0;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.cms-widget .cms-accordion-item .link-btn i {
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    font-size: 12px;
    color: #0174C8;
    width: 100%;
    height: 100%;
    border: 1px solid #0174C8;
    border-radius: 50px;
}

.cms-widget .cms-accordion-item .link-btn i.fa-plus:before {
    content: "✚";
    font-size: 11px;
    display: flex;
    align-items: center;
}

.cms-widget .cms-accordion-item .link-btn[aria-expanded="true"] i.fa-plus:before {
    content: "⚊";
}

.cms-widget .cms-accordion-item .item:hover {
    background: #EDF0F2;
}

.cms-widget > .cms-accordion-item > .item:hover {
    border-color: #0174C8;
}

.cms-accordion-item  .link-btn + a {
    padding-right: 30px;
}

.cms-widget .cms-accordion-item .title {
    display: block;
    color: inherit;
    font-size: 17px;
    line-height: 19px;
    font-weight: 700;
    margin: 0;
    text-decoration: none;
}

.cms-widget .cms-accordion-item a.title {
    color: #0174C8;
}


.cms-accordion-items {
    margin: 0;
    overflow: hidden;
    border-top: 1px solid #0174C8;
    /*box-shadow: inset 0px 1px 0 var(--blue);*/
}

.cms-accordion-items .cms-accordion-item .item {
    margin: 0;
    border-radius: 0;
    padding: 12px 24px;
}

.cms-widget .cms-accordion-items .cms-accordion-item .item .title {
    font-size: 16px;
    font-weight: 400;
}

.cms-widget .cms-accordion-items .cms-accordion-item .item .link-btn + .title {
    padding-right: 30px;
}

.cms-widget > .cms-accordion-item > .cms-accordion-items {
    border: 1px solid #E3E7ED;
    border-radius: 4px;
}

.cms-widget > .cms-accordion-item:not(:first-child) {
    margin-top: 12px;
}

.cms-accordion-items .cms-accordion-item:not(:last-child) .item {
    box-shadow: inset 0px -1px 0px #e3e7ed;
}

.cms-accordion-items .cms-accordion-items {
    margin: 0;
    overflow: hidden;
    border-top: 1px solid #0174C8;
    /*box-shadow: inset 0px 1px 0 var(--blue);*/
}

.cms-accordion-items .cms-accordion-items .cms-accordion-item .item {
    background-color: #eceeef;
}

.cms-accordion-items .cms-accordion-items .cms-accordion-item .item .title {
    font-size: .9em
}

.cms-accordion-items .cms-accordion-items .cms-accordion-items {
    border-top: none;
    border-bottom: 1px solid gray;
}

.cms-accordion-items .cms-accordion-items .cms-accordion-items .cms-accordion-item .item {
    padding: 10px 20px 10px 40px;
}

.cms-accordion-items .cms-accordion-items .cms-accordion-items .cms-accordion-item .item {
    padding: 10px 20px 10px 40px;
    background-color: #eceeef;
}

/* widget accordion END */






/* navigation */

.pager-container {
    padding: 20px 0;
}

.list-pager {
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-pager li {
    padding: 0 2px;
}

.list-pager li .nav-link {
    color: var(--blue);
    background-color: #f9fafb;
    border-radius: 4px;
    transition: .3s ease;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.list-pager li .nav-link.cur {
    color:  #fff;
    background-color: var(--hover);
}

.list-pager li .nav-link:not(.cur):hover {
    color: #fff;
    background-color: var(--blue);
}


/* navigation END */



#scrollTop {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: var(--blue);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: .5s ease;
    opacity: 0;
    visibility: hidden;
}

#scrollTop.active {
    opacity: 1;
    visibility: visible;
}

#scrollTop svg {
    opacity: .8;
    transition: .5s ease;
}

#scrollTop:hover {
    background: var(--hover);
}

#scrollTop:hover svg {
    opacity: 1;
}


.fixed-main-label {
    position: fixed;
    top: 0;
    left: 0;
    padding: 150px 185px 10px 185px;
    z-index: 9999;
    font-size: 20px;
    width: 670px;
    letter-spacing: -.5px;
    text-align: center;
    color: #fff;
    background: rgb(255 0 0 / 80%) !important;
    transform: rotate(-45deg) translate(-145px, -305px);
    pointer-events: none;
    -webkit-animation: 1s fadeOut 8s forwards;
            animation: 1s fadeOut 8s forwards;
}

.fixed-main-label a {
    pointer-events: auto;
    color: #ffffff;
    transition: .3s ease;
    text-decoration: underline !important;
}

.fixed-main-label a:hover {
    /*color: var(--blue);*/
    color: #ffffff80;
}

@media (max-width: 575px){
    .fixed-main-label {
        /*width: 575px;*/
        /*font-size: 1.25em;*/
        /*transform: rotate(-45deg) translate(-110px, -245px);*/
        -webkit-animation: 1.5s fadeOut 5s forwards;
                animation: 1.5s fadeOut 5s forwards;
    }
}

@media (max-width: 360px){
    .fixed-main-label {
        /*width: 550px;*/
        /*font-size: 1.1em;*/
        /*transform: rotate(-45deg) translate(-105px, -245px);*/
    }
}




.table-responsive,
.table-top-scroll {
  width: 100%; 
  overflow: hidden;
  overflow-x: auto;
  max-height: 100vh;
  overflow-y: auto;
}

.table-top-scroll + .table-responsive {
    max-height: 100vh;
    overflow-y: auto;
}


.table-top-scroll {
  height: 17px;
}

.table-top-scroll table * {
    border: none !important;
    opacity: 0 !important;
}





.modal.fade .modal-dialog {
    transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    transition: 0.3s ease-out, all 0.3s ease-out;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}


.top-header .header-cab {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    background-color: #D9E4F5;
    border-radius: 10px;
    border: 1px solid #9a9acd;
    text-decoration: none;
}
.top-header .header-cab:hover {
    color: var(--hover);
}
.header-cab__img {
    width: 30px;
    height: auto;
    flex: 0 0 auto;
    margin-right: 8px;
}

@media (max-width:991px) and (min-width:768px) {
    .top-header .header-cab {width: 130px;}
}
@media (max-width:767px) and (min-width:550px) {
    .top-header .header-cab {width: 130px;}
}
@media (max-width:549px) {
    .top-header .header-cab {width: 65px;font-size: 12px;padding-left: 7px;padding-right: 7px;}.header-cab__img {
      display: none;
    }
}