a {color: #1864b4;}
.float-end {display: none;}
strong {color: unset;}
ul, ol {margin: .5rem 0;padding-left:2rem;}
h1 {text-align: center;background-color: #fff;border: 1px solid #e6e9ee;padding: 5rem;margin: 0;}

@media (max-width: 991.98px) {
.container-header .mod-menu .mod-menu__sub, .container-header .mod-menu .dropdown-menu {width: 100%;}
.container-header .mod-menu .mod-menu__sub .nav-item > a,.container-header .mod-menu .dropdown-menu .dropdown-item {white-space: normal;}

#teachers-contacts thead{display:none}
  #teachers-contacts,#teachers-contacts tbody,#teachers-contacts tr,#teachers-contacts td{display:block;width:100%}
  #teachers-contacts tbody tr{padding:0.5rem 0;border-bottom:0.0625rem solid #e6e9ee}
  #teachers-contacts tbody td{width:100% !important;border:0;padding:0.25rem 0.75rem}
  #teachers-contacts tbody td:nth-child(2)::before{content:"Телефон викладача";display:block;width:100% !important;font-size:0.75rem;color:#6b7280;margin-bottom:0.25rem;letter-spacing:.03em;text-transform:uppercase}
  #teachers-contacts tbody td:nth-child(3)::before{content:"Електронна адреса";display:block;width:100% !important;font-size:0.75rem;color:#6b7280;margin-bottom:0.25rem;letter-spacing:.03em;text-transform:uppercase}

}

@media (min-width: 992px) {
.container-header .mod-menu .parent:hover > .mod-menu__sub,.container-header .mod-menu .parent:focus-within > .mod-menu__sub {display: block !important;}
}
.g-main-nav .g-toplevel {font-weight: 600;}
.g-menu-item-title {font-size:.9rem;}
.g-main-nav .g-sublevel > li > .g-menu-item-container {padding:0.5rem 1rem;}
.container-header .mod-menu .mod-menu__sub .nav-item > a {display: block;  padding: 8px 16px;  color: #fff;  text-decoration: none;}
.container-header .mod-menu .mod-menu__sub .nav-item > a:hover {background: rgba(255,255,255,.1);}
.container-header,.container-header .container-nav {overflow: visible;}
.container-header .mod-menu .mod-menu__sub,.container-header .mod-menu .dropdown-menu {width: max-content;min-width: 220px;}
.container-header .mod-menu .mod-menu__sub .nav-item > a,.container-header .mod-menu .dropdown-menu .dropdown-item {white-space: nowrap;display: inline-flex;align-items: center;gap: 8px;min-width: 100%;}

#g-main {background: linear-gradient(to bottom, #0064b4 0%, #0064b4 30rem, #fafafa 30rem, #fafafa 100%);}
.container-header .mod-menu .parent {position: relative;}
.container-header .mod-menu .mod-menu__sub {position: absolute;left: 0;top: 100%;min-width: 220px;background: #1f2d5a;padding: 8px 0;border-radius: 8px;list-style: none;display: none;z-index: 1000;}
.col {padding:0;}
.g-main-nav .g-sublevel > li .g-menu-item-content {display: initial;}
.breadcrumb {background-color: #0064b4;color:#fff;--breadcrumb-item-active-color: #fff;--breadcrumb-divider-color: #fff;font-weight: 600;}
.breadcrumb a {color:#fff;font-weight: 600;}

.container-header .mod-menu {justify-content: center;align-items: center;}
footer#g-footer .g-content {margin:0;}
.mod-footer {text-align: center;line-height: 1;}
.mod-footer p {margin:.75rem;}
.mod-footer hr {margin:.5rem;border-bottom: 1px solid #F0F2F4;}

figure.none.item-image {margin: 0;}
figure.none.item-image img {max-height: 20rem;object-fit: cover;}
.article {background-color: #fff;padding: 1.5rem;border: 1px solid #dfe3e7;border-radius: 0 0 5px 5px;}
.article::after {content: "";display: block;clear: both;}
.article .two-block {display: flex;gap: 20px;}
.article .two-block .block {flex: 1;width: 50%;}
.article h3 {font-size:1.3rem; color: #0064b4;text-align: center !important;border-top: 2px solid #e5e5e5;border-bottom: 2px solid #80b1d9;padding: .5rem 0;margin: 0 0 1.5rem;}
.article h4 {margin: 1rem 0;border-bottom: 2px solid #80b1d9;}
.article p {margin:0;text-align: justify;}
.article div.block p {border: 1px solid #e5e5e5; border-radius: 5px;padding:.5rem;background-color: #f7f7f7;margin: 0 0 1rem;}
.article .icons {text-align:center;pointer-events:auto!important}
.article .icons a {padding: 0 .5rem;text-decoration: none;pointer-events:auto!important;display:inline-block;transition: color 0.3s ease;}
.article .icons .fa-education-ua:hover {color:#a0dc00;}
.article .icons .fa-facebook:hover {color:#1877F2;}
.article .icons .fa-twitter:hover {color:#1c9cea;}
.article .icons .fa-instagram:hover {color:#f72a71;}
.article .icons .fa-google:hover {color:#32a350;}

.three-blocks {display:flex;justify-content:space-between;gap:20px;text-align:center;margin-bottom: 1.5rem;}
.three-blocks div {flex:1;padding:10px;border:1px solid #ccc;border-radius:6px;}

#teachers-contacts{width:100%;border:1px solid #dfe3e7;border-radius:4px;border-collapse:separate;border-spacing:0;background:#fff;overflow:hidden;font-size:1rem;line-height:1.35}
#teachers-contacts thead td{padding:0.5rem 0.75rem;font-weight:700;text-align:left;background:#f6f8fb;color:#1f2a37;border-bottom:1px solid #e6e9ee}
#teachers-contacts tbody td{padding:0 0.75rem;vertical-align:top;border-bottom:1px solid #eef1f5;}
#teachers-contacts tbody tr:nth-child(odd){background:#fcfdff}
#teachers-contacts tbody tr:hover{background:#f2f6ff}
#teachers-contacts thead td+td,#teachers-contacts tbody td+td{border-left:1px solid #eef1f5}
#teachers-contacts thead td:nth-child(1),#teachers-contacts tbody td:nth-child(1){}
#teachers-contacts thead td:nth-child(2),#teachers-contacts tbody td:nth-child(2){white-space:nowrap}
#teachers-contacts thead td:nth-child(3),#teachers-contacts tbody td:nth-child(3){}
#teachers-contacts p{margin:0.25rem 0;}
#teachers-contacts p.id{margin-top:0.25rem;color:#4b5563;font-size:0.9rem}
#teachers-contacts .fa-contact{margin-right:0.5rem;color:#111827;opacity:.95}
#teachers-contacts td.mail a{text-decoration:none;word-break:break-word}
#teachers-contacts td.mail a:hover{text-decoration:underline}

.article#classroom section {display: inline-block;width: 100%;padding:.5rem 1rem;margin-bottom:.5rem;box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);border:unset;}
.article#classroom section i {line-height: 1;}
.article#classroom section p {margin:.25rem;}
.article#classroom section ul {margin:.25rem 1.5rem;}

.article h5 {margin:1.5rem 0 0;font-weight:600;}
.article section {padding:.5rem;background-color:#f8f9fa;border:1px solid #a2a9b1;border-radius: 4px;}
.article section ul.pub {list-style:none;padding-left:1rem;margin:0;}
.article section ul.pub li p {margin:0;}

div.eprocess div p {display:block !important;margin:.5rem 0}
div.eprocess div p .time {display:block !important;float: unset !important;}
div.eprocess div {display: block;border: 1px solid #e9e9e9;border-radius: 4px;margin: .5rem 0;padding: .25rem 0;}
div.eprocess h4 {margin: .5rem 0;padding: 0 1.25rem .5rem;}
div.eprocess div p {padding: 0 1rem;border-left: .25rem solid transparent;}
div.eprocess div p.done {border-left: .25rem solid #4caf50;}
div.eprocess div p.next {border-left: .25rem solid #2196f3;}
div.eprocess div p.cancel {border-left: .25rem solid #FF5722;}
div.eprocess div p.soon {border-left: .25rem solid #ff9800;}
div.eprocess div p.done.date:before {font-family: 'FontAwesome';content: "\f00c";color: #4caf50;display: inline-block;text-align: center;width: 2rem;font-weight: 400;}
div.eprocess div p.next.date:before {font-family: 'FontAwesome';content: "\f061";color: #2196f3;display: inline-block;text-align: center;width: 2rem;font-weight: 400;}
div.eprocess div p.cancel.date:before {font-family: 'FontAwesome';content: "\f00d ";color: #FF5722;display: inline-block;text-align: center;width: 2rem;font-weight: 400;}
div.eprocess div p.soon.date:before {font-family: 'FontAwesome';content: "\f073";color: #ff9800;display: inline-block;text-align: center;width: 2rem;font-weight: 400;}
div.eprocess div p .time {float: right;}
div.eprocess div p .time:before {font-family: 'FontAwesome';content: "\f017";color: #2056a6;display: inline-block;text-align: center;width: 2rem;font-weight: 400;}
div.eprocess div p a {padding: .25rem .5rem;border-radius: 4px;}
div.eprocess div p a.four {background: #f3db91;}
div.eprocess div p a.eight {background: #d6df7a;}
div.eprocess div p a.nine {background: #e1bee7;}
div.eprocess div p a.twelve {background: #e2eff5;}

.article .svg-inline--fa {padding-right: .75rem;}
.price-info {margin: .5rem 0; text-align: right;}
.article table h4, .article table h5 { margin: 0; text-align: center;}

#schedule {
    display: inline-flex;
    margin-bottom: .5rem;
    padding: 0;
    flex-wrap: wrap;
}
#timetable section {
    padding: 0;
    background-color: transparent;
    border: none !important;
    border-radius: 0;
}
#schedule a {
    display: inline-block;
    border: .1rem solid #c4e0c4;
    margin: 0;
    padding: 1rem;
    width: 50%;
    font-weight: 400;
    transition: .5s;
}

#schedule a:hover {
    background: #fafafa;
    text-decoration: none;
    color: #234323;
    transition: .2s;
}

#timetable figure {
    width: 100%;
    display: inline-block;
    margin: 0;
}

#timetable figure p:nth-child(3n+2) {
    margin: 0 .4% 0 .8%;
}

#timetable figure p:nth-child(3n+3) {
    margin: 0 .8% 0 .4%;
}

#timetable h1.tasks {
    font-size: 1.6rem;
    margin: 1rem 0;
    padding: .5rem 0;
    border: 2px #52b5c3;
    border-style: solid none;
}

#timetable h1.schedule {
    font-size: 1.6rem;
    margin: 1rem 0;
    padding: .5rem 0;
    border: 2px #ffc300;
    border-style: solid none;
}

#timetable h2 {
    width: calc(100% + 4rem);
    background-color: #ffd24d;
    line-height: 1.2;
    color: #263238;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 -2rem;
    padding: 2rem;
    border-radius: 0;
    border: unset;
}

#timetable h2 strong {
    color: #5c5c5c;
}

#timetable h2.tasks {
    background: url(/images/mainframe/distance-learning-cover.jpg);
    background-size: cover;
    background-position: center;
    padding: 8rem 2rem;
}

#timetable h2.schedule {
    background: url(/images/mainframe/schedule.jpg);
    background-size: cover;
    background-position: center;
    padding: 8rem 2rem;
}

#timetable h2.video-lectures {
    background: url(/images/mainframe/video-lectures.jpg);
    background-size: cover;
    background-position: center;
    padding: 8rem 2rem;
}

#timetable h4 {
    font-size: 1rem;
    text-align: left;
    font-weight: 400;
}

#timetable h5 {text-align: left;margin: 1rem 0 .25rem;border-bottom: 1px solid #4d4d4d;}

#timetable blockquote p, div.itemFullText blockquote p {
    color: #5c5c5c;
    font-size: 1rem;
}

#timetable figure p {
    background: url(/images/schedule.jpg);
    background-size: cover;
    position: relative;
    border-radius:5px;
    background-position: right !important;
    width: 24.4%;
    padding: 1rem .5em;
    margin: 0 0 .5%;
    font-size: 1.2rem;
    color: #615c6b;
    text-align: center;
    border: 1px solid #999;
    transition: .6s;
    line-height: 1.2;
    font-weight: 700;
    float: left;
}

#timetable figure p a:hover {color: #000;}

#timetable figure p.new:after {
    content: "Новий набір!";
    position: absolute;
    height: 1rem;
    background: #fff;
    color: red;
    font-size: .75rem;
    padding: 0 .5rem;
    border: 1px solid grey;
    border-radius: 4px;
    top: -.5rem;
    right: 0;
}

#timetable figure p.soon:after {
    content: "Скоро сесія!";
    position: absolute;
    height: 1rem;
    background: #fff;
    color: #4caf50;
    font-size: .75rem;
    padding: 0 .5rem;
    border: 1px solid grey;
    border-radius: 4px;
    top: -.5rem;
    right: 0;
}

#timetable figure p.now:after {
    content: "Сесія триває";
    position: absolute;
    height: 1rem;
    background: #fff;
    color: #FF9800;
    font-size: .75rem;
    padding: 0 .5rem;
    border: 1px solid grey;
    border-radius: 4px;
    top: -.5rem;
    right: 0;
}

#timetable figure p.practice:after {
    content: "Практика";
    position: absolute;
    height: 1rem;
    background: #fff;
    color: #673AB7;
    font-size: .75rem;
    padding: 0 .5rem;
    border: 1px solid grey;
    border-radius: 4px;
    top: -.5rem;
    right: 0;
}

#timetable figure p.daytime:after {
    content: "Семестр триває";
    position: absolute;
    height: 1rem;
    background: #fff;
    color: #2196F3;
    font-size: .75rem;
    padding: 0 .5rem;
    border: 1px solid grey;
    border-radius: 4px;
    top: -.5rem;
    right: 0;
}

#timetable figure p.holidays:after {
    content: "*Канікули!*";
    position: absolute;
    height: 1rem;
    background: #fff;
    color: #9C27B0;
    font-size: .75rem;
    padding: 0 .5rem;
    border: 1px solid grey;
    border-radius: 4px;
    top: -.5rem;
    right: 0;
}

#timetable figure p.next:after {
    content: "*Скоро!*";
    position: absolute;
    height: 1rem;
    background: #fff;
    color: #9C27B0;
    font-size: .75rem;
    padding: 0 .5rem;
    border: 1px solid grey;
    border-radius: 4px;
    top: -.5rem;
    right: 0;
}

#timetable figure.info p {
    background: #f1f3f2;
    font-size: 1rem;
    font-weight: normal;
    border-radius: 4px;
}

#timetable figure.info p:hover {
    box-shadow: none;
}

.myspoiler {
  margin: 1rem 0;
}
.myspoiler summary {
  cursor: pointer;
  padding: 0.5rem 1rem;
  background: #e2eff5;
  border-radius: 8px;
  font-weight: 600;
  transition: background 0.3s;
}
.myspoiler summary:hover {
  background: #c7e0ec;
}
.myspoiler-content {
  margin-top: 0.5rem;
  padding: 0.25rem .5rem;
  background: #ffffff;
  border-left: 4px solid #80b1d9;
  border-radius: 6px;
}

.blog-items.news {margin: 0 0 .5rem;grid-gap:1rem;background-color: #fff;padding: 1.5rem;border: 1px solid #dfe3e7;border-radius: 0 0 5px 5px;}
.news div.blog-item {display:table;border: 1px solid #dfe3e7;border-radius:4px;background-color:#fff;}
.news div.blog-item .item-image {display:table-cell;width:20rem;padding-right: 1rem;}
.news div.blog-item .item-image img {height: 10rem;object-fit: cover;}
.news div.blog-item .item-content {display:table-cell;vertical-align: top;}
.news div.blog-item .item-content h2 {font-size:1.2rem;margin:.5rem 0;}
.news div.blog-item .item-content p {font-size:1rem;margin:.5rem 0;}
.news div.blog-item .item-content .article-info {margin:.25rem 0 .5rem;}
.news div.blog-item .item-content .article-info .published {margin:0;display: inline-block;background: #f0f2f4;padding: .25rem .5rem;border-radius: 5px;}

.article-news {background-color: #fff;}
.article-news h1 {padding:1rem;font-size:1.4rem;margin: 0;font-weight: 600;}
.article-news .com-content-article__body {padding:1rem 1.5rem;}
.article-news .com-content-article__body p {margin: 0 0 .5rem;}
.article-news .item-image img {width: 100%;height: 100%;max-height: 100% !important;}
.article-news .article-info.text-muted {margin: 0;padding: .5rem 0;background: #f0f2f4;}
.article-news .article-info.text-muted .published {margin:0 1.5rem;}

.schedule {background-color: #fff;}
.schedule figure .item-image img {}
.schedule .com-content-article__body {padding: 0 1.5rem 1rem;}
.schedule .page-header {padding: 0 1rem;}
.schedule .page-header h1 {text-align: center;margin:0;background-color: unset;border: none;padding: unset;}
.schedule blockquote {margin: 0 0 1rem;}
.schedule section {padding:.5rem;margin-bottom: 1rem;border-radius: 5px;}
.schedule section.dp {background-color: #E3F2FD;}
.schedule section.dz {background-color: #E0F2F1;}
.schedule section.kz {background-color: #FBE9E7;}
.schedule section.sv {background-color: #ECEFF1;}
.schedule h4 {margin:.5rem 0}
.schedule h4 svg {margin-right: 1rem;}
.info-block {background-color: #d9edf7;padding: 15px 20px;margin: 20px;border-radius: 5px;}
.info-block .calendar-icon::before {content: "📅 ";}
.university {padding: 15px 20px;margin: 20px;font-size: 1.2rem;}
.university::before {content: "🏛️ ";}
.schedule-table {background: white;border-radius: 5px;overflow: hidden;border: 1px solid #ddd;}
.schedule-row {display: flex;justify-content: space-between;align-items: center;padding: .2rem .2rem .2rem 1rem;border-bottom: 1px solid #ddd;}
.schedule-row:hover {background-color:#fafafa;}
.schedule-row:last-child {border-bottom: none;}
.group-name {font-size: 1rem;color: #333;}
.schedule-info {background-color: #fff3cd;padding: 8px 15px;border-radius: 4px;font-size: .9rem;color: #856404;}

#staff section {margin-bottom:1rem;overflow:auto;padding:15px;transition:all 0.4s ease;border-radius:8px;}
#staff section:last-child {margin-bottom:0;}
#staff section:hover {background-color:rgba(0,0,0,0.02);box-shadow:0 4px 12px rgba(0,0,0,0.1);}
#staff section img {float:right;filter:grayscale(30%) contrast(110%) brightness(105%);transition:all 0.4s ease;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);}
#staff section:hover img {filter:grayscale(0%) contrast(115%) brightness(110%);transform:translateX(-10px);box-shadow:0 8px 16px rgba(0,0,0,0.2);}

.ua-flag {display: inline-block;width: 2rem;height: 1.25rem;background: linear-gradient(to bottom, #0057B7 0%, #0057B7 50%, #FFD700 50%, #FFD700 100%);margin-right: .5rem;vertical-align: middle;border: 1px solid #ddd;}
.pl-flag {display: inline-block;width: 2rem;height: 1.25rem;background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 50%, #DC143C 50%, #DC143C 100%);margin-right: .5rem;vertical-align: middle;border: 1px solid #ddd;}

.open-doors-schedule { display: flex; flex-direction: column; gap: 12px; }
.open-doors-event { display: flex; align-items: center; padding: .25rem 1rem; background: #fff; border: 2px solid #e0e0e0; border-radius: 8px; transition: all 0.2s; }
.open-doors-event:hover { border-color: #bbb; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.open-doors-event.past-event { background: #f8f8f8; }
.open-doors-event.past-event .od-date { color: #999; }
.open-doors-event.past-event .od-time { color: #aaa; }
.open-doors-event.past-event .od-icon i { color: #bbb; }
.open-doors-event.upcoming-event { background: #4CAF50; color: white; border-color: #4CAF50; box-shadow: 0 3px 12px rgba(76,175,80,0.3); }
.open-doors-event.upcoming-event:hover { box-shadow: 0 4px 16px rgba(76,175,80,0.4); }
.od-icon { display: flex; align-items: center; justify-content: center; width: 40px; min-width: 40px; margin-right: 16px; }
.od-icon i { font-size: 22px; color: #555; }
.open-doors-event.upcoming-event .od-icon i { color: white; }
.od-date { font-size: 17px; font-weight: 600; color: #222; display: flex; align-items: center; gap: 6px; flex: 0 1 auto; }
.open-doors-event.upcoming-event .od-date { color: white; }
.od-date a { color: #222; text-decoration: none; display: flex; align-items: center; gap: 6px; }
.od-date a:hover { color: #4CAF50; }
.open-doors-event.past-event .od-date a { color: #999; }
.open-doors-event.past-event .od-date a:hover { color: #777; }
.open-doors-event.upcoming-event .od-date a { color: white; }
.open-doors-event.upcoming-event .od-date a:hover { text-decoration: underline; }
.od-fb { font-size: 16px; color: #1877f2; margin-left: 4px; }
.open-doors-event.past-event .od-fb { color: #aaa; }
.open-doors-event.upcoming-event .od-fb { color: rgba(255,255,255,0.9); }
.od-time { font-size: 15px; color: #666; display: flex; align-items: center; gap: 6px; font-weight: 500; margin-left: auto; white-space: nowrap; padding-left: 20px; }
.open-doors-event.upcoming-event .od-time { color: rgba(255, 255, 255, 0.95); }
.od-time i { font-size: 14px; }
@media (max-width: 600px) { .open-doors-event { padding: 14px 16px; flex-wrap: wrap; } .od-icon { width: 36px; min-width: 36px; margin-right: 14px; } .od-icon i { font-size: 20px; } .od-date { font-size: 16px; flex: 1 1 100%; } .od-time { font-size: 14px; margin-left: 50px; padding-left: 0; margin-top: 4px; } .od-fb { font-size: 14px; } }

.latestnews .mod-articles-item { margin-bottom: 0.5rem; border: 1px solid #ddd; border-radius: 4px; background: #fff; overflow: hidden; }
.latestnews .mod-articles-item-content { display: flex; gap: 0; align-items: stretch; min-height: 8rem;}
.latestnews .mod-articles-image { flex-shrink: 0; width: 15rem; margin: 0; }
.latestnews .mod-articles-image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.latestnews .mod-articles-text-content { flex: 1; padding: .5rem 1rem; }
.latestnews .mod-articles-title { margin: 0 0 .25rem 0; border-bottom: none;}
.latestnews .list-unstyled { margin: 0 0 .25rem 0; }
.latestnews .mod-articles-date { margin: 0; }