* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-h_fb:before {
    content: "\e000";
}
.icon-h_in:before {
    content: "\e002";
}
.icon-h_inst:before {
    content: "\e003";
}
.icon-h_yt:before {
    content: "\e004";
}
.icon-down:before {
    content: "\e005";
}
.icon-search:before {
    content: "\e006";
}

body {
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5 {
    font-weight: normal;
}
h1.title + h2.title {
    margin-top: 39px;
}
.block + h2.title {
    margin-top: 30px;
}

h1.title + p {
    margin-top: 0;
}
.header {
    padding: 15px 0;
}
.header__row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.logo {
    text-decoration: none;
}
.logo__text {
    margin-left: 20px;
}
.header__items {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.header__search {
    position: relative;
}
.header__search > input, .notice__search > input, #notice-type {
    font-family: OSr, Arial, serif;
    background-color: #f4f4f4;
    color: #008395;
    padding: 10px 44px 10px 20px;
    border: 0;
    font-size: 16px;
    outline: none;
}
.header__search > input {
    border-radius: 4px;
}
.header__search > .search_button, .notice__search > .search_button {
    position: absolute;
    right: 12px;
    top: 8px;
}
.header__search > .search_button:hover, .notice__search > .search_button:hover {
    cursor: pointer;
}
.header__search > .search_button > img, .notice__search > .search_button > img {
    width: 24px;
}
.header__search > input::placeholder, .notice__search > input::placeholder {
    font-family: OSr, Arial, serif;
    color: #009BB1;
    font-size: 16px;
}
.header__social span {
    font-size: 32px;
}
.header__social > a {
    margin-right: 14px;
    text-decoration: none;
    color: #4199A2;
}
.header__social > a:hover {
    color: #024D7F;
}
.header__lang {
    display: none !important;
    /*display: flex;*/
    flex-direction: column;
    margin-left: 15px;
    position: relative;
    color: #008395;
    font-family: Osr, Arial, serif;
    font-size: 16px;
}
.lang__current.active ~ .lang__another {
    display: block;
}
.lang__current {
    display: flex;
    flex-direction: row;
    cursor: pointer;
}
.lang__current:after {
    display: block;
    content: url("../images/down.svg");
    width: 13px;
    position: relative;
    margin-left: 10px;
}
.lang__another {
    position: absolute;
    left: 0;
    top: 25px;
    display: none;
    color: #008395;
    text-decoration: none;
}
.lang__another:hover {
    color: #024D7F;
    text-decoration: underline;
    cursor: pointer;
}
.main-menu {
    position: relative;
    z-index: 1;
}
.main-menu .container {
    display: flex;
    z-index: 100;
    position: relative;
}

.container {
    max-width: 1330px;
    margin: 0 auto;
    padding: 0 15px;
}
.main-menu__items {

    text-align: right;
    display: flex;
    color: #fff;
    font-family: OSsb, Arial, serif;
    text-transform: uppercase;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}
.main-menu__items > li > span, .main-menu__items > li > a {
    height: 40px;
}

.main-menu__items > li:hover {
    cursor: pointer;
}

.main-menu__dropdown > .dropdown__item > a {
    color: #2f7892;
    text-decoration: none;
}

.main-menu__dropdown > .dropdown__item:hover > a {
    color: #56baa2;
    text-decoration: underline;
}
.main-menu__dropdown > .dropdown__item + .dropdown__item {
    margin-top: 15px;
}

.main-menu__dropdown {
    display: none;
    text-align: left;
    background: #fff;
    margin: 0;
    padding: 20px;
    list-style: none;
    text-transform: initial;
    z-index: 100;
}
section.banner {
    position: relative;
    z-index: 0;
}
.main-slider {
    background-color: #005184;
}
.main-slider .slider-pagination{
    position: absolute;
    color: #fff;
    font-family: OSr, Arial, serif;
    z-index: 10;
    font-size: 24px;
}
.main-slider .slider-pagination > span {
    padding: 6px 8px;
}
.main-slider .slider-pagination > span:hover:not(.is-active){
    cursor: pointer;
}
.main-slider .slider-pagination > span.is-active {
    color: #62bbff;
    border-bottom: 3px solid #62bbff;
    cursor: default;
}
.banner__slide {
    display: flex;
}
.banner__text {
    display: flex;
    flex-direction: column;
    position: relative;
    color: #fff;
}
.banner__title {
    font-family: OSb, Arial, serif;
}
.banner__title > strong {
    font-family: OSsb, Arial, serif;
    font-weight: normal;
}
.banner__title > hr {
    width: 110px;
    background-color: #62BBFF;
    margin-left: 0;
    margin-top: 12px;
    border: none;
}
.banner__button {
    z-index: 3;
    position: relative;
    padding-top: 48px;
}
.banner__button > a {
    color: #fff;
    font-family: OSb, Arial, serif;
    font-size: 20px;
    line-height: 18px;
    text-decoration: none;
    padding: 9px 32px;
    border: 1px solid #fff;
    font-weight: normal;
}

.banner__desc {
    font-family: OSr, Arial, serif;
}
section.slider {
    padding: 80px 0;
}
section.slider > .container {
    display: flex;
}
section.slider > .container > .slide {
    display: flex;
    flex-direction: column;
}
section.slider > .container >.slide > .slide__title {
    text-transform: uppercase;
    color: #3C8BC7;
    font-family: OSr, Arial, serif;
    font-size: 34px;

}
section.slider > .container >.slide > .slide__title > strong {
    font-family: OSb, Arial, serif;
    font-weight: normal;

}
section.slider > .container >.slide > .slide__title:after {
    content: '';
    background-color: #3C8BC7;
    display: block;
    text-align: left;
    margin-top: 8px;
    z-index: 2;
}

section.slider > .container >.slide > .slide__text {
    font-family: OSr, Arial, serif;
}

.main-slider .slider-slide {
    display: flex;
}
.simple-slider {
    overflow: hidden;
    position: relative;

}

.simple-slider .slider-wrapper {
    height: 100%;
    position: relative;
    transform: translate3d(0, 0, 0);
    transition-timing-function: cubic-bezier(.7, 0, .3, 1);
    z-index: 4;
}


.simple-slider .slider-slide {
    background-size: cover;
    background-position: center top;
    float: left;
}
.page-slider .slider-pagination {
    text-align: center;
    width: 100%;
    bottom: 0;
    position: absolute;
    z-index: 5;
}

.page-slider .pagination-bullet {
    display: inline-block;
    cursor: pointer;
    width: 17px;
    height: 17px;
    margin-bottom: 15px;
    background-color: #fff;
    transition: all 0.3s ease;
    border-radius: 50%;
}
.page-slider .pagination-bullet + .pagination-bullet {
    margin-left: 3px;
}

.page-slider .pagination-bullet.is-active {
    background-color: #00B0C5;
}


.slider-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    top: calc( 50% - 30px );
    cursor: pointer;
    position: absolute;
    transform: translate(0, -50%);
    border: 2px solid #fff;
    border-radius: 100%;
    transition: all .3s ease 0s;
    font-size: 25px;
    color: #fff;
    text-align: center;
    line-height: 55px;
    opacity: 0;
    z-index: 5;
}
.simple-slider:hover .slider-btn {
    opacity: 1;
}
.slider-btn:hover {
    background-color: rgba(255,255,255,.2);
    border: 2px solid #d3d3d3;
}

.slider-btn.slider-btn-prev {
    left: 10px;
}

.slider-btn.slider-btn-next {
    right: 10px;
}

.icon-left:before, .icon-right:before {
    content: '\e005';
}
.icon-left {
    transform: rotate(90deg);
}
.icon-right {
    transform: rotate(-90deg);
}

section.last-content {
    padding: 30px 0 42px 0;
}
section.last-content > .container > .content__row{
    display: flex;
    margin-left: 30px;
    margin-right: 30px;
}

section.last-content > .container > .content__row > .content__item {
    width: 170px;
    display: flex;
    flex-direction: column;
}
section.last-content > .container > .content__row > .content__item img {
    padding-bottom: 8px;
}
section.last-content > .container > .content__row > .content__item img:hover {
    cursor: pointer;
    opacity: .5;
}
.content__row > .content__item > .content__header {
    text-align: center;
    text-transform: uppercase;
    color: #00B0C5;
    font-family: OSsb, Arial, serif;
    font-size: 20px;
    width: 100%;
    line-height: 20px;

}
.content__row > .content__item > .content__header::after {
    content: '';
    width: 60px;
    height: 4px;
    background-color: #00B0C5;
    display: block;
    text-align: center;
    margin-top: 7px;
    margin-bottom: 17px;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
}
.content__row > .content__item > .content__block {
    border: 1px solid #DFDFDF;
    padding: 4px 4px 17px 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 240px;
}
.content__row > .content__item > .content__block img {
    max-width: 162px;
}

.content__row > .content__item > .content__block > .content__title {
    font-family: OSsb, Arial, serif;
    color: #005184;
    text-decoration: none;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    display: block;
    padding: 4px;
}

.content__row > .content__item > .content__block > .content__more {
    color: #959595;
    font-size: 14px;
    font-family: OSr, Arial, sans-serif;
    text-decoration: none;
    margin-top: auto;
}
.content__row > .content__item > .content__block > .content__more:hover {
    text-decoration: underline;
}

section.numbers {
    background-color: #f5f9fb;
    padding: 80px 0;
}
.numbers__title {
    margin-bottom: 20px;
    color: #3C8BC7;
    display: flex;
    flex-direction: column;
    font-size: 36px;
    font-family: OSr, Arial, serif;
    align-items: center;
    text-transform: uppercase;
}
.numbers__title > hr {
    width: 100px;
    height: 5px;
    background-color: #3C8BC7;
}
.numbers__title > .title__text > strong {
    font-family: OSb, Arial, serif;
}
.numbers__row {
    display: flex;
    margin-top: 80px;
}
.numbers__item {
    text-align: center;
}

.numbers__item > .item__text > .item__count {
    color: #3C8BC7;
    font-size: 28px;
    font-family: OSb, Arial, serif;
    margin-bottom: 10px;
}
.numbers__item > .item__text > .item__desc {
    color: #474747;
    font-size: 16px;
    font-family: OSsb, Arial, serif;
}
.numbers__item > img {
    width: 130px;
}
.page a.brochure {
    text-align: center;
}
.page a.brochure:hover {
    opacity: .5;
}
.page .tabs {
    margin-bottom: 40px;
}
.page .title-block {
    color: #fff;
    background-color: #62BBFF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 34px;
    height: 34px;
    font-size: 18px;
    font-family: 'OSb', Arial, Helvetica, sans-serif;
    max-width: fit-content;
    border-radius: 5px;
}
.page .title-block + p {
    margin-top: 20px;
}
.page p + .title-block, .page h2 + .title-block {
    margin-top: 30px;
}
.page p + .title-block.first {
    margin-top: 50px;
}
.page .content__list.publication {
    display: flex;
    flex-wrap: wrap;
}
.page .content__list.publication > .content__item {
    width: 280px;
    border: 1px solid #DFDFDF;
    flex-direction: column !important;
}

.page .content__list > .content__item {
    display: flex;
    align-items: center;
}
.page .content__list.publication  > .content__item {
    padding: 10px;
}
.page .content__list:not(.publication) > .content__item {
    flex-direction: row;
    padding: 15px 20px;
    border-top: 1px solid #DFDFDF;
}
.page .content__list:not(.publication) > .content__item:last-child {
    border-bottom: 1px solid #DFDFDF;
    margin-bottom: 30px;
}
.page .content__list > .content__item > .item__image > img {
    width: 157px;
    height: 105px;
    object-fit: cover;
}
.page .content__list.publication > .content__item > img {
    height: 172px;
    object-fit: cover;
    border: 1px solid #DFDFDF;
}
.page .content__list.publication > .content__item > img + .item_title,
.page .content__list.publication > .content__item > .item_title + .item_info {
margin-top: 10px;
}
.page .content__list.publication > .content__item > .item_title > a,
.page .content__list.publication > .content__item > .item_info {
    color: #474747;
}
.page .content__list.publication > .content__item > .item_info {
    font-size: 14px;
    font-family: OSr, Arial, sans-serif;
}
.page .content__list > .content__item > .item__image {
    width: 157px;
}
.page .content__list > .content__item > .item__file {
    width: 21px;
    margin-left: auto;
}
.page .content__list > .content__item > .item__file >img {
    width: 21px;
}
.page .content__list:not(.publication) > .content__item > .item_title {
    padding: 0 20px 0 40px;
}
.page .content__list > .content__item > .item_title > a {
    text-decoration: none;
    color: #000;
    font-family: OSsb, Arial, serif;
}
.page .content__list > .content__item > .item_title > a:hover {
    text-decoration: underline;
    color: #287CB7;
}
.page .page__info {
    display: flex;
    flex-direction: row;
}
 .page .page__info > span
 {
     font-size: 14px;
    color: #474747;
 }
.page .page__info > span + span {
    margin-left: 15px;
}
.page .page__info {
    display: flex;
    flex-direction: row;
}
.page h1 + .page__image {
    margin-top: 10px;
}
.page .page__info + .page__image, .page .page__info + .page-slider {
    margin-top: 40px;
}
.page div.page-slider:last-child {
    margin-bottom: 40px;
}

.page .page__image {
    max-width: 100%;
}
.page .page__image + .page__file {
    margin-top: 30px;
}
.page .page__file {
    padding: 18px 24px;
    display: flex;
    flex-direction: row;
    background-color: #F5F5F5;
    color: #474747;
    align-items: center;
    font-size: 14px;
    margin-bottom: 30px;
}

.page .page__file > .size {
    text-wrap: nowrap;
}
.page .page__file:before {
    content: url("../images/file.svg");
    width: 18px;
    display: block;
    margin-right: 30px;

}
.page .page__file > a {
    text-decoration: none;
    color: #474747;
    font-family: OSsb, Arial, sans-serif;
    margin-right: 15px;
}
.page .page__file > a:hover {
    text-decoration: underline;
}
.page .search-row {
    display: flex;
    margin-bottom: 40px;
}
.page #notice_total {
  color: #474747;
  font-size: 16px;
}
.page .notice__search {
    position: relative;
}
.page .table-header {
    width: 100%;
    color: #fff;
    font-size: 22px;
    font-family: OSsb, Arial, serif;
    padding: 15px 0;
    background-color: #00B0C5;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 40px;
}
.page #notice_total:before {
    content: 'Total: ';
    display: inline-block;
    margin-right: 5px;
}


#notice-type {
    appearance: none;
    background-image: url('../images/down.svg');
    background-repeat: no-repeat;
    background-position: right 10px center; /* Adjust positioning as needed */
    padding-right: 30px;
    background-size: 16px 9px;
}



footer {
    z-index: 1;
    padding: 37px 15px 33px 15px;
    background: linear-gradient(to right, #1D60A1, #56BAA2);
}
.footer__row {
    display: flex;
    color: #ffffff;
    font-size: 13px;
    font-family: OSr, Arial, serif;
    justify-content: center;
}

.footer__row > div > a {
    text-decoration: none;
    font-family: OSr, Arial, serif;
    color: #ffffff;
    font-size: 13px;
}
.footer__row > div > a:hover {
    text-decoration: underline;
}

.cover_image {
    width: 100%;
    height: 14vh;
    object-fit: fill;
}
.breadcrumbs {
    display: flex;
    flex-direction: row;
    margin-top: 25px;
    align-items: center;
    margin-bottom: 30px;
}
.breadcrumbs > a {
    color: #3B8DB0;
    text-decoration: none;
}
.breadcrumbs > a:hover {
    color: #56BAA2;
    text-decoration: underline;
    margin: 0;
    padding: 0;
}

.breadcrumbs > span {
    color: #A3A3A3;
}

.breadcrumbs > * {
    font-family: OSr, Arial, serif;
    font-size: 14px;
}
.breadcrumbs > *:not(:last-child):after {
    display: inline-flex;
    content: '>';
    color: #A3A3A3 !important;
    margin: 0 10px;
    font-size: 18px;

}
h1.title {
    font-family: OSb, Arial, serif;
    color: #3C8BC7;
    margin-bottom: 0;
    margin-top: 0;
}
h1.title:after {
    content: '';
    background-color: #3C8BC7;
    display: block;
    text-align: left;
    margin-top: 5px;
    z-index: 2;
}
h2.title {
    font-family: OSb, Arial, serif;
    color: #00B0C5;
}
h2.title:after {
    content: '';
    background-color: #3C8BC7;
    display: block;
    text-align: left;
    margin-top: 8px;
    z-index: 2;
}
h4, h5, dt.title{
    font-family: OSb, Arial, serif;
    color: #474747;
}

h5.title {
    width: 100%;
}

h5.title, h5 > .title {
    color: #3C8BC7;
}

.page p, .page ol > li, .page ul > li {
    font-family: OSr, Arial, serif;
    font-size: 18px;
}

.page ul.block.strong > li {
    font-family: OSb, Arial, serif !important;
    line-height: 30px;
    margin-top: 0;
}

.page ol > li, .page ul > li {
    color: #474747;
}

.page p + p, .page ul > li + li {
    margin-top: 15px;
}
ol > li + li {
    margin-top: 20px;
}
.page p {
    color: #474747;
}
.page p strong {
    font-family: OSb, Arial, serif;
    font-weight: normal;
}
.page p > strong.title {
    color: #287CB7;
}
.page > p:last-child {
    margin-bottom: 0;
}
.page div.title {
    color: #fff;
    background: linear-gradient(to right, #1D60A1, #56BAA2);
    font-family: OSb, Arial, serif;
    font-size: 24px;
}
.page .block {
    background-color: #F3F7FB;
    border-radius: 10px;
}
.page .block.strong {
    font-family: OSb, Arial, serif !important;
    line-height: 30px;
}
.page .block strong.title {
    color: #3C8BC7;
}
.page .block + p {
    margin-top: 30px;
}
.page .block > div {
    color: #474747;
    font-size: 18px;
}
.page .block a {
    text-decoration: none;
    color: #3C8BC7;
}
.page .block a:hover {
    text-decoration: underline;
}
h2 + .block {
    margin-top: 30px;
}
.block > p:first-child {
    margin-top:0;
}
.block > p:last-child {
    margin-bottom:0;
}
ul.block.notice li::marker {
    color: #3C8BC7;
}
ul.block.notice li + li {
    margin-top: 5px;
}
ul.block.notice strong + div {
    margin-top: 5px;
}
ul.block.notice div + div {
    margin-top: 5px;
}
ul.block.notice strong + ul {
    margin-top: 5px;
}
ul.block.notice ul {
    margin-top: 0;
    padding-left: 0;
}
ul.block.notice ul > li {
    list-style-type: none;
    position: relative;
}
ul.block.notice ul > li:before {
    content: "-";
    font-weight: bold;
    color: #474747;
    position: absolute;
    left: -18px;
    display: inline-block;
}
.page .projects .block > li:first-child::marker {
    color: #3C8BC7;
}
.page .projects .block > li:not(:first-child)::marker {
    font-size: 14px;
}
.page .projects .block > li:not(:first-child) {
    margin-left: 29px;
}
.page .projects .block + .block {
    margin-top: 30px;
}
div.table {
    display: flex;
}

div.table > div > p:first-child {
    margin-top: 0;
}
div.table > div > p + p {
    margin-top: 30px;
}
.greetings-block {
    text-align: right;
}

.greetings__write {
    margin-top: 25px;
    width: 200px;
}
.greetings__info {
    font-size: 17px;
}
.greetings__info > .name {
    font-family: OSb, Arial, serif;
    font-size: 18px;
    color: #3C8BC7;
    margin-bottom: 30px;
    margin-top: 10px;
}
.greetings__info > span {
    color: #3C8BC7;
    display: block;
}
p + div.title, .member-table + div.title {
    margin-top: 50px;
}
h3.title {
    font-family: OSb, Arial, serif;
    color: #00B0C5;
    width: 100%;
}
h3.no-padding {
    padding: 0 !important;
}

.member-table {
    display: flex;
    flex-wrap: wrap;
}
.member-card {
    display: flex;
    flex-direction: row;
}
.member-card > img {
    object-fit: cover;
    width: 141px;
    height: 177px;
}
.member-card > ul, .dlList {
    list-style: none;
    margin: 0;
}
.dlList {
    padding-left: 0;
}
.ddList {
    margin-left: 0;
}
.dlList > li {
    font-family: OSr, Arial, serif;
    color: #474747;
}
.dlList > li > span {
    font-family: OSsb, Arial, serif;
}
.dlList > li > span.color {
    color: #287CB7;
}


.title.no-padding {
    margin-top: 10px;
}

.member-card {
    border-bottom: 1px solid #959595;
}
.member-card > ul > li:nth-child(1) {
    font-family: OSb, Arial, serif;
    font-size: 18px;
    color: #287CB7;
}
.member-card > ul > li:nth-child(2) {
    font-family: OSr, Arial, serif;
    font-size: 17px;
    color: #005184
}
.member-card > ul > li:nth-child(3) {
    font-family: OSr, Arial, serif;
    font-size: 16px;
    color: #474747
}
.timeline {
    display: table;
}
.timeline__row {
    display: table-row;
}
.timeline__cell {
    display: table-cell;
}
.timeline__row >.timeline__cell:first-child, .timeline__row >.timeline__cell:nth-child(3), .timeline__title {
    font-family: OSb, Arial, serif;
}
.timeline > .timeline__row:first-child >.timeline__cell {
    padding-top: 36px;
}
.timeline > .timeline__row:last-child >.timeline__cell {
    padding-bottom: 48px;
}
.timeline > .timeline__row:last-child > .timeline__cell:nth-child(2):before {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.timeline__row >.timeline__cell:first-child {
    color: #3C8BC7;
    position: relative;
}

.timeline__row >.timeline__cell:nth-child(3) > span {
    color: #fff;
    width: 57px;
    height: 34px;
    border-radius: 5px;
    background-color: #00B0C5;
    display: flex;
    justify-content: center;
    align-items: center;
}
.timeline__row >.timeline__cell:nth-child(4) {
    padding-bottom: 15px;
    position: relative;
}
.timeline__row >.timeline__cell:nth-child(4)::after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    background-color: #96BFDE;
    left: 0;
    bottom: 0;
}
.timeline__row:last-child >.timeline__cell:nth-child(4)::after {
    bottom: 33px;
}

.timeline__title {
    color: #474747;
    display: block;
}

.timeline__text {
    font-family: OSr, Arial, serif;
    color: #474747;
}
.timeline__row > .timeline__cell:nth-child(2) {
    position: relative;
    width: 40px;
}
.timeline__row > .timeline__cell:nth-child(2)::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 17px;
    width: 6px;
    height: 100%;
    background-color: #81C7E9;
}

.timeline__row > .timeline__cell:nth-child(2)::after {
    content: url("../images/timeline.svg");
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    top: 12px;
}
.timeline__title {
    display: block;
}
.timeline__text {
    margin-top: 10px;
    display: block;
}
.ddList + .title {
    margin-top: 30px;
}
.dlList > li + li {
    margin-top: 10px;
}
.table.table-striped {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}
.table.table-striped > thead {
    background-color: #3C8BC7;
}

.table.table-striped > thead th {
    font-family: OSb, Arial, serif;
    color: #fff;
    font-size: 18px;
    padding: 10px;
    border: 1px solid #DFDFDF;
}

.table.table-striped > tbody td, .table.table-striped > tbody th {
    font-family: OSr, Arial, serif;
    color: #474747;
    font-size: 18px;
    padding: 10px;
    border: 1px solid #DFDFDF;
}
.table.table-striped > tbody > tr:nth-child(odd){
    background-color: #F5F5F5;
}
.tabs-box > ul > li, .selected-tab {
    font-family: OSsb, Arial, serif;
    color: #474747;
    background-color: #DBF2FD;
    font-size: 22px;
    padding: 15px 26px;
    border-radius: 5px;
    cursor: pointer;
}
.tabs-box ul.tabs {
    list-style: none;
    padding: 0;
}
.tabs-box > ul > li.selected {
    background-color: #DFDFDF;
}
.page .tabs-box ul.tabs > li + li {
    margin-top: 0 !important;
}
.tabs-box > .tab-content.selected {
    display: block;
}

.tabs-box > .tab-content {
    display: none;
    width: 100%;
}

.button__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.table-button {
    width: 144px;
    height: 144px;
    border: 6px solid #CCDCE6;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    font-family: OSr, Arial, serif;
    justify-content: center;
    text-align: center;
}
.table-button:hover {
    opacity: .5;
    cursor: pointer;
}

.table-button.color1 {
    background-color: #28367B;
}
.table-button.color2 {
    background-color: #005184;
}
.table-button.color3 {
    background-color: #3C8BC7;
}
.table-button.color4 {
    background-color: #3B8DB0;
}
.table-button.color5 {
    background-color: #00B0C5;
}
.table-button.color6 {
    background-color: #62C1C1;
}

.picture-box {
    text-align: center;
}

.flex.benefits {
    display: flex;
}
.no-page {
    width: 100%;
    text-align: center;
    font-family: OSr, Arial, sans-serif;
}
.no-page > p:first-child {
    font-size: 28px;
    font-family: OSsb, Arial, sans-serif;
}
.no-page > p:last-child {
    margin-top: 40px;
    margin-bottom: 40px;
}
.no-page > p > a {
    text-decoration: none;
    padding: 10px 20px;
    background-color: #4199A2;
    color: #fff;
    border-radius: 5px;

}
.no-page > p > a:hover {
    background-color: #024D7F;
}

@media (max-width:1329px) {
    .logo__image {
        height: 54px;
    }
    .logo__text {
        height: 52px;
    }
    .menu-btn {
        display: block;
        border: 0;
        background: transparent;
    }
    .menu-btn > img {
        width: 38px;
    }
    .main-menu {
        display: none;
    }
    .main-menu__background {
        display: none;
    }
    nav.main {
        width: 100%;
        position: relative;
    }
    .main-menu .container {
        width: 100%;
    }
    .main-menu__items {
        flex-direction: column;
        color: #3B8DB0;
        width: 100%;
        margin-bottom: 30px;
    }
    .main-menu__items > li > a {
        color: #3B8DB0;
        text-decoration: none;
    }
    .main-menu__items > li {
        width: 100%;
        display: block;
    }
    .main-menu__items > li + li {
        margin-top: 5px;
    }
    .main-menu__items > li.active > .main-menu__dropdown {
        display: block;
    }
    .main-menu__items > li > span, .main-menu__items > li > a {
        padding: 0 20px;
        display: flex;
        align-items: center;
        background-color: #EBF3F7;
        justify-content: space-between;
    }
    .main-menu__items > li > span:after {
        display: block;
        content: url('../images/down.svg');
        width: 13px;
    }

    .main-menu__dropdown {
        width: 100%;
        color: #474747;
    }
    .header__row {
        flex-wrap: wrap;
    }
    .header__items {
        padding-top: 30px;
        flex: 0 0 100%;
        flex-wrap: wrap;
        justify-content: space-between;
        display: none;
    }
    .main-menu.active, .header__items.active {
        display: flex;
    }
    .header__social {
        order: 1;
    }
    .header__search {
        margin-top: 20px;
        order: 3;
        flex: 0 0 100%;
    }
    .header__search > input {
        width: 100%;
    }
    .header__lang {
        order: 2;
    }
    .banner__slide {
        flex-direction: column;
    }
    .banner__slide > img {
        z-index: 1;
    }
    .banner__text {
        min-height: 160px;
        margin-left: 15px;
        margin-top: 80px;
        margin-bottom: 20px;
    }
    section.banner {
        background-color: #1C60A1;
        overflow: hidden;
    }
    section.banner > .container {
        padding: 0;
    }
    .main-slider {
        width: 100%;
    }
    .main-slider .slider-slide {
        flex-direction: column;
    }
    .main-slider .slider-pagination {
        text-align: center;
        width: 100%;
        top: calc(100vw * 344 / 829 + 10px);
        position: absolute;
    }


    .banner__title {
        font-size: 28px;
        padding-right: 15px;
    }
    .banner__title > strong {
        font-size: 36px;
    }
    .banner__title > hr {
        height: 4px;
        margin-bottom: 0;
    }
    .banner__button {
        margin-top: 0;
    }
    .main-slider .slider-pagination {
        bottom: 220px;
        left: 0;
        width: 100%;
        text-align: center;
    }
    .banner__bg::before {
        display: block;
        right: 0;
        position: absolute;
        content: '';
        top: 0;
        z-index: 0;
        width: 30%;
        height: 100%;
        background-color: #497FB4;
        clip-path: polygon(90% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
    .banner__bg:after {
        display: block;
        right: -2%;
        position: absolute;
        content: '';
        top: 0;
        z-index: 0;
        width: 40%;
        height: 100%;
        background-color: #3470AB;
        clip-path: polygon(80% 0%, 100% 0%, 20% 100%, 0% 100%);
    }
    .banner__desc {
        font-size: 18px;
    }
    .page-slider {
        width: 100%;
        height: calc((100vw - 30px) * 646 / 970);
    }
    section.slider {
        background: url("../images/slider_bg.jpg") no-repeat top left, #eff5f9;
    }
    section.slider > .container {
        flex-direction: column;
    }
    section.last-content > .container > .content__row{
        flex-direction: column;
        align-items: center;
    }
    section.last-content > .container > .content__row > .content__item + .content__item,
    section.last-content > .container > .content__row > .content__item + .fb-page {
        margin-top: 50px;
    }
    .numbers__row {
        flex-direction: column;
        flex-wrap: wrap;
    }
    .numbers__item {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .numbers__item > .item__text {
        margin-left: 20px;
    }


    .numbers__row > .numbers__item + .numbers__item {
        margin-top: 60px;
    }

    .sidebar-right {
        display: none;
    }
    h1.title {
        font-size: 36px;
        margin-bottom: 30px;
    }
    h1.title:after {
        width: 100px;
        height: 3px;
    }
    h2.title {
        font-size: 25px;
    }
    h2.title:after {
        margin-bottom: 30px;
    }
    section.slider > .container >.slide > .slide__title:after {
        width: 70px;
        height: 2px;
    }
    h4 {
        font-size: 22px;
    }
    p + h4, p + h2 {
        padding-top: 30px;
    }
    h5.title {
        padding: 30px 0;
    }
    h5.title, dt.title {
        font-size: 18px;
    }
    dt.title {
        padding-bottom: 24px;
    }

    ol > li + li {
        margin-top: 15px;
    }

    .page {
        min-height: calc(100vh - 358px - 14vh);
    }
    .page div.title {
        padding: 16px 38px;
    }
    .page img {
        max-width: 100%;
    }
    .page img.left {
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .page .block {
        padding: 20px;
    }
    .page ul.block > li {
        margin-left: 20px;
    }

    h3.title {
        font-size: 26px;
        padding: 20px 0;
    }
    .member-table {
        margin-top: 28px;
    }
    .member-card {
        flex: 100%;
    }
    .member-card > ul {
        padding: 16px 26px 0 22px;
    }
    .member-card {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .member-card.empty {
        display: none;
    }
    .timeline__row >.timeline__cell:nth-child(4)::after {
        width: 100%;
    }
    .timeline__row >.timeline__cell:first-child {
        padding-right: 20px;
    }

    .timeline__row >.timeline__cell:nth-child(3) {
        padding-left: 19px;
        padding-right: 20px;
    }
    .timeline__row >.timeline__cell:first-child, .timeline__row >.timeline__cell:nth-child(3), .timeline__title {
        font-size: 20px;
    }

    .timeline__text {
        font-size: 16px;
    }
    .dlList > li {
        font-size: 18px;
    }

    .dlList > li > span {
        font-size: 20px;
    }
    .table-wrapper {
        overflow: hidden;
        width: 100%;
        overflow-x: auto;
    }
    .tabs-box {
        position: relative;
    }
    .tabs-box ul.tabs {
        display: none;
        flex-direction: column;
        position: absolute;
        left: 0;
        right: 0;
        top: 46px;

    }
    .selected-tab {
        display: block;
        position: relative;
    }
    .selected-tab::after {
        display: inline-block;
        content: url(../images/down.svg);
        width: 13px;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .breadcrumbs {
        flex-wrap: wrap;
    }
    .tabs.active {
        display: flex !important;
    }
    .button__row {
        justify-content: center;
        margin-bottom: 30px;
    }
    .greetings-block {
        order: 1;
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    div.table > div:first-child {
        order: 2;
    }
    .greetings__photo {
        margin-left: auto;
        margin-right: auto;
        max-width: 250px !important;
    }
    div + .greetings-block {
        margin-bottom: 20px;
    }
    .greetings__info {
        width: 100%;
    }
    .greetings__info > .name {
        text-align: center;
    }
.greetings__write {
    margin-left: auto;
}
.picture-box {
    margin-top: 60px;
    align-items: center;
    margin-bottom: 40px;
}
    .picture-box img {
        max-width: 352px;
        width: 100%;
    }
    .flex.benefits {
        flex-direction: column;
        align-items: center;
        margin-bottom: 36px;
    }
    .flex.benefits > * + * {
        margin-top: 36px;
    }
    .flex.benefits > img {
        max-width: 301px;
        width: 100%;
    }
    .page .projects .block > li:not(:first-child) {
        margin-left: 19px;
    }
    div.table {
        flex-direction: column;
    }
    .table-button:nth-child(even) {
        margin-left: 17px;
    }

    .simple-slider.page-slider .slider-slide {
        height: calc((100vw - 30px) * 646 / 970);
    }
    .search-row {
        flex-direction: column;
    }
    .search-row > * {
        width: 100%;
    }
    .search-row > * + * {
        margin-bottom: 15px;
    }
    .page .search-row #notice-type {
        order: 1;
    }
    .page .search-row .notice__search {
        order: 2;
    }
    .page .search-row .notice__search > input {
        width: 100%;
    }
    .page .search-row #notice_total {
        order: 3;
    }
    .page .content__list.publication {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .page .content__list.publication > .content__item {
        flex: 1;
    }
    .page .content__list.publication > .content__item.empty {
        display: none;
    }
    .page .content__list.publication {
        margin-bottom: 40px;
    }

    .footer__row {
        flex-direction: column;
    }
}

@media (min-width:1330px) {
    .logo__image {
        height: 62px;
    }
    .logo__text {
        height: 60px;
    }
    .menu-btn {
        display: none;
    }
    .header__search {
        margin-left: 15px;
    }
    .header__search > input {
        width: 276px;
    }
    .main-menu {
        background: linear-gradient(to right, rgba(255,255,255,.19), rgba(255,255,255,.19)), linear-gradient(to right, #1d60a1, #56baa2);
        height: 40px;
    }
    .main-menu .container {
        justify-content: flex-end;
    }
    .main-menu__background {
        z-index: 2;
        position: absolute;
        display: block;
        width: calc( 100% - ((100% - 1330px)/2 + 270px ));
        content: '';
        top: 0;
        left: calc( (100% - 1330px)/2 + 270px );
        background: linear-gradient(to right, #1d60a1, #56baa2);
        height: 40px;
        clip-path: polygon(20px 0%, 100% 0%, 100% 100%, 0% 100%);
    }
    .main-menu__items > li {
        z-index: 100;
    }
    .main-menu__items {
        flex-direction: row;
        height: 40px;
    }
    .main-menu__items > li:hover, .main-menu__items > li > a:hover {
        color: #b7f1ff;
    }
    .main-menu__items > li + li {
        margin-left: 60px;
    }
    .main-menu__items > li:hover > .main-menu__dropdown, .main-menu__dropdown:hover{
        display: block;
    }
    .main-menu__items > li > span,  .main-menu__items > li > a {
        display: flex;
        align-items: center;
    }
    .main-menu__items > li > a {
        text-decoration: none;
        color: #fff;
    }
    .main-menu__dropdown {
        color: #2f7892;
        position: absolute;
        top: 40px;
        box-shadow: 0 0 5px rgba(0, 0, 0, .15);
        z-index: 101;
    }

    .main-slider {
        z-index: 1;
    }
    .main-slider {
        width: 100%;
        height: 344px;
    }
    .simple-slider.main-slider .slider-slide {
        height: 344px;
    }
    .simple-slider.page-slider .slider-slide {
        height: 646px;
    }
    .main-slider .slider-slide {
        flex-direction: row;
    }
    .main-slider .slider-slide > img {
        width: 829px;
        object-fit: cover;
    }
    .main-slider .banner__text {
        max-width: 390px;
        justify-content: end;
        margin-bottom: 49px;
    }
    .main-slider::before {
        display: block;
        content: '';
        width: 100%;
        height: 70px;
        background-color: rgba(79, 163, 245, .25);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
    }
    .main-slider::after {
        display: block;
        content: '';
        width: 100%;
        height: 100px;
        background-color: rgba(29, 96, 161, .45);
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
    }
    .banner__title > hr {
        height: 3px;
        margin-bottom: 0;
    }
    .banner__slide {
        flex-direction: row;
    }
    .main-slider .slider-pagination {
        top: 20px;
        left: 67.5%;
    }
    .banner__text {
        left: 50px;
        bottom: 0;
    }
    .banner__title {
        font-size: 40px;
        line-height: 40px;
    }
    .banner__button {
        margin-top: 0;
    }
    .banner__desc {
        font-size: 22px;
    }
    .banner__title > strong {
        font-size: 40px;
    }

    .page .page-slider {
        width: 970px;
        max-height: 646px;
    }
    section.slider {
        background: url("../images/slider_bg.jpg") no-repeat bottom left, #eff5f9;
    }
    section.slider > .container {
        flex-direction: row;
        justify-content: space-between;
    }
    section.slider > .container >.slide > .slide__text {
        margin-right: 40px;
    }
    section.slider > .container > img {
        width: 650px;
        height: 450px;
    }
    section.last-content > .container > .content__row{
        flex-direction: row;
        justify-content: space-between;
    }

    .fb-page {
        width: 407px;
        height: 288px;
    }
    .numbers__row {
        flex-direction: row;
        justify-content: space-between;
    }
    .numbers__item > .item__text > .item__count {
        margin-top: 30px;
    }
    .cover_image {
        height: 150px;
        object-fit: cover;
    }
    .content.container {
        display: flex;
        flex-flow: row wrap;
        position: relative;
    }
    .page-bg {
        width: 100%;
        height: 250px;
        object-fit: cover;
        background: url("../images/page_bg.jpg")  no-repeat bottom center;
    }
    section.content>.breadcrumbs, section.content>.pag-block {
        flex: 1 100%;
    }
    .page {
        flex: 970px;
        margin-right: 0;
        min-height: calc(100vh - 724px);
    }
    .page img.left {
        float: left;
        margin-right: 36px;
        height: 250px;
    }
    .page div.title {
        padding: 16px 48px 15px 48px;

    }
    .page .block {
        padding: 30px;
    }
    .page ul.block > li {
        margin-left: 30px;
    }
    .sidebar-right {
        background: url("../images/side_bg.jpg?v=3")  no-repeat top center;
        flex: 300px;
        margin-right: 30px;
        margin-top: 18px;
        padding-top: 108px;
    }
    .side-menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .side-menu > li {
        padding: 10px 0;
        border-bottom: 1px solid #DFDFDF;
        font-family: 'OSsb', Arial, serif;
    }
    .side-menu > li > a {
        color: #3C8BC7;
        text-decoration: none;
        font-size: 19px;
    }

    .side-menu > li > a:hover {
        color: #56BAA2;
        text-decoration: underline;
    }

    .side-menu > li > span {
        color: #959595;
        cursor: default;
        font-size: 18px;
    }

    h1.title {
        font-size: 40px;
        margin-bottom: 36px;
    }
    h1.title:after {
        width: 100px;
        height: 4px;
    }
    h2.title {
        font-size: 25px;
    }
    section.slider > .container >.slide > .slide__title:after {
        width: 100px;
        height: 3px;
    }
    .header__social > a > img:hover {
        fill:#024D7F;
    }
    h4 {
        font-size: 24px;
    }
    p + h4, p + h2 {
        margin-top: 40px;
    }
    h2 + p > img {
        margin-top: calc( 50px - 1em );
    }
    h2 {
        margin-bottom: 0;
    }
    h5.title, h5 {

        padding: 50px 0;
    }
    h5.title, h5, dt.title {
        font-size: 20px;
    }
    dt.title {
        padding-bottom: 30px;
    }
    dd + dt.title {
        margin-top: 50px;
    }
    h3.title {
        font-size: 30px;
        padding: 30px 0;
    }
    .member-table {
        margin-top: 38px;
    }
    .member-card {
        flex: 0 0 33.3333%;
    }
    .member-card > ul {
        padding: 16px 26px 0 22px;
    }
    .member-card {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .d-flex {
        display: flex;
    }
    .d-flex > p {
        margin-top: 0;
    }
    .timeline__row >.timeline__cell:nth-child(4)::after {
        width: 566px;
    }

    .timeline__row >.timeline__cell:first-child {
        padding-right: 30px;
    }

    .timeline__row >.timeline__cell:nth-child(3) {
        padding-left: 29px;
        padding-right: 39px;
    }

    .timeline__row >.timeline__cell:first-child, .timeline__row >.timeline__cell:nth-child(3), .timeline__title {
        font-size: 20px;
    }

    .timeline__text {
        font-size: 18px;
    }

    .dlList > li {
        font-size: 20px;
    }

    .dlList > li > span {
        font-size: 24px;
    }

    .tabs-box > ul > li + li {
        margin-left: 6px;
    }

    .tabs-box ul.tabs {
        display: flex;
        flex-direction: row;
    }

    .selected-tab {
        display: none;
    }
    .button__row {
        justify-content: space-between;
        margin-bottom: 50px;
        margin-top: 40px;
    }
    div.table {
        flex-direction: row;
    }
    .page .projects .block > li:not(:first-child) {
        margin-left: 29px;
    }
    .picture-box {
        text-align: center;
        margin-top: 43px;
    }

    .picture-box + h2.title {
        margin-top: 50px;
    }
    h2.title + .benefits {
        margin-top: 30px;
        margin-bottom: 120px;
    }
    .page .search-row {
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
    }
    .page .notice__search > input {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
        width: 543px;
    }
    .page #notice-type {
        border-right: 1px solid #D3D3D3;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        width: 180px;
    }
    #notice_total {
        margin-right: auto;
    }
    .page .content__list.publication {
        flex-direction: row;
        justify-content: space-between;
    }

    .flex.benefits {
        flex-direction: row;
        justify-content: space-between;
    }
    .greetings__photo, .greetings__info {
        width: 250px;
    }
    .footer__row + .footer__row{
        margin-top: 8px;
    }
    .footer__row > div + div:before {
        display: inline-block;
        content: '|';
        margin: 0 15px;
    }

}