body {
    background: center no-repeat url(/images/headers/fon2.jpg) #fff fixed;
    background-size: cover;
    background-attachment: fixed;
    font-family: 'Commissioner', sans-serif;
    color: #333;
    font-size: 1em;
    line-height: 20px;
    letter-spacing: -0.2px;
}

header .mod-custom {
    width: 100%;
}

.container-header {
    background: #fff;
    background-image: none;
}

.container-header .mod-menu {
    color: #333;
    transition: 0.3s;
    justify-content: center;
}

.container-header .container-nav {
    flex-wrap: wrap;
    justify-content: center;
    padding: 1em 0;
}

@media (max-width: 767.98px) {
    .container-header .container-nav {
        flex-wrap: wrap;
        justify-content: left;
        padding: 1em 0;
  }
}

.container-header .navbar-toggler {
    color: #2f59ae;
    border: 1px solid #2f59ae;
    cursor: pointer;
}

.container-top-b>* {
    margin: 1.5em 0 0.5em;
}

.container-bottom-a>* {
    margin: 2em 0 1em;
}

.footer {
    background: rgb(255, 255, 255);
    opacity: 0.8;
    color: #333;
    box-shadow: none;
}

.footer .grid-child {
    padding: 2.5rem 0.5em 1rem;
}

.site-grid>.full-width {
    grid-column: full-start/full-end;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.5) 80%);
    padding: 25px 0;
    margin-top: 1.5em;
    margin-bottom: 1em;
}

.metismenu.mod-menu .mm-toggler:after {
  	content: none;
}

.metismenu.mod-menu .metismenu-item {
    font-size: 14px;
    text-transform: uppercase !important;
    padding: 2px 15px;
}

.metismenu.mod-menu .metismenu-item button {
    text-transform: uppercase !important;
}

.metismenu.mod-menu .metismenu-item button:focus {
    outline: none;
}

.metismenu.mod-menu .metismenu-item button:hover, .metismenu.mod-menu .metismenu-item a:hover {
    color: #5e90da;
    transition: 0.3s;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.metismenu.mod-menu .metismenu-item>a, .metismenu.mod-menu .metismenu-item>button, .metismenu.mod-menu .metismenu-item>span {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.2px;
    color: #333;
}

.metismenu.mod-menu .metismenu-item>ul {
    padding: 18px 13px 20px;
    background: rgb(255,255,255,0.99);
    border-radius: 10px;
    box-shadow: 0px 0px 5px rgb(51 51 51 / 15%);
    margin-top: 6px;
}

.metismenu-item.level-2 a {
    display: inline-flex;
    text-transform: none;
    text-shadow: none;
}

.metismenu.mod-menu .metismenu-item.active>a, .metismenu.mod-menu .metismenu-item>a:hover {
    text-decoration: none;
}

.metismenu.mod-menu .metismenu-item.active>button {
    color: #5e90da;
}

.mod-list li {
    padding: 0.5em;
    line-height: 20px;
    text-shadow: none;
    text-align: center;
    font-size: 0.95em;
    text-transform: uppercase;
    line-height: 18px;
    font-weight: 500;
}


.mod-list li a {
    font-size: 0.95em;
    line-height: 18px;
}

.mod-list li a:hover {
    text-decoration: none;
}

.mod-list li.active>a {
    text-decoration: none;
    color: #5e90da !important;
}

.container-header .metismenu>li.level-1.active>a {
    color: #5e90da;
}



.blog-items {
    margin: 0;
}

main {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.2) 30%);
    padding: 25px;
    border-radius: 8px;
}

.blog-items .blog-item {
    padding: 25px;
    background: #fff;
    margin: 2px 0;
    border-radius: 6px;
}

.com-content-article__body {
    padding: 15px 25px;
    /* background: #fff; */
    margin: 2px 0;
}

.container-header {
    background: rgb(255, 255, 255, 1);
    box-shadow: 0 2px 8px rgb(0 0 0 / 5%);
    /*opacity: 0.9;*/
}

.card {
    word-wrap: break-word;
    background-clip: border-box;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.5) 80%);
    border: none;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
    border-radius: 8px;
}

.container-top-a {
    margin-top: 1em;
}

.container-bottom-b {
    margin-top: 0.5em;
}

.card-body {
    flex: 1 1 auto;
    padding: 25px;
}

.card-header {
    background: linear-gradient(20deg, rgba(94, 144, 218, 0.3) 0%, rgba(34, 79, 170, 0.9) 80%);
    box-shadow: none;
    border-bottom: none;
    margin-bottom: 0;
    padding: 10px 10px 14px;
    color: #fff;
    text-align: center;
}

.card-header:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.l-wite-background {
    background: rgb(255,255,255,1);
}

.l-wite-background2 {
    background: rgb(255,255,255,0.94);
}

.blog-item .item-image {
    margin-bottom: 25px;
    /* margin-top: 3px; */
    overflow: hidden;
    width: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.text-muted {
    --text-opacity: 1;
    color: #bbb!important;
    font-size: 0.8em;
}


.mod-articlesnews__item {
    background: #fff;
    padding: 25px;
    border-radius: 6px;
    margin-bottom: 20px;
}



.form-control {
    border: none;
}

.btn-primary {
    background: linear-gradient(20deg, rgba(94, 144, 218, 0.3) 0%, rgba(34, 79, 170, 0.9) 80%);
    border: none;
}

.page-item.active .page-link {
    background-color: var(--cassiopeia-color-link);
    border-color: var(--cassiopeia-color-link);
}




p, li {
    text-align: justify;
    font-size: 1em;
    line-height: 21px;
}

.attention {
  	font-weight: 600;
  	color: #ef2d00;
}

.uk-scope address, .uk-scope dl, .uk-scope fieldset, .uk-scope figure, .uk-scope ol, .uk-scope p, .uk-scope pre, .uk-scope ul {
    margin: 0 0 15px 0;
}

.uk-scope *+ul {
    margin-top: 15px;
}

th, td {
    padding: 10px;
    border: 1px rgb(133,169,210,0.1) solid;
}

th {
	color: #333;  
  	font-weight: 600;
}


b, strong {
    font-weight: 600;
  	color: #333;
}

.uk-scope strong {
    font-weight: 600;
 	color: #333;
}

em, .uk-scope em {
    color: #aaa;
}

a, .uk-scope a {
    font-weight: 600;
    color: #5e90da;
    transition: 0.2s;
}

a:hover, .uk-scope a:hover {
    color: #3c63c0;
    text-decoration: none;
    transition: 0.2s;
}

a:focus, a:hover {
    color: #3c63c0;
}

a:not([class]) {
    text-decoration: none;
}

h1 {
    font-family: 'Commissioner', sans-serif;
    font-weight: 600;
    font-size: 31px;
    text-align: center;
    margin-bottom: 25px;
    color: var(--cassiopeia-color-link);
    text-shadow: 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff;
}

h2 {
    font-family: 'Commissioner', sans-serif;
    font-weight: 600;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 20px;
    color: var(--cassiopeia-color-link);
}

h3 {
    font-family: 'Commissioner', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: var(--cassiopeia-color-link);
}

h4 {
    font-family: 'Commissioner', sans-serif;
    font-weight: 600;
    font-size: 18px;
    margin-top: 20px;
    color: #333;
    margin-bottom: 15px;
}

.uk-scope .uk-margin > h4 {
    font-family: 'Commissioner', sans-serif;
    font-weight: 600;
    font-size: 18px;
    margin-top: 20px;
    color: #333;
    margin-bottom: 15px;
}

.uk-scope .uk-h4, .uk-scope h4 {
    font-family: 'Commissioner', sans-serif;
    font-weight: 600;
    font-size: 18px;
    margin-top: 20px;
    color: #333;
    margin-bottom: 15px;
}

.uk-scope .uk-light .uk-slidenav {
    color: #fff;
    background: rgb(55,55,55,0.3);
}

.uk-scope .uk-card-body {
    padding: 20px 30px 25px;
}


/*ИКОНКИ ДОКУМЕНТОВ*/

.my-fas {
    font-size: 60px; 
    color: var(--cassiopeia-color-link);
}

.my-fas-doc i {
    font-size: 30px;
    color: var(--cassiopeia-color-link);
    margin: 0px 7px 0px 0;
}

.my-fas-doc {
    display: flex;
    margin-bottom: 10px;
    text-decoration: none;
}

.my-fas-doc-small .my-fas-doc i {
    font-size: 27px;
    margin: 5px 10px 0 0;
    color: var(--cassiopeia-color-link);
}

.my-fas-doc i.fa-file-alt {
    margin-right: 15px;
}

/*ИКОНКИ ДОКУМЕНТОВ*/


.pg-item-box {
    border: none;
    margin: 12px;
}

.pg-item-box-title, .pg-category-box-title {
    color: #fff;
    font-weight: 600;
    /*background-color: rgb(175,150,106,0.85);*/
    background-color: var(--cassiopeia-color-link);
    background: linear-gradient(210deg, rgba(94, 144, 218, 0.3) 0%, rgba(34, 79, 170, 0.9) 80%);
    width: 100%;
    border-radius: 0;
    font-size: 100%;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 0.5em 0.8em 0.8em;
}

.pg-item-box-title a:hover, .pg-category-box-title a:hover {
    color: #5e90da;
}

.pg-category-box-image svg, .pg-detail-item-image-box img, .pg-item-box-image img, .pg-item-box-image svg, .pg-category-box-image img {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: none;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

/*.pg-item-box-image {
    background: rgb(255,255,255,0.7);
}*/

.pg-svg-box {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: none;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.ph-si-back-medium, .ph-si-category-medium {
    color: var(--cassiopeia-color-link);
    background: rgb(255,255,255,0.7);
}

.ph-si-category {
    display: none;
}

.pg-item-box-title a:hover {
    /*color: #cce4ff;*/
}


figure.float-start {
    margin: 15px 30px 30px 15px;
    width: 38%;
}

span.icon-location {
    display: none;
}

li.breadcrumb-item a {
    text-decoration: none;
}

.breadcrumb {
    background-color: rgba(24,68,134,0);
    border-radius: 8px;
}


/* --- COOKIE --- */

#cookie-confirm {
    position: fixed;
    bottom: 0;
    background: rgba(255,255,255,0.8);
    z-index: 30000;
    padding: 25px;
    text-align: center;
    width: 280px;
    left: 0;
    font-size: 0.85em;
    border-top-right-radius: 6px;
}

#cookie-confirm button {
    background: #5e90da;
    color: #ffffff;
    font-weight: 500;
    font-size: 1.2em;
    padding: 4px 20px 6px;
    border: none;
    font-family: 'Commissioner', sans-serif;
    border-radius: 50px;
    transition: 0.3s;
}

#cookie-confirm button:hover, #cookie-confirm button:focus {
    background: #3c63c0;
    transition: 0.3s;
}

#cookie-confirm p {
    line-height: 17px;
    text-align: justify;
}

/* --- COOKIE --- */