html,
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #111;
    background: #e1e1e1;
}

ul {
    padding-inline-start: 0;
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

div [itemprop="articleBody"] ol li {
    list-style: decimal !important;
}

button:focus,
input:focus {
    outline: none;
}

a {
    color: #2389da;
}

a:hover {
    text-decoration: none;
    opacity: 0.65;
}

cite {
    padding: 15px 20px;
    background: #fff;
    color: #014a7f;
    border-left: 3px solid #014a7f;
    border-radius: 4px;
    display: block;
}

p {
    text-indent: 10px;
}

.lang-mod {
    float: right;
    padding: 0 15px;
}

.lang-inline li {
    padding-right: 0 !important;
}

.item-page {
    overflow: hidden;
}

.grey_header ul {
    max-width: 900px;
    float: left;
}

::-webkit-input-placeholder {
    /* Edge */
    color: #333;
}

#mod-search-searchword63,
#mod-search-searchword109 {
    background: #fff;
    border: none;
    color: #333;
    border-bottom: 2px solid #014a7f;
    padding: 0px 10px;
    max-width: 220px;
}

.search-box {
    float: right;
}

.mod_search63:before,
.mod_search109:before {
    width: 2px;
    height: 4px;
    background: #014a7f;
    content: "";
    position: absolute;
    display: block;
    z-index: 99999;
    margin-top: 17px;
    margin-right: 0;
}

.mod_search63:after,
.mod_search109:after {
    width: 2px;
    height: 4px;
    background: #014a7f;
    content: "";
    position: absolute;
    display: block;
    z-index: 99999;
    margin-top: -6px;
    margin-left: 218px;
}

.row-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
}

.main-content {
    padding-top: 15px;
}

/*TOP MENU*/
.top-menu {
    padding-right: 20px;
}

.top-menu li {
    float: left;
}

.top-menu li a {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    color: #003a70;
    line-height: 59px;
    text-transform: uppercase;
    display: block;
    padding: 0 10px;
}

.top-menu li.first a {
    padding-left: 0;
}

.top-menu li.last a {
    padding-right: 0;
}

.top-menu li.active a,
.top-menu li a:focus,
.top-menu li a:hover {
    display: block;
    color: #0190d3;
}

ul.maximenuck2 {
    background: #fff;
    border-top: 0px solid #0190d3;
    padding: 0 15px;
    margin-right: 25px;
}

ul.maximenuck2 li {
    float: none;
    border-bottom: 0px solid #e6e6e6;
    min-width: 120px;
}

ul.maximenuck2 li:last-child {
    border-bottom: 0px solid #ccc;
}

ul.maximenuck2 li a {
    padding: 5px 0;
}

.menu-btn {
    color: #9bc33e !important;
    border: 1px solid #9bc33e;
    padding: 10PX 15px !important;
    margin-top: 26px;
}

/*END TOP MENU*/
/*--------------------------------YELLOW HEADER*/
.grey_header {
    color: #333;
    background: #fff;
    padding: 10px 15px;
}

.grey_header ul li {
    display: inline-block;
    padding-right: 30px;
}

.grey_header i {
    display: inline-block;
    padding-right: 5px;
    font-size: 18px;
    color: #014a7f;
}

.fa-mobile {
    font-size: 21px !important;
    line-height: 18px;
}

/*--------------------------------MAIN MENU*/
.logo-link img {
    max-width: 120px;
}

.menu-section {
    background: #fff;
    /* padding-top: 5px; padding-bottom: 6px;*/
}

.company-name {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    color: #003a70;
    text-transform: uppercase;
    padding-left: 10px;
    position: absolute;
    top: 15px;
}

.main-menu-toggler {
    width: 30px;
    padding: 7px;
    height: 30px;
    position: absolute;
    top: 15px;
    right: 15px;
    text-align: center;
    align-items: flex-end !important;
    float: right;
    background: #f2aa00;
    z-index: 99;
}

.main-menu-toggler i {
    color: #fff;
}

.offcanvas-collapse {
    top: 70px !important;
    background-color: #fff !important;
    display: block !important;
}

.main-menu {
    display: flex;
    flex-flow: row wrap;
}

.main-menu li {
    display: flex;
}

.main-menu li a {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    color: #003a70;
    line-height: 59px;
    text-transform: uppercase;
    display: block;
    padding: 0 20px;
}

/*--------------------------------BREADCRUMBS*/
.breadcrumbs-container {
    padding: 12px 0;
}

.breadcrumbs-list li:first-child a,
.breadcrumbs-list li:first-child span {
    font-size: 11px;
    text-transform: uppercase;
    padding-left: 0;
    color: #333;
    padding-right: 4px;
    background: none;
}

.breadcrumbs-list li a,
.breadcrumbs-list li span {
    font-size: 11px;
    text-transform: uppercase;
    padding-left: 10px;
    color: #333;
    padding-right: 4px;
    background: url(../images/list-marker.png) no-repeat left center;
}

.breadcrumbs-list li {
    float: left;
}

.breadcrumbs-list li.bdc-hm a {
    padding-left: 0;
}

/*.breadcrumbs-list li.bdc-item:before{ content: ""; width: 5px; height: 5px; position: absolute; top: 9px; margin-left: 5px; background: url(../images/list-marker.png) no-repeat center center; float: left; }*/
/*--------------------------------SLIDER*/
.slider {
    height: 470px;
    background: url(../images/hp-bg.jpg) no-repeat bottom center #003a70;
}

.site-description {
    max-width: 700px;
    margin: 45px auto;
    text-align: center;
}

.site-description h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 42px;
    color: #fff;
    line-height: normal;
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
}

.site-description span {
    display: block;
}

.actve-sale h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    color: #f2a900;
    line-height: normal;
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
}

.sale-btn {
    display: block;
    margin: 0 auto;
    width: 230px;
    padding-bottom: 5px;
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: bold;
    color: #003a70;
    background: #f2a900 !important;
    border-radius: 4px;
}

/*--------------------------------SERVICES*/
.services-container {
    margin-top: -115px;
}

.hp-site-title {
    background: #014a7f;
    padding: 20px 0 0 0;
}

h1.site-title {
    font-size: 24px;
    padding: 5px 0;
    color: #fff;
    text-transform: uppercase;
}

.service-box {
    text-align: center;
    padding-top: 15px;
}

.service-box a {
    display: block;
}

.service-img-box {
    width: 185px;
    height: 185px;
    border-radius: 100px;
    background: #fff;
    border: 10px solid #003a70;
    box-shadow: 0px -5px 12px rgba(0, 0, 0, 0.75);
    margin: 0 auto;
}

.service-img-box:hover {
    box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.75);
}

.service-img-box img {
    width: 100%
}

.service-title {
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    text-align: center;
    color: #fff;
}

/*--------------------------------NEWS MODULE*/
.new-mod-title h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 42px;
    font-weight: bold;
    text-transform: uppercase;
    color: #003a70;
    text-align: center;
    padding: 30px 0;
}

.news-item {
    padding: 30px;
    background: #fff;
    margin-bottom: 15px;
    border-radius: 4px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.10);
}

.news-item-title h4 a {
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    color: #003a70;
    line-height: 21px;
    margin-bottom: 15px;
    height: 45px;
    overflow: hidden;
    display: block;
}

a.news-item-more-btn {
    display: block;
    width: 250px;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin: 20px auto 0;
    border-radius: 4px;
    background: #58a55b !important;
    border-bottom: 3px solid #217925 !important;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
    margin-top: 18px;
}

a.news-item-more-btn:hover {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid #217925 !important;
    margin-top: 20px;
    opacity: 1;
}

a.pdf-btn {
    display: block;
    width: 250px;
    background: #e6675d;
    border-bottom: 3px solid #c5493f;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin: 30px auto;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin-top: 28px;
}

a.pdf-btn:hover {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid #c5493f !important;
    margin-top: 30px;
    opacity: 1;
}

.news-item-more-btn a:hover {
    background: #166eb6;
    opacity: 1;
}

.all-news-link a {
    display: block;
    font-family: 'Oswald', sans-serif;
    max-width: 400px;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 55px;
    color: #fff;
    margin: 15px auto 30px auto;
    background: #f2a900;
    text-align: center;
    border-radius: 4px;
}

.news-item-prev-txt {
    height: 190px;
    overflow: hidden;
    text-align: justify;
}

/*-------------------------------- PAGE - TITLE - SECTION ---*/
.page-title-container {
    padding: 30px 0;
    background: #003a70;
}

.page-title-container h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-bottom: 0;
}

/*-------------------------------- PAGE - CONTENT---*/
.page-content-container {
    background: #fff;
    border-radius: 4px;
    padding: 30px 15px;
    margin-bottom: 45px;
    -webkit-box-shadow: 0 5px 12px rgba();
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
}

.main-content ol {
    margin-bottom: 1rem;
}

div [itemprop="articleBody"] ul {
    padding-left: 40px;
    margin-bottom: 1rem;
}

div [itemprop="articleBody"] ul li {
    padding-left: 12px;
    background: url(../images/li_marker.png) no-repeat left 9px;
}

.main-content h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    line-height: 32px;
    text-transform: uppercase;
    color: #003a70;
    letter-spacing: 0.25px;
}

.main-content h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    color: #014a7f;
    letter-spacing: 0.4px;
    text-align: center;
    background: #fff;
    padding: 15px 5px;
    border-radius: 4px;
}

.cat-children h3.page-header {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.4px;
    text-align: center;
    background: #014a7f;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}

.cat-children h3.page-header:hover {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    opacity: 0.85;
}

.cat-children h3.page-header a {
    color: #fff;
    display: block;
    padding: 15px 5px;
    opacity: 1;
}

.content-active-btns {
    margin-top: 30px;
}

.content-price-btn {
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    width: 270px;
    font-size: 21px;
    text-transform: uppercase;
    line-height: 44px;
    color: #003a70;
    margin: 0 15px 15px auto;
    background: #fff;
    border: 2px solid #003a70;
    text-align: center;
    border-radius: 4px;
}

.content-order-btn {
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    width: 270px;
    font-size: 21px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 48px;
    color: #fff;
    margin: 0 15px 15px auto;
    background: #f2a900;
    text-align: center;
    border-radius: 4px;
}

.contact-submit-btn {
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    width: 100%;
    font-size: 21px;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 48px;
    color: #fff;
    margin: 0 15px 15px auto;
    background: #f2a900;
    text-align: center;
    border-radius: 4px;
}

.ba-submit-cell .ba-btn-submit {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    line-height: 40px !important;
    letter-spacing: 2px;
    background: #58a55b !important;
    border-bottom: 3px solid #217925 !important;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
    margin-bottom: 0px;
    margin-top: 0px;
    display: block;
}

.ba-submit-cell .ba-btn-submit:hover {
    line-height: 40px !important;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    border-bottom: 2px solid #217925 !important;
    margin-bottom: -1px;
    margin-top: 1px;
    opacity: 1 !important;
}

.content-price-btn:hover,
.content-price-btn:focus,
.content-price-btn:active {
    opacity: 0.85;
    color: #003a70;
    outline: none;
}

.content-order-btn:hover,
.content-order-btn:focus,
.content-order-btn:active,
.contact-submit-btn:hover,
.contact-submit-btn:focus,
.contact-submit-btn:active {
    opacity: 0.85;
    color: #fff;
    outline: none;
}

/*-------------------------------- SIDE - CONTENT---*/
.side-content {
    border-left: 1px solid #e2e2e2;
}

.module-title {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: underline;
    color: #003a70;
    margin-bottom: 0;
    padding-left: 30px;
}

.module-content {
    font-size: 18px;
    color: #003a70;
    margin: 0 0 30px;
}

.side-service-menu li {
    padding: 7px 0;
    width: 100%;
}

.side-service-menu li a {
    padding-left: 30px;
    display: block;
    color: #003a70;
    background: url(../images/big-list-marker.png) no-repeat left center;
}

.side-service-menu li a:hover {
    color: #f2a900;
}

.content-title {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: underline;
    color: #003a70;
    text-align: center;
    margin-bottom: 0;
    padding-left: 30px;
}

.contact-name {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}

#contact-us-form .form-control {
    border: 1px solid #003a70 !important;
}

/*-------------------------------- FOOTER---*/
.footer {
    padding: 30px 0;
    background: #014a7f;
    color: #fff;
    line-height: 24px;
}

.footer ul li {}

.footer ul li a {
    color: #6ac0ff;
}

.soc-icons {
    width: 140px;
    margin: 0 auto;
}

/*-------------------------------- BLOG ---*/
.blog .page-header a {
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    text-decoration: underline;
    color: #003a70;
    text-align: center;
    margin-bottom: 0;
    letter-spacing: 0.4px;
}

.blog .item p.readmore a.btn {
    background: #003a70;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    border-radius: 4px;
    letter-spacing: 0.4px;
    display: block;
    width: 120px;
    clear: both;
}

dl.article-info.muted {
    left: 120px;
    bottom: 10px;
    font-size: 12px;
    text-decoration: underline;
    color: #acacac;
}

dl.article-info.muted dd {
    float: left;
    padding-right: 15px;
}

h2.rozklad-head {
    background: #f2aa00;
    color: #fff;
    padding: 7px 15px;
    font-size: 24px;
    text-align: center;
}

.rozklad-marshrutiv .item-page p,
.rozklad-marshrutiv .item-page tr {
    font-size: 16px;
}

ul.side-article-list,
ul.article-list {
    padding-left: 23px;
    margin-bottom: 15px;
}

.side-article-list li,
.article-list li {
    list-style: decimal-leading-zero;
}

.category-desc img {
    max-height: 250px;
    border: 5px solid #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
}

.author-net-link a {
    font-size: 24px;
    color: #014a7f;
    text-shadow: 0 1px 0px rgb(255, 255, 255);
}

.n-rada-item {
    padding-bottom: 30px;
}

.n-rada-name {
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

.n-rada-info {
    border-left: 3px solid #014a7f;
    font-style: italic;
    font-size: 14px;
    text-align: left;
    background: #f6f6f6;
    padding: 15px;
    margin-top: 10px;
    border-radius: 2px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
    overflow-y: scroll;
    scrollbar-width: none;
    height: 100px;
}

.red-col-item {
    margin-bottom: 30px;
}

.red-col-name {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

.red-col-orcid {
    margin: 3px 0;
}

.red-col-orcid a {
    text-transform: uppercase;
    text-align: center;
    color: #111;
    padding: 0;
    margin: 0;
    border: none;
    line-height: normal;
    vertical-align: top;
}

.red-col-scholar {
    margin: 0;
}

/*.red-col-scholar a{ font-size: 16px; margin: 0; color: #014a7f; }*/
.red-col-scholar a {
    font-size: 14px;
    margin: 5px;
    color: #ffffff;
    background: #4d90fe;
    padding: 5px 12px;
    border-radius: 3px;
    display: inline-block;
}

.red-col-scholar a.disabled {
    opacity: 0.3;
}

.red-col-info {
    border-left: 0px solid #014a7f;
    font-style: italic;
    font-size: 13px;
    text-align: left;
    background: #f6f6f6;
    padding: 15px;
    margin-top: 10px;
    border-radius: 2px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
    overflow-y: scroll;
    scrollbar-width: none;
    height: 220px;
}

.udk-field {
    display: inline-block;
    color: #014a7f;
    background: #fff;
    padding: 2px 5px;
    border-radius: 4px;
    float: left;
}

.doi-field {
    display: inline-block;
    color: #fff;
    background: #014a7f;
    padding: 2px 5px;
    border-radius: 4px;
    float: right;
}

.author-photo-field {
    text-align: center;
    padding-bottom: 5px;
}

.author-photo-field img,
.red-collegia img,
.n-rada-item .n-rada-img img {
    max-height: 160px !important;
    border: 5px solid #fff;
    border-radius: 0px;
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
    margin-top: 15px;
}

.author-orchid-field,
.author2-orchid-field {
    font-weight: bold;
    text-align: center;
}

.author-orchid-field span.field-value,
.author2-orchid-field span.field-value {
    font-weight: normal;
}

.author-name-field {
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.author-info-field {
    padding-left: 15px;
    border-left: 3px solid #014a7f;
    font-style: italic;
    font-size: 18px;
}

.annotation-heading-input {
    font-weight: bold;
    margin-bottom: 15px;
    padding: 15px;
    background: #fff;
    border-radius: 4px;
    color: #014a7f;
}

.annotation-text-input {}

.annotation-keywords-input {
    font-style: italic;
    margin-bottom: 15px;
    color: #014a7f;
}

.annotation-keywords-input>

.annotation-keywords-label {
    font-weight: bold;
}

.content-category h2 {
    text-align: center;
    padding: 10px 0;
}

.liter-list-label {
    padding: 10px 30px;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 15px;
    background: #fff;
    border-radius: 4px;
    color: #014a7f;
}

.liter-list ul li,
.info-list ul li,
.info-list ol li {
    padding-bottom: 15px;
    list-style: decimal-leading-zero;
}

.liter-list ul {
    padding-left: 23px;
}

.breadcrumb {
    color: #fff;
    background-color: #014a7f;
    border-radius: 0 !important;
}

.breadcrumb li a {
    color: #fff;
    margin-left: 3px;
}

.breadcrumb li span {
    color: #fff;
    margin-left: 5px;
}

.copyright {
    border-top: 1px solid #fff;
    padding-top: 30px;
    margin-top: 30px;
}

/* LG devices ( desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .main-menu li a {
        font-size: 18px;
        padding: 0 8px;
    }
}

/* MD devices (tablets, less than 992px) */
@media (max-width:991.98px) {
    .offcanvas-collapse.open {
        left: 70% !important;
        visibility: visible;
        border-top: 2px solid #003a70;
    }

    .main-menu {
        flex-flow: column;
        padding-top: 56px;
    }

    .side-content {
        border-left: 0px solid #e2e2e2;
    }

    .search-box {
        float: none;
        padding: 15px 0;
        clear: both;
    }
}

/* SM devices (phones, less than 768px)*/
@media (max-width: 768px) {
    .offcanvas-collapse.open {
        left: 60% !important;
    }

    h2.rozklad-head {
        font-size: 18px;
    }

    ul.maximenuck2 {
        margin-right: 0;
        margin-left: 25px;
    }

    .item-page {
        padding-bottom: 15px;
    }
}

/* XS devices (phones, less than 576px)*/
@media (max-width: 575.98px) {
    .red-col-info {
        font-size: 16px;
        height: auto;
    }   
    .offcanvas-collapse.open {
        left: 50% !important;
    }

    .site-description h1 {
        font-size: 30px;
    }
}

/* XS Extra small devices (phones, less than 480px) */
@media (max-width: 479.98px) {
    .company-name {
        display: none;
    }

    .offcanvas-collapse.open {
        left: 0 !important;
    }

    dl.article-info.muted {
        position: relative;
        left: 0;
        bottom: 0;
        display: table;
    }

    dl.article-info.muted dd {
        float: left;
        padding-right: 15px;
        margin-bottom: 0;
    }
}

@media (max-width: 991.98px) {
    .offcanvas-collapse {
        position: fixed;
        top: 70px;
        /* Height of navbar */
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #343a40;
        transition-timing-function: ease-in-out;
        transition-duration: .3s;
        transition-property: left, visibility;
    }

    .offcanvas-collapse.open {
        left: 0;
        visibility: visible;
    }
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

.nav-scroller .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    color: rgba(255, 255, 255, .75);
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
    color: #6c757d;
}

.nav-underline .nav-link:hover {
    color: #007bff;
}

.nav-underline .active {
    font-weight: 500;
    color: #343a40;
}

.text-white-50 {
    color: rgba(255, 255, 255, .5);
}

.bg-purple {
    background-color: #6f42c1;
}

.lh-100 {
    line-height: 1;
}

.lh-125 {
    line-height: 1.25;
}

.lh-150 {
    line-height: 1.5;
}

div [itemprop="articleBody"] img {
    max-height: 500px;
    max-width: 100%;
    margin: 0 auto;
}

div [itemprop="articleBody"] {
    padding-top: 15px;
    border-top: 1px solid #ccc;
    text-align: justify;
}

div [itemprop="articleBody"] table {
    text-align: left;
    font-size: 12px;
    background: #fff;
    border-radius: 4px;
}

ul.side-article-list li a {
    padding: 5px 0;
    display: block;
    color: inherit;
}

ul.article-list li a {
    padding: 5px 0;
    display: block;
    color: inherit;
    font-weight: bold;
}

.newsflash-title {
    font-size: 14px;
    font-weight: bold;
}

.hp-news {
    padding: 30px;
}

.mod-hp-news>

h3 {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 15px;
}

.archive-menu li a,
archive-menu li h4 a,
.archive-menu li h5 a {
    font-size: 16px;
    text-decoration: none;
    display: block;
    padding: 5px 0;
    color: #333;
}

.archive-menu li h4 a {
    font-weight: bold;
    font-size: 21px;
    padding-left: 15px;
}

.unstyled li,
.categories-module ul>

li {
    padding-left: 15px;
}

.unstyled li a {
    padding-left: 15px;
    font-size: 16px;
    text-decoration: none;
    display: block;
    padding: 5px 0;
}

/* --------------------- TAGS ---------------------*/
ul.tags li {
    color: #014a7f;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    background: #fff;
    display: inline-block;
}

ul.tags li {
    list-style: none;
}

#filter_tag {
    max-width: 420px;
    margin: 0 auto;
    border: 2px solid #014a7f;
    border-radius: 4px;
    padding: 5px 10px;
    margin-bottom: 30px;
    background: #ffffff;
    outline: none;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

select#filter_tag>

option {
    background-color: #fff;
    cursor: pointer;
}

select#filter_tag>

option li:checked {
    background-color: #ccc !important;
}

select#filter_tag>

option li:hover {
    background-color: #ccc !important;
}

#filter_tag option[hover] {
    background-color: red;
    font-weight: bold;
    text-decoration: underline;
}

/* --------------------- END TAGS ---------------------*/
/* --------------------- PP-CATEGORY-LIST ---------------------*/
.pp-art-list li {
    list-style: decimal-leading-zero;
    margin-left: 30px;
}

.pp-art-list li a {
    padding: 5px 0;
    display: block;
    color: inherit;
    font-weight: bold;
}

fieldset.filters {
    display: block;
    margin: 0 auto;
}

/* --------------------- PP-CATEGORY-LIST ---------------------*/
@media (max-width: 768px) {
    .floatck {
        position: relative !important;
    }

    ul.maximenuck2 li a {}

    .top-menu li a {
        padding: 0 10px;
    }

    .top-menu li.first a {
        padding-left: 10px;
    }
}

.person-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    margin-bottom: 15px;
    border: 10px solid #fff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
}

.arkhiv-nomeriv form[action="http://www.publichne-pravo.com.ua/arkhiv-nomeriv.html"],
.arkhiv-nomeriv form[action="http://www.publichne-pravo.com.ua/arkhiv-nomeriv/pp-2019.html"],
.arkhiv-nomeriv form[action="http://www.publichne-pravo.com.ua/arkhiv-nomeriv/pp-2020.html"],
.arkhiv-nomeriv form[action="http://www.publichne-pravo.com.ua/arkhiv-nomeriv/pp-2021.html"],
.arkhiv-nomeriv form[action="http://www.publichne-pravo.com.ua/arkhiv-nomeriv/pp-2022.html"],
.arkhiv-nomeriv form[action="http://www.publichne-pravo.com.ua/arkhiv-nomeriv/pp-2023.html"],
.arkhiv-nomeriv form[action="http://www.publichne-pravo.com.ua/arkhiv-nomeriv/pp-2024.html"],
.arkhiv-nomeriv form[action="http://www.publichne-pravo.com.ua/arkhiv-nomeriv/pp-2025.html"],
.arkhiv-nomeriv form[action="http://www.publichne-pravo.com.ua/arkhiv-nomeriv/pp-2026.html"],
.arkhiv-nomeriv form[action="http://www.publichne-pravo.com.ua/arkhiv-nomeriv/pp-2027.html"],
.arkhiv-nomeriv form[action="http://www.publichne-pravo.com.ua/arkhiv-nomeriv/pp-2028.html"],
.arkhiv-nomeriv form[action="http://www.publichne-pravo.com.ua/arkhiv-nomeriv/pp-2029.html"] {
    display: none;
}